:root{--scroll:0}.design-bar{height:45px;background:#e8e6e1;color:#0b0d0d;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px;font:9px Space;letter-spacing:.08em;position:relative;z-index:10}.direction-label b{font-size:8px;background:#0b0d0d;color:#e8e6e1;padding:3px 5px;margin-left:10px}.directions{display:flex;gap:26px}.directions a{padding:6px 0;border-bottom:1px solid transparent}.directions a[aria-current]{border-color:#0b0d0d}.motion-toggle{font:9px Space;background:none;border:0;padding:7px 0;min-width:65px}.motion-toggle::before{content:'';display:inline-block;background:#586858;width:5px;height:5px;border-radius:50%;margin-right:7px}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(var(--scroll));transform-origin:left;background:#d6c2a8;z-index:30;pointer-events:none}.cinematic header{height:105px;position:absolute;top:45px;left:0;right:0;background:linear-gradient(#0b0d0dc9,transparent);border:0;padding-left:50px;padding-right:50px}.cinematic header .brand{width:185px}.cinematic .hero{min-height:calc(100svh - 45px);max-height:1200px;isolation:isolate;align-items:flex-end;background:#0b0d0d}.cinematic .hero-photo{inset:-4%;background-position:65% 58%;transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.03);filter:saturate(.7);will-change:transform}.cinematic .hero-shade{background:linear-gradient(90deg,#0b0d0dce 0%,#0b0d0d77 42%,#0b0d0d00 82%),linear-gradient(0deg,#0b0d0d 0%,transparent 30%,#0b0d0d33 75%)}.cinematic .hero-copy{padding:175px 50px 135px;max-width:none}.cinematic .hero .eyebrow{margin-bottom:30px;color:#bdcbb5}.cinematic h1{font-size:clamp(66px,9.3vw,158px);line-height:.95;letter-spacing:-.055em;max-width:100%;font-weight:400}.title-line{display:block!important;color:#e8e6e1!important}.cinematic h1 .outline{color:transparent!important;-webkit-text-stroke:1px #e8e6e1}.cinematic h1 .sage{color:#8a978a}.cinematic .hero-intro{position:absolute;left:63%;bottom:160px;font-size:16px;color:#e8e6e1;max-width:300px}.cinematic .hero .button{position:absolute;left:63%;bottom:89px;background:#e8e6e1;color:#0b0d0d;min-width:235px}.cinematic .hero-bottom{bottom:30px;left:50px;right:50px}.cinematic .ticker{overflow:hidden;border-top:1px solid #41483d;border-bottom:1px solid #41483d;padding:22px 0;color:#8a978a;background:#0b0d0d}.ticker>div{display:flex;align-items:center;gap:38px;white-space:nowrap;width:max-content;font:13px Space;letter-spacing:.16em;animation:drift 45s linear infinite}.ticker i{font:normal 24px Space;color:#d6c2a8}.cinematic .intro{padding-top:130px;padding-bottom:130px}.cinematic .intro h2{font-size:clamp(36px,4.2vw,65px);letter-spacing:-.045em}.cinematic .intro>div{max-width:none}.cinematic .projects{padding-top:110px;padding-bottom:120px}.film-project{display:grid;grid-template-columns:1.2fr 1fr;min-height:630px;border:1px solid #3b4439;perspective:1400px;background:#101410;transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .2s ease-out;position:relative}.film-visual{position:relative;overflow:hidden;min-height:620px}.film-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;transition:opacity .2s,transform 1s;filter:saturate(.65)}.film-project:hover .film-visual>img{transform:scale(1.035)}.film-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0d0dbb,transparent 40%)}.film-stamp{position:absolute;left:30px;top:24px;z-index:1}.film-stamp>span{font:100px/.9 Space;letter-spacing:-.08em;color:#e8e6e1}.film-stamp small{display:block;font:8px Space;letter-spacing:.2em;margin-top:12px}.film-caption{position:absolute;left:28px;bottom:25px;font:8px Space;letter-spacing:.16em;z-index:1}.frame-corners{position:absolute;inset:18px;border:1px solid #e8e6e155;z-index:1;clip-path:polygon(0 0,40px 0,40px 1px,1px 1px,1px 40px,0 40px,0 0,100% 0,100% 40px,calc(100% - 1px) 40px,calc(100% - 1px) 1px,calc(100% - 40px) 1px,calc(100% - 40px) 0,100% 0,100% 100%,calc(100% - 40px) 100%,calc(100% - 40px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 40px),100% calc(100% - 40px),100% 100%,0 100%,0 calc(100% - 40px),1px calc(100% - 40px),1px calc(100% - 1px),40px calc(100% - 1px),40px 100%,0 100%)}.film-details{padding:35px 45px;display:flex;flex-direction:column;align-items:flex-start}.film-tabs{display:flex;gap:20px;margin-bottom:60px;width:100%;border-bottom:1px solid #3b4439}.film-tabs button{font:10px Space;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:#8b9586}.film-tabs button.selected{color:#e8e6e1;border-color:#8a978a}.film-details h3{font:clamp(35px,4vw,60px)/1.03 Space;letter-spacing:-.04em;margin:20px 0 25px}.film-details>p:not(.eyebrow):not(.film-instruction){font-size:14px;color:#b1baaa;line-height:1.9}.film-status{font:9px Space;letter-spacing:.08em;border:1px solid #4d5948;padding:6px 10px;margin-top:24px;color:#b9c8ae}.film-details .text-link{margin-top:20px}.film-instruction{font:8px Space;letter-spacing:.17em;margin-top:auto;padding-top:30px}.cinematic .workbench{padding:110px 0;overflow:hidden}.cinematic .workbench figure{transform:rotate(-3deg);transition:transform .7s}.cinematic .workbench figure:hover{transform:rotate(0)}.cinematic .workbench h2{font-size:clamp(35px,4.5vw,64px)}.cinematic .journal{padding-top:120px;padding-bottom:120px}.cinematic .note{border-top:3px solid #8a978a;position:relative;overflow:hidden}.cinematic .note::after{content:'';position:absolute;width:220px;height:220px;border:1px solid #8a978a22;border-radius:50%;right:-150px;bottom:-130px;transition:.5s}.cinematic .note:hover::after{transform:scale(2)}.cinematic .approach{background:#2a302c;position:relative;overflow:hidden}.cinematic .approach::before{content:'?';font:600 900px/.7 Space;position:absolute;color:#8a978a0d;right:20px;top:0;pointer-events:none}.cinematic .approach>.wrap{position:relative}.cinematic .contact h2{font-size:clamp(35px,4vw,60px)}.cinematic .button{transition:background .2s,transform .2s}.has-motion .reveal{opacity:0;transform:translateY(45px);transition:opacity .9s,transform .9s}.has-motion .reveal.in-view{opacity:1;transform:none}.has-motion .title-line{animation:title-in 1s both}.has-motion .title-line:nth-child(2){animation-delay:.12s}.has-motion .title-line:nth-child(3){animation-delay:.24s}.motion-off *, .motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1!important;transform:none!important}@keyframes title-in{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}@keyframes drift{to{transform:translateX(-50%)}}@media(max-width:1000px){.design-bar{padding:0 25px}.cinematic header{padding-left:30px;padding-right:30px}.cinematic .hero-copy{padding-left:30px}.cinematic .hero-intro{left:65%}.cinematic .hero .button{left:65%;min-width:200px}.film-project{grid-template-columns:1fr 1fr}.film-details{padding:30px}.film-tabs{margin-bottom:40px}.film-visual{min-height:580px}}@media(max-width:760px){.design-bar{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 20px;gap:6px;font-size:8px}.direction-label{order:0}.motion-toggle{order:1;margin-left:auto;font-size:8px}.directions{order:2;flex-basis:100%;justify-content:space-between;gap:8px;font-size:9px}.cinematic header{top:72px;height:85px;padding:12px 23px}.cinematic header .brand{width:160px}.cinematic nav{top:85px}.cinematic .hero{min-height:calc(100svh - 72px);max-height:none}.cinematic .hero-copy{padding:180px 24px 185px}.cinematic h1{font-size:clamp(58px,14.4vw,106px);letter-spacing:-.045em}.cinematic .hero-photo{background-position:58% center;opacity:1}.cinematic .hero-shade{background:linear-gradient(90deg,#0b0d0dbb,#0b0d0d33),linear-gradient(0deg,#0b0d0d,transparent 65%)}.cinematic .hero .eyebrow{font-size:7px;letter-spacing:.17em;margin-bottom:28px}.cinematic .hero-intro{position:static;font-size:14px;margin-top:25px;margin-bottom:20px}.cinematic .hero .button{position:static;min-width:210px;padding:12px 18px}.cinematic .hero-bottom{left:24px;right:24px;bottom:24px}.cinematic .hero-bottom>span:first-child{max-width:160px}.cinematic .intro{padding-top:70px;padding-bottom:70px}.cinematic .intro h2{font-size:36px}.cinematic .projects,.cinematic .journal{padding-top:65px;padding-bottom:70px}.film-project{grid-template-columns:1fr}.film-visual{min-height:420px}.film-details{padding:25px}.film-tabs{margin-bottom:30px}.film-details h3{font-size:48px}.film-instruction{padding-top:30px}.cinematic .workbench{padding:70px 0}.cinematic .workbench figure{transform:rotate(-1deg)}.ticker>div{font-size:10px;gap:25px}.cinematic .contact h2{font-size:36px}.cinematic .hero-intro br{display:none}}@media(prefers-reduced-motion:reduce){.ticker>div{animation:none}.has-motion .reveal{opacity:1;transform:none}.film-project{transform:none!important}.cinematic .hero-photo{transform:none!important}.has-motion .title-line{animation:none}}
