:root{--paper:#f3f1ec;--ink:#242724;--muted:#787b74;--orange:#e9703f;--line:#d6d6ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{border:0}::selection{background:var(--orange);color:white}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.5px}.brand svg{width:31px;height:34px}.brand>span{font-size:12px;align-self:flex-start;margin-top:4px;letter-spacing:0}.header nav{display:flex;gap:34px;font-size:13px}.header nav a{position:relative;padding:8px 0}.header nav a:after{content:'';height:1px;background:var(--ink);position:absolute;bottom:0;left:0;width:0;transition:width .3s}.header nav a:hover:after{width:100%}.contact-link{font-size:13px;border-bottom:1px solid var(--ink);padding:9px 0}.contact-link span{margin-left:25px;font-size:20px}.menu-toggle{display:none}.intro{padding:39px 5% 46px}.eyebrow,.section-label{font-size:10px;font-weight:600;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #e9703f12;flex-shrink:0}.intro-location{margin-left:auto;color:var(--muted);font-size:9px}.intro-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-top:30px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{position:relative;font-size:clamp(75px,8.8vw,143px);line-height:.98;letter-spacing:-.075em;font-weight:500}h1>span{color:var(--muted)}.asterisk{width:75px;height:75px;color:var(--orange);margin-left:47px;margin-bottom:6px;animation:slow-turn 40s linear infinite}.intro-copy{width:290px;padding-bottom:7px}.intro-copy>p:first-child{font-size:21px;line-height:1.4;letter-spacing:-.5px}.muted{color:var(--muted);line-height:1.8}.intro-copy .muted{font-size:12px;margin-top:17px}.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid var(--ink);padding:12px 0;font-size:12px;font-weight:500}.intro-copy .text-link{margin-top:17px}.text-link span{font-size:22px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.hero-media{margin:0 20px;position:relative;height:min(590px,48vw);min-height:380px;overflow:hidden;color:white;background:#576965}.hero-image{position:absolute;width:100%;height:116%;top:-8%;object-fit:cover;object-position:50% 48%;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#102a2920,#12272208 30%,#1127239c)}.hero-top{position:absolute;top:27px;left:3.4%;right:3.4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.hero-top i{display:inline-block;background:var(--orange);height:6px;width:6px;border-radius:50%;margin-right:8px}.film-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px;background:none;color:white;text-align:left;white-space:nowrap}.play-icon{width:64px;height:64px;border:1px solid #ffffff80;display:grid;place-items:center;border-radius:50%;padding-left:3px;background:#ffffff10;backdrop-filter:blur(8px);font-size:14px;transition:background .3s,transform .3s}.film-button:hover .play-icon{background:var(--orange);transform:scale(1.1);border-color:var(--orange)}.film-button>span:last-child{font-size:18px;letter-spacing:-.3px}.film-button small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:8px}.hero-bottom{position:absolute;bottom:36px;left:3.4%;right:3.4%;display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;line-height:1.6;letter-spacing:1.6px}.hero-bottom>a{position:absolute;left:50%;font-size:24px;border:1px solid #ffffff65;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;transform:translateX(-50%)}.hero-bottom>span:last-child{text-align:right}.hero-caption{font-size:8px;color:#ffffffa0}.image-credit{position:absolute;bottom:10px;right:3.4%;font-size:7px;letter-spacing:1px;color:#ffffff70}.service-strip{display:flex;justify-content:space-between;align-items:center;padding:29px 5%;border-bottom:1px solid var(--line);gap:25px}.service-strip>span{font-size:8px;letter-spacing:1.1px;color:var(--muted)}.service-strip>div{font-size:11px;letter-spacing:1.5px;display:flex;align-items:center;gap:25px}.service-strip b{color:var(--orange);font-size:22px;font-weight:400}.section{padding:95px 5%}.section-label{justify-content:space-between}.section-label>span:last-child{color:var(--muted);font-size:9px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-top:32px}h2{font-size:clamp(35px,4vw,60px);letter-spacing:-2.5px;font-weight:500;line-height:1.15}h2>span{color:var(--muted)}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);width:290px}.projects-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:42px;margin-bottom:27px}.filters{display:flex;gap:10px}.filters button{background:transparent;padding:10px 19px;border:1px solid var(--line);border-radius:30px;font-size:11px;transition:all .2s}.filters button.active,.filters button:hover{background:var(--ink);color:white;border-color:var(--ink)}.filters sup{font-size:8px;margin-left:5px}.portfolio-note{font-size:8px;letter-spacing:1.1px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px}.project-card{padding:0;background:none;text-align:left;width:100%}.project-card[hidden]{display:none}.project-image{position:relative;aspect-ratio:1.48;overflow:hidden;background:#bcc3b4}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#12211d45);pointer-events:none}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.3,1),filter .8s}.project-card:hover img{transform:scale(1.055);filter:saturate(1.12)}.image-tag{position:absolute;left:20px;top:20px;color:white;background:#17262140;border:1px solid #ffffff50;border-radius:20px;padding:8px 12px;backdrop-filter:blur(10px);font-size:8px;letter-spacing:1px}.project-open{position:absolute;right:18px;bottom:18px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-size:21px;z-index:1;transition:background .3s,transform .3s}.project-card:hover .project-open{background:var(--orange);transform:rotate(45deg)}.project-info{display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:10px}.project-info h3{font-size:19px;font-weight:500;letter-spacing:-.6px}.project-info>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.expertise{border-top:1px solid var(--line);background:#eaece5}.expertise-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:42px}.expertise h2{font-size:clamp(32px,3.2vw,49px)}.expertise .muted{margin-top:25px;font-size:13px}.expertise .text-link{margin-top:24px}.service-list details{border-top:1px solid #c4c9bf;padding:26px 0}.service-list details:last-child{border-bottom:1px solid #c4c9bf}.service-list summary{display:flex;align-items:center;gap:22px;cursor:pointer;list-style:none}.service-list summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:var(--muted)}.service-list h3{font-size:23px;font-weight:500;letter-spacing:-.6px}.plus{margin-left:auto;font-size:24px;transition:transform .2s}.service-list details[open] .plus{transform:rotate(45deg)}.service-list details p{font-size:13px;line-height:1.85;color:#72796f;margin:20px 30px 16px 36px}.service-tags{margin-left:36px;font-size:8px;letter-spacing:1px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.studio-image{position:relative;height:470px;overflow:hidden;background:#c4c9bf}.studio-image img{width:100%;height:100%;object-fit:cover}.studio-image>span{position:absolute;bottom:0;left:0;right:0;padding:25px;font-size:9px;letter-spacing:1px;color:white;background:linear-gradient(transparent,#14221db0)}.studio-copy h2{margin-top:28px;font-size:clamp(32px,3.3vw,50px)}.studio-copy>p{font-size:13px;line-height:1.8;margin-top:23px;max-width:410px}.studio-signature{display:flex;align-items:center;gap:17px;margin-top:35px;font-size:9px;line-height:1.8;letter-spacing:1px}.studio-signature svg{width:36px;height:36px;color:var(--orange)}.contact{background:#252d27;color:var(--paper)}.contact>.section-label>span:last-child{color:#a4ad9f;display:flex;gap:10px;align-items:center}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;margin-top:45px}.contact h2{font-size:clamp(45px,5vw,76px)}.contact h2 em{font-style:normal;color:#f29264}.contact-arrow{color:#f29264!important;display:inline-block;margin-left:40px}.contact-layout>div>p{color:#a4ad9f;line-height:1.8;font-size:13px;margin-top:30px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.contact label{display:flex;flex-direction:column;font-size:10px;gap:10px;color:#c5cdc0}.contact label:nth-child(n+3){grid-column:1/-1}.contact input,.contact select,.contact textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid #ffffff30;background:transparent;border-radius:0;color:var(--paper);font-size:13px;outline:none}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:#f29264}.contact option{background:#252d27}.contact textarea{resize:vertical}.submit-button{grid-column:1/-1;padding:16px 20px;display:flex;justify-content:space-between;background:#f29264;color:#242724;font-size:12px;transition:background .2s}.submit-button:hover{background:#ffa97f}.form-note{grid-column:1/-1;color:#a4ad9f;font-size:9px;line-height:1.7}#form-result{grid-column:1/-1;font-size:12px;line-height:1.8;white-space:pre-wrap;border:1px solid #ffffff30;padding:15px;overflow-wrap:anywhere}footer{padding:45px 5% 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}footer>.brand{font-size:23px}footer>span,.back-top{font-size:9px;letter-spacing:1px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;color:var(--muted)}.footer-bottom button{background:none;padding:0;font-size:9px;color:var(--muted)}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(850px,92vw);max-height:90vh;overscroll-behavior:contain}dialog::backdrop{background:#111b16cf;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:16px;z-index:3;width:40px;height:40px;border-radius:50%;background:var(--paper);font-size:18px}.dialog-content{padding:38px}.dialog-content h2{margin:18px 0;font-size:38px}.dialog-content p{font-size:14px;line-height:1.8;margin-bottom:15px;color:var(--muted)}#dialog-image{width:100%;max-height:420px;object-fit:cover;display:block}body.modal-open{overflow:hidden}.concept-film{height:480px;position:relative;overflow:hidden;background:#22312e;color:white}.film-landscape{position:absolute;inset:-8%;background:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1800&q=85') center/cover;animation:film-pan 20s linear forwards}.concept-film:after{content:'';position:absolute;inset:0;background:#10232145}.film-text{position:absolute;z-index:1;left:9%;top:30%;animation:film-appear 3s both}.film-text>span{font-size:9px;letter-spacing:3px}.film-text h2{font-size:60px;margin:15px 0}.film-text p{font-size:12px;letter-spacing:1px}.film-progress{height:3px;background:var(--orange);position:absolute;bottom:0;left:0;z-index:2;animation:film-progress 20s linear forwards}.film-controls{display:flex;justify-content:space-between;align-items:center;padding:18px;gap:10px;font-size:10px}.film-controls button{background:none;font-size:11px}.film-controls>span{color:var(--muted);font-size:9px}.paused *{animation-play-state:paused!important}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes film-pan{from{transform:scale(1.02) translateY(2%)}to{transform:scale(1.18) translateY(-3%)}}@keyframes film-appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes film-progress{from{width:0}to{width:100%}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){.intro-copy{width:240px}.asterisk{width:55px;height:55px;margin-left:25px}.service-strip>span{display:none}.service-strip{justify-content:center}.section{padding:70px 5%}.portfolio-note{display:none}.expertise-layout{gap:35px}.service-list h3{font-size:20px}.studio{gap:6%}.studio-image{height:410px}.contact-layout{gap:7%}}@media(max-width:700px){.header{height:78px;padding:0 6%}.brand{font-size:22px}.brand svg{width:27px}.header nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:24px 6%;border-bottom:1px solid var(--line);flex-direction:column;gap:12px}.header nav.open{display:flex}.contact-link{margin-left:auto;margin-right:20px;font-size:10px}.contact-link span{margin-left:10px}.menu-toggle{display:block;background:none;font-size:21px;padding:6px}.intro{padding:28px 6% 32px}.eyebrow{font-size:8px;letter-spacing:1.1px}.intro-location{display:none}.intro-heading{display:block;margin-top:28px}h1{font-size:clamp(64px,13.8vw,98px)}.asterisk{width:45px;height:45px;margin-left:30px}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:30px}.intro-copy>p:first-child{font-size:17px}.intro-copy .muted{font-size:10px;margin:0}.intro-copy .text-link{font-size:10px;margin:0;grid-column:1/-1;justify-self:start;gap:35px}.hero-media{margin:0 10px;min-height:410px}.hero-top{font-size:7px;left:6%;right:6%;top:22px}.hero-top>span:last-child{font-size:6px}.film-button{gap:13px}.film-button>span:last-child{font-size:16px}.film-button small{font-size:6px}.play-icon{width:52px;height:52px}.hero-bottom{left:6%;right:6%;font-size:8px;bottom:35px}.hero-bottom>a{width:36px;height:36px;font-size:20px}.hero-caption{font-size:6px}.service-strip{padding:20px 4%}.service-strip>div{font-size:8px;gap:13px;letter-spacing:.5px}.service-strip b{font-size:17px}.section{padding:56px 6%}.section-label{font-size:8px;letter-spacing:1px}.section-label>span:last-child{font-size:7px;max-width:130px;text-align:right}.section-heading{display:block;margin-top:25px}h2{font-size:37px;letter-spacing:-1.8px}.section-heading>p{margin-top:22px;font-size:12px;width:auto}.projects-toolbar{margin-top:28px;margin-bottom:22px}.filters{gap:6px;flex-wrap:wrap}.filters button{font-size:9px;padding:9px 12px}.project-grid{grid-template-columns:1fr;gap:30px}.project-image{aspect-ratio:1.35}.project-info h3{font-size:18px}.project-info>span{font-size:7px}.expertise-layout{grid-template-columns:1fr;gap:35px;margin-top:28px}.expertise h2,.studio-copy h2{font-size:35px}.service-list h3{font-size:22px}.studio{grid-template-columns:1fr;gap:34px}.studio-image{height:330px}.studio-copy h2{margin-top:20px}.contact-layout{grid-template-columns:1fr;gap:38px;margin-top:30px}.contact h2{font-size:52px}.contact>.section-label>span:last-child{max-width:155px;font-size:6px}.contact form{gap:24px 16px}footer{padding:30px 6% 20px;gap:25px}footer>span{display:none}.footer-bottom{font-size:6px;gap:15px;flex-wrap:wrap}.footer-bottom>span:last-child{display:none}.footer-bottom button{font-size:8px}.dialog-content{padding:25px}.dialog-content h2{font-size:31px}.concept-film{height:430px}.film-text h2{font-size:43px}.film-controls{flex-wrap:wrap}.film-controls>span{order:3;width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.film-progress{width:100%}.hero-image{transform:none!important}}