@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750;800;850;900;950;1000&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#101110;--panel:#171917;--line:#353732;--cream:#f0eee7;--muted:#a4a69d;--lime:#c5f64b;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--bg)}.wrap{width:calc(100% - 112px);max-width:1440px;margin:0 auto}.header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:31px;letter-spacing:-1.8px;font-weight:900;position:relative}.brand-mark{font-size:33px;color:var(--lime);margin:0 3px 0 6px;font-weight:500}.brand-dot{font-size:11px;position:absolute;top:0;right:-11px;letter-spacing:0}.desktop-nav{display:flex;gap:36px;margin-left:20px;font-size:13px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--lime)}.desktop-nav a span{color:var(--muted);font-size:10px;vertical-align:super;margin-left:3px}.nav-contact{font-size:13px;border:1px solid #55584d;border-radius:30px;padding:12px 19px;display:flex;gap:28px;align-items:center}.nav-contact:hover{background:var(--lime);color:var(--bg);border-color:var(--lime)}.nav-contact span{font-size:19px}.eyebrow{font-size:10px;font-weight:550;letter-spacing:1.5px;display:inline-flex;align-items:center;gap:9px}.hero-eyebrow{display:flex;justify-content:space-between;margin:34px 0 22px}.hero-eyebrow>span:first-child{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c5f62920}.hero-coordinate{color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:clamp(72px,10.9vw,171px);font-weight:850;line-height:.85;letter-spacing:-.068em;margin-left:-.045em}.title-bottom{display:flex;align-items:center}.title-asterisk{font-size:.67em;line-height:.8;color:var(--lime);font-weight:400;margin-left:.28em;transform:translateY(.07em)}.title-period{color:var(--lime);margin-left:.08em}.hero-summary{display:flex;align-items:flex-end;justify-content:space-between;margin:27px 0 36px}.hero-summary p{font-size:15px;line-height:1.55;color:#b5b8ac}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;border-bottom:1px solid #737967;padding-bottom:9px}.text-link span{font-size:22px;color:var(--lime);line-height:.8}.text-link:hover{color:var(--lime)}.hero-film{display:block;position:relative;width:100%;height:clamp(330px,39vw,590px);padding:0;text-align:left;overflow:hidden;background:#3b3327;border-radius:2px}.hero-film>img{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:brightness(.8) saturate(.78);transition:transform 1.2s,filter 1.2s}.hero-film:hover>img{transform:scale(1.025);filter:brightness(.9) saturate(.9)}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 40%,#0008)}.film-top,.film-bottom{position:absolute;left:29px;right:29px;display:flex;justify-content:space-between}.film-top{top:25px;font-size:9px;letter-spacing:1.6px}.film-top>span:first-child{display:flex;align-items:center;gap:8px}.record-dot{width:6px;height:6px;background:var(--cream);border-radius:50%}.film-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px}.play-disc{display:grid;place-items:center;background:var(--lime);color:var(--bg);border-radius:50%;width:80px;height:80px;transition:transform .3s}.hero-film:hover .play-disc{transform:scale(1.08)}.play-disc svg{height:24px;width:24px;fill:currentColor;margin-right:4px}.play-caption{font-size:10px;font-weight:700;letter-spacing:1.1px}.play-caption span{font-weight:400;opacity:.7;margin-left:9px}.film-bottom{bottom:26px;align-items:flex-end;font-size:24px;line-height:1.12;letter-spacing:-.5px}.film-bottom strong{font-weight:500}.film-label{font-size:9px;line-height:1.8;text-align:right;letter-spacing:1.3px}.film-footnote{display:flex;justify-content:space-between;margin-top:13px;font-size:8px;letter-spacing:1.7px;color:var(--muted)}.section{padding-top:112px;padding-bottom:100px}.section-kicker{display:flex;justify-content:space-between}.muted{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:27px 0 35px}.section-heading h2,.approach h2,.about h2{font-size:clamp(38px,4.3vw,64px);font-weight:550;line-height:1.04;letter-spacing:-2.5px}.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.035em}.section-heading p{font-size:13px;line-height:1.7;color:var(--muted);padding-bottom:6px}.filters{display:flex;gap:8px;margin:0 0 28px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #3c3f35;border-radius:30px;padding:10px 18px;font-size:11px;transition:background .2s,border-color .2s}.filter.active{background:var(--lime);border-color:var(--lime);color:var(--bg)}.filter:hover:not(.active){border-color:var(--cream)}.filter span{font-size:9px;margin-left:10px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px}.project-card{text-align:left;background:transparent;padding:0;min-width:0}.project-card[hidden]{display:none}.project-image{display:block;position:relative;aspect-ratio:1.5;overflow:hidden;background:#242922}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#0002,transparent 40%,#0006);pointer-events:none}.project-image>img{width:100%;height:100%;object-fit:cover;filter:brightness(.73) saturate(.65);transition:transform .7s,filter .7s}.project-card:hover img{transform:scale(1.035);filter:brightness(.9) saturate(.85)}.project-number{position:absolute;top:20px;left:20px;z-index:1;font-size:9px;letter-spacing:1.2px}.project-arrow{position:absolute;right:17px;top:15px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #fff6;border-radius:50%;z-index:1;transition:background .2s}.project-card:hover .project-arrow{background:var(--lime);color:var(--bg);border-color:var(--lime)}.image-word{position:absolute;left:25px;bottom:30px;z-index:1;font-size:64px;font-weight:850;line-height:.85;letter-spacing:-3px}.image-word>span{display:block;font-size:10px;font-weight:400;letter-spacing:6px;margin-top:12px;margin-left:4px}.image-word-live{font-size:54px;color:#ebecc3;line-height:.87;font-style:italic}.image-word-ocean{font-size:41px;font-weight:500;letter-spacing:-2px;line-height:1.02}.image-word-ocean em{font-family:'Instrument Serif',Georgia,serif;font-size:60px;font-weight:400}.image-word-forest{font-size:56px;font-weight:550;letter-spacing:0}.image-word-forest>span{font-size:9px;letter-spacing:4px}.duration{position:absolute;z-index:1;right:18px;bottom:18px;font-size:8px;letter-spacing:1px;border:1px solid #ffffff60;padding:5px 7px;border-radius:2px}.project-info{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:17px}.project-title{font-size:14px;letter-spacing:-.2px}.project-tags{font-size:8px;color:var(--muted);letter-spacing:1px;text-align:right}.project-notice{font-size:10px;margin-top:26px;color:var(--muted)}.approach{background:#1a1c18;border-top:1px solid #292d24;border-bottom:1px solid #292d24;padding-top:86px;padding-bottom:76px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.approach-intro h2{margin:27px 0 24px}.approach-intro p{font-size:13px;line-height:1.7;color:var(--muted);max-width:280px}.approach-symbol{display:block;font-size:90px;color:var(--lime);line-height:1;margin-top:30px}.services article{display:grid;grid-template-columns:24px 1fr 20px;gap:18px;border-top:1px solid #45483e;padding:24px 0 27px}.service-number{font-size:10px;color:var(--muted);padding-top:5px}.services h3{font-weight:500;font-size:23px;letter-spacing:-.6px}.services p{font-size:12px;line-height:1.75;color:var(--muted);margin:11px 0 17px;max-width:340px}.services article div>span{font-size:8px;letter-spacing:1.5px;color:#c1c5b5}.service-icon{font-size:22px;color:var(--lime)}.about{display:grid;grid-template-columns: .9fr 1.1fr;gap:100px;align-items:center;padding-top:110px;padding-bottom:110px}.about-image{height:500px;position:relative;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.65);object-position:45% center}.about-image>span{position:absolute;bottom:22px;left:22px;font-size:9px;letter-spacing:1.7px}.about h2{font-size:44px;margin:27px 0}.about-copy>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:450px;margin-bottom:17px}.about-tools{margin:29px 0 36px}.about-tools>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.about-tools>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.about-tools>div span{border:1px solid var(--line);padding:8px 11px;font-size:10px;border-radius:3px}.process{border-top:1px solid var(--line);padding-top:36px;padding-bottom:100px}.process-heading{display:flex;justify-content:space-between;align-items:center}.process-heading h2{font-weight:450;font-size:22px;letter-spacing:-.5px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:43px}.process-grid article>span{font-size:8px;letter-spacing:1px;color:var(--lime)}.process-grid h3{font-size:19px;font-weight:450;margin:18px 0 11px;letter-spacing:-.4px}.process-grid p{font-size:12px;line-height:1.8;color:var(--muted);max-width:290px}.contact{background:var(--lime);color:var(--bg);padding-top:41px;padding-bottom:48px}.contact-top{display:flex;justify-content:space-between}.contact-top .status-dot{background:var(--bg)}.contact h2{position:relative;font-size:clamp(65px,9.8vw,145px);font-weight:650;letter-spacing:-.065em;line-height:.91;margin:43px 0 38px}.contact h2 .serif{letter-spacing:-.04em;font-weight:400}.contact-asterisk{position:absolute;right:55px;top:25px;font-size:1.3em;line-height:.9;font-weight:400}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-bottom p{font-size:13px;line-height:1.7;color:#2e391d}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--bg);color:var(--cream);padding:19px 23px;border-radius:3px;font-size:12px;transition:background .2s,transform .2s}.primary-button span{font-size:20px}.primary-button:hover{background:#30352a;transform:translateY(-2px)}.footer{display:flex;align-items:center;justify-content:space-between;padding-top:36px;padding-bottom:36px}.footer .brand{font-size:25px}.footer .brand-mark{font-size:27px}.footer p{font-size:9px;line-height:1.7;color:var(--muted)}.footer>a:last-child{font-size:10px}.footer>a:last-child span{margin-left:13px;color:var(--lime);font-size:17px}.skip{position:fixed;top:-90px;left:20px;background:var(--lime);color:var(--bg);padding:14px;z-index:10}.skip:focus{top:10px}dialog{background:var(--panel);color:var(--cream);border:1px solid #3a3e34;padding:0;width:min(900px,calc(100% - 32px));max-height:90dvh;overflow:auto;border-radius:5px}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.close-dialog{position:absolute;z-index:5;top:14px;right:14px;background:#101110dc;border:1px solid #ffffff55;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px}.close-dialog:hover{background:var(--lime);color:var(--bg)}body.modal-open{overflow:hidden}.detail-visual{height:330px;position:relative}.detail-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.detail-copy{padding:32px}.detail-copy h2{font-size:39px;letter-spacing:-1.3px;line-height:1.1;font-weight:500;margin:17px 0}.detail-copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:680px}.detail-meta{display:flex;gap:40px;margin:25px 0}.detail-meta div{font-size:12px}.detail-meta span{display:block;font-size:8px;color:var(--muted);letter-spacing:1px;margin-bottom:7px}.detail-note{border-top:1px solid var(--line);padding-top:17px;font-size:11px!important}.detail-copy .text-link{margin-top:24px;background:transparent}.reel-dialog{width:min(1100px,calc(100% - 32px));overflow:hidden}.reel-stage{aspect-ratio:16/9;position:relative;overflow:hidden;background:#000}.reel-stage>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65);transform:scale(1.05)}.reel-vignette{position:absolute;inset:0;background:linear-gradient(transparent,#0008)}.reel-label{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:2px}.reel-words{position:absolute;left:7%;bottom:18%;right:7%}.reel-words>span{font-size:10px;letter-spacing:2px;color:var(--lime)}.reel-words h2{font-size:clamp(30px,6vw,80px);line-height:1.04;letter-spacing:-3px;margin-top:18px;font-weight:550}.reel-demo{position:absolute;bottom:15px;left:25px;font-size:10px;color:#ddd}.reel-controls{display:flex;align-items:center;padding:15px 20px;gap:18px}.reel-controls button{background:transparent;width:30px;height:30px}.reel-controls input{flex:1;min-width:40px;accent-color:var(--lime);cursor:pointer}.reel-controls>span{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.contact-dialog{max-width:670px;padding:40px}.contact-dialog>h2{font-size:48px;letter-spacing:-2px;font-weight:500;margin:21px 0 12px}.contact-dialog>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:11px;margin-bottom:18px;color:#dddfd4}input,select,textarea{display:block;width:100%;padding:12px;background:#22261f;border:1px solid #444a3d;color:var(--cream);border-radius:3px;font-size:12px;margin-top:8px;min-width:0}input[type=date]{color-scheme:dark}textarea{resize:vertical}.form-note{font-size:10px;line-height:1.65;color:var(--muted);margin-bottom:20px}.contact-dialog .primary-button{background:var(--lime);color:var(--bg);width:100%}#form-status{font-size:12px;line-height:1.6;color:var(--lime);margin-top:15px}
@media(min-width:1600px){h1{font-size:180px}.hero h1{max-width:1300px}.hero-film{height:560px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.about{gap:45px}.approach-grid{gap:45px}.about h2{font-size:37px}.about-image{height:460px}.project-info{align-items:flex-start;flex-direction:column;gap:7px}.contact-asterisk{right:20px}.image-word{font-size:52px}.image-word-live{font-size:45px}.image-word-ocean{font-size:36px}.image-word-ocean em{font-size:50px}.project-tags{text-align:left}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:80px}.brand{font-size:27px}.brand-mark{font-size:29px}.desktop-nav{display:none}.nav-contact{padding:9px 14px;font-size:11px;gap:20px}.hero-eyebrow{margin:25px 0 25px;font-size:8px;letter-spacing:1px}.hero-coordinate{display:none}h1{font-size:13.9vw;letter-spacing:-.065em;line-height:.91}.title-asterisk{margin-left:.18em}.title-period{margin-left:.03em}.hero-summary{margin:23px 0 27px;gap:20px}.hero-summary p{font-size:11px}.text-link{font-size:10px;gap:14px}.hero-film{height:380px}.hero-film>img{object-position:40% center}.film-top,.film-bottom{left:18px;right:18px}.film-top{top:18px;font-size:7px;letter-spacing:.9px}.film-bottom{font-size:21px;bottom:20px}.film-label{font-size:7px;letter-spacing:1px}.play-disc{width:65px;height:65px}.film-footnote{font-size:6px;letter-spacing:1px}.section{padding-top:69px;padding-bottom:62px}.eyebrow{font-size:8px;letter-spacing:1px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-top:22px;margin-bottom:26px}.section-heading h2,.approach h2{font-size:44px;letter-spacing:-2px}.section-heading p{font-size:12px}.filters{gap:7px;margin-bottom:20px}.filter{padding:9px 13px;font-size:10px}.filter span{margin-left:6px}.project-grid{grid-template-columns:1fr;gap:30px}.project-image{aspect-ratio:1.4}.project-info{flex-direction:row;align-items:center}.project-title{font-size:12px}.project-tags{font-size:7px;max-width:105px;line-height:1.6;text-align:right}.project-number{font-size:8px}.image-word{font-size:59px}.image-word-live{font-size:48px}.image-word-ocean{font-size:39px}.image-word-ocean em{font-size:56px}.project-notice{font-size:9px;line-height:1.6}.approach-grid{grid-template-columns:1fr;gap:32px}.approach-intro{position:relative}.approach-intro p{max-width:240px;font-size:12px}.approach-symbol{position:absolute;right:6px;bottom:6px;font-size:66px}.services article{gap:11px;grid-template-columns:20px 1fr 20px;padding:24px 0}.services h3{font-size:21px}.services p{font-size:12px}.about{grid-template-columns:1fr;gap:35px}.about-image{height:340px}.about-image img{object-position:center 45%}.about h2{font-size:39px}.about-copy>p{font-size:12px}.about-tools{margin-top:23px}.process{padding-top:28px;padding-bottom:65px}.process-heading{display:block}.process-heading h2{margin-top:16px;font-size:24px}.process-grid{grid-template-columns:1fr;gap:24px;margin-top:29px}.process-grid article{border-bottom:1px solid var(--line);padding-bottom:23px}.process-grid article:last-child{border:0;padding-bottom:0}.process-grid h3{margin-top:10px;font-size:19px}.process-grid p{max-width:100%}.contact{padding-top:28px;padding-bottom:30px}.contact-top{gap:20px}.contact-top .eyebrow{font-size:6px;letter-spacing:.8px}.contact h2{font-size:13.7vw;margin:33px 0 27px}.contact-asterisk{font-size:1em;top:12px;right:2px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:24px}.contact-bottom p{font-size:11px}.primary-button{padding:16px 19px;font-size:11px}.contact-bottom .primary-button{width:100%}.footer{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:27px;padding-bottom:27px}.footer p{grid-column:1 / -1;grid-row:2;font-size:8px}.footer>a:last-child{text-align:right;font-size:9px}.contact-dialog{padding:28px 22px}.contact-dialog>h2{font-size:42px}.contact-dialog>.eyebrow{font-size:7px}.form-row{grid-template-columns:1fr;gap:0}.reel-label{top:16px;left:16px;font-size:7px}.reel-demo{font-size:7px;left:16px;bottom:10px}.reel-words h2{letter-spacing:-1px}.reel-words>span{font-size:7px}.reel-words{bottom:22%}.reel-controls{padding:10px;gap:8px}.reel-controls>span{font-size:8px}.detail-visual{height:230px}.detail-copy{padding:23px}.detail-copy h2{font-size:30px}.detail-copy>p{font-size:12px}.detail-meta{gap:22px}.detail-meta div{font-size:10px}.close-dialog{top:10px;right:10px;width:31px;height:31px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}