@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#0a0b0c;--paper:#f4f5ef;--acid:#d7ff63;--ease:cubic-bezier(.22,1,.36,1);font-family:'DM Sans',sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;font-size:16px}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:500}button:disabled{opacity:.3;cursor:default}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--acid);color:var(--ink);padding:16px}.skip:focus{top:20px}.scroll-progress{height:2px;width:100%;position:fixed;left:0;top:0;background:var(--acid);transform-origin:left;transform:scaleX(0);z-index:101}.site-header{position:absolute;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:30px 4%;gap:30px}.wordmark{font-size:25px;font-weight:650;letter-spacing:-1px;line-height:1}.wordmark span{display:block;font-size:12px;line-height:1.5;font-weight:400;letter-spacing:0;color:#a1a4a7;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-header nav>a{position:relative;padding:8px 0}.site-header nav>a:after{content:'';height:1px;background:currentColor;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav>a:hover:after{transform:scaleX(1)}sup{font-size:10px;color:#afb6a9;margin-left:3px}.motion-toggle{background:transparent;border:1px solid #ffffff35;display:flex;align-items:center;gap:5px;font-size:12px;border-radius:40px;padding:10px 14px}.motion-toggle i{width:6px;height:6px;border-radius:50%;background:var(--acid);margin-left:6px}.motion-toggle[aria-pressed=false] i{background:#888}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:500;line-height:1.6}.hero{height:180svh;min-height:1150px;position:relative;background:#0a0b0c}.hero-pin{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden;isolation:isolate;perspective:1400px}.hero-halo{position:absolute;inset:-35%;background:radial-gradient(ellipse at 49% 59%,#25493455,transparent 31%),radial-gradient(ellipse at 71% 46%,#3a2e5230,transparent 38%);transform:translate3d(calc(var(--mx,0)*-16px),calc(var(--my,0)*-12px),0);z-index:-1}.hero-coordinates{position:absolute;top:48%;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#6b7270}.hero-coordinates span{writing-mode:vertical-rl}.hero-type{position:absolute;top:16%;left:9%;width:82%;text-align:center;z-index:5;pointer-events:none;will-change:transform,opacity}.hero-type .eyebrow{color:#b7beb7;letter-spacing:.2em;font-size:11px;margin-bottom:16px;animation:arrive 1s var(--ease) both}.hero h1{font-size:clamp(58px,7.4vw,126px);line-height:1.04;letter-spacing:-.065em}.hero-line{display:block;animation:arrive 1.3s var(--ease) both}.hero-beautiful{display:block;font-size:1.22em;font-weight:600;letter-spacing:-.065em;background:linear-gradient(110deg,#f7fff0 15%,#d7ff63 37%,#94edc4 59%,#fff 85%);background-size:160%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:arrive 1.5s var(--ease) both,iridescent 10s ease-in-out infinite alternate;line-height:1.05}.final-line{animation-delay:.12s}.period{color:var(--acid)}.hero-deck{position:absolute;top:64%;left:8%;width:84%;height:33%;perspective:1500px;transform-style:preserve-3d}.orbit{position:absolute;display:block;border:1px solid #ffffff40;border-radius:10px;background:#171a1b;box-shadow:0 25px 60px #0009;overflow:hidden;transition:box-shadow .35s,border-color .35s;will-change:transform}.orbit img{width:100%;height:100%;object-fit:cover}.orbit>span{position:absolute;bottom:0;inset-inline:0;padding:12px 15px;background:#0a0b0cc4;backdrop-filter:blur(15px);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.orbit:hover>span,.orbit:focus-visible>span{opacity:1;transform:translateY(0)}.orbit:hover{border-color:var(--acid);box-shadow:0 25px 65px #000a,0 0 0 3px #d7ff6320}.orbit-vessel{width:42%;height:94%;left:22%;top:-9%;z-index:3;transform:rotate(-7deg)}.orbit-mogl{width:23%;height:90%;left:1%;top:9%;z-index:2;transform:rotate(-15deg)}.orbit-mogl img{object-position:top}.orbit-auto{width:32%;height:84%;left:57%;top:4%;z-index:1;transform:rotate(10deg)}.orbit-auto img{object-position:top}.orbit-lil{width:24%;height:77%;right:-8%;top:38%;z-index:4;transform:rotate(15deg)}.hero-footer{position:absolute;bottom:22px;left:4%;right:4%;z-index:6;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;line-height:1.5;color:#a9aea8;pointer-events:none}.hero-footer a{pointer-events:auto}.hero-edition{text-align:right;letter-spacing:.1em;font-size:10px}.scroll-cue{display:flex;align-items:center;gap:15px;color:#fff;padding:8px 15px;background:#0b0d0bc9;backdrop-filter:blur(15px);border:1px solid #ffffff20;border-radius:40px;font-size:12px}.scroll-cue span{font-size:20px;animation:nudge 2s ease-in-out infinite}.manifesto{background:var(--paper);color:var(--ink);padding:115px 8% 95px;position:relative;z-index:2}.manifesto>.eyebrow{color:#5f655b;display:block;margin-bottom:40px}.manifesto h2{font-size:clamp(42px,6.2vw,102px);line-height:1.1;letter-spacing:-.065em;max-width:1250px}.word-reveal .word{color:#141813;opacity:.22;transition:opacity .3s}.word-reveal .word.lit{opacity:1}.manifesto-bottom{display:grid;grid-template-columns:1fr 1.7fr .8fr;gap:45px;align-items:end;margin-top:60px}.manifesto-bottom p{font-size:18px;line-height:1.6;color:#60665c;max-width:490px}.asterisk{font-size:90px;line-height:.8;color:#1c2418;display:block;transform:rotate(calc(var(--reveal,0)*100deg));width:90px}.index-label{font-size:11px;line-height:1.8;letter-spacing:.1em;text-align:right}.project-dock{position:fixed;z-index:45;left:50%;bottom:20px;transform:translate(-50%,110px);display:flex;gap:3px;padding:6px;background:#171918df;backdrop-filter:blur(24px);border:1px solid #ffffff30;border-radius:50px;box-shadow:0 5px 25px #0002;transition:transform .55s var(--ease),opacity .3s;opacity:0;pointer-events:none}.project-dock.visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}.project-dock a{display:flex;gap:6px;align-items:center;padding:12px 18px;border-radius:30px;color:#bfc5bb;white-space:nowrap;font-size:12px;transition:background .3s,color .3s}.project-dock b{font-weight:500}.project-dock a>span{font-size:10px;opacity:.5}.project-dock a.active{background:var(--paper);color:#141714}.project-dock a:hover{background:#ffffff20;color:white}.project-dock a.active:hover{background:white;color:#111}.world{height:190svh;min-height:1380px;position:relative;--chapter:#d4eadb;--chapter-ink:#153a2c;--p:0;scroll-margin-top:0}.world-pin{height:100svh;min-height:720px;position:sticky;top:0;background:var(--chapter);color:var(--chapter-ink);overflow:hidden;isolation:isolate}.world-meta{position:absolute;top:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:8;gap:24px}.world-meta>span:first-child{font-size:11px;letter-spacing:.12em;line-height:1.6}.world-brand{font-size:36px;letter-spacing:-2px;line-height:1}.vessel-brand{font-size:48px;font-weight:500;letter-spacing:-3px}.world-copy{position:absolute;top:23%;left:7%;width:38%;z-index:5;will-change:transform,opacity}.world-copy .eyebrow{display:block;margin-bottom:20px;font-size:10px;letter-spacing:.13em}.world-copy h2{font-size:clamp(50px,5.4vw,92px);line-height:1.04;letter-spacing:-.065em}.world-copy h2 em{font-style:normal;opacity:.5}.world-copy p{max-width:330px;margin-top:25px;line-height:1.6;font-size:16px;opacity:.8}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--chapter-ink);color:var(--chapter);padding:8px 8px 8px 21px;border-radius:40px;font-size:13px;margin-top:26px;transition:transform .3s var(--ease),box-shadow .3s}.pill>span{width:32px;height:32px;display:grid;place-items:center;font-size:23px;font-weight:400;border:1px solid currentColor;border-radius:50%;opacity:.8;transition:transform .4s var(--ease)}.pill:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0002}.pill:hover>span{transform:rotate(90deg)}.world-ghost{position:absolute;font-family:'Manrope',sans-serif;font-size:36vw;font-weight:650;letter-spacing:-.08em;line-height:1;top:20%;left:26%;opacity:.055;white-space:nowrap;z-index:-1;pointer-events:none;transform:translateX(calc(var(--p)*-15%))}.scene{position:absolute;left:47%;top:19%;width:49%;height:67%;perspective:1400px;z-index:3;will-change:transform}.visual{padding:0;position:absolute;overflow:hidden;border-radius:9px;box-shadow:0 30px 65px #183b3425;background:#dae8e2;transition:box-shadow .35s;cursor:zoom-in;will-change:transform}.visual img{width:100%;height:100%;object-fit:cover;transition:filter .4s}.visual:hover{box-shadow:0 35px 70px #183b3450}.visual:hover img{filter:brightness(1.045)}.image-plus{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#fffdf2eb;color:#17271e;font-size:27px;display:grid;place-items:center;box-shadow:0 2px 8px #0001;transition:transform .3s}.visual:hover .image-plus{transform:rotate(90deg)}.vessel-scene .visual-primary{width:106%;height:70%;left:-2%;top:6%;transform:rotate(-9deg) rotateY(-9deg)}.vessel-scene .visual-secondary{width:57%;height:48%;right:-2%;top:56%;border:6px solid #eff8ec;transform:rotate(10deg)}.scene-tag{position:absolute;bottom:-3%;left:3%;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.08em;line-height:1.7;transform:rotate(-6deg)}.tag-number{font-family:'Manrope',sans-serif;font-size:58px;line-height:1;letter-spacing:-.08em;opacity:.4}.world-ending{position:absolute;left:7%;bottom:17%;z-index:6;max-width:54%;opacity:0;transform:translateY(50px);pointer-events:none;will-change:transform,opacity}.world-ending h3{font-size:clamp(42px,5.2vw,85px);letter-spacing:-.06em;line-height:1.08}.world-ending h3 em{font-style:normal;opacity:.55}.world-ending p{margin-top:20px;line-height:1.6;max-width:330px;font-size:16px}.world-ending:before{content:'';position:absolute;inset:-55px -100px -55px -10vw;background:linear-gradient(90deg,var(--chapter) 38%,transparent);z-index:-1;pointer-events:none}.world-ending .pill{margin-top:20px}.world-foot{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:9;font-size:10px;letter-spacing:.04em}.world-foot>a{font-size:11px;letter-spacing:0;border-bottom:1px solid transparent}.world-foot>a:hover{border-bottom-color:currentColor}.scene-progress{height:1px;width:90px;background:color-mix(in srgb,currentColor 20%,transparent)}.scene-progress i{display:block;width:100%;height:1px;background:currentColor;transform:scaleX(var(--p));transform-origin:left}.mogl{--chapter:#ff6138;--chapter-ink:#441c13}.mogl-brand{font-weight:800;font-size:43px;letter-spacing:-3px}.mogl .world-ghost{font-size:33vw;top:40%;left:0;opacity:.09}.mogl-scene .visual-primary{width:62%;height:109%;top:-5%;left:5%;transform:rotate(-9deg);border:5px solid #ffeace}.mogl-scene .visual-primary img{object-fit:cover;object-position:top}.mogl-scene .visual-secondary{width:50%;height:80%;right:-7%;top:11%;transform:rotate(12deg);border:5px solid #ffeace;z-index:-1}.mogl-scene .visual-secondary img{object-position:top}.play-stamp{position:absolute;right:-2%;bottom:-5%;width:170px;height:170px;display:flex;flex-direction:column;justify-content:center;border-radius:50%;padding-left:40px;background:#eaff75;box-shadow:0 7px 0 #441c13;border:1px solid #441c13;font-size:25px;line-height:1;font-weight:800;letter-spacing:-1.2px;transform:rotate(16deg);pointer-events:none}.play-stamp span{font-size:32px;position:absolute;right:20px;bottom:30px}.auto{--chapter:#0c1215;--chapter-ink:#e9f3ed}.auto-brand{width:210px;height:auto;object-fit:contain}.auto .world-ghost{top:50%;font-size:25vw;left:10%;opacity:.04}.auto .world-copy h2 em{opacity:1;color:#b5ee92}.auto-orbit{position:absolute;inset:-35%;background:radial-gradient(ellipse at 66% 50%,#2888604a,transparent 35%);pointer-events:none;transform:translateY(calc(var(--p)*-15%))}.auto-scene{left:44%;width:54%;top:24%;height:63%}.auto-scene .visual-primary{width:104%;height:83%;top:0;left:0;transform:rotateY(-17deg) rotateX(8deg) rotateZ(-6deg);border:1px solid #81988980;background:#0a1014;box-shadow:0 30px 70px #0008}.auto-scene .visual-primary img{height:calc(100% - 28px);object-fit:cover;object-position:top}.window-bar{height:28px;display:flex;align-items:center;gap:5px;background:#222b2b;padding:0 12px}.window-bar i{width:5px;height:5px;border-radius:50%;background:#87968f}.window-bar>span{margin:auto;color:#aab8af;font-size:10px;padding-right:30px}.time-card{position:absolute;bottom:-2%;right:6%;width:220px;background:#d7ff63;color:#172817;border-radius:8px;padding:22px 25px;transform:rotate(7deg);box-shadow:0 20px 60px #0005;pointer-events:none}.time-card>span:first-child{font-size:9px;letter-spacing:.09em}.time-card strong{font-family:'Manrope',sans-serif;font-size:45px;line-height:1.05;letter-spacing:-2.8px;display:block;margin:18px 0 23px;font-weight:500}.time-line{display:block;height:2px;background:#26491b30;position:relative;overflow:hidden}.time-line:after{content:'';display:block;width:35%;height:100%;background:#26491b;animation:timeflow 3s ease-in-out infinite}.lil{--chapter:#c5b3fa;--chapter-ink:#352254}.lil-brand{font-size:29px;letter-spacing:-1.5px;font-weight:700}.lil .world-ghost{font-size:27vw;left:8%;top:38%;opacity:.07}.lil .world-copy{width:42%}.lil .world-copy h2{font-size:clamp(45px,4.9vw,84px)}.lil-scene .visual-primary{width:86%;height:62%;left:2%;top:1%;border:7px solid #fcffe9;transform:rotate(6deg);z-index:2}.lil-scene .visual-secondary{width:59%;height:48%;left:-8%;top:51%;border:6px solid #fcffe9;transform:rotate(-10deg);z-index:3}.lil-scene .visual-third{width:57%;height:56%;right:-5%;top:40%;transform:rotate(11deg);border:6px solid #fcffe9;z-index:1}.lil-scene .visual-third img{object-position:top}.dream-stamp{position:absolute;right:4%;top:-5%;z-index:4;background:#eaff76;color:#352254;font-size:24px;line-height:1;letter-spacing:-1px;font-weight:700;padding:25px 28px;transform:rotate(-12deg);box-shadow:0 5px 0 #352254;border:1px solid #352254;border-radius:50%;pointer-events:none}.dream-stamp b{display:inline-block;font-size:29px;margin-top:4px}.about{padding:130px 8% 110px;background:#f3f4ee;color:#151b13;position:relative;overflow:hidden}.about>.eyebrow{margin-bottom:35px;color:#646b5d}.about h2{font-size:clamp(42px,6.8vw,108px);letter-spacing:-.065em;line-height:1.1;max-width:1200px}.about-text{margin:55px 0 0 48%;max-width:490px;font-size:19px;color:#626958;line-height:1.7}.about-text p+p{margin-top:18px}.about-text strong{font-weight:500;color:#151b13}.signature{position:absolute;left:11%;bottom:85px;font-family:Georgia,serif;font-size:150px;font-style:italic;letter-spacing:-12px;transform:rotate(-12deg)}.writing{padding:90px 8% 110px;background:#e9ede1;color:#151b13}.writing-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.writing-head h2{font-size:clamp(35px,4.4vw,68px);line-height:1.1;letter-spacing:-.055em;margin-top:25px}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:10px 0;border-bottom:1px solid currentColor;font-size:14px}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.featured-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:60px}.post-card{position:relative;border-top:1px solid #151b1335;padding:25px 0;transition:transform .3s}.post-card:before{content:'';height:2px;background:#151b13;position:absolute;top:-1px;inset-inline:0;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.post-card:hover:before{transform:scaleX(1)}.post-card:hover{transform:translateY(-5px)}.post-card time{font-size:11px;color:#68715e;letter-spacing:.06em}.post-card h3{font-size:25px;line-height:1.3;letter-spacing:-.04em;margin:24px 0 30px;max-width:330px}.post-card>span{font-size:13px}footer{padding:50px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span{font-size:10px;letter-spacing:.13em;color:#a4ada0}.back-top{font-size:13px;display:flex;align-items:center;gap:18px}.back-top b{width:45px;height:45px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;font-size:20px;font-weight:400;transition:background .3s}.back-top:hover b{background:var(--acid);color:#101710}
/* The gallery is a native modal: keyboard focus stays inside, Escape closes it. */
.project-gallery{border:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#101411;color:#f3f5ee;overflow:auto;inset:0;margin:0;z-index:100}.project-gallery::backdrop{background:#070907e8;backdrop-filter:blur(20px)}.project-gallery[open]{animation:galleryIn .55s var(--ease)}.gallery-shell{padding:30px 4% 22px;min-height:100%;display:flex;flex-direction:column}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.gallery-header .eyebrow{font-size:10px;color:#b3bcad}.gallery-header h2{font-size:32px;letter-spacing:-1.4px;margin-top:4px}.gallery-close{width:48px;height:48px;border:1px solid #ffffff50;border-radius:50%;font-size:20px;background:transparent;transition:background .3s,transform .3s}.gallery-close:hover{background:#d7ff63;color:#101411;transform:rotate(90deg)}.gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:4%;flex:1;min-height:0}.gallery-viewport{height:calc(100dvh - 185px);min-height:300px;position:relative;overflow:auto;border-radius:10px;background:#050906;display:flex;align-items:center;justify-content:center;scrollbar-width:thin;scrollbar-color:#62735d #121912}.gallery-viewport>img{width:100%;height:100%;object-fit:contain;flex:none;transition:opacity .2s}.gallery-viewport.zoomed{display:block}.gallery-viewport.zoomed>img{width:150%;max-width:none;height:auto;min-height:100%;object-fit:initial}.gallery-zoom{position:absolute;bottom:18px;right:18px;background:#f2f7ed;color:#142011;padding:12px 18px;border-radius:25px;font-size:12px;box-shadow:0 3px 12px #0003}.gallery-viewport.zoomed .gallery-zoom{position:sticky;bottom:18px;left:calc(100% - 110px)}.gallery-story{display:flex;flex-direction:column;padding-top:15px}.gallery-story>.eyebrow{color:#c3ff89;font-size:10px}.gallery-story>p:first-of-type{font-size:18px;line-height:1.6;margin-top:15px;color:#e0e8d9}.gallery-counter{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:22px;border-top:1px solid #ffffff30}.gallery-counter>span{font-size:12px;letter-spacing:.12em}.gallery-counter>div{display:flex;gap:8px}.gallery-counter button{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff40;background:transparent;font-size:20px}.gallery-counter button:not(:disabled):hover{background:#f4f6ef;color:#142010}#gallery-caption{font-size:13px;line-height:1.6;color:#a9b69e;margin-top:18px;min-height:45px}.gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.gallery-thumbs button{width:68px;height:52px;padding:0;overflow:hidden;border-radius:4px;border:2px solid transparent;opacity:.5;background:#080b07}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;object-position:top}.gallery-thumbs button[aria-pressed=true]{opacity:1;border-color:#c9ff83}.gallery-thumbs button:hover{opacity:1}.gallery-story>.text-link{margin-top:auto;padding-top:30px;font-size:13px}.gallery-footer{display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.6;letter-spacing:.04em;color:#8f9d85;padding-top:22px}.gallery-footer>span:last-child{letter-spacing:.12em}
@keyframes arrive{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes iridescent{from{background-position:0%}to{background-position:100%}}@keyframes nudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes timeflow{0%{transform:translateX(-100%)}100%{transform:translateX(380%)}}@keyframes galleryIn{from{opacity:0;transform:translateY(50px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1700px){.world-copy p{font-size:19px;max-width:410px}.hero-type{top:18%}.hero h1{font-size:140px}.world-copy h2{font-size:100px}.world-copy{top:24%}.scene{top:22%;height:60%}}
@media(max-width:1100px){.site-header nav{gap:22px}.hero h1{font-size:9vw}.hero-type{top:19%}.hero-deck{top:64%;height:28%}.world-copy{left:5%;width:40%;top:23%}.world-copy h2{font-size:6vw}.world-copy p{font-size:15px;max-width:280px}.world-copy .eyebrow{max-width:260px}.scene{left:48%;width:49%;top:29%;height:52%}.vessel-scene .visual-primary{height:67%;top:5%}.world-meta{top:6%}.world-ending{left:5%;bottom:20%}.world-ending h3{font-size:6vw}.play-stamp{width:130px;height:130px;font-size:20px;padding-left:28px}.play-stamp span{font-size:24px;right:15px;bottom:24px}.time-card{width:180px;padding:19px}.time-card strong{font-size:35px}.auto-scene{left:43%;width:55%;top:33%;height:49%}.lil .world-copy h2{font-size:5.5vw}.lil-brand{font-size:25px}.manifesto-bottom{grid-template-columns:.5fr 2fr 1fr;gap:30px}.manifesto-bottom p{font-size:16px}.gallery-layout{grid-template-columns:minmax(0,1fr) 245px;gap:25px}.gallery-story>p:first-of-type{font-size:16px}.gallery-header h2{font-size:28px}}
@media(max-width:760px){.site-header{padding:24px 6%;gap:16px}.wordmark{font-size:22px}.wordmark span{font-size:10px;margin-top:7px}.site-header nav{gap:18px;font-size:12px}.site-header nav>a:last-of-type{display:none}.motion-toggle{font-size:0;padding:10px;gap:0}.motion-toggle span{font-size:0}.motion-toggle i{margin:0;width:7px;height:7px}.hero{height:145svh;min-height:1000px}.hero-pin{min-height:690px}.hero-type{left:5%;width:90%;top:20%}.hero-type .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:25px}.hero h1{font-size:12vw;line-height:1.07;letter-spacing:-.06em}.hero-beautiful{font-size:1.24em}.hero-deck{top:62%;left:4%;width:92%;height:27%}.orbit-vessel{width:71%;height:92%;left:7%;top:-8%}.orbit-mogl{width:37%;left:-16%;top:28%;height:80%;z-index:4}.orbit-auto{width:45%;left:60%;top:2%;height:78%}.orbit-lil{width:43%;height:72%;right:-8%;top:60%;z-index:5}.hero-footer{bottom:20px;left:6%;right:6%;font-size:10px}.hero-footer>span:first-child{max-width:95px}.hero-edition{display:none}.hero-coordinates{display:none}.scroll-cue{font-size:11px;gap:10px}.orbit>span{display:none}.manifesto{padding:78px 7% 65px}.manifesto>.eyebrow{font-size:10px;margin-bottom:30px}.manifesto h2{font-size:10vw;letter-spacing:-.06em}.manifesto-bottom{grid-template-columns:45px 1fr;gap:22px;margin-top:35px;align-items:start}.asterisk{font-size:47px;width:45px}.manifesto-bottom p{font-size:16px}.index-label{display:none}.project-dock{bottom:13px;padding:5px;max-width:calc(100% - 22px);gap:0}.project-dock a{padding:11px 12px;font-size:11px;gap:0}.project-dock a>span{display:none}.world{height:170svh;min-height:1160px}.world-pin{min-height:710px}.world-meta{top:30px;left:7%;right:7%;gap:20px}.world-meta>span:first-child{font-size:9px;max-width:175px;letter-spacing:.06em}.world-brand{font-size:30px}.vessel-brand{font-size:38px}.mogl-brand{font-size:34px}.auto-brand{width:155px}.lil-brand{font-size:21px;white-space:nowrap}.world-copy,.lil .world-copy{top:13%;left:7%;width:86%;display:block}.world-copy .eyebrow{display:none}.world-copy h2,.lil .world-copy h2{font-size:clamp(40px,10.5vw,65px);letter-spacing:-.065em;line-height:1.02;max-width:90%}.world-copy h2 br:nth-of-type(2){display:none}.world-copy h2 br:nth-of-type(2):after{content:' '}.world-copy h2 em{margin-left:.03em}.world-copy p{font-size:14px;line-height:1.5;max-width:285px;margin-top:15px}.world-copy .pill{position:absolute;right:0;bottom:-5px;font-size:0;padding:0;background:transparent;gap:0}.world-copy .pill>span{width:43px;height:43px;font-size:28px;opacity:1;color:var(--chapter-ink)}.scene,.auto-scene{left:9%;width:82%;top:49%;height:36%}.vessel-scene .visual-primary{width:93%;height:84%;top:0;left:0;transform:rotate(-7deg)}.vessel-scene .visual-secondary{width:46%;height:62%;top:54%;right:-5%;border-width:4px}.scene-tag{left:-2%;bottom:-20%;font-size:8px;gap:8px}.tag-number{font-size:37px}.image-plus{width:31px;height:31px;bottom:10px;right:10px;font-size:22px}.world-ghost{font-size:58vw;left:12%;top:40%}.world-ending{left:7%;bottom:15%;max-width:86%;width:86%}.world-ending h3{font-size:10vw;max-width:92%}.world-ending p{font-size:14px;margin-top:15px;max-width:250px}.world-ending:before{inset:-40px -10vw -55px;background:linear-gradient(0deg,var(--chapter) 42%,transparent)}.world-ending .pill{font-size:12px;margin-top:15px;padding:7px 7px 7px 18px}.world-ending .pill>span{width:28px;height:28px;font-size:20px}.world-foot{bottom:5%;left:7%;right:7%;align-items:flex-end;gap:15px}.world-foot>span:first-child{font-size:8px;max-width:150px;line-height:1.7;letter-spacing:.03em}.world-foot>a{font-size:10px;max-width:145px;text-align:right;line-height:1.5}.scene-progress{display:none}.mogl-scene{height:40%;top:48%;left:29%;width:64%}.mogl-scene .visual-primary{height:105%;width:64%;left:0;top:-4%;border-width:3px}.mogl-scene .visual-secondary{width:52%;height:95%;right:-3%;top:8%;border-width:3px}.mogl .world-ghost{font-size:44vw;top:46%;left:-7%;writing-mode:vertical-rl}.play-stamp{width:104px;height:104px;font-size:17px;left:-33%;bottom:1%;padding-left:23px}.play-stamp span{font-size:18px;right:12px;bottom:18px}.auto-scene .visual-primary{height:92%;width:105%;left:-2%}.auto .world-ghost{font-size:30vw;top:42%;left:-4%}.time-card{width:142px;right:-2%;bottom:-26%;padding:15px;border-radius:5px}.time-card>span:first-child{font-size:7px}.time-card strong{font-size:29px;letter-spacing:-1.5px;margin:12px 0}.window-bar{height:21px}.window-bar>span{font-size:8px}.auto-scene .visual-primary img{height:calc(100% - 21px)}.lil-scene{height:37%;top:49%}.lil-scene .visual-primary{height:70%;width:80%;border-width:4px;left:9%;top:0}.lil-scene .visual-secondary{height:57%;width:52%;left:-6%;top:53%;border-width:4px}.lil-scene .visual-third{height:63%;width:48%;right:-4%;top:48%;border-width:4px}.dream-stamp{font-size:18px;padding:17px 21px;right:-3%;top:-6%}.dream-stamp b{font-size:20px}.about{padding:78px 7% 65px}.about>.eyebrow{font-size:10px;margin-bottom:25px}.about h2{font-size:10vw}.about-text{margin:30px 0 0;font-size:17px}.signature{position:static;display:block;font-size:90px;letter-spacing:-7px;margin:30px 0 0 15px}.writing{padding:65px 7% 70px}.writing-head{display:block}.writing-head .eyebrow{font-size:10px}.writing-head h2{font-size:9vw}.writing-head .text-link{margin-top:25px}.featured-posts{display:block;margin-top:35px}.post-card{display:block;padding:24px 0 32px}.post-card h3{max-width:100%;font-size:24px;margin:18px 0 22px}footer{padding:38px 7%;flex-wrap:wrap}footer>span{order:3;width:100%;font-size:9px}.back-top{font-size:12px;gap:10px}.back-top b{width:38px;height:38px}.gallery-shell{padding:22px 5%}.gallery-header{margin-bottom:20px}.gallery-header h2{font-size:25px}.gallery-header .eyebrow{font-size:9px}.gallery-close{width:41px;height:41px;font-size:18px;flex-shrink:0}.gallery-layout{display:flex;flex-direction:column;gap:20px}.gallery-viewport{height:46svh;min-height:280px;flex-shrink:0}.gallery-story{padding-top:0}.gallery-story>p:first-of-type{font-size:16px;margin-top:10px}.gallery-counter{margin-top:20px;padding-top:15px}.gallery-counter button{width:40px;height:40px}.gallery-thumbs{margin-top:15px}.gallery-story>.text-link{align-self:start;margin-top:10px;padding-top:15px}.gallery-footer{font-size:9px;margin-top:20px}.gallery-footer>span:last-child{display:none}}
@media(max-height:760px) and (min-width:761px){.hero-pin,.world-pin{min-height:620px}.hero-type{top:17%}.hero h1{font-size:6.8vw}.hero-deck{top:65%;height:29%}.world-copy{top:20%}.world-copy h2{font-size:5vw}.world-copy p{font-size:14px;margin-top:18px}.world-copy .pill{margin-top:18px}.scene{top:22%;height:60%}.world-meta{top:5%}.world-ending h3{font-size:5vw}.gallery-story>p:first-of-type{font-size:15px}.gallery-counter{margin-top:20px}.gallery-thumbs{margin-top:12px}}
/* Still mode retains the complete story with no scroll-dependent content. */
.motion-off{scroll-behavior:auto}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .hero{height:100svh;min-height:720px}.motion-off .hero-pin{position:relative}.motion-off .world{height:auto;min-height:0}.motion-off .world-pin{position:relative;height:100svh;min-height:740px}.motion-off .world-ending{display:none}.motion-off .word-reveal .word{opacity:1}.motion-off .world-ghost{transform:none}.motion-off .scene-progress{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero{height:100svh;min-height:720px}.hero-pin{position:relative}.world{height:auto;min-height:0}.world-pin{position:relative;height:100svh;min-height:740px}.world-ending{display:none}.word-reveal .word{opacity:1}.scene-progress{display:none}}

/* Keep headline, artwork and navigation in separate rows at every viewport size. */
.portfolio .hero-pin{display:grid;grid-template-rows:auto minmax(150px,1fr) auto;gap:clamp(40px,5svh,64px);padding:clamp(125px,16svh,180px) 0 24px;min-height:760px}
.portfolio .hero-type{position:relative;top:auto;left:auto;width:90%;margin:0 auto;grid-row:1}
.portfolio .hero h1{font-size:clamp(46px,min(7.4vw,9.5svh),126px)}
.portfolio .hero-deck{position:relative;top:auto;left:auto;grid-row:2;align-self:center;height:calc(100% - 35px);width:84%;margin:20px auto 0;min-height:115px}
.portfolio .hero-footer{position:relative;inset:auto;grid-row:3;margin:0 4%;align-items:center}
.portfolio .hero-deck .orbit-lil{top:15%;height:80%}
.portfolio .hero-deck .orbit-mogl{top:0}
.portfolio .hero-deck .orbit-vessel{top:0}
.portfolio .hero-deck .orbit-auto{top:0}
@media(max-width:760px){
 .portfolio .hero-pin{padding-top:135px;min-height:740px;gap:42px;grid-template-rows:auto minmax(150px,1fr) auto}
 .portfolio .hero h1{font-size:clamp(38px,min(11.5vw,8.4svh),76px)}
 .portfolio .hero-type .eyebrow{margin-bottom:18px}
 .portfolio .hero-deck{height:calc(100% - 40px);width:90%;margin-top:22px;min-height:125px}
 .portfolio .hero-deck .orbit-mogl{top:10%}
 .portfolio .hero-deck .orbit-lil{top:27%;height:74%}
 .portfolio .hero-footer{margin:0 6%}
}

/* Two more worlds, with the same scroll and gallery language. */
.onions{--chapter:#e8795d;--chapter-ink:#3b211b}
.onions-brand{font-size:27px;font-weight:600;letter-spacing:-1.3px}
.onions .world-copy h2{font-size:clamp(48px,5.2vw,88px)}
.onions .world-ghost{font-size:25vw;top:43%;left:8%}
.onions-scene .visual-primary{width:104%;height:80%;left:-2%;top:0;transform:rotate(-7deg) rotateY(-8deg);border:5px solid #fff7ed}
.onions-scene .visual-primary img{object-position:top}
.onions-scene .visual-secondary{width:46%;height:50%;right:-1%;top:57%;transform:rotate(9deg);border:7px solid #fff7ed}
.gistify{--chapter:#101717;--chapter-ink:#eefcf9}
.gistify-brand{font-size:40px;font-weight:650;letter-spacing:-2.5px}
.gistify .world-copy h2 em{opacity:1;color:#12c4be}
.gistify .world-ghost{font-size:29vw;top:43%;left:14%}
.gistify-scene .visual-primary{width:104%;height:80%;left:-2%;top:0;transform:rotate(-7deg) rotateY(-8deg);border:1px solid #12c4be70;background:#0b1115}
.gistify-scene .visual-primary img{object-position:top}
.gistify-scene .visual-secondary{width:58%;height:51%;right:-2%;top:57%;transform:rotate(9deg);border:5px solid #22625f;background:#0b1115}
.gistify-scene .visual-secondary img{object-position:top}
.project-dock{max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}
.project-dock::-webkit-scrollbar{display:none}
.project-dock a{flex-shrink:0}
@media(max-width:1100px){.onions-brand{font-size:23px}.onions .world-copy h2{font-size:5.8vw}.project-dock a{padding:12px 13px}}
@media(max-width:760px){
 .onions-brand{font-size:18px;letter-spacing:-.7px;max-width:145px;line-height:1.15;text-align:right}
 .gistify-brand{font-size:32px}
 .onions .world-copy h2{font-size:clamp(40px,10.5vw,65px)}
 .onions-scene .visual-primary,.gistify-scene .visual-primary{height:88%;width:100%;border-width:3px}
 .onions-scene .visual-secondary{width:43%;height:63%;top:55%;border-width:4px}
 .gistify-scene .visual-secondary{width:58%;height:65%;top:55%;border-width:3px}
 .onions .world-ghost,.gistify .world-ghost{font-size:38vw;left:-3%;top:43%}
 .project-dock{left:12px;right:12px;max-width:none;transform:translateY(110px);width:auto;justify-content:flex-start}
 .project-dock.visible{transform:translateY(0)}
 .project-dock a{padding:11px 13px;font-size:12px}
}

/* Brand palettes: coral keepsakes, teal intelligence, and fresh Vessel aqua. */
.vessel{--chapter:#a7e8ec;--chapter-ink:#153a2c}
.onions .world-copy h2 em,.onions .world-ending h3 em{color:#603227;opacity:1}
.vessel .world-copy h2 em,.vessel .world-ending h3 em{color:#386b60;opacity:1}
.gistify .world-ending h3 em{color:#12c4be;opacity:1}
.gistify .world-ghost{color:#12c4be}
.gistify .world-ending .pill{background:#12c4be;color:#101717}
@media(min-width:761px){.gistify .world-copy .pill{background:#12c4be;color:#101717}}

/* The original film shares the existing image layer and gallery. */
.film-preview video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.film-label{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:14px;padding:12px 17px;border-radius:30px;background:#fff7ed;color:#3b211b;font-size:14px;box-shadow:0 2px 8px #0002}
.film-label b{font-size:14px}
.gallery-viewport>video{width:100%;height:100%;object-fit:contain}
.gallery-viewport>[hidden]{display:none}
@media(max-width:760px){.film-label{top:10px;left:10px;padding:10px 13px}}

/* The opening collage peels into ribbons and dissolves with the scroll. */
.hero-fragments{position:absolute;inset:0;display:none;pointer-events:none;transform-style:preserve-3d}
.hero-fragment{position:absolute;inset:0;pointer-events:none;backface-visibility:hidden}
.hero-fragment img{display:block;width:100%;height:100%;object-fit:cover}
.orbit.is-splitting{overflow:visible;background:transparent;border-color:transparent;box-shadow:none;transition:none}
.orbit.is-splitting>img,.orbit.is-splitting>span{visibility:hidden}
.orbit.is-splitting .hero-fragments{display:block}
.hero-halo{opacity:calc(1 - var(--hero-exit,0))}
.motion-off .hero-fragments{display:none}
@media(prefers-reduced-motion:reduce){.hero-fragments{display:none}}
@media(prefers-reduced-motion:no-preference){
 html:not(.motion-off) .hero+.manifesto{margin-top:-30svh}
}

/* One vector star, independent of platform fonts or emoji rendering. */
.star-mark{display:inline-block;width:.85em;height:.85em;vertical-align:-.05em;flex-shrink:0}
.asterisk .star-mark{display:block;width:100%;height:auto}

/* Enable each closing CTA only once its scroll reveal makes it interactive. */
.world-ending[aria-hidden="false"] .pill{pointer-events:auto}

/* Keep the animation setting legible on phones. */
@media(max-width:760px){
 .site-header nav{gap:12px}
 .motion-toggle{font-size:12px;padding:9px 10px;gap:4px;white-space:nowrap}
 .motion-toggle span{font-size:12px}
 .motion-toggle i{display:none}
}
@media(max-width:360px){
 .site-header{flex-wrap:wrap;gap:12px}
 .site-header nav{width:100%;justify-content:space-between}
}

/* Company chapters reserve independent areas for words and moving media. */
.portfolio .world{--pin-height:max(780px,100svh);height:calc(var(--pin-height) + 90svh);min-height:0}
.portfolio .world-pin{height:var(--pin-height);min-height:0;display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:28px 36px;padding:40px 5% 82px;align-items:center}
.portfolio .world-meta{position:relative;inset:auto;grid-area:1/1/2/3;gap:24px}
.portfolio .world-copy,.portfolio .world-ending{position:relative;inset:auto;grid-area:2/1/3/2;width:100%;max-width:none;align-self:center;min-width:0}
.portfolio .world-copy h2,.portfolio .world-ending h3{font-size:clamp(40px,4.6vw,78px);line-height:1.07;max-width:100%;overflow-wrap:normal}
.portfolio .world-copy p,.portfolio .world-ending p{font-size:16px;line-height:1.55;max-width:360px;margin-top:22px}
.portfolio .world-ending:before{display:none}
.scene-stage{grid-area:2/2/3/3;position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;isolation:isolate}
.portfolio .scene-stage .scene{left:13%;top:12%;width:74%;height:73%;transform-origin:center center}
.portfolio .world-foot{position:relative;inset:auto;grid-area:3/1/4/3;gap:20px;align-self:end}
.portfolio .world-copy .pill{position:relative;inset:auto;display:inline-flex;font-size:13px;padding:8px 8px 8px 21px;gap:20px;margin-top:24px;background:var(--chapter-ink);color:var(--chapter)}
.portfolio .world-copy .pill>span{width:32px;height:32px;font-size:23px;color:inherit}
.portfolio .gistify .world-copy .pill{background:#12c4be;color:#101717}
.portfolio .world-ending .pill{margin-top:24px}
.portfolio .time-card{width:clamp(140px,14vw,195px);padding:18px;right:0;bottom:-2%}
.portfolio .time-card strong{font-size:clamp(29px,3vw,40px)}
.portfolio .scene-tag{bottom:-9%;left:0}
.portfolio .play-stamp{left:auto;right:-2%;bottom:-3%;width:110px;height:110px;font-size:18px;padding-left:25px}
.portfolio .play-stamp span{font-size:22px;right:12px;bottom:20px}
.portfolio .dream-stamp{font-size:19px;padding:19px 22px;right:-3%;top:-4%}
@media(max-width:900px){
 .portfolio .world{--pin-height:max(880px,100svh);height:calc(var(--pin-height) + 75svh)}
 .portfolio .world-pin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(260px,1fr) auto;padding:30px 7% 88px;gap:24px}
 .portfolio .world-meta{grid-area:1/1/2/2;gap:18px}
 .portfolio .world-meta>span:first-child{font-size:9px;max-width:48%}
 .portfolio .world-brand{font-size:clamp(22px,4.5vw,32px);letter-spacing:-1px}
 .portfolio .vessel-brand{font-size:38px}
 .portfolio .auto-brand{width:155px}
 .portfolio .world-copy,.portfolio .world-ending{grid-area:2/1/3/2;align-self:center;width:100%;max-width:640px;justify-self:center}
 .portfolio .world-copy .eyebrow{display:none}
 .portfolio .world-copy h2,.portfolio .world-ending h3{font-size:clamp(34px,6vw,50px);line-height:1.06;max-width:100%}
 .portfolio .world-copy h2 br,.portfolio .world-ending h3 br{display:initial}
 .portfolio .world-copy h2 em{margin-left:0}
 .portfolio .world-copy p,.portfolio .world-ending p{font-size:15px;line-height:1.5;max-width:500px;margin-top:16px}
 .portfolio .world-copy .pill,.portfolio .world-ending .pill{font-size:13px;margin-top:18px}
 .scene-stage{grid-area:3/1/4/2;max-width:650px;justify-self:center;min-height:260px}
 .portfolio .scene-stage .scene{left:13%;top:10%;width:74%;height:min(71%,60vw)}
 .portfolio .world-foot{grid-area:4/1/5/2;gap:16px}
 .portfolio .world-foot>span:first-child{font-size:9px;line-height:1.5;max-width:48%}
 .portfolio .world-foot>a{font-size:11px;line-height:1.5;max-width:48%}
 .portfolio .time-card{width:140px;padding:15px;bottom:-14%}
 .portfolio .time-card strong{font-size:29px;margin:10px 0}
 .portfolio .dream-stamp{font-size:16px;padding:15px 17px}
 .portfolio .dream-stamp b{font-size:18px}
 .portfolio .scene-tag{bottom:-20%;font-size:8px}
 .portfolio .play-stamp{width:95px;height:95px;font-size:16px;padding-left:21px}
}
.motion-off .portfolio .world{height:auto;min-height:0}
.motion-off .portfolio .world-pin{position:relative}
@media(prefers-reduced-motion:reduce){.portfolio .world{height:auto;min-height:0}.portfolio .world-pin{position:relative}}

/* Two perspectives spiral through the same protected media area. */
.scene > *{transform-origin:center;will-change:translate,rotate,scale,opacity}
.scene[aria-hidden="true"]{pointer-events:none}
.scene-second{z-index:4}
.scene-second .perspective-card{border:5px solid color-mix(in srgb,var(--chapter-ink) 12%,white);background:var(--chapter);transition:box-shadow .2s}
.scene-second .perspective-card-0{left:-2%;top:4%;width:96%;height:67%;transform:rotate(-6deg);z-index:1}
.scene-second .perspective-card-1{right:-6%;top:55%;width:67%;height:48%;transform:rotate(8deg);z-index:2}
.scene-second .perspective-card img{width:100%;height:100%;object-fit:cover}
.scene-second .perspective-card:hover{box-shadow:0 22px 50px #0004}
.gistify .scene-second .perspective-card-0{width:66%;height:98%;left:-3%;top:-1%}
.gistify .scene-second .perspective-card-0 img{object-fit:contain;background:#131313}
.gistify .scene-second .perspective-card-1{width:67%;height:47%;right:-9%;top:53%}
.auto .scene-second .perspective-card img,.mogl .scene-second .perspective-card img{object-fit:contain;background:#121718}
.mogl .scene-second .perspective-card img{background:white}
.lil .scene-second .perspective-card-0{width:75%;height:89%;left:0;top:0;background:#e9e0ff}
.lil .scene-second .perspective-card-0 img{object-fit:contain}
.lil .scene-second .perspective-card-1{top:59%;height:43%;width:74%}
.motion-off .scene-second{display:none}
@media(prefers-reduced-motion:reduce){.scene-second{display:none}}
@media(max-width:900px){.scene-second .perspective-card{border-width:3px}}

/* Every chapter opens text-left, then hands off to text-right. */
@media(min-width:901px){
 .portfolio .world-pin{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .portfolio .company-copy-start{grid-area:2/1/3/2}
 .portfolio .company-copy-end{grid-area:2/2/3/3}
 .portfolio .scene-stage{grid-area:2/2/3/3;will-change:transform}
}
.company-copy-slot{position:relative;display:grid;min-width:0;height:100%;overflow:hidden;overflow:clip;z-index:5;pointer-events:none;padding-block:12px}
.portfolio .company-copy-slot .world-copy,.portfolio .company-copy-slot .world-ending{grid-area:1/1;position:relative;inset:auto;align-self:center;width:100%;max-width:none}
.company-copy-slot .pill{pointer-events:auto}
@media(max-width:900px){
 /* Equal upper/lower stages let the artwork exchange places with the copy. */
 .portfolio .world{--pin-height:max(980px,100svh)}
 .portfolio .world-pin{grid-template-rows:auto minmax(320px,1fr) minmax(320px,1fr) auto}
 .portfolio .company-copy-slot{width:90%;max-width:640px;height:100%;box-sizing:border-box}
 .portfolio .company-copy-start{grid-area:2/1/3/2;justify-self:start}
 .portfolio .company-copy-end{grid-area:3/1/4/2;justify-self:end;text-align:right}
 .portfolio .company-copy-end p{margin-left:auto}
 .portfolio .scene-stage{grid-area:3/1/4/2;width:90%;max-width:640px;justify-self:end;min-height:0;will-change:transform}
}

/* MOGL's second perspective brings photographic product moments into focus. */
.mogl .scene-second .perspective-card img.focused-art{object-fit:cover}
#gallery-image.focused-art{width:100%;height: min(52vw,65svh);object-fit:cover;max-height:none}
.gallery-viewport.zoomed #gallery-image.focused-art{height:auto;object-fit:contain}
.mogl .scene-second .perspective-card-0 img.focused-art{transform:scale(1.15);transform-origin:50% 0%}
.mogl .scene-second .perspective-card-1 img.focused-art{transform:scale(1.6);transform-origin:50% 80%}

/* Keep the short manifesto sentence vertically centered beside its star. */
.manifesto-bottom .asterisk,.manifesto-bottom p{align-self:center}