/* Cinematic edition: shared across the portfolio and its case files. */
[hidden]{display:none!important}
.form[data-state="sent"] .form__fields{display:none!important}
.card-doc,.card-doc:hover{color:var(--mist-100);box-shadow:none}
.card-doc h4{color:var(--mist-100)}
.card-doc .meta{color:var(--mist-500)}
.card-doc .open{color:var(--mist-300);border-color:var(--line-2)}
.card-doc::before{display:none}
@media(max-width:560px){.cinema-hero .island-scene{object-position:84% center}}
:root{--ink-950:#101614;--ink-900:#141c19;--ink-850:#18211e;--ink-800:#1e2924;--ink-700:#29382f;--mist-100:#e9e6d9;--mist-300:#b5bcb0;--mist-500:#8b978c;--alarm:#aa5746;--alarm-soft:#d08c75;--paper:#d6d6c5;--paper-2:#c8caba;--wrap:1320px;--gutter:clamp(24px,5vw,80px)}
body{font-size:14px}body::after{opacity:.032}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--paper);color:var(--ink-950);z-index:100}.skip-link:focus{top:20px}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--alarm-soft);transform:scaleX(0);transform-origin:left;z-index:95}section[id]{scroll-margin-top:100px}h2 em,h1 em{font-weight:500}p{ text-wrap:pretty}.eyebrow{font:400 10px/1.6 var(--f-mono);letter-spacing:.16em;color:var(--mist-500);text-transform:uppercase}.display-2{font-size:clamp(42px,4.9vw,70px);line-height:1.02;letter-spacing:-.025em;font-weight:500}.section{padding-block:110px}.nav{top:0;width:100%;height:87px;padding:0 var(--gutter);border:0;border-bottom:1px solid rgba(223,230,211,.14);border-radius:0;background:rgba(15,22,20,.62);box-shadow:none;backdrop-filter:blur(18px)}.brand{font-size:16px;letter-spacing:.16em;gap:12px}.brand__mark{width:28px;height:28px;color:#c6c6b1}.nav__links{gap:15px}.nav__links a{font-size:11px;letter-spacing:.03em}.nav__links .btn{font-size:11px;margin-left:18px;background:transparent;border:1px solid var(--line-2);padding:12px 17px}.btn{border-radius:2px;padding:16px 23px;font-size:12px;gap:24px}.btn--solid{--bg:#b66350;--bd:#b66350}.btn--solid:hover{--bg:#c97762;border-color:#c97762}.quiet-link{display:inline-flex;gap:25px;align-items:center;font-size:12px;color:var(--mist-100);padding:12px 0;border-bottom:1px solid var(--line-2);transition:color .25s,gap .25s}.quiet-link:hover{color:var(--alarm-soft);gap:33px}.cinema-hero{height:auto;min-height:min(900px,100svh);min-height:max(730px,100svh);container-type:normal}.cinema-hero .scene-frame{inset:-2%;width:104%;height:104%;aspect-ratio:auto;transform:none;z-index:-3}.island-scene{width:100%;height:100%;object-fit:cover;object-position:center 47%;animation:scene-arrive 2.8s ease-out both}.cinema-hero .hero__scrim{background:linear-gradient(90deg,rgba(8,17,15,.82),rgba(10,20,17,.38) 47%,transparent 79%)}.cinema-hero .vignette{background:linear-gradient(180deg,rgba(10,18,15,.2),transparent 35%,#101614 100%);opacity:.9}.cinema-hero .rain{opacity:.35}.cinema-hero .hero__content{position:relative;padding:clamp(220px,29vh,330px) 0 200px}.cinema-title{font-size:clamp(78px,8.2vw,126px);font-weight:500;line-height:.89;letter-spacing:-.045em}.cinema-hero h1{margin:26px 0 30px;text-shadow:none}.cinema-title em{color:#d0d3b8}.cinema-hero .eyebrow{display:flex;gap:16px;align-items:center;color:#c0c5b7;font-size:9px;letter-spacing:.15em}.cinema-hero .eyebrow i{width:30px;height:1px;background:#a1aa96}.hero__lede{font-size:14px;line-height:1.85;color:#bdc5ba}.hero__cta{margin-top:32px;gap:32px;align-items:center}.hero-slug{position:absolute;top:121px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:9px;font:9px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#b2bbac}.hero-slug__right{margin-left:auto;font-size:8px}.signal-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#aebd98;box-shadow:0 0 12px #b3c79f66}.hero-bottom{position:absolute;bottom:38px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:24px;font:9px var(--f-mono);letter-spacing:.12em;color:#a7b1a1}.scroll-cue{display:flex;align-items:center;gap:14px}.scroll-line{display:block;width:1px;height:35px;background:linear-gradient(transparent,#adbb9d);animation:scroll-pulse 2s ease-in-out infinite}.hero-location{text-align:center;line-height:2.5;letter-spacing:.3em}.hero-location small{font-family:var(--f-ui);letter-spacing:0;color:#839180;font-size:11px}.sound-toggle{background:none;border:0;display:flex;align-items:center;gap:12px;font:9px var(--f-mono);letter-spacing:.1em;cursor:pointer;min-height:44px;padding:8px}.sound-bars{display:flex;align-items:center;gap:3px;height:18px}.sound-bars i{width:2px;height:5px;background:#b5bfa7}.sound-bars i:nth-child(2){height:14px}.sound-bars i:nth-child(3){height:9px}.sound-toggle[aria-pressed=true] i{animation:equalize 1s ease-in-out infinite alternate}.sound-bars i:nth-child(2){animation-delay:-.3s}.sound-bars i:nth-child(3){animation-delay:-.7s}.searchlight{position:absolute;top:19%;right:14%;width:62%;height:18%;transform-origin:right center;background:linear-gradient(90deg,transparent,#e5e0b51a);clip-path:polygon(0 0,100% 48%,100% 52%,0 100%);animation:light-sweep 18s ease-in-out infinite alternate;mix-blend-mode:screen}.dispatch{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#161e19}.dispatch-inner{display:flex;align-items:center;gap:36px;min-height:68px}.dispatch-inner>span{font:9px var(--f-mono);letter-spacing:.1em;white-space:nowrap}.dispatch-inner>span:first-child{color:#c1c6b1;display:flex;gap:10px;align-items:center}.dispatch p{font-size:11px;color:#8f9c8a}.dispatch a{color:#c7caba;margin-left:8px}.dispatch-end{margin-left:auto;color:#82907d}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{font-size:12px;color:#95a08f;line-height:1.8;max-width:280px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.case-art{display:block;height:365px;position:relative;overflow:hidden;background:#1d2c26;border:1px solid var(--line)}.case-number,.case-status{position:absolute;top:23px;font:9px var(--f-mono);letter-spacing:.12em;z-index:2}.case-number{left:24px;color:#b6bfab}.case-status{right:22px;color:#adbaa1;display:flex;align-items:center;gap:7px}.case-status i{width:4px;height:4px;background:#b7bb92;border-radius:50%}.case-card--music .case-art{background:radial-gradient(ellipse at 50% 100%,#3a5243,#17231f 75%)}.case-desktop{position:absolute;width:78%;top:93px;left:-4%;border:1px solid #8c9b7b3b;box-shadow:0 20px 45px #07100c88;transform:perspective(800px) rotateY(10deg) rotateZ(-4deg);transition:transform .8s var(--ease)}.case-phone{position:absolute;height:245px;width:auto;right:30px;top:85px;border-radius:19px;box-shadow:0 20px 50px #08130b;transform:rotate(7deg);transition:transform .8s var(--ease)}.case-art:hover .case-phone{transform:translateY(-10px) rotate(3deg)}.case-art:hover .case-desktop{transform:translateY(-6px) rotateZ(-2deg)}.art-caption{position:absolute;bottom:25px;left:24px;font:8px var(--f-mono);letter-spacing:.17em;color:#bdc6ad}.case-open{position:absolute;bottom:18px;right:20px;width:34px;height:34px;border:1px solid #b0bda444;border-radius:50%;display:grid;place-items:center;font-size:16px;transition:background .3s,transform .3s}.case-art:hover .case-open{background:#b1bc9b20;transform:rotate(45deg)}.case-copy{padding:26px 0 0}.case-copy h3{font-size:38px;font-weight:500;letter-spacing:-.03em;margin:6px 0 13px}.case-copy .eyebrow{font-size:8px}.case-copy p{font-size:12px;max-width:50ch;line-height:1.9;color:#9ba794}.case-tags{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}.case-tags span{font:8px var(--f-mono);color:#879681;padding-bottom:6px;border-bottom:1px solid var(--line)}.engine-art{background:radial-gradient(ellipse at center,#34453b,#17231f 65%)}.engine-symbol{position:absolute;inset:0;display:grid;place-items:center}.engine-symbol img{width:105px;filter:grayscale(1) sepia(.6);opacity:.88;transition:transform .8s}.engine-art:hover .engine-symbol img{transform:scale(1.12)}.sync-orbits{position:absolute;inset:0;display:grid;place-items:center}.sync-orbits i{position:absolute;width:220px;height:220px;border:1px solid #a8b59826;border-radius:50%}.sync-orbits i:nth-child(2){width:300px;height:300px;border-style:dashed;animation:orbit 70s linear infinite}.sync-orbits i:nth-child(3){width:390px;height:390px}.sync-orbits i:nth-child(2)::before{content:'';position:absolute;top:40px;left:40px;width:5px;height:5px;background:#bec5ab;border-radius:50%;box-shadow:0 0 16px #b2c596}.sync-track{position:absolute;bottom:77px;left:20%;right:20%;display:flex;gap:12px;align-items:center;font:7px var(--f-mono);letter-spacing:.1em;color:#a7b499}.waveform{flex:1;height:25px;background:repeating-linear-gradient(90deg,#afbb9b88 0 1px,transparent 1px 5px);clip-path:polygon(0 40%,5% 25%,10% 45%,15% 10%,20% 30%,25% 0,30% 38%,40% 20%,50% 35%,60% 0,70% 30%,80% 10%,90% 40%,100% 20%,100% 80%,90% 60%,80% 90%,70% 70%,60% 100%,50% 65%,40% 80%,30% 62%,25% 100%,20% 70%,15% 90%,10% 55%,5% 75%,0 60%);animation:wave-breathe 4s ease-in-out infinite alternate}.sealed-file{border-block:1px solid var(--line);margin-top:48px}.sealed-file summary{display:flex;align-items:center;gap:32px;list-style:none;cursor:pointer;padding:27px 0}.sealed-file summary::-webkit-details-marker{display:none}.sealed-file summary>span:nth-child(2){font:italic 27px var(--f-display);color:#c6cbb6}.sealed-label{margin-left:auto;font:9px var(--f-mono);letter-spacing:.15em;color:#86937c}.sealed-label b{font-size:22px;font-weight:400;margin-left:30px;display:inline-block;transition:transform .3s}.sealed-file[open] b{transform:rotate(45deg)}.sealed-file>p{max-width:650px;margin:0 0 28px;font-size:13px;color:#9aa68e}.island-section{background:#141d18;border-block:1px solid var(--line)}.island-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.island-copy>p:not(.eyebrow){max-width:37ch;color:#97a28f;font-size:13px;margin:25px 0}.island-copy .display-2{margin-top:18px}.map-selection{margin-top:38px;padding-left:22px;border-left:1px solid #a56c52}.map-selection h3{font-size:27px;font-weight:500;margin:8px 0}.map-selection p{font-size:12px;max-width:38ch;color:#97a28f}.map-selection .quiet-link{font-size:11px}.island-map{position:relative;color:#8e9b78;width:100%;aspect-ratio:600/480;border:1px solid #a3b18c22;background:radial-gradient(ellipse,#63744d12,transparent 65%)}.island-map>svg{width:100%;height:100%}.contours{stroke-width:1;opacity:.43}.map-corner{position:absolute;top:20px;left:20px;font:8px/1.8 var(--f-mono);letter-spacing:.13em;opacity:.6}.map-pin{position:absolute;border:0;background:none;cursor:pointer;font:8px var(--f-mono);letter-spacing:.09em;color:#b9c3a5;display:flex;align-items:center;gap:9px;padding:10px}.map-pin span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #7d8f69;background:#1c291e;border-radius:50%;transition:background .3s,box-shadow .3s}.map-pin[aria-pressed=true] span{background:#a6664c;border-color:#c68868;color:#eee8d6;box-shadow:0 0 0 6px #bc785b14,0 0 0 12px #bc785b09}.pin-lighthouse{top:27%;left:57%}.pin-records{top:51%;left:43%}.pin-dock{top:64%;left:29%}.map-sea{position:absolute;bottom:25px;right:25px;font:8px var(--f-mono);color:#8e9b7877}#docs{background:none!important}.section__head{margin-bottom:45px}.section__head .lead{font-size:13px;max-width:42ch}.records{gap:60px}.drawer{padding:22px 20px;border-radius:0;background:transparent}.drawer strong{font-size:23px;font-weight:500}.drawer span{font-size:10px}.drawer[aria-selected=true]{background:#273326;border-color:#5d6c4c;box-shadow:inset 3px 0 #a8b38e}.card-doc{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0}.card-doc:hover{background:#a1b18706;transform:translateX(4px)}.card-doc h4{font-size:24px;font-weight:500}.card-doc p{font-size:11px;color:#8c9985}.card-doc .meta,.card-doc .open{font-size:9px}.field input,.field textarea{background:#111a15;border-radius:2px;border-color:var(--line-2);font-size:12px}.field label{font-size:10px;letter-spacing:.04em}.finder{margin-bottom:12px}.about{gap:100px;align-items:center}.about .prose p{font-size:13px;line-height:1.9;color:#a4ad9c}.about .signal-list li{font-size:11px}.identity-card{width:100%;max-width:365px;padding:25px;background:#1c2920;border:1px solid #87987440;transform:rotate(3deg);box-shadow:0 25px 50px #070c0866;display:flex;flex-direction:column;align-items:center;gap:12px}.identity-card>.eyebrow{font-size:8px}.identity-monogram{position:relative;font:120px var(--f-display);letter-spacing:-25px;color:#aeb89d;height:200px;display:flex;align-items:center;justify-content:center;width:100%;background:repeating-linear-gradient(0deg,transparent 0 3px,#85977708 3px 4px);overflow:hidden}.identity-monogram span{font-style:italic}.identity-monogram i{position:absolute;inset:12px 18px;border:1px solid #92a27c20;border-radius:50%}.identity-name{font:12px var(--f-mono);letter-spacing:.1em}.cascade .sheet{margin-top:-8px;transform:rotate(-3deg);max-width:365px;font-size:12px}.sheet{box-shadow:0 15px 35px #080f0970}.sheet dt{font-size:9px}.contact{padding-top:100px;padding-bottom:180px;background:#141d17}.contact .lead{font-size:13px}.contact__scene{opacity:.45}.contact .links span{font-size:10px}.contact .links b{font-size:22px}.form{background:#19231b;border:1px solid #74856533;box-shadow:none}.help{font-size:10px}.form__status{font:11px var(--f-ui)}.footer{background:#101614}.footer nav a,.footer small{font-size:10px}.footer .brand{font-size:13px}.pagehead{padding-top:160px;padding-bottom:85px;background:linear-gradient(90deg,#101b17f5,#102019d9),url('../img/island-cinematic.png') center 42%/cover}.pagehead__glow{display:none}.pagehead h1{font-weight:500;letter-spacing:-.035em}.pagehead .lead{font-size:15px}.pagehead .sheet{font-size:13px}.crumbs{font-size:10px}.stamp{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;border-width:1px}.casebody p,.bullets{font-size:14px;line-height:1.9}.evidence__frame{background:#aeb69e}.gallery .g-tall{max-width:300px;justify-self:center}.metric{background:transparent;border:0;border-bottom:1px solid var(--line);padding:20px 0}.metric b{font-weight:500}.metric span{font-size:12px}.note{box-shadow:none}.reader{padding-top:135px;grid-template-columns:205px minmax(0,1fr) 165px;gap:40px}.tree summary{font-weight:500}.tree li a{font-size:12px}.article h1{font-size:62px;letter-spacing:-.03em;font-weight:500}.article p,.article li{font-size:14px}.article h2{font-weight:500}.article .lead{font-size:16px}.toc a{font-size:11px}.reveal{filter:none;transform:translateY(22px)}.motion-control{position:fixed;right:17px;bottom:16px;z-index:60;border:1px solid #a4b08e35;background:#152019e8;backdrop-filter:blur(8px);font:8px var(--f-mono);letter-spacing:.08em;padding:11px 13px;color:#b4bea4;cursor:pointer}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .rain{opacity:0}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused{scroll-behavior:auto}.motion-paused .scene-frame{translate:0!important}.page-hidden *,.page-hidden *::after{animation-play-state:paused!important}
@keyframes scene-arrive{from{transform:scale(1.06);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes light-sweep{from{transform:rotate(-12deg);opacity:.2}to{transform:rotate(10deg);opacity:.9}}@keyframes scroll-pulse{50%{transform:scaleY(.6);opacity:.4}}@keyframes equalize{to{transform:scaleY(.35)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes wave-breathe{to{transform:scaleY(.6);opacity:.6}}
@media(min-width:1700px){.hero__content .wrap{max-width:none}.cinema-hero .hero__content{padding-top:30vh}.cinema-title{font-size:150px}}
@media(max-width:1100px){.nav__links{gap:0}.nav__links a{padding-inline:9px}.hero-slug__right{display:none}.dispatch-end{display:none}.case-art{height:310px}.case-phone{height:205px;right:22px}.case-desktop{top:100px}.island-grid{gap:30px}.reader{grid-template-columns:190px minmax(0,1fr)}.about{gap:50px}.hero-location{display:none}}
@media(max-width:800px){.nav{height:72px}.brand{font-size:14px}.cinema-hero{min-height:800px}.cinema-hero .hero__content{padding-top:225px;padding-bottom:160px}.cinema-title{font-size:88px}.cinema-hero .scene-frame{transform:none}.cinema-hero .island-scene{object-position:64% center}.cinema-hero .hero__scrim{background:linear-gradient(90deg,#0a1510c9,#0a151070 70%,#0a151035)}.hero-slug{top:100px;font-size:8px}.cinema-hero .eyebrow{font-size:8px;flex-wrap:wrap;gap:9px}.cinema-hero .eyebrow i{width:15px}.section{padding-block:75px}.section-heading{align-items:start;gap:15px}.section-heading>p{max-width:210px;font-size:11px}.case-grid{gap:25px}.case-art{height:270px}.case-phone{height:175px;top:65px;right:16px}.case-desktop{top:85px}.case-number,.case-status{font-size:7px;top:18px}.case-number{left:16px}.case-status{right:16px}.case-copy h3{font-size:31px}.case-tags{gap:10px}.case-tags span{font-size:7px}.art-caption{left:16px;font-size:6px}.engine-symbol img{width:75px}.sync-track{bottom:67px;left:15%;right:15%}.sync-orbits i{width:150px;height:150px}.sync-orbits i:nth-child(2){width:220px;height:220px}.sync-orbits i:nth-child(3){width:290px;height:290px}.island-grid{grid-template-columns:1fr}.island-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.island-copy>.eyebrow{grid-column:1/-1}.island-copy>h2{grid-column:1}.island-copy>p:not(.eyebrow){grid-column:1}.map-selection{grid-column:2;grid-row:2/4;margin-top:20px;align-self:center}.island-map{max-width:620px;margin:auto}.reader{grid-template-columns:1fr}.article h1{font-size:48px}.about{grid-template-columns:1fr}.cascade{max-width:420px;margin:35px auto 0;width:100%}.contact{padding-bottom:100px}.records{gap:30px}.motion-control{font-size:7px;padding:10px}.dispatch-inner{gap:20px}.dispatch-inner>span{font-size:8px}.dispatch p{font-size:10px}.dispatch a{display:block;margin:3px 0 0}}
@media(max-width:560px){.cinema-hero{min-height:780px}.cinema-hero .hero__content{padding-top:230px;padding-bottom:155px}.cinema-title{font-size:clamp(65px,17vw,88px)}.cinema-hero .hero__lede{font-size:12px}.hero__cta{gap:18px}.hero__cta .btn{padding:15px 18px;gap:14px;font-size:11px}.quiet-link{font-size:10px;gap:12px}.hero-bottom{bottom:28px}.scroll-cue{font-size:7px;letter-spacing:.07em;gap:9px}.sound-toggle{font-size:8px;gap:8px}.hero-slug{max-width:260px;line-height:1.8}.cinema-hero .eyebrow{max-width:250px;line-height:1.8}.cinema-hero .eyebrow i{display:none}.cinema-hero .eyebrow span{display:block;flex-basis:100%}.dispatch-inner{min-height:83px;gap:20px}.dispatch-inner>span:first-child{font-size:7px;max-width:90px;white-space:normal;line-height:1.8}.dispatch p{flex:1}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:22px}.case-grid{grid-template-columns:1fr;gap:40px}.case-art{height:330px}.case-phone{height:220px;right:27px;top:73px}.case-desktop{top:93px}.case-number,.case-status{font-size:8px}.art-caption{font-size:7px}.engine-symbol img{width:95px}.sync-orbits i{width:210px;height:210px}.sync-orbits i:nth-child(2){width:290px;height:290px}.sync-orbits i:nth-child(3){width:370px;height:370px}.case-copy p{font-size:12px}.case-tags span{font-size:8px}.sealed-file summary{gap:12px;flex-wrap:wrap}.sealed-file summary>.eyebrow{flex-basis:100%;font-size:8px}.sealed-file summary>span:nth-child(2){font-size:26px}.sealed-label b{margin-left:15px}.island-copy{display:block}.island-copy>p:not(.eyebrow){max-width:none}.map-selection{margin:30px 0}.map-pin{font-size:6px;gap:5px;padding:7px}.map-pin span{width:22px;height:22px;font-size:7px}.map-corner{font-size:6px;top:12px;left:12px}.map-sea{font-size:6px;bottom:15px;right:15px}.pin-lighthouse{left:53%}.pin-records{left:38%}.pin-dock{left:24%}.records{grid-template-columns:1fr}.drawers{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;gap:6px}.drawer{padding:15px 10px}.drawer strong{font-size:17px}.drawer span{font-size:8px;margin-top:7px}.card-doc h4{font-size:22px}.card-doc p{font-size:11px}.form{padding:23px}.contact .links span{font-size:9px}.footer nav{gap:18px}.footer{padding-bottom:75px}.pagehead{padding-top:125px}.pagehead__grid{gap:35px}.pagehead .lead{font-size:13px}.reader{padding-top:105px}.datatable{font-size:11px}.datatable th,.datatable td{padding:9px}.gallery .g-tall{max-width:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene-frame{translate:0!important}.reveal{opacity:1;transform:none}.motion-control{display:none}}
@media(max-width:560px){.cinema-hero .island-scene{object-position:84% center}}