:root{--green-950:#06130f;--green-900:#0a1f19;--green-800:#123327;--green-700:#1b4a39;--bone:#f3ead8;--bone-soft:#d8ccb5;--bone-muted:#9f927c;--line:rgba(243,234,216,0.16);--shadow:rgba(0,0,0,0.36);--font-display:"Azurio","Cormorant Garamond",Georgia,serif;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--green-950);color:var(--bone);scroll-behavior:smooth}section[id]{scroll-margin-top:6rem}body{min-height:100vh;margin:0;background:linear-gradient(180deg,rgba(6,19,15,.62),var(--green-950) 44rem),linear-gradient(135deg,rgba(27,74,57,.18),transparent 44rem),var(--green-950);color:var(--bone);font-family:var(--font-body)}body::selection{background:var(--bone);color:var(--green-950)}a{color:inherit;text-decoration:none}iframe,img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.1rem clamp(1rem,4vw,3rem);background:linear-gradient(180deg,rgba(6,19,15,.84),transparent);color:var(--bone)}.brand-wrap{position:relative}.brand{display:inline-flex;font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1}.brand-about{position:absolute;top:calc(100% + .85rem);left:0;width:min(19rem,calc(100vw - 2rem));border:1px solid var(--line);border-radius:1.05rem;background:rgba(6,19,15,.9);padding:.95rem 1rem 1rem 4.5rem;opacity:0;pointer-events:none;transform:translateY(.8rem) scale(.94) rotate(-1.5deg);transform-origin:2.2rem -.2rem;transition:opacity .22s ease,transform .36s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1rem 2.1rem var(--shadow)}.brand-about:before{content:"";position:absolute;inset:-.9rem 0 auto;height:.9rem}.camera-top{position:absolute;top:-.38rem;left:1.1rem;width:2.8rem;height:.75rem;border:1px solid var(--line);border-bottom:0;border-radius:.75rem .75rem 0 0;background:rgba(6,19,15,.9)}.camera-lens{position:absolute;top:50%;left:.85rem;width:2.55rem;height:2.55rem;border:1px solid rgba(243,234,216,.34);border-radius:50%;background:radial-gradient(circle,rgba(243,234,216,.14) 0 28%,transparent 29%),radial-gradient(circle,rgba(216,204,181,.22) 0 54%,transparent 55%),rgba(243,234,216,.06);transform:translateY(-50%)}.camera-flash{position:absolute;top:.78rem;right:.85rem;width:1rem;height:.55rem;border:1px solid rgba(243,234,216,.22);border-radius:.2rem;background:var(--bone-soft);box-shadow:0 0 1rem rgba(243,234,216,.35)}.brand-about .section-kicker{margin-bottom:.45rem;color:var(--bone);font-size:.7rem}.brand-about p:last-child{margin:0;color:rgba(243,234,216,.92);font-size:.88rem;line-height:1.5}.hero .brand-about .section-kicker{margin:0 0 .45rem;color:var(--bone);font-size:.7rem;line-height:1}.hero .brand-about p:last-child{margin:0;color:rgba(243,234,216,.94);font-size:.88rem;line-height:1.5}.brand-wrap:focus-within .brand-about,.brand-wrap:hover .brand-about,.hero-person-hotspot:focus-within .brand-about,.hero-person-hotspot:has(.body-hover-zone:hover) .brand-about,.hero-person-hotspot:hover .brand-about{opacity:1;pointer-events:auto;transform:translateY(0) scale(1) rotate(0deg)}.footer-links,.nav-links{display:flex;align-items:center;gap:clamp(.8rem,2.5vw,1.5rem);color:var(--bone-soft);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.contact-details a,.footer a,.nav-links a{transition:color .18s ease,opacity .18s ease}.contact-details a:hover,.footer a:hover,.nav-links a:hover{color:var(--bone)}.corner-mark{position:fixed;left:1.25rem;bottom:1.25rem;z-index:30;display:grid;width:2.15rem;height:2.15rem;place-items:center;border:1px solid rgba(243,234,216,.28);border-radius:50%;background:rgba(6,19,15,.78);color:var(--bone);font-family:var(--font-display);font-size:.82rem;line-height:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 .8rem 1.8rem rgba(0,0,0,.24)}.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;padding:8rem clamp(1rem,5vw,4rem) clamp(4rem,9vw,7rem)}.hero img{width:100%;height:100%;object-fit:cover;object-position:50% 44%}.hero img,.hero-overlay{position:absolute;inset:0}.hero-overlay{background:linear-gradient(180deg,rgba(6,19,15,.15),rgba(6,19,15,.88)),linear-gradient(90deg,rgba(6,19,15,.76),rgba(6,19,15,.16))}.hero-person-hotspot{position:absolute;left:48.5%;top:20%;z-index:4;width:clamp(15rem,19vw,23rem);height:min(43rem,76vh);pointer-events:none}.body-hover-zone{position:absolute;inset:0;z-index:1;display:block;cursor:help;-webkit-clip-path:polygon(39% 0,58% 0,64% 10%,63% 20%,71% 27%,85% 51%,90% 67%,81% 72%,68% 48%,66% 100%,55% 100%,51% 66%,47% 100%,35% 100%,38% 48%,27% 69%,18% 64%,30% 42%,37% 27%,37% 19%,33% 11%);clip-path:polygon(39% 0,58% 0,64% 10%,63% 20%,71% 27%,85% 51%,90% 67%,81% 72%,68% 48%,66% 100%,55% 100%,51% 66%,47% 100%,35% 100%,38% 48%,27% 69%,18% 64%,30% 42%,37% 27%,37% 19%,33% 11%);background:transparent;pointer-events:auto}.body-hover-zone:focus{outline:none}.person-about{top:clamp(6rem,18vh,10rem);left:calc(100% + clamp(1.5rem, 3vw, 4rem));right:auto;width:min(25rem,calc(100vw - 2rem));border-radius:1.35rem 1.35rem 1rem 1rem;background:linear-gradient(135deg,rgba(243,234,216,.11),rgba(6,19,15,.92) 34%),rgba(6,19,15,.92);padding:.95rem 1rem 1rem 4.85rem;transform:translateY(.8rem) scale(.94) rotate(2deg);transform-origin:0 3rem;pointer-events:auto}.person-about:after{content:"";position:absolute;left:3.75rem;top:.85rem;bottom:.85rem;width:1px;background:rgba(243,234,216,.14)}.person-about .camera-top{display:block}.person-about .camera-lens{display:block;left:.85rem;width:2.8rem;height:2.8rem;border:2px solid rgba(243,234,216,.46);box-shadow:inset 0 0 0 .45rem rgba(243,234,216,.06),0 0 1.3rem rgba(243,234,216,.16)}.person-about .camera-flash{display:block}.hero-content{position:relative;width:min(900px,100%);animation:riseIn .9s ease both}.hero h1,.page-hero h1,.section h2{margin:0;font-family:var(--font-display);font-weight:400;line-height:.95}.hero h1{max-width:10.5ch;font-size:clamp(2.8rem,7.6vw,6.6rem);overflow-wrap:normal;text-wrap:balance}.hero p:not(.eyebrow){max-width:38rem;margin:1.2rem 0 0;color:var(--bone-soft);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.eyebrow,.section-kicker{margin:0 0 1rem;color:var(--bone-muted);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}.button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:.85rem 1.25rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--bone);color:var(--green-950)}.button.secondary{background:rgba(6,19,15,.24);color:var(--bone)}.section{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(4.5rem,10vw,8rem) 0}.projects-section{scroll-margin-top:2rem}.intro-section{width:min(920px,calc(100% - 2rem))}.about-copy h2,.intro-section h2,.section-heading h2{font-size:clamp(2.8rem,7vw,6.6rem)}.about-copy p,.contact-details p,.film-meta p,.intro-section p:not(.section-kicker),.page-hero p,.project-copy p{color:var(--bone-soft);line-height:1.7}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem;border-top:1px solid var(--line);padding-top:1.2rem}.section-heading p{margin:.7rem 0 0;color:var(--bone-muted);font-size:clamp(1rem,1.8vw,1.3rem);letter-spacing:.02em}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(1rem,3vw,2rem);gap:clamp(1rem,3vw,2rem)}.project-feature{grid-column:1/-1}.featured-grid{grid-template-columns:1.1fr .9fr}.featured-grid .wide{grid-row:span 2}.project-card{position:relative;overflow:hidden;min-height:100%;border:1px solid var(--line);background:rgba(243,234,216,.035);color:var(--bone)}.project-link{display:block;height:100%}.project-image{position:relative;aspect-ratio:4/5;overflow:hidden}.project-feature .project-image{aspect-ratio:16/8.2}.featured-grid .wide .project-image{aspect-ratio:4/5.7}.gallery-media img,.portrait-panel img,.project-image img,.project-image video{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.08);transition:transform .7s ease,filter .7s ease}.project-card:hover .project-image img,.project-card:hover .project-image video{transform:scale(1.045);filter:saturate(1) contrast(1.02)}.project-copy{padding:clamp(1rem,3vw,1.5rem)}.film-meta h3,.project-copy h3{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,4vw,3.4rem);font-weight:400;line-height:1}.film-meta p:last-child,.project-copy p:last-child{margin-bottom:0}.project-detail-page{background:#f7f2e8;color:var(--green-950)}.project-detail-hero{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(8rem,16vw,12rem) 0 clamp(2rem,6vw,4rem)}.project-back{display:inline-flex;margin-bottom:2rem;color:rgba(6,19,15,.62);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;transition:color .18s ease}.project-back:hover{color:var(--green-950)}.project-detail-hero h1{max-width:950px;margin:0;font-family:var(--font-display);font-size:clamp(4rem,11vw,10rem);font-weight:400;line-height:.95}.project-detail-hero p:not(.eyebrow){max-width:48rem;color:rgba(6,19,15,.72);font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.7}.project-detail-hero .eyebrow{color:rgba(6,19,15,.58)}.project-detail-gallery{width:min(1180px,calc(100% - 2rem));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(.7rem,2vw,1.2rem);gap:clamp(.7rem,2vw,1.2rem);margin:0 auto;padding-bottom:clamp(4.5rem,10vw,8rem)}.gallery-media,.project-detail-gallery video{position:relative;width:100%;min-height:15rem;aspect-ratio:9/16;border:0;background:#000000;overflow:hidden}.project-detail-gallery video{height:100%;object-fit:contain}.gallery-media.wide,.project-detail-gallery video.wide{grid-column:span 2;aspect-ratio:16/9}.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;border-top:1px solid var(--line);background:var(--line)}.project-gallery img{width:100%;height:100%;min-height:15rem;aspect-ratio:4/5;object-fit:cover;background:var(--green-900)}.project-gallery img:nth-child(4n+1),.project-gallery img:nth-child(4n+4){aspect-ratio:16/9;grid-column:span 2}.page-hero{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(9rem,18vw,14rem) 0 clamp(3rem,7vw,5rem)}.page-hero.compact h1{max-width:950px;font-size:clamp(3.4rem,8.5vw,8rem)}.page-hero.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);grid-gap:clamp(2rem,8vw,6rem);gap:clamp(2rem,8vw,6rem);align-items:flex-end}.page-hero.split h1{font-size:clamp(3.2rem,7.6vw,7rem)}.film-section{padding-top:2rem}.film-stack{display:grid;grid-gap:clamp(2rem,5vw,4rem);gap:clamp(2rem,5vw,4rem)}.film-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);grid-gap:clamp(1.5rem,4vw,3rem);gap:clamp(1.5rem,4vw,3rem);align-items:center;border-top:1px solid var(--line);padding-top:clamp(1.5rem,4vw,3rem)}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--green-900);box-shadow:0 2rem 5rem var(--shadow)}.video-frame iframe{width:100%;height:100%;border:0}.about-layout{display:grid;grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr);grid-gap:clamp(2rem,7vw,5rem);gap:clamp(2rem,7vw,5rem);align-items:center}.portrait-panel{aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);box-shadow:0 2rem 5rem var(--shadow)}.about-list{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.about-list span{border:1px solid var(--line);border-radius:999px;padding:.75rem 1rem;color:var(--bone-soft);font-size:.82rem}.contact-hero{align-items:start}.contact-details{display:grid;grid-gap:1rem;gap:1rem;color:var(--bone-soft)}.contact-details div{display:flex;flex-wrap:wrap;gap:1rem}.contact-section{padding-top:1rem}.landing-contact{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;border-top:1px solid var(--line)}.landing-contact-copy{width:100%}.landing-contact-copy h2{margin:0;font-size:clamp(2.5rem,5.6vw,5.8rem);white-space:nowrap}.landing-contact-copy .contact-details{margin-top:2rem}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;border-top:1px solid var(--line);padding-top:2rem}.whatsapp-contact{grid-template-columns:1fr;justify-items:center;align-content:center;gap:1.15rem;width:100%;max-width:34rem;border-top:0;padding-top:0}.whatsapp-contact h3{margin:0;color:var(--bone);font-family:var(--font-display);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:.96}.whatsapp-contact p{max-width:28rem;margin:0;color:var(--bone-soft);line-height:1.75}.whatsapp-contact .button{justify-self:center;margin-top:0}.contact-form label{display:grid;grid-gap:.55rem;gap:.55rem;color:var(--bone-muted);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:rgba(243,234,216,.04);color:var(--bone);padding:.95rem 1rem;outline:none;transition:border-color .18s ease,background .18s ease}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(243,234,216,.56);background:rgba(243,234,216,.07)}.form-wide{grid-column:1/-1}.form-status{margin:0;color:var(--bone-soft)}.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin:0 clamp(1rem,4vw,3rem);padding:2rem 0;color:var(--bone-muted)}.back-to-top{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:30;display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(243,234,216,.42);border-radius:999px;background:rgba(6,19,15,.78);color:var(--bone);font-size:1.35rem;line-height:1;opacity:0;pointer-events:none;transform:translateY(.75rem) scale(.92);transition:opacity .18s ease,transform .22s ease,background .18s ease,border-color .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1rem 2rem rgba(0,0,0,.24)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.back-to-top:hover{border-color:rgba(243,234,216,.76);background:rgba(6,19,15,.92)}.footer p{margin:0;font-family:var(--font-display);color:var(--bone)}.reveal{opacity:0;transform:translateY(2rem);transition:opacity .8s ease,transform .8s ease}.reveal[data-visible=true]{opacity:1;transform:translateY(0)}@keyframes riseIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:840px){.site-header{align-items:start;flex-direction:column}.brand-about{width:min(17rem,calc(100vw - 2rem));padding-left:4.1rem}.camera-lens{left:.85rem;width:2.45rem;height:2.45rem}.nav-links{width:100%;justify-content:space-between}.hero{min-height:92svh;padding-top:9rem}.hero img{object-position:58% 44%}.hero-person-hotspot{left:55%;top:19%;width:clamp(9rem,26vw,13rem);height:70vh}.person-about{left:calc(100% + .65rem);right:auto;top:-1.2rem}.hero h1{max-width:100%;font-size:clamp(2.55rem,10vw,4.25rem)}.about-layout,.contact-form,.featured-grid,.film-feature,.landing-contact,.page-hero.split,.project-grid{grid-template-columns:1fr}.project-feature .project-image{aspect-ratio:4/5}.project-detail-gallery,.project-gallery{grid-template-columns:1fr}.gallery-media.wide,.project-gallery img,.project-gallery img:nth-child(4n+1),.project-gallery img:nth-child(4n+4){grid-column:auto;min-height:0;aspect-ratio:4/5}.project-detail-gallery video{min-height:0;aspect-ratio:9/16}.landing-contact-copy{position:static}.landing-contact-copy h2{white-space:normal}.featured-grid .wide{grid-row:auto}.section-heading{display:block}.film-feature,.footer{align-items:start}.footer{flex-direction:column}}@media (max-width:520px){.site-header{position:absolute}.nav-links{overflow-x:auto;justify-content:flex-start;padding-bottom:.25rem}.hero{padding-inline:1rem}.hero h1{font-size:clamp(2.35rem,11vw,3.3rem)}.hero-person-hotspot{left:50%;top:18%;width:34vw;height:72vh}.person-about{left:50%;right:auto;top:-5rem;width:min(16rem,calc(100vw - 2rem));transform:translateX(-42%) translateY(.8rem) scale(.94) rotate(2deg)}.hero-person-hotspot:focus-within .person-about,.hero-person-hotspot:has(.body-hover-zone:hover) .person-about,.hero-person-hotspot:hover .person-about{transform:translateX(-42%) translateY(0) scale(1) rotate(0deg)}.button{width:100%}.page-hero{padding-top:8rem}.about-copy h2,.intro-section h2,.page-hero.compact h1,.page-hero.split h1,.section-heading h2{font-size:clamp(2.65rem,15vw,4.5rem)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}