@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500&display=swap');
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;color:#e6e4df;background:#050707}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid #e1c4a2;outline-offset:8px}#universe,.atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.atmosphere{background:radial-gradient(ellipse at 68% 50%,transparent 20%,#05070766 80%),linear-gradient(90deg,#050707e8 0%,#05070788 24%,transparent 48%);z-index:1}header{position:fixed;inset:38px 4.7% auto;display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{text-decoration:none;color:#e8e6e0;font-size:21px;letter-spacing:6px;white-space:nowrap}.symbol{font-size:13px;margin-right:22px}.one{font-size:8px;letter-spacing:2px;margin-left:7px;color:#8b8d89}.edition,#motion{font-size:8px;letter-spacing:2px;color:#737b7a}#motion span{margin-left:12px;color:#cebaa0}main{position:fixed;inset:0}.intro{position:absolute;left:4.7%;top:22%;z-index:3}.eyebrow{font-size:9px;line-height:1.8;letter-spacing:2.5px;color:#898e8a}.intro h1{font-size:clamp(42px,4.1vw,78px);line-height:1.08;font-weight:200;letter-spacing:-3px;margin:66px 0 24px}.period{color:#b99a79}.statement{font-size:13px;line-height:1.65;letter-spacing:1px;color:#969995}.explore{display:flex;align-items:center;gap:19px;font-size:9px;letter-spacing:2.5px;margin-top:49px;padding:0}.circle{border:1px solid #717975;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:20px;transition:transform .5s}.explore:hover .circle{transform:rotate(45deg);border-color:#e9d4b8}#field{position:absolute;inset:0;perspective:1100px;z-index:2;pointer-events:none;transform-style:preserve-3d}.fragment{position:absolute;padding:0;pointer-events:auto;transform-style:preserve-3d;transition:filter .7s,opacity .7s;filter:brightness(.6);opacity:.7}.fragment .image{display:block;width:100%;height:100%;background-image:url('assets/reference.png');background-repeat:no-repeat;box-shadow:0 0 30px #eec79b10;border:1px solid #e6d9c735;transition:box-shadow .6s,border-color .6s}.fragment-a{left:35%;top:23%;width:145px;height:174px;transform:rotateY(26deg) rotateZ(-7deg)}.image-a{background-size:1153% 535%;background-position:31.5% 23.8%}.fragment-b{left:55%;top:33%;width:clamp(210px,20vw,340px);height:clamp(166px,15vw,255px);transform:rotateY(-16deg) rotateZ(3deg)}.image-b{background-size:601% 436%;background-position:61.5% 33.7%}.fragment-c{left:75%;top:67%;width:156px;height:150px;transform:rotateY(-27deg) rotateZ(8deg)}.image-c{background-size:930% 572%;background-position:74% 70.1%}.fragment.active,.fragment:hover{filter:brightness(1);opacity:1}.fragment.active .image{border-color:#ead1ac99;box-shadow:0 0 40px #eec79b20}.fragment-no{display:block;font-size:7px;letter-spacing:1.4px;text-align:left;margin-top:12px;color:#abb0a8;opacity:0;transition:opacity .5s}.fragment.active .fragment-no,.fragment:hover .fragment-no{opacity:1}.project-caption{position:absolute;z-index:3;left:76%;top:45%;padding-left:20px;max-width:230px}.project-caption .eyebrow{font-size:7px;letter-spacing:1px;color:#7e8a87}.project-caption h2{font-size:12px;font-weight:400;letter-spacing:3px;line-height:1.5}.project-caption p{font-size:7px;letter-spacing:1px;color:#939891}.project-caption button{width:42px;height:42px;border:1px solid #777f78;border-radius:50%;font-size:24px;font-weight:200;margin-top:18px}nav{position:absolute;right:4.7%;top:17%;display:flex;flex-direction:column;align-items:flex-start;gap:24px;border-left:1px solid #737b794d;padding-left:20px;z-index:5}nav button{font-size:8px;letter-spacing:1.8px;color:#878d88;position:relative;padding:0}nav button:hover,nav .selected{color:#eee8de}nav .selected:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#e4ddcf;left:-23px;top:3px}footer{position:fixed;inset:auto 4.7% 28px;display:flex;justify-content:space-between;align-items:center;z-index:4;font-size:7px;letter-spacing:1.5px;color:#79837f}.line{display:inline-block;width:42px;height:1px;background:#59625c;margin:0 13px;vertical-align:middle}dialog{color:#e9e4d9;border:0;padding:0;background:#070b0b;max-width:none;max-height:none;width:100%;height:100%;margin:0}dialog::backdrop{background:#030606e8}.close{position:absolute;right:5%;top:38px;z-index:10;font-size:9px;letter-spacing:2px}.close span{font-size:26px;margin-left:18px}.immersive-art{position:absolute;inset:0;background-image:linear-gradient(0deg,#050707 0%,transparent 70%),url('assets/reference.png');background-size:cover;background-position:center;opacity:.75}.immersive-copy{position:absolute;bottom:10%;left:8%;max-width:600px}.immersive-copy h2,#information h2{font-weight:200;font-size:clamp(38px,6vw,90px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.description,#information .body{font-size:15px;line-height:1.8;color:#b2b6af;max-width:520px}.concept-note{font-size:10px;color:#77827b;max-width:350px;line-height:1.8}#next{padding:20px 0;font-size:10px;letter-spacing:2px}#information{padding:18vh 12vw;background:radial-gradient(ellipse at right bottom,#1a2625,#060909 70%)}#information h2{max-width:800px}#information .body{white-space:pre-line} @media(min-width:1700px){.fragment-a{width:180px;height:210px}.fragment-c{width:200px;height:190px}}@media(max-width:900px){.edition,.coordinates{display:none}.intro{top:19%}.intro h1{font-size:52px}.project-caption{left:67%;top:60%}.fragment-a{left:42%;top:25%;width:115px;height:140px}.fragment-b{left:52%;top:42%;width:210px;height:160px}.fragment-c{left:72%;top:76%;width:100px;height:100px}}@media(max-width:600px){header{inset:26px 7% auto}.wordmark{font-size:15px;letter-spacing:4px}.symbol{margin-right:12px}.one{display:none}#motion{font-size:7px;letter-spacing:1px}.intro{left:7%;top:16%;pointer-events:none}.eyebrow{font-size:7px;letter-spacing:1.7px}.intro h1{font-size:48px;margin-top:25px;letter-spacing:-2px}.statement{font-size:11px}.explore{pointer-events:auto;margin-top:25px;font-size:8px;gap:12px}.circle{width:32px;height:32px;font-size:16px}nav{top:auto;bottom:77px;left:7%;right:7%;flex-direction:row;justify-content:space-between;border-left:0;border-top:1px solid #737b794d;padding:20px 0 0;gap:10px}nav .selected:before{display:none}.fragment-a{left:69%;top:20%;width:72px;height:98px}.fragment-b{left:43%;top:51%;width:170px;height:135px}.fragment-c{left:15%;top:72%;width:86px;height:80px}.fragment-no{font-size:5px}.project-caption{left:49%;top:73%;max-width:175px;padding:0}.project-caption h2{font-size:10px;letter-spacing:2px;margin:8px 0}.project-caption p{font-size:6px}.project-caption button{position:absolute;left:-45px;top:7px;width:30px;height:30px;font-size:20px}.project-caption .eyebrow{font-size:6px}footer{inset:auto 7% 25px;font-size:6px;letter-spacing:1px}.counter{font-size:6px}.counter .line{width:15px;margin:0 5px}.immersive-copy{left:7%;right:7%}.description{font-size:13px}}

main{z-index:2}


/* The field reveals one image at a time. Hit regions remain keyboard accessible. */
.fragment{opacity:1;filter:none;translate:var(--float-x,0px) var(--float-y,0px);rotate:var(--float-r,0deg)}
.fragment .image{opacity:0;filter:blur(15px) brightness(1.3);scale:.87;clip-path:inset(20% 18% 20% 18% round 40%);transition:opacity 1s ease,filter 1.25s ease,scale 1.3s cubic-bezier(.16,1,.3,1),clip-path 1.25s cubic-bezier(.16,1,.3,1),box-shadow 1s}
.fragment.revealed .image{opacity:1;filter:blur(0) brightness(1);scale:1;clip-path:inset(0% 0% 0% 0% round 0%);box-shadow:0 0 65px #eac29a24}
.fragment .fragment-no,.fragment.active .fragment-no,.fragment:hover .fragment-no{opacity:0;transition:opacity .7s}
.fragment.revealed .fragment-no{opacity:1;transition-delay:.35s}
.project-caption{opacity:0;translate:0 10px;pointer-events:none;transition:opacity .7s,translate 1s}
.has-reveal .project-caption{opacity:1;translate:0 0;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.fragment .image{transition:opacity .2s;filter:none;scale:1;clip-path:none}.fragment{translate:none;rotate:none}}

.node-mode #field,.node-mode .project-caption{display:none}
#navigation-particles{position:absolute;inset:0;pointer-events:none;z-index:2}
.navigation-particle{position:absolute;left:0;top:0;width:36px;height:36px;padding:0;display:grid;place-items:center;pointer-events:auto;border-radius:50%;touch-action:none}
.navigation-particle span{width:var(--core,8px);height:var(--core,8px);background:#e6cfaf;border-radius:50%;box-shadow:0 0 8px #e4b77c99,0 0 18px #cba97533;transition:scale .45s,background .45s,box-shadow .45s}
.navigation-particle:nth-child(3n) span{background:#c4dce3;box-shadow:0 0 9px #9dd2ea88,0 0 18px #a1cbdf33}
.navigation-particle:hover span,.navigation-particle.lit span,.navigation-particle:focus-visible span{scale:1.65;background:#fff3df;box-shadow:0 0 15px #f0d5aabb,0 0 30px #f0d5aa55}
.node-preview{position:absolute;z-index:4;width:220px;padding:0;opacity:0;pointer-events:none;scale:.92;filter:blur(8px);transition:opacity .5s,scale .7s,filter .6s;text-align:left}
.node-preview.visible{opacity:1;pointer-events:auto;scale:1;filter:blur(0)}
.node-preview .image{display:block;width:100%;height:165px;background-image:url('assets/reference.png');background-repeat:no-repeat;border:1px solid #ddc6a777;box-shadow:0 0 40px #d7bb961c}
.node-label{display:block;padding:12px 0;font-size:8px;letter-spacing:2px;color:#d5d4ca;text-shadow:0 1px 5px #000}
@media(max-width:600px){.node-preview{width:160px}.node-preview .image{height:120px}.navigation-particle{width:36px;height:36px}}
html{scroll-behavior:smooth;scroll-padding-top:0}body{overflow-x:hidden;overflow-y:auto}main{height:100svh;bottom:auto;will-change:opacity,transform}nav{position:fixed;z-index:8}#universe{transition:opacity 1.2s;transform-origin:65% 50%;will-change:transform}.atmosphere{z-index:1}header{padding:12px 0;top:24px}body:not([data-chapter="work"]) header{background:linear-gradient(#050707d9,transparent)}#journey{position:relative;z-index:3;padding-top:125vh;pointer-events:none}.chapter{min-height:140vh;position:relative;padding:18vh 8% 20vh;pointer-events:auto;scroll-margin-top:0}.chapter-inner{position:sticky;top:17vh;min-height:70vh;display:grid;grid-template-columns:1.35fr 1fr;column-gap:9%;align-content:center}.chapter-number{grid-column:1/-1;font-size:9px;letter-spacing:3px;color:#c7ac8c;margin:0 0 45px}.chapter h2{font-weight:200;font-size:clamp(42px,5.2vw,86px);line-height:1.12;letter-spacing:-2.8px;margin:0;align-self:start}.chapter em{font-style:normal;color:#8b9b99}.chapter-aside{padding-top:12px;max-width:340px}.chapter-aside>p:not(.eyebrow),.process-steps p{color:#a6afaa;font-size:13px;line-height:1.95;letter-spacing:.2px}.chapter-aside>p{margin-bottom:28px}.text-link{display:inline-flex;gap:24px;color:#e4ded1;font-size:9px;letter-spacing:2px;text-decoration:none;padding:18px 0;border-bottom:1px solid #69797366;transition:border-color .4s,color .4s}.text-link:hover{color:#e0ba8f;border-color:#d6b18c}.chapter-foot{grid-column:1/-1;font-size:8px;letter-spacing:3px;color:#637873;margin-top:70px}.chapter-inner>*{opacity:0;translate:0 35px;transition:opacity 1.2s,translate 1.5s cubic-bezier(.16,1,.3,1)}.chapter.in-view .chapter-inner>*{opacity:1;translate:0 0}.chapter.in-view .chapter-aside,.chapter.in-view .process-steps{transition-delay:.18s}.process-steps{max-width:370px}.process-steps article{display:flex;gap:25px;border-top:1px solid #8a9c8a40;padding:22px 0 15px}.process-steps article>span{font-size:9px;color:#c7ac8c;padding-top:5px;letter-spacing:1px}.process-steps h3{font-size:21px;font-weight:300;letter-spacing:.5px;margin:0 0 10px}.process-steps p{font-size:12px;margin:0}.contact-aside{max-width:360px}.contact-link{color:#d9c3a3;font-size:18px;text-decoration:none}.contact-link[hidden]{display:none}#inquiry{margin-top:30px}#inquiry label{font-size:8px;letter-spacing:2px;color:#899b94}#inquiry textarea{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid #718c7c77;border-radius:0;color:#e3e5db;font:300 15px/1.7 Manrope,Arial,sans-serif;resize:vertical;padding:12px 0;outline-offset:4px}#inquiry-status{font-size:10px;color:#a7b5a9;line-height:1.6}.contact-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;margin-top:80px;font-size:8px;line-height:2;letter-spacing:2px;color:#9da99e}#contact{min-height:125vh}footer{z-index:6;pointer-events:none;bottom:20px}.scroll-invitation{position:fixed;bottom:75px;left:4.7%;z-index:4;color:#b1b9b0;font-size:7px;letter-spacing:2px;display:flex;align-items:center;gap:13px;pointer-events:none}.scroll-invitation span{display:block;width:1px;height:35px;background:linear-gradient(transparent,#c3c5b6)}body:not([data-chapter="work"]) .coordinates{opacity:0}.chapter p,.chapter h2,.chapter article{text-shadow:0 2px 20px #050707}body[data-chapter="about"] .atmosphere,body[data-chapter="process"] .atmosphere,body[data-chapter="contact"] .atmosphere{background:linear-gradient(90deg,#050707aa,#05070755)}@media(max-width:900px){.chapter{padding-left:7%;padding-right:12%}.chapter-inner{column-gap:6%}.chapter h2{font-size:48px;letter-spacing:-2px}.chapter-aside>p:not(.eyebrow){font-size:12px}}@media(max-width:600px){header{top:16px}#journey{padding-top:115vh}.chapter{min-height:135vh;padding:15vh 7% 25vh}.chapter-inner{display:block;position:relative;top:0;min-height:0}.chapter-number{margin-bottom:30px}.chapter h2{font-size:43px;line-height:1.15;letter-spacing:-1.9px}.chapter-aside{padding-top:34px;max-width:100%}.chapter-aside>p:not(.eyebrow){font-size:13px}.chapter-foot{display:block;margin-top:45px;font-size:7px}.process-steps{margin-top:40px}.process-steps article{padding:20px 0}.process-steps p{font-size:12px}.contact-bottom{margin-top:55px;display:block}.contact-bottom .text-link{margin-top:20px}#contact{min-height:135vh}nav{bottom:55px;background:linear-gradient(transparent,#050707 40%);padding-bottom:12px;padding-top:25px}footer{bottom:16px}.scroll-invitation{bottom:122px;left:7%}body:not([data-chapter="work"]) #hint{max-width:160px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#universe{transform:none!important}.chapter-inner>*{translate:none;transition:none}}
.gallery-trigger{display:block;margin-top:24px;padding:8px 0;font-size:8px;letter-spacing:2px;color:#a4b4a7;pointer-events:auto}.gallery-trigger:hover{color:#e1c4a2}#gallery{padding:100px 7% 70px;overflow:auto;background:#090d0c}#gallery>h2{font-size:clamp(36px,5vw,70px);font-weight:200;letter-spacing:-2px;margin:20px 0}.gallery-intro{color:#92a397;font-size:13px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px;margin-top:60px}.gallery-card{padding:0;text-align:left}.gallery-card .image{display:block;width:100%;aspect-ratio:4/3;background-image:url('assets/reference.png');background-repeat:no-repeat;border:1px solid #b5c4ae33;transition:filter .5s;filter:brightness(.8)}.gallery-card:hover .image{filter:brightness(1)}.gallery-card h3{font-size:15px;font-weight:300;letter-spacing:1px}.gallery-card p{color:#8a9c8f;font-size:8px;letter-spacing:2px}.immersive-art{background-position:center}body:has(dialog[open]){overflow:hidden}@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.gallery-grid{grid-template-columns:1fr;gap:35px}.gallery-trigger{margin-top:13px;font-size:7px}#gallery{padding-top:95px}}
.work-chapter{background:transparent;min-height:110vh;padding-top:17vh;padding-bottom:20vh}.work-inner{max-width:1400px;margin:0 auto;opacity:0;translate:0 40px;transition:opacity 1.2s,translate 1.5s cubic-bezier(.16,1,.3,1)}.work-chapter.in-view .work-inner{opacity:1;translate:0 0}.work-chapter h2{font-size:clamp(42px,5.2vw,86px);font-weight:200;line-height:1.12;letter-spacing:-2.8px;margin:0 0 25px}.work-chapter .gallery-intro{color:#afbaaf}.work-chapter .gallery-grid{margin-top:55px;margin-bottom:55px;gap:50px 30px}.work-chapter .gallery-card{background:transparent}.work-chapter .gallery-card .image{box-shadow:0 12px 50px #0004}.work-chapter .gallery-card:nth-child(3n+2){padding-top:65px}.work-chapter .gallery-card h3{color:#e5e7de}.work-chapter .gallery-card p{color:#a3b19f}.gallery-trigger{cursor:pointer}@media(max-width:600px){.work-chapter{padding-top:15vh;min-height:auto}.work-chapter h2{font-size:43px;letter-spacing:-1.9px}.work-chapter .gallery-card:nth-child(3n+2){padding-top:0}.work-chapter .gallery-grid{gap:35px}.work-chapter .gallery-card .image{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){.work-inner{translate:none;transition:none}}
:root{--brand-magenta:#f50969;--brand-coral:#ff6745;--brand-gold:#ffd5a2;--brand-ivory:#f0e8dc}.wordmark{display:inline-flex;align-items:center;gap:18px;letter-spacing:6px}.brand-emblem{display:inline-block;width:76px;height:42px;position:relative;overflow:hidden;flex-shrink:0;mix-blend-mode:screen}.brand-emblem img{position:absolute;width:112px;height:auto;max-width:none;left:-18px;top:-10px}.brand-name{font-size:20px;letter-spacing:7px;font-weight:300;white-space:nowrap}.brand-name .one{font-size:8px;letter-spacing:1.5px;margin-left:6px;color:#bd9f9d}.period{color:var(--brand-coral)}.chapter-number{color:var(--brand-gold)}.chapter em{color:#bba7a7}nav .selected:before{background:var(--brand-gold);box-shadow:0 0 9px #ff4f7066}.circle{border-color:#b58b7966}.explore:hover .circle{border-color:var(--brand-gold);box-shadow:0 0 24px #f5096922}.gallery-trigger:hover,.text-link:hover{color:var(--brand-gold);border-color:#f5096988}.navigation-particle span{background:#ffd5a2;box-shadow:0 0 9px #ffac6688,0 0 20px #ff674533}.navigation-particle:nth-child(3n) span{background:#ff83b5;box-shadow:0 0 9px #f5096988,0 0 20px #f5096933}.navigation-particle:hover span,.navigation-particle.lit span,.navigation-particle:focus-visible span{background:#fff2dd;box-shadow:0 0 15px #ffd5aacc,0 0 32px #f5096955}.text-link{border-color:#b78c7d55}.node-preview .image{border-color:#ffca9d77}.footer-brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--brand-ivory)}.footer-brand .brand-emblem{width:100px;height:57px}.footer-brand .brand-emblem img{width:148px;left:-24px;top:-12px}.footer-brand .brand-name{font-size:15px;letter-spacing:5px}.footer-brand .one{font-size:7px}.contact-bottom{gap:25px}.manager .action:hover{border-color:var(--brand-gold);color:var(--brand-gold)}.manager #status{color:var(--brand-gold)}.manager header .wordmark{color:var(--brand-ivory)}button:focus-visible,a:focus-visible{outline-color:var(--brand-gold)}@media(max-width:600px){.wordmark{gap:9px}.brand-emblem{width:48px;height:30px}.brand-emblem img{width:76px;left:-14px;top:-6px}.brand-name{font-size:15px;letter-spacing:4px}.brand-name .one{display:inline;font-size:6px;letter-spacing:1px;margin-left:2px}.contact-bottom .footer-brand{margin-bottom:22px}.footer-brand .brand-emblem{width:76px;height:42px}.footer-brand .brand-emblem img{width:112px;left:-18px;top:-10px}.manager header .brand-name{font-size:13px}.manager header .wordmark{gap:7px}}

.scroll-invitation{left:auto;right:4.7%}@media(max-width:600px){.scroll-invitation{left:auto;right:7%;bottom:122px}}

:root{--brand-magenta:#f3422f;--brand-coral:#ff5938;--brand-gold:#ffd3a0;--brand-ice:#a4e3ff}.chapter em{color:#a1b9c2}.navigation-particle span{background:#ffc28c;box-shadow:0 0 9px #ff663f99,0 0 20px #f3422f33}.navigation-particle:nth-child(3n) span{background:#b8ecff;box-shadow:0 0 10px #82d8ff99,0 0 22px #82d8ff33}.navigation-particle:hover span,.navigation-particle.lit span,.navigation-particle:focus-visible span{background:#fff0d9;box-shadow:0 0 15px #ffd5aacc,0 0 32px #ff593855}.brand-name .one{color:#b4bbc0}nav .selected:before{box-shadow:0 0 9px #ff653966}.explore:hover .circle{box-shadow:0 0 24px #ff593822}.text-link:hover,.gallery-trigger:hover{border-color:#ff693e88}

.brand-emblem{mix-blend-mode:normal}


.brand-emblem img,.footer-brand .brand-emblem img{width:100%;height:100%;left:0;top:0;object-fit:contain}.brand-emblem{overflow:visible}

/* Persistent location signature and scroll navigation glass. */
footer .coordinates,body:not([data-chapter="work"]) footer .coordinates{display:block;opacity:1;color:#9aa9a3;text-shadow:0 1px 5px #000,0 0 14px #000}
nav{transition:background .5s,backdrop-filter .5s,box-shadow .5s,border-color .5s,padding .5s}
body.is-scrolled nav{background:rgba(2,5,5,.72);backdrop-filter:blur(18px) saturate(.8);-webkit-backdrop-filter:blur(18px) saturate(.8);padding:22px 20px;border:1px solid #c7d3c51c;border-radius:3px;box-shadow:0 10px 35px #0005}
body.is-scrolled nav .selected:before{left:-23px}
@media(max-width:900px){footer .coordinates{display:block;font-size:6px;letter-spacing:1px}}
@media(max-width:600px){footer{flex-wrap:wrap;row-gap:9px}footer .coordinates{width:100%;font-size:6px;letter-spacing:.9px}.counter{margin-left:auto}body.is-scrolled nav{padding:17px 14px;bottom:72px}nav{bottom:72px}.scroll-invitation{bottom:140px}}
/* Glass belongs to the top brand header; the section menu stays open. */
body.is-scrolled nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 0 0 20px;border:0;border-left:1px solid #737b794d;border-radius:0;box-shadow:none}
header{transition:background .5s,backdrop-filter .5s,box-shadow .5s}
body.is-scrolled header,body.is-scrolled:not([data-chapter="work"]) header{background:rgba(2,5,5,.72);backdrop-filter:blur(18px) saturate(.8);-webkit-backdrop-filter:blur(18px) saturate(.8);box-shadow:0 10px 35px #0005;outline:1px solid #c7d3c51c;outline-offset:12px}
@media(max-width:600px){nav,body.is-scrolled nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:20px 0 12px;border:0;border-top:1px solid #737b794d;box-shadow:none;bottom:72px}}
/* Artwork beacons stay distinct from the fine particle sculpture. */
.navigation-particle{width:44px;height:44px}
.navigation-particle::after{content:'';position:absolute;width:calc(var(--core,18px) + 12px);height:calc(var(--core,18px) + 12px);border:1px solid #ffca9977;border-radius:50%;box-shadow:0 0 12px #ff663f33;transition:scale .6s,border-color .6s;pointer-events:none}
.navigation-particle:nth-child(3n)::after{border-color:#b8ecff88;box-shadow:0 0 12px #82d8ff33}
.navigation-particle:hover::after,.navigation-particle.lit::after,.navigation-particle:focus-visible::after{scale:1.16;border-color:#fff1dccc}
.navigation-particle:hover span,.navigation-particle.lit span,.navigation-particle:focus-visible span{scale:1.25}
@media(max-width:600px){.navigation-particle{width:44px;height:44px}}
@media(max-width:600px){.navigation-particle::after{width:calc(var(--core,9px) + 8px);height:calc(var(--core,9px) + 8px);border-color:#ffca9955;box-shadow:0 0 7px #ff663f22}.navigation-particle:nth-child(3n)::after{border-color:#b8ecff66;box-shadow:0 0 7px #82d8ff22}}
@media(min-width:601px){.navigation-particle::after{width:calc(var(--core,9px) + 6px);height:calc(var(--core,9px) + 6px)}}
.navigation-particle::after{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center}
@media(min-width:601px){.navigation-particle::after{width:calc(var(--core,9px) + 10px);height:calc(var(--core,9px) + 10px);border:1.25px solid #ffd5a2c4;box-shadow:0 0 5px #ff8b4938}.navigation-particle:nth-child(3n)::after{border-color:#b8ecffcc;box-shadow:0 0 5px #82d8ff38}.navigation-particle:hover::after,.navigation-particle.lit::after,.navigation-particle:focus-visible::after{border-color:#fff5e6;box-shadow:0 0 9px #fff0d866}}