@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--sky:#82b4d5;--cream:#f1ecdf;--ink:#191b1d;--yellow:#f4ce55;--line:rgba(25,27,29,.15);--vh:1vh}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}button,a,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}
.loader{position:fixed;inset:0;z-index:9999;background:var(--cream);display:flex;align-items:center;justify-content:center;gap:14px;transition:.5s}.loader.off{opacity:0;visibility:hidden}.loader>span{display:flex;gap:5px}.loader i{width:8px;height:8px;background:var(--yellow);border-radius:50%;animation:ld .7s infinite alternate}.loader i:nth-child(2){animation-delay:.12s}.loader i:nth-child(3){animation-delay:.24s}.loader small{font-size:8px;letter-spacing:.17em}@keyframes ld{to{transform:translateY(-7px);opacity:.4}}
.nav{position:fixed;z-index:1000;left:0;right:0;top:0;padding:12px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;pointer-events:none}.nav>*{pointer-events:auto}.brand{text-decoration:none;color:#315fbc;font-size:9px;font-weight:600;letter-spacing:.14em}.nav__pill{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(248,244,235,.93)}.nav__pill a,.nav__pill button{border:0;background:none;text-decoration:none;padding:6px 10px;border-radius:999px;font-size:8px}.nav__pill a:hover,.nav__pill button:hover{background:#fff}

/* A single sticky journey. Pages are independent sheets. */
.journey{position:relative;height:calc(var(--vh)*820);background:var(--sky)}
.journey__sticky{position:sticky;top:0;height:calc(var(--vh)*100);overflow:hidden}
.page{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;will-change:transform;backface-visibility:hidden;background-clip:padding-box}
.page--hero{z-index:1;background:linear-gradient(#76acd4,#add0df)}
.page--ivory{z-index:2;background:var(--cream);transform:translate3d(0,110%,0)}
.page--window{z-index:3;background:#9ab9c8;transform:translate3d(0,110%,0)}
.page--monitor{z-index:4;background:#ccd8d3;transform:translate3d(0,110%,0)}
.page--film{z-index:5;background:transparent;transform:translate3d(0,110%,0)}
.page--exit{z-index:6;background:var(--cream);transform:translate3d(0,110%,0);display:grid;place-items:center;text-align:center}

.sky{position:absolute;inset:0}.sun{position:absolute;right:12%;top:10%;width:75px;aspect-ratio:1;border-radius:50%;background:var(--yellow)}.cloud{position:absolute;background:#f5f0e3;border-radius:999px}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.c1{left:-35px;top:32%;width:180px;height:34px}.c1:before{width:70px;height:62px;left:32px;bottom:2px}.c1:after{width:82px;height:66px;left:78px;bottom:2px}.c2{right:-38px;top:37%;width:155px;height:29px}.c2:before{width:62px;height:55px;left:16px;bottom:2px}.c2:after{width:70px;height:51px;left:70px;bottom:2px}
.hero-copy{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(940px,91vw);text-align:center;will-change:transform,opacity}.hero-copy>small{font-size:8px;letter-spacing:.2em}.hero-copy h1{font:400 clamp(70px,9vw,140px)/.82 "Instrument Serif",serif;letter-spacing:-.045em;margin:15px 0}.hero-copy h1>span:first-child{display:block}.verb-mask{display:block;height:.88em;overflow:hidden}.verb-stack{display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.22,.75,.2,1)}.verb-stack i{height:.88em;flex:0 0 .88em;font-style:italic}.hero-copy>p{font-size:10px;opacity:.64}.scroll-cue{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.2em}.scroll-cue i{width:48px;height:1px;background:rgba(25,27,29,.4)}

/* slate */
.slate{--sx:0px;--sy:0px;width:min(390px,77vw);margin:0 auto 14px;transform:translate3d(var(--sx),var(--sy),0) rotate(-1.4deg);filter:drop-shadow(0 13px 26px rgba(25,27,29,.16));touch-action:none}.slate__clap{display:grid;grid-template-columns:repeat(5,1fr);width:88%;height:38px;padding:0;border:0;background:#202328;border-radius:10px 10px 0 0;transform-origin:left bottom;transition:transform .25s}.slate.open .slate__clap{transform:rotate(-25deg)}.slate__clap i:nth-child(odd){background:linear-gradient(135deg,#eee9dc 0 47%,#202328 48% 52%,#eee9dc 53%)}.slate__clap i:nth-child(even){background:linear-gradient(135deg,#202328 0 47%,#eee9dc 48% 52%,#202328 53%)}.slate__body{background:rgba(28,31,35,.95);color:#f5f1e7;padding:11px 12px;border-radius:0 14px 14px 14px}.slate__body header{display:flex;justify-content:space-between;font-size:8px;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:8px}.slate__body em{font-style:normal}.slate__fields{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:6px;margin-top:8px}.slate__fields label{display:grid;gap:3px;text-align:left}.slate__fields small{font-size:6px;letter-spacing:.15em;opacity:.58}.slate__fields input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:7px;color:#fff;padding:6px 7px;font-size:10px}

/* incoming ivory page owns the wave top */
.ivory-wave{position:absolute;left:-1%;top:-1px;width:102%;height:24vh;transform:translateY(-98%);fill:var(--cream);overflow:visible}.wave-dash{fill:none;stroke:rgba(25,27,29,.34);stroke-width:1.15;stroke-dasharray:2 9}.ivory-copy{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(900px,88vw);text-align:center}.ivory-copy small{font-size:8px;letter-spacing:.19em}.ivory-copy p{font:400 clamp(42px,6vw,88px)/.92 "Instrument Serif",serif;margin:16px 0 30px}.ivory-copy p em{font-weight:400}.ivory-copy span{font-size:7px;letter-spacing:.18em;opacity:.52}

/* camera stages */
.camera-stage{position:absolute;inset:0;perspective:1400px;transform-style:preserve-3d;will-change:transform}
.depth{position:absolute;inset:0;will-change:transform,filter,opacity;backface-visibility:hidden}.depth img{width:100%;height:100%;object-fit:contain;display:block}
.window-bg img{object-fit:cover}.window-bg{z-index:1}.window-arch{z-index:11}.window-left{z-index:12}.window-right{z-index:12}.window-sill{z-index:14}
.monitor-backset{z-index:1;opacity:.34}.mon-left{z-index:8}.mon-right{z-index:9}.desk-lamp{z-index:12}.desk-front{z-index:14}
.film-ambient{z-index:0}.film-ambient img{object-fit:cover;transform:scale(1.05)}.film-set{z-index:2}.gimbal{z-index:12}

/* project planes: not card UI; they are screens/pages positioned in world depth */
.world-projects{position:absolute;inset:0;z-index:10;perspective:1300px;transform-style:preserve-3d;pointer-events:none}
.project-plane{--rot:0deg;--ry:0deg;position:absolute;border:0;padding:0;background:transparent;pointer-events:auto;opacity:0;transform-style:preserve-3d;transform-origin:center;will-change:transform,opacity}
.project-plane__screen{position:absolute;inset:0;overflow:hidden;background:#263440;border:1px solid rgba(255,255,255,.52);box-shadow:0 24px 58px rgba(8,14,18,.28)}
.project-plane__screen>img{width:100%;height:100%;object-fit:cover;display:block}
.project-plane__art{position:absolute;inset:0;overflow:hidden}
.project-plane__art:before,.project-plane__art:after{content:"";position:absolute}
.project-plane__wash{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(8,13,17,.75))}
.project-plane__label{position:absolute;left:0;bottom:-28px;color:#fff;text-align:left;text-shadow:0 2px 16px rgba(0,0,0,.55);white-space:nowrap}.project-plane__label small{display:block;font-size:6px;letter-spacing:.16em;opacity:.8}.project-plane__label b{font:400 22px/1 "Instrument Serif",serif}.project-plane__draft{position:absolute;top:8px;right:8px;padding:5px 7px;background:#f5f0e5;color:#17191b;border-radius:999px;font-size:6px;letter-spacing:.1em}

/* broadcast planes: varied aspect/depth, no shared "card grid" */
.world-projects--broadcast .project-plane:nth-child(1){left:10%;top:24%;width:25%;height:27%;--rot:-2deg;--ry:7deg}
.world-projects--broadcast .project-plane:nth-child(2){left:38%;top:17%;width:21%;height:33%;--rot:1deg;--ry:-6deg}
.world-projects--broadcast .project-plane:nth-child(3){left:64%;top:27%;width:24%;height:25%;--rot:2deg;--ry:-10deg}
.world-projects--broadcast .project-plane:nth-child(4){left:19%;top:57%;width:22%;height:22%;--rot:1deg;--ry:8deg}
.world-projects--broadcast .project-plane:nth-child(5){left:56%;top:54%;width:26%;height:23%;--rot:-1deg;--ry:-5deg}

/* motion planes resemble software windows but live in 3D space */
.world-projects--motion .project-plane__screen{border-radius:12px}
.world-projects--motion .project-plane__screen:before{content:"●  ●  ●";position:absolute;z-index:8;left:10px;top:7px;color:#f0cf78;font-size:7px;letter-spacing:3px}
.world-projects--motion .project-plane:nth-child(1){left:11%;top:15%;width:31%;height:29%;--rot:-1deg;--ry:7deg}
.world-projects--motion .project-plane:nth-child(2){left:51%;top:17%;width:29%;height:28%;--rot:1deg;--ry:-7deg}
.world-projects--motion .project-plane:nth-child(3){left:68%;top:44%;width:25%;height:25%;--rot:2deg;--ry:-11deg}
.world-projects--motion .project-plane:nth-child(4){left:9%;top:52%;width:27%;height:24%;--rot:1deg;--ry:9deg}
.world-projects--motion .project-plane:nth-child(5){left:42%;top:51%;width:29%;height:25%;--rot:-1deg;--ry:-4deg}

/* film planes frame camera monitor */
.world-projects--film{z-index:24}
.world-projects--film .project-plane:nth-child(1){left:4%;top:14%;width:24%;height:24%;--rot:-2deg;--ry:8deg}
.world-projects--film .project-plane:nth-child(2){right:4%;top:16%;width:24%;height:25%;--rot:2deg;--ry:-8deg}
.world-projects--film .project-plane:nth-child(3){left:7%;bottom:17%;width:25%;height:23%;--rot:1deg;--ry:6deg}
.world-projects--film .project-plane:nth-child(4){right:7%;bottom:17%;width:25%;height:23%;--rot:-1deg;--ry:-6deg}
.world-projects--film .project-plane:nth-child(5){left:39%;bottom:7%;width:22%;height:20%;--rot:.5deg;--ry:0deg}

.focus-overlay{position:absolute;inset:0;z-index:30;pointer-events:none;background:rgba(8,13,16,.16);opacity:0;will-change:opacity}
.scene-copy{position:absolute;z-index:90;left:4vw;bottom:6vh;width:min(570px,82vw);color:#fff;text-shadow:0 2px 28px rgba(12,18,21,.35);pointer-events:none}.scene-copy>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:8px}.scene-copy small{display:block;margin-top:10px;font-size:8px;letter-spacing:.18em}.scene-copy h2{font:400 clamp(60px,8vw,116px)/.82 "Instrument Serif",serif;letter-spacing:-.045em;margin:8px 0}.scene-copy p{max-width:430px;font-size:11px;line-height:1.6;opacity:.8}

/* camera monitor */
.camera-monitor{position:absolute;z-index:20;left:43%;top:28%;width:34%;height:36%;padding:23px 11px 29px;background:#0d1014;border:10px solid #171b20;border-radius:18px;color:#fff;box-shadow:0 24px 75px rgba(0,0,0,.4);opacity:0;transform:translate3d(-50%,-50%,0) scale(.48);will-change:transform,opacity}.camera-monitor header{position:absolute;top:6px;left:10px;right:10px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.08em}.camera-monitor header span{display:flex;gap:4px;align-items:center}.camera-monitor header span i{width:6px;height:6px;background:#e64a42;border-radius:50%}.camera-monitor__view{height:100%;overflow:hidden}.camera-monitor__view img{width:100%;height:100%;object-fit:cover}.camera-monitor footer{position:absolute;left:11px;right:11px;bottom:7px;display:flex;align-items:center;gap:6px;font-size:6px}.camera-monitor footer em{font-style:normal}.camera-monitor footer i{margin-left:auto;width:15px;height:4px;background:#373d44}.camera-monitor footer i+i{margin-left:0}

.scene-add{display:none;position:absolute;z-index:130;right:22px;top:67px;border:1px dashed rgba(255,255,255,.68);background:rgba(17,22,25,.22);color:#fff;padding:10px 13px;border-radius:999px;font-size:8px}.edit-mode .scene-add{display:block}
.page--exit>div{text-align:center}.page--exit small{font-size:8px;letter-spacing:.2em}.page--exit h2{font:400 clamp(70px,10vw,145px)/.82 "Instrument Serif",serif;letter-spacing:-.045em;margin:12px 0}.page--exit h2 em{font-weight:400}.page--exit span{font-size:7px;letter-spacing:.18em}

/* CSS draft art, retained from previous version */
.art-broadcast-news{background:linear-gradient(145deg,#9bc4df,#274b68)}.art-broadcast-news:before{left:8%;bottom:14%;width:48%;height:42%;background:linear-gradient(#f2eadb 0 68%,#d35345 68% 76%,#f2eadb 76%);border-radius:10px}.art-broadcast-news:after{right:11%;top:20%;width:24%;height:58%;background:linear-gradient(90deg,transparent 46%,#1d2932 47% 53%,transparent 54%),linear-gradient(#1d2932 0 10%,transparent 11%);opacity:.75}
.art-broadcast-sports{background:radial-gradient(circle at 68% 24%,#fff 0 3%,transparent 4%),linear-gradient(#2f5c93 0 55%,#416c39 56%)}.art-broadcast-sports:before{left:35%;top:22%;width:25%;height:48%;background:#1d3e80;border-radius:50% 50% 20% 20%;transform:rotate(22deg)}.art-broadcast-sports:after{right:12%;bottom:18%;width:19%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f6f2e7 0 55%,#1b2025 56% 63%,#f6f2e7 64%)}
.art-broadcast-live{background:linear-gradient(145deg,#271b35,#8d355b 55%,#f08f3d)}.art-broadcast-live:before{left:18%;top:10%;width:9%;height:75%;background:linear-gradient(90deg,#f6c15e,#e85f42);box-shadow:80px 10px 0 #7053c7,150px -4px 0 #e94e65;transform:skewX(-12deg);opacity:.8}.art-broadcast-live:after{left:18%;right:18%;bottom:12%;height:18%;background:repeating-linear-gradient(90deg,#111 0 6%,transparent 6% 10%);opacity:.75}
.art-broadcast-interview{background:linear-gradient(145deg,#d9c8b1,#92775c)}.art-broadcast-interview:before{left:16%;bottom:16%;width:27%;height:34%;background:#bf6f51;border-radius:50% 50% 8px 8px;box-shadow:125px 0 0 #596f67}.art-broadcast-interview:after{left:43%;bottom:16%;width:14%;height:4%;background:#3b3029;box-shadow:0 -55px 0 -8px #f1d489}
.art-broadcast-special{background:linear-gradient(135deg,#273746,#8cb0b2)}.art-broadcast-special:before{left:12%;top:17%;width:76%;height:54%;border:2px solid rgba(255,255,255,.7);border-radius:12px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.08)}.art-broadcast-special:after{left:22%;bottom:18%;width:56%;height:3px;background:#f0d96a;box-shadow:0 -22px 0 rgba(255,255,255,.55),0 -44px 0 rgba(255,255,255,.3)}
.art-motion-title{background:linear-gradient(135deg,#264d75,#e0b367)}.art-motion-title:before{content:"TITLE";left:10%;top:24%;font:400 52px/1 "Instrument Serif",serif;color:#fff}.art-motion-title:after{right:12%;bottom:18%;width:30%;aspect-ratio:1;border:2px solid rgba(255,255,255,.7);border-radius:50%}
.art-motion-brand{background:linear-gradient(135deg,#d9d2bf,#5478a8)}.art-motion-brand:before{left:18%;top:20%;width:38%;height:38%;border-radius:50%;background:repeating-linear-gradient(45deg,#3157a5 0 7px,#f1ca66 8px 14px);transform:rotate(18deg)}.art-motion-brand:after{right:12%;bottom:14%;width:44%;height:16%;background:#f6f0df;border-radius:999px;transform:rotate(-20deg)}
.art-motion-explainer{background:linear-gradient(#8ec7e5,#e8f0ea)}.art-motion-explainer:before{left:18%;top:27%;width:62%;height:38%;background:#fff;border-radius:14px;box-shadow:0 14px 0 -7px #ea9d50}.art-motion-explainer:after{left:44%;top:34%;width:16%;aspect-ratio:1;background:#f2a34e;clip-path:polygon(25% 15%,85% 50%,25% 85%)}
.art-motion-type{background:#181e2a}.art-motion-type:before{content:"MOVE";left:8%;top:18%;font:600 54px/1 "DM Sans";color:#f2ede0;transform:rotate(-7deg)}.art-motion-type:after{content:"TYPE";right:8%;bottom:18%;font:400 52px/1 "Instrument Serif";font-style:italic;color:#e8b34d;transform:rotate(6deg)}
.art-motion-data{background:linear-gradient(135deg,#1f3240,#6d9a8a)}.art-motion-data:before{left:12%;bottom:18%;width:72%;height:55%;background:repeating-linear-gradient(90deg,transparent 0 11%,rgba(255,255,255,.18) 12% 13%),repeating-linear-gradient(0deg,transparent 0 18%,rgba(255,255,255,.14) 19% 20%)}.art-motion-data:after{left:17%;bottom:30%;width:62%;height:28%;background:rgba(241,204,89,.28);clip-path:polygon(0 75%,20% 45%,38% 62%,58% 12%,78% 40%,100% 5%,100% 100%,0 100%)}
.art-film-commercial{background:linear-gradient(135deg,#1c2025,#a85f3c)}.art-film-commercial:before{right:16%;top:15%;width:28%;aspect-ratio:1;border-radius:50%;background:#ffd477;box-shadow:0 0 45px #ffba5d}.art-film-commercial:after{left:14%;bottom:14%;width:38%;height:45%;background:#402c24;border-radius:12px;box-shadow:65px 0 0 -14px #81705f}
.art-film-auto{background:linear-gradient(#d07b54,#31394b 56%,#161a1f)}.art-film-auto:before{left:18%;bottom:23%;width:63%;height:18%;background:#12161c;border-radius:65% 35% 15% 15%}.art-film-auto:after{left:25%;right:22%;bottom:16%;height:3px;background:#ef4f3c;box-shadow:0 0 14px #ef4f3c}
.art-film-docu{background:linear-gradient(#668ea7,#d9ae73 61%,#44483b)}.art-film-docu:before{left:46%;bottom:14%;width:12%;height:36%;background:#242a2d;border-radius:50% 50% 12px 12px}.art-film-docu:after{left:12%;right:12%;bottom:31%;height:2px;background:rgba(255,255,255,.5);transform:rotate(-8deg)}
.art-film-interview{background:linear-gradient(135deg,#8c755e,#302c2a)}.art-film-interview:before{left:17%;bottom:15%;width:30%;height:36%;background:#b4664e;border-radius:48% 48% 8px 8px}.art-film-interview:after{right:16%;top:10%;width:24%;aspect-ratio:1;background:#f6cf79;border-radius:50%;box-shadow:0 0 35px rgba(246,207,121,.7)}
.art-film-location{background:linear-gradient(#719ab5,#d7b878 57%,#596b4c)}.art-film-location:before{left:0;right:0;bottom:17%;height:28%;background:#415342;clip-path:polygon(0 74%,16% 28%,31% 62%,49% 18%,64% 55%,79% 25%,100% 67%,100% 100%,0 100%)}.art-film-location:after{right:16%;top:16%;width:13%;aspect-ratio:1;border-radius:50%;background:#f5d66c}

/* all work + editor */
.all-work{min-height:100vh;padding:13vh 5vw 17vh;background:var(--cream)}.all-work>header{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:5vh}.all-work header small{font-size:8px;letter-spacing:.18em}.all-work header h2{margin:0;font:400 clamp(62px,8vw,120px)/.83 "Instrument Serif",serif;letter-spacing:-.045em}.all-work header h2 em{font-weight:400}.all-work header p{grid-column:2;max-width:620px;font-size:11px;line-height:1.6;opacity:.62}.filters{display:flex;gap:5px;margin-bottom:5vh}.filters button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 12px;font-size:8px}.filters button.active{background:var(--ink);color:#fff}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:25px}.work-card{grid-column:span 6;border:0;background:none;padding:0;text-align:left}.work-card:nth-child(5n+1){grid-column:span 7}.work-card:nth-child(5n+2){grid-column:span 5}.work-card__cover{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#253440}.work-card__cover img{width:100%;height:100%;object-fit:cover}.work-card__art{position:absolute;inset:0}.work-card__art:before,.work-card__art:after{content:"";position:absolute}.work-card__draft{position:absolute;right:12px;top:12px;z-index:4;padding:6px 8px;background:#f5f0e5;border-radius:999px;font-size:6px}.work-card__meta{display:grid;grid-template-columns:1fr auto;padding:11px 1px;align-items:center}.work-card__meta b{font:400 29px "Instrument Serif",serif}.work-card__meta small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;opacity:.55}
.end{min-height:75vh;background:#dfe7e0;display:grid;place-content:center;text-align:center}.end small{font-size:8px;letter-spacing:.18em}.end h2{font:400 clamp(58px,8vw,110px)/.84 "Instrument Serif",serif;margin:14px}.end h2 em{font-weight:400}
.project-view{position:fixed;inset:0;z-index:1200;visibility:hidden;pointer-events:none}.project-view.open{visibility:visible;pointer-events:auto}.project-view__shade{position:absolute;inset:0;background:rgba(12,16,19,.6)}.project-sheet{position:absolute;right:0;top:0;width:min(930px,100%);height:100%;overflow:auto;background:var(--cream);transform:translateX(103%);transition:.55s}.project-view.open .project-sheet{transform:none}.round-close{position:sticky;z-index:5;float:right;top:16px;right:18px;width:43px;height:43px;border:0;border-radius:50%;background:#fff;font-size:28px}.detail-head{padding:12vh 6vw 5vh}.detail-head small{font-size:8px;letter-spacing:.18em}.detail-head h2{font:400 clamp(70px,9vw,130px)/.84 "Instrument Serif",serif;margin:10px 0}.detail-meta{display:grid;grid-template-columns:70px 1fr 70px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:14px;font-size:9px}.detail-cover{height:60vh;position:relative;background:#253440;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-section{display:grid;grid-template-columns:100px 1fr;gap:28px;padding:9vh 6vw;border-bottom:1px solid var(--line)}.detail-section>span{font:400 45px "Instrument Serif",serif;color:#938979}.detail-section h3{font:400 clamp(40px,5vw,72px)/.94 "Instrument Serif",serif;margin:12px 0}.detail-section p{font-size:13px;line-height:1.75}
.editor{position:fixed;z-index:1400;right:0;top:0;bottom:0;width:min(610px,100%);background:#f8f4ea;padding:25px;overflow:auto;transform:translateX(103%);transition:.48s}.editor.open{transform:none}.editor-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.editor-head small{font-size:8px;letter-spacing:.16em}.editor-head h2{font:400 46px "Instrument Serif",serif;margin:4px 0}.editor-head button{border:0;background:none;font-size:30px}.editor label{display:block;font-size:8px;letter-spacing:.11em;margin:14px 0}.editor input,.editor textarea,.editor select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px;letter-spacing:0}.editor textarea{min-height:84px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.section-editors{border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.section-editors h3{font:400 31px "Instrument Serif",serif}.section-editor{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;margin:9px 0}.editor-actions{position:sticky;bottom:-25px;background:#f8f4ea;padding:15px 0 25px;display:flex;gap:7px}.editor-actions button{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:10px 13px;font-size:8px}.editor-actions .primary{background:var(--ink);color:#fff}.editor-shade{position:fixed;inset:0;z-index:1399;background:rgba(12,16,19,.45);opacity:0;visibility:hidden;transition:.3s}.editor-shade.open{opacity:1;visibility:visible}.edit-dock{position:fixed;z-index:1100;left:50%;bottom:17px;transform:translate(-50%,110px);display:flex;gap:4px;padding:5px;background:#f8f4ea;border:1px solid var(--line);border-radius:999px;transition:.3s;max-width:94vw;overflow:auto}.edit-dock.show{transform:translate(-50%,0)}.edit-dock button,.edit-dock label{border:0;background:none;padding:8px 10px;font-size:8px;white-space:nowrap}.edit-dock input{display:none}

@media(max-width:760px){
 .nav__pill a:nth-child(2){display:none}.journey{height:calc(var(--vh)*870)}.hero-copy{top:45%;width:93vw}.hero-copy h1{font-size:17vw}.slate{width:83vw}.slate__fields{grid-template-columns:1fr 1fr}
 .ivory-copy p{font-size:11vw}.scene-copy{left:18px;bottom:11vh}.scene-copy h2{font-size:16vw}.scene-copy p{font-size:10px;width:76vw}
 .camera-stage{left:50%;right:auto;top:0;bottom:auto;width:calc(var(--vh)*177.78);height:calc(var(--vh)*100);transform:translate3d(-50%,0,0);transform-origin:center center}.depth{left:0;width:100%}
 .project-plane__label b{font-size:16px}
 .world-projects--broadcast .project-plane:nth-child(1){left:6%;top:30%;width:31%;height:22%}.world-projects--broadcast .project-plane:nth-child(2){left:34%;top:23%;width:28%;height:26%}.world-projects--broadcast .project-plane:nth-child(3){left:62%;top:31%;width:31%;height:21%}.world-projects--broadcast .project-plane:nth-child(4){left:10%;top:59%;width:29%;height:20%}.world-projects--broadcast .project-plane:nth-child(5){left:52%;top:57%;width:34%;height:20%}
 .world-projects--motion .project-plane:nth-child(1){left:5%;top:23%;width:36%;height:23%}.world-projects--motion .project-plane:nth-child(2){left:40%;top:19%;width:35%;height:23%}.world-projects--motion .project-plane:nth-child(3){left:66%;top:40%;width:31%;height:21%}.world-projects--motion .project-plane:nth-child(4){left:7%;top:55%;width:34%;height:20%}.world-projects--motion .project-plane:nth-child(5){left:43%;top:54%;width:36%;height:21%}
 .world-projects--film .project-plane:nth-child(1){left:2%;top:22%;width:31%;height:20%}.world-projects--film .project-plane:nth-child(2){right:2%;top:22%;width:31%;height:21%}.world-projects--film .project-plane:nth-child(3){left:3%;bottom:18%;width:31%;height:20%}.world-projects--film .project-plane:nth-child(4){right:3%;bottom:18%;width:31%;height:20%}.world-projects--film .project-plane:nth-child(5){left:37%;bottom:8%;width:28%;height:18%}
 .camera-monitor{left:51%;top:29%;width:68%;height:30%}
 .all-work{padding-left:18px;padding-right:18px}.all-work>header{grid-template-columns:1fr;gap:15px}.all-work header h2{font-size:15vw}.all-work header p{grid-column:auto}.work-grid{display:block}.work-card{display:block;margin-bottom:27px}.field-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.verb-stack{transition:none}}

/* v1.4: transparency + mobile centering */
.page--window,
.page--monitor,
.page--film,
.page--exit{
  min-width:100%;
  min-height:100%;
}

.page--film{
  /* The full-frame film-ambient depth plate provides coverage.
     The page itself is intentionally transparent. */
  isolation:isolate;
}

.film-ambient{
  inset:-3%;
  width:106%;
  height:106%;
}
.film-ambient img{
  width:100%;
  height:100%;
  object-fit:cover;
}

@media(max-width:760px){
  .journey__sticky{
    height:calc(var(--vh)*100);
    min-height:calc(var(--vh)*100);
  }

  /* Center the wide 16:9 world in a portrait viewport. */
  .camera-stage{
    left:50% !important;
    right:auto !important;
    top:0 !important;
    bottom:auto !important;
    width:calc(var(--vh)*177.78) !important;
    height:calc(var(--vh)*100) !important;
    transform:translate3d(-50%,0,0);
    overflow:visible;
  }

  .window-bg,
  .window-arch,
  .window-left,
  .window-right,
  .window-sill,
  .monitor-backset,
  .mon-left,
  .mon-right,
  .desk-lamp,
  .desk-front,
  .film-ambient,
  .film-set,
  .gimbal{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:100% !important;
  }

  .film-ambient{
    inset:0 !important;
  }

  /* No blue/older-page strip can peek below a current sheet. */
  .page--window{background:#91b2c3}
  .page--monitor{background:#cbd7d2}
  .page--exit{background:var(--cream)}
}