/* ATELIER / 2026 — a shared frame, with a separate material language for every work. */
:root{--atelier-bg:#0c100f;--atelier-line:#d8f0dd20;--atelier-muted:#a9b6ae;--atelier-ease:cubic-bezier(.16,1,.3,1);--atelier-soft:cubic-bezier(.22,.61,.36,1);--atelier-fast:180ms;--atelier-medium:420ms;--atelier-slow:850ms;--atelier-gutter:clamp(20px,4vw,64px);--atelier-header:100px}
html{scroll-padding-top:130px;background:var(--atelier-bg)}
body{background:var(--atelier-bg);background-image:radial-gradient(ellipse 70% 620px at 88% 0,#a586e80d,transparent 75%),radial-gradient(ellipse 55% 700px at 0 35%,#a0f88305,transparent 80%);color:#edf1e9;isolation:isolate}
body::selection{background:#c4fa5a;color:#14200e}::selection{background:#c4fa5a88;color:inherit}
.site-shell,.game-page .site-shell{width:calc(100% - var(--atelier-gutter)*2);max-width:1280px}
.site-header{position:sticky;top:0;z-index:90;min-height:96px;height:auto;padding:22px 0;gap:22px;isolation:isolate;border-bottom:1px solid var(--atelier-line);transition:padding var(--atelier-medium) var(--atelier-ease),border-color var(--atelier-medium)}
.site-header::before{content:'';position:absolute;inset:0 calc(-1 * var(--atelier-gutter));background:#0c100fd9;backdrop-filter:blur(22px) saturate(1.25);z-index:-1;transition:background var(--atelier-medium),box-shadow var(--atelier-medium);border-bottom:1px solid transparent}
.site-header.header-scrolled{padding-top:15px;padding-bottom:15px;border-color:transparent}
.site-header.header-scrolled::before{background:#0c100fee;border-bottom-color:#b6cebd18;box-shadow:0 10px 40px #0003}
.site-header .brand{font-size:26px;gap:12px;letter-spacing:-1px;flex-shrink:0}
.brand-mark{background:linear-gradient(145deg,#edffb4,#c4fa5a 58%,#8ab649);box-shadow:inset 0 1px 0 #fff9,0 4px 16px #b3e94a16;transition:transform var(--atelier-medium) var(--atelier-ease),box-shadow var(--atelier-medium)}
.brand:hover .brand-mark{transform:rotate(-9deg);box-shadow:inset 0 1px 0 #fff9,0 5px 24px #b3e94a36}
.site-header .page-nav{padding:5px;background:#e1f5e505;border:1px solid #cdebdc13;border-radius:12px;gap:2px}
.site-header .page-nav .nav-link{position:relative;border:1px solid transparent;font-size:13px;padding:10px 14px;border-radius:8px;color:#acb7af;transition:color var(--atelier-fast),background var(--atelier-fast),box-shadow var(--atelier-medium);isolation:isolate}
.site-header .page-nav .nav-link[aria-current=page]{background:linear-gradient(120deg,#c4fa5a18,#bbff7b08);border-color:#c4fa5a32;color:#d0ff83;box-shadow:inset 0 1px 0 #efffb712,0 1px 8px #0002}
.site-header .page-nav .nav-link:hover{background:#e1fbe70a;color:#f2ffe9}
.site-header .page-nav .nav-link:after{content:'';position:absolute;bottom:3px;left:40%;right:40%;height:1px;background:currentColor;opacity:0;transform:scaleX(0);transition:transform var(--atelier-medium),opacity var(--atelier-medium)}
.site-header .page-nav .nav-link:hover:after{opacity:.7;transform:scaleX(1)}
.header-tools{gap:10px}.header-tools .edition{display:none}
.language-switch{border-radius:9px;background:#17201b60;border-color:#c9e3ce25;padding:3px;gap:2px}
.language-switch button{padding:8px 9px;border-radius:5px;font-size:12px;transition:background .25s,color .25s}
.language-switch button[aria-pressed=true]{background:#cfff83;box-shadow:0 0 18px #cfff830d}
.atelier-motion{width:38px;height:38px;border:1px solid #c9e3ce25;border-radius:50%;display:grid;place-items:center;background:#17201b50;color:#a3b69d;padding:8px;transition:color .2s,border-color .2s,transform var(--atelier-medium) var(--atelier-ease)}
.atelier-motion svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.atelier-motion[aria-pressed=true]{color:#d0ff83}.atelier-motion:hover{border-color:#d0ff8380;transform:rotate(-8deg)}.atelier-motion:disabled{cursor:default;opacity:.65;transform:none}
:is(a,button,summary):focus-visible{outline:2px solid var(--cyan,#86e6eb);outline-offset:5px}
.atelier-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:200;pointer-events:none;transform-origin:left;overflow:hidden}
.atelier-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#c4fa5a,#79d9eb,#af83fa,#f681c2);transform:scaleX(var(--read,0));transform-origin:left;box-shadow:0 0 8px #b9fa75;opacity:.85}
.reading-progress{display:none}
.atelier-top{position:fixed;right:18px;bottom:20px;width:43px;height:43px;z-index:80;background:#101711e8;border:1px solid #ceecd124;border-radius:50%;padding:3px;color:#d0f5ac;box-shadow:0 5px 20px #0004;backdrop-filter:blur(12px);transition:background .25s,translate .3s}
.atelier-top:hover{background:#2d3d24;translate:0 -3px}.atelier-top[hidden]{display:none}
.atelier-top svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}
.atelier-top .top-track{stroke:#a7cda329}.atelier-top .top-progress{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--read-percent,0));transform:rotate(-90deg);transform-origin:center;stroke:#bff674;stroke-width:1.5}
.atelier-directory{display:grid;grid-template-columns:1.2fr repeat(5,1fr);margin:60px 0 0;padding:27px 0 29px;border-top:1px solid var(--atelier-line);border-bottom:1px solid var(--atelier-line);gap:0}
.directory-label{display:flex;flex-direction:column;justify-content:space-between;padding:5px 24px 5px 0;color:#8b9b91}
.directory-label>span{font:8px/1.8 var(--mono);letter-spacing:1.5px;max-width:110px}
.directory-label>b{font:500 40px/1 var(--display);letter-spacing:-5px;color:#b6c7b5}.directory-label>b>span{color:#b08cf4}
.atelier-directory>a{padding:5px 16px 10px 25px;border-left:1px solid #cce5d015;display:flex;flex-direction:column;gap:16px;transition:background var(--atelier-medium)}
.atelier-directory>a>small{font:9px var(--mono);color:#6e8073}.atelier-directory>a>strong{font:500 22px/1.2 var(--display);letter-spacing:-.8px}
.atelier-directory>a>span{font:9px/1.7 var(--body);color:#91a28e;display:flex;justify-content:space-between;gap:6px}.atelier-directory i{font-size:16px;font-style:normal;transition:translate .3s}
.atelier-directory>a:hover{background:#c8ff7206}.atelier-directory>a:hover i{translate:3px -3px}.atelier-directory>a[aria-current=page]>strong{color:#c4fa5a}
.site-footer{padding:25px 0 32px;border:0}.site-footer>.mono{font-size:10px;color:#829086;letter-spacing:.7px}.footer-brand{font-size:22px}.back-top{font-size:12px}
.site-social-links{margin-top:44px;padding:20px 0;border-color:var(--atelier-line);gap:28px}.site-social-links>a{font-size:12px;color:#a6b3a7;transition:color .25s,translate .4s}.site-social-links>a:hover{color:#daffad;translate:0 -2px}

/* A shared editorial scale, rather than a shared project colour. */
.gallery-header,.posts-heading,.school-header{padding-top:62px;padding-bottom:38px;border-bottom:1px solid var(--atelier-line)}
.gallery-kicker,.posts-kicker,.school-kicker{font-size:10px;letter-spacing:1.5px;line-height:1.7;color:#8f9f94}
.gallery-title-row,.posts-heading-line,.school-title-row{margin:17px 0 21px;align-items:center}
.gallery-header h1,.posts-heading h1,.school-header h1{font-size:clamp(78px,11.7vw,154px);letter-spacing:-.07em;line-height:1.05;margin:0;font-weight:650}
.gallery-introduction,.posts-intro,.school-intro{gap:50px;padding-top:12px;align-items:flex-end}
.gallery-introduction h2,.posts-intro h2,.school-intro h2{font-size:clamp(22px,2.8vw,34px);line-height:1.55;letter-spacing:-1px;font-weight:500;text-wrap:balance}
.gallery-introduction>p,.posts-intro>p,.school-intro>p{font-size:14px;line-height:1.9;color:#a2b0a7;max-width:390px}
.collection-mark{isolation:isolate}.collection-mark>img{animation:atelier-sculpture 12s ease-in-out infinite;filter:drop-shadow(0 15px 22px #9a79fc20)}
.collection-mark:before{content:'';position:absolute;inset:10% -3%;border:1px solid #af8bf32a;border-radius:50%;transform:rotate(-25deg) scaleY(.7)}
.collection-mark>.mono{font-size:9px;border:1px solid #c8b6f944;box-shadow:4px 5px 0 #0002}
.posts-mark{position:relative;font-size:86px;color:#bb97ff;display:block;width:118px;height:118px;text-align:center;line-height:118px;transform:rotate(-9deg);isolation:isolate;animation:atelier-paper 12s ease-in-out infinite}
.posts-mark:before,.posts-mark:after{content:'';position:absolute;inset:10px;border:1px solid #b89bff5e;background:#9e6ee00c;z-index:-1;transform:rotate(13deg);border-radius:3px}
.posts-mark:after{inset:0;border-color:#bfee752d;transform:rotate(-5deg);background:none}
.collection-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:6px;padding:6px;background:#141b16;border:1px solid #cee6c724;border-radius:12px;margin:28px 0}
.collection-navigation>a{padding:19px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:7px;border:1px solid transparent;transition:background .3s,border-color .3s,color .3s;min-width:0}
.collection-navigation>a>span{font-size:13px}.collection-navigation>a>small{font:10px var(--mono);white-space:nowrap;opacity:.65}
.collection-navigation>a[aria-current=page]{background:#d4e8b9;color:#203421;border-color:#ebffc044;box-shadow:inset 0 1px 0 #fff7}
.collection-navigation>a:not([aria-current=page]):hover{background:#d0ffc90a;border-color:#d0ffc91c;color:#e6f7de}
.school-portal{padding:21px 25px;background:linear-gradient(110deg,#1c3027,#18221b 60%,#242a1d);border-radius:12px;border:1px solid #c4e4b52b;box-shadow:inset 0 1px 0 #e1efc605;transition:border-color .3s,translate .5s var(--atelier-ease)}
.school-portal:hover{border-color:#b8dabd7c;translate:0 -3px}.school-portal>img{border-radius:50% 50% 5px 5px;box-shadow:0 5px 16px #0003;filter:saturate(.85)}
.school-portal h3{font-weight:500;letter-spacing:-.3px}.collection-toolbar{padding-top:5px;border-color:var(--atelier-line)}
.exhibition-grid{gap:48px}.collection-end{margin-top:37px;color:#798b7e}.gallery-colophon{border-color:var(--atelier-line);padding:44px 0;gap:34px}
.gallery-colophon .colophon-copy h2{font-weight:500;line-height:1.6}.creator-link{border-radius:10px;border-color:#cce6c334;transition:background .3s,translate .4s}
.creator-link:hover{background:#b9ec8210;translate:0 -3px}

/* Personal identity / iridescent credential, generous typography, human details. */
.profile-hero{position:relative;padding:90px 0 85px;grid-template-columns:1.2fr 1fr;gap:clamp(45px,7vw,110px);isolation:isolate}
.profile-hero:before{content:'';position:absolute;inset:0 -2% 0 28%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,#b48cec12,transparent 57%),radial-gradient(ellipse at 50% 65%,#ccff8510,transparent 50%);mask-image:linear-gradient(90deg,transparent,#000)}
.profile-hero .eyebrow{font-size:11px;letter-spacing:1.4px;color:#a4b79f}
.profile-hero h1{font-size:clamp(78px,8.3vw,112px);line-height:1.02;letter-spacing:-.07em;margin:24px 0 26px}
.profile-hero h1>.profile-greeting{font-size:.56em;line-height:1.5;font-weight:500;letter-spacing:-.05em;color:#e0e8db}
html:lang(zh-CN) .profile-hero h1>.profile-greeting{font-size:.43em;line-height:1.7;letter-spacing:-.035em}
.profile-hero h1>.profile-name{background:linear-gradient(115deg,#dcffae,#bcf859 65%,#94da66);color:transparent;background-clip:text;-webkit-background-clip:text}
.profile-cursor{color:#c29aff}.profile-headline{font-size:clamp(18px,2vw,24px);font-weight:500;line-height:1.7}.profile-hero-description{font-size:16px;line-height:1.95;color:#a7b2aa;max-width:410px}
.profile-actions{margin-top:32px;gap:27px}.primary-button{border-radius:8px;background:linear-gradient(140deg,#daff97,#bef452);border:1px solid #e7ffba;color:#15210a;box-shadow:inset 0 1px 0 #fff7,0 9px 25px #adf2530a;transition:translate var(--atelier-medium) var(--atelier-ease),box-shadow .3s,background .3s}
.primary-button:hover{translate:0 -3px;box-shadow:inset 0 1px 0 #fff9,0 14px 32px #adf2531b}.primary-button:active{translate:0 0}.primary-button>span{transition:translate .35s}.primary-button:hover>span{translate:3px -3px}
.profile-coordinate{margin-top:43px;font-size:10px;letter-spacing:1px;color:#829883}.coordinate-line{background:linear-gradient(90deg,#c4fa5a44,#c4fa5a00)}
.identity-wrap{max-width:410px;perspective:1200px;padding:0 9px}.identity-card{transform:rotate(3deg);background:#151c1a;border:1px solid #bfd1c653;border-radius:18px;box-shadow:0 22px 65px #0005,10px 14px 0 #b18aff06,inset 0 1px 0 #fff1;position:relative;transition:transform var(--atelier-slow) var(--atelier-ease),box-shadow .7s}
.identity-wrap:hover .identity-card{transform:rotate(0deg) translateY(-6px);box-shadow:0 30px 80px #0007,0 0 45px #af8cff10}
.identity-floating{top:-18px;left:-12px;font-size:10px;letter-spacing:1px;background:#d2ff89;border:1px solid #eaffc0;border-radius:3px;box-shadow:4px 5px 0 #0002;transform:rotate(-6deg);padding:10px 15px}
.identity-art{padding:25px 26px 21px;color:#26283a;background:linear-gradient(125deg,#e3d6fa 0%,#b4aff5 22%,#a9c4e7 44%,#c4dec7 67%,#d9c3ef 100%);background-size:180% 180%;animation:atelier-iridescence 18s ease-in-out infinite;overflow:hidden;isolation:isolate}
.identity-art:before{content:'';position:absolute;width:225px;height:225px;border:1px solid #f7ffed99;border-radius:50%;left:50%;top:50%;translate:-50% -42%;box-shadow:0 0 0 15px #fff1,0 0 0 16px #eefce927,0 0 0 42px #ffffff08;transform:rotateX(45deg) rotate(-24deg);z-index:-1}
.identity-art:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#fff6 40%,transparent 50%);background-size:250% 100%;animation:atelier-foil 13s ease-in-out infinite;z-index:-1;mix-blend-mode:soft-light}
.identity-top{font-size:9px;letter-spacing:1px;border-color:#272a4930;padding-bottom:13px}.identity-art-footer{font-size:9px;letter-spacing:.6px}
.monogram{font-size:clamp(125px,14vw,172px);padding:15px 0 19px;letter-spacing:-.105em;font-weight:600;color:#24233c;text-shadow:1px 2px 0 #f5f9ff6b,0 12px 25px #32274825;transform:rotate(-8deg)}
.monogram>span{font-size:55px;color:#e8ffac;text-shadow:1px 1px 0 #535e4e44,0 5px 15px #5e598122;right:-38px;top:29px;animation:atelier-star 30s linear infinite}
.identity-details{padding:27px 26px 23px;background:radial-gradient(ellipse at 100% 0,#ba96f009,transparent 70%)}
.identity-name>strong{font-size:29px;font-weight:550}.identity-role{font-size:10px;line-height:1.6;color:#9faea1}.identity-fields{margin:23px 0}.identity-fields>div{font-size:11px;margin-top:13px}.identity-fields dt{color:#7f9084}.identity-fields dd{color:#d2dfd0}
.identity-signature{border-color:#bfcdba27;padding-top:18px}.identity-signature .mono{font-size:10px;color:#98aa99}.signature{color:#c3a4f2}.identity-caption{font-size:10px;color:#8c9e8e;margin-top:29px;letter-spacing:.4px}
.profile-divider{border-color:var(--atelier-line);padding:24px 0;color:#92a88b;position:relative}.profile-divider:after{content:'';position:absolute;left:0;bottom:-1px;width:100px;height:1px;background:linear-gradient(90deg,transparent,#b8f56a,transparent);animation:atelier-trace 12s ease-in-out infinite}
.profile-intro,.personal-section{padding-top:76px}.profile-section-heading,.personal-section-heading{margin-bottom:30px}.profile-section-heading h2,.personal-section-heading h2,.contact-heading h2{font-size:clamp(28px,3.2vw,41px);font-weight:500;line-height:1.5;letter-spacing:-1.25px}
.personal-section-heading .eyebrow,.profile-section-heading .eyebrow{font-size:10px;letter-spacing:1.5px;color:#b6a0d6}.section-note{font-size:13px;line-height:1.8;color:#8fa092}
.intro-grid{gap:24px}.readme-panel{background:linear-gradient(125deg,#1c251e,#171c1a);border-color:#d7e8c92b;border-radius:14px;box-shadow:0 20px 60px #0002;overflow:hidden}
.readme-toolbar{background:#d7efda04;border-color:#d1e4cb20;padding:19px 27px}.readme-file{color:#b7cf9f}.readme-content{padding:30px 32px}.readme-content>p{font-size:16px;line-height:2.05;color:#b6c1b2}.readme-content .readme-title{font-size:21px;font-weight:500;color:#e8f2dd;line-height:1.65}.readme-status{background:#0a170811;border-color:#d1e4cb20;padding:16px 27px;font-size:10px;color:#91a08b}
.curiosity-panel{border-radius:14px;background:#161820;border-color:#c9b7e833;box-shadow:0 20px 60px #0002}.curiosity-top{background:transparent;padding:22px 25px;color:#ada5bb;font-size:10px}.curiosity-art{right:-26%;top:6%;width:113%;opacity:.9;animation:atelier-sculpture 14s ease-in-out infinite}.curiosity-copy{background:linear-gradient(0deg,#161820,#16182099 70%,transparent);padding:135px 28px 29px}.profile-page .curiosity-copy>p{font-size:clamp(24px,2.8vw,36px);font-weight:500;line-height:1.7}.profile-page .curiosity-copy>.mono{font-size:11px;letter-spacing:2.4px;color:#c2a9e8}
.sports-grid{gap:26px}.sport-card{border-radius:16px;border-color:#bcdbfb30;box-shadow:0 20px 65px #0003;background:#101923;transition:transform .55s var(--atelier-ease),box-shadow .55s,border-color .4s}.sport-card.leclerc-card{border-color:#e59b9730;background:#201319}
.sport-visual{height:490px}.sport-photo{filter:saturate(.85) contrast(1.06);transition:transform 1.2s var(--atelier-ease),filter 1s}.sport-card:hover .sport-photo{transform:scale(1.06);filter:saturate(1.02) contrast(1.03)}
.sport-visual:after{content:'';position:absolute;inset:10px;border:1px solid #fff2;border-radius:8px;pointer-events:none;z-index:2}.sport-topline{font-size:10px;letter-spacing:1.7px;z-index:3;left:27px;right:27px;top:29px}
.jersey-number{font-weight:500;opacity:.4;text-shadow:0 0 40px #fff1}.sport-caption{z-index:3;bottom:31px;left:29px}.sport-caption>strong{font-size:clamp(48px,5.1vw,68px);letter-spacing:-.065em;font-weight:650}.sport-favourite{font-size:9px;letter-spacing:1.8px;margin-bottom:17px}.sport-symbol{width:30px;height:30px;opacity:.85}
.sport-copy{padding:29px 30px 31px}.sport-copy .eyebrow{font-size:10px;letter-spacing:1.3px}.sport-copy h3{font-size:24px;font-weight:500;margin-top:12px}.sport-description{font-size:15px;line-height:1.9;max-width:450px}
.interest-grid{gap:22px;margin-top:25px}.interest-card{position:relative;isolation:isolate;border-radius:14px;border-color:#d2e2d026;padding:27px;background:#161d19;overflow:hidden;transition:border-color .45s,translate .55s var(--atelier-ease)}
.interest-card:hover{border-color:#d2e2d060;translate:0 -4px}.interest-card:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--light-x,70%) var(--light-y,20%),#8ae7f311,transparent 65%);opacity:.7;transition:opacity .4s}
.interest-card.atelier-lit:before{opacity:1}.art-interest{background:#201c23;border-color:#c2acd532}.art-interest:before{background:radial-gradient(ellipse at 80% 10%,#d1b1fc16,transparent 70%)}.life-interest{background:#201f17;border-color:#dfc79230}.life-interest:before{background:radial-gradient(ellipse at 100% 10%,#ffe29314,transparent 65%)}
.interest-top>.mono{font-size:10px;letter-spacing:.7px}.interest-card h3{font-weight:500;font-size:21px;line-height:1.6}.interest-card>p{font-size:14px;line-height:1.95;color:#aeb9b0}.neural-diagram{opacity:.85;filter:drop-shadow(0 0 5px #83e6de1c)}.ink-word{text-shadow:8px 8px 0 #d6c3e20a}.life-word>b{animation:atelier-star 34s linear infinite}

/* Music / lacquered walnut, smoky violet glass, and a physical record sleeve. */
.music-room{border-radius:18px;border-color:#d2bfd636;box-shadow:0 25px 75px #0003;background:#141619}
.music-room-top{padding:21px 29px;background:#cbb2e407;border-color:#d4bceb22}.music-room-label{font-size:10px;letter-spacing:1px}.music-room-label>.symbol{color:#d0afea}.rotation-control{border-radius:30px;border-color:#bd9fc847;background:#2b2239;font-size:10px;padding:8px 12px}
.music-feature{padding:33px;position:relative;isolation:isolate;background:radial-gradient(ellipse at var(--light-x,15%) var(--light-y,30%),#bd8ed417,transparent 65%),linear-gradient(130deg,#211c2a,#15151e 75%)}
.music-feature-word{font-size:clamp(37px,4.6vw,63px);font-weight:550;letter-spacing:-3px;color:#e8d9f2}.music-feature-word>span{color:#b9e698}.music-feature-top{margin-bottom:33px}.music-shuffle{font-size:10px;color:#c6b6d0}
.music-cover-stage{overflow:visible;isolation:isolate;perspective:900px}.music-cover-stage:before{content:'';position:absolute;inset:3% -9% 3% 16%;border-radius:50%;background:repeating-radial-gradient(circle at center,#15151a 0 2px,#28232d 2px 3px,#131419 3px 4px);box-shadow:3px 9px 20px #0008;z-index:-1;transform:translateX(8%);animation:atelier-record 28s linear infinite}
.music-cover-stage:after{content:'';position:absolute;width:19%;height:19%;border:10px solid #b7a0cd;border-radius:50%;top:40%;right:-2%;background:#262130;box-shadow:0 0 0 2px #dac5ea33;z-index:-1}
.music-cover-stage>img{border-radius:4px!important;border:1px solid #fff4;box-shadow:-5px 9px 25px #0007;transform:rotate(-4deg);transition:transform .7s var(--atelier-ease)}
.music-feature:hover .music-cover-stage>img{transform:rotate(-1deg) translateX(-3px)}
.music-cover-corner{display:none}.music-track-copy{padding-left:13px}.music-track-copy h3{font-size:clamp(25px,3vw,39px);line-height:1.4;font-weight:550}.music-track-artist{color:#c8bad2;font-size:15px}.music-listen{border-radius:30px;box-shadow:0 5px 20px #d7b1f312;transition:translate .4s,box-shadow .4s}.music-listen:hover{translate:0 -2px;box-shadow:0 8px 25px #d7b1f322}
.music-feature-bottom{border-color:#d4bceb20;margin-top:32px}.music-icon-button{border-radius:50%;transition:background .3s,translate .3s}.music-icon-button:hover{translate:0 -2px}.music-artist-image{border-radius:50%;padding:4px;border:1px solid #b99fd433;background:#221d2b}.music-artist-image img{border-radius:50%;filter:saturate(.8);transition:filter .5s,transform .8s var(--atelier-ease)}.music-artist:hover img,.music-artist[aria-pressed=true] img{filter:saturate(1);transform:scale(1.06)}
.music-artist[aria-pressed=true] .music-artist-image{border-color:#d0b3ec;box-shadow:0 0 0 4px #d0b3ec0b}.music-artist-name{font-size:12px}.music-artist-count{font-size:9px}.favourite-album{border-radius:8px;transition:background .3s,translate .4s}.favourite-album:hover{translate:3px 0}.favourite-album img{border-radius:3px;box-shadow:0 6px 12px #0003}
.device-card{background:linear-gradient(145deg,#1d251f,#141a18 75%);border:1px solid #b9ddc32e;border-radius:14px;padding:28px;box-shadow:0 18px 50px #0002;transition:translate .55s var(--atelier-ease),border-color .4s}
.device-card:hover{translate:0 -4px;border-color:#ccecb450}.device-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,80%) var(--light-y,0%),#dafac20a,transparent 65%)}
.tablet-device{background:linear-gradient(140deg,#252133,#171920);border-color:#d2b6e42d}.phone-device{background:linear-gradient(140deg,#1b2b2e,#141c20);border-color:#b6e1e42d}.device-top>.mono{font-size:10px;letter-spacing:.8px}.device-model-symbol{font-weight:450;letter-spacing:-3px;font-size:70px;margin:38px 0 17px}.device-card h3{font-size:22px;font-weight:500}.device-specs{padding-top:20px;border-color:#c2dcb22c}.device-specs dd{font-size:12px;letter-spacing:-.2px}
.journey-stops{border-radius:14px;border-color:#c9e8b92a}.journey-stops li{background:linear-gradient(130deg,#19221a,#171c19);padding:28px}.journey-stops li+li{border-color:#c9e8b91c}.journey-stops time{font-size:10px;letter-spacing:.5px}.journey-stops h3{font-size:15px;line-height:1.8}.journey-stops .symbol{transition:translate .5s var(--atelier-ease)}.journey-stops li:hover .symbol{translate:0 -6px}
.contact-section{padding:48px 0;margin:76px 0 50px;border-color:var(--atelier-line);gap:65px}.contact-row{padding:22px 4px;border-color:#c3e4bb20;transition:background .3s,padding .4s var(--atelier-ease)}.contact-row:hover{padding-left:12px;background:#bce98805}.contact-row>span:last-child{font-size:22px}.contact-heading>p:last-of-type{font-size:15px;color:#a0afa2}.contact-spark{font-size:70px;font-weight:300;animation:atelier-star 42s linear infinite}

/* Main exhibits: richer presentation, independent materials and accent colours. */
.exhibit{scroll-margin-top:125px;transition:box-shadow .7s var(--atelier-ease),border-color .45s}
.exhibit--folio{box-shadow:0 25px 75px #0004!important}.folio-masthead{letter-spacing:1.8px}.folio-intro{padding-top:52px;padding-bottom:48px}.folio-wordmark{font-size:clamp(95px,10vw,142px)}
.folio-stage{perspective:1300px;background-image:radial-gradient(ellipse at 65% 25%,#fff7,transparent 62%)}.folio-window{box-shadow:9px 14px 0 #ab8d6610,0 25px 55px #6649322b;transition:transform 1s var(--atelier-ease),box-shadow 1s}
.folio-open:hover .folio-window{transform:rotate(-3deg) translateY(-9px);box-shadow:13px 20px 0 #ab8d6610,0 30px 65px #66493236}.folio-light{background:linear-gradient(110deg,transparent 25%,#fff4 43%,transparent 55%);background-size:250% 100%;animation:atelier-foil 16s ease-in-out infinite}
.folio-asterisk{animation:atelier-star 40s linear infinite}.folio-margin-note em{font-size:26px}.folio-actions{padding-top:23px;padding-bottom:23px}.folio-history{transition:background .4s}.folio-history:hover{background:#f1e9dc}.folio-history summary{min-height:100px}
.exhibit--axiom{box-shadow:0 24px 70px #0003}.axiom-stage{perspective:1100px;background-image:radial-gradient(ellipse at 70% 15%,#efffd32e,transparent 65%)}.axiom-plot{filter:drop-shadow(0 6px 15px #2746a916)}.axiom-line{stroke-dasharray:600;stroke-dashoffset:0;animation:atelier-plot 12s ease-in-out infinite}.axiom-sheet{transition:transform .9s var(--atelier-ease),box-shadow .9s;box-shadow:10px 15px 0 #1f346811,0 24px 50px #1126622b}.axiom-open:hover .axiom-sheet{transform:rotate(-3deg) translateY(-8px)}
.exhibit--festival{box-shadow:0 24px 70px #0003}.festival-stage{perspective:1300px}.festival-ticket-wrap{animation:atelier-ticket 11s ease-in-out infinite}.festival-orbit{animation-duration:36s}.festival-ticket{box-shadow:12px 16px 0 #406ba311,0 23px 50px #4261862a}.festival-history summary{transition:background .3s}.festival-history summary:hover{background:#ccecbc55}
.exhibit--court{border-radius:13px;border-color:#92c0c444;background:linear-gradient(145deg,#152225,#142024 55%,#161b28);box-shadow:0 24px 75px #0004;overflow:hidden}
.exhibit--court .exhibit-info{padding:40px}.exhibit--court .exhibit-preview{min-height:680px;background:#121f24}.exhibit--court .exhibit-title-row h3{font-size:clamp(48px,5.7vw,77px);font-weight:650;letter-spacing:-.065em}.exhibit--court .exhibit-description{font-size:15px;line-height:1.95;color:#a4b7b4}.exhibit--court .exhibit-subtitle{font-size:21px;font-weight:450}
.court-composition{background:radial-gradient(ellipse at 90% 15%,#a47bf537,transparent 53%),radial-gradient(ellipse at 10% 88%,#75f8e327,transparent 50%),#102029}.court-composition:after{content:'';position:absolute;inset:18px;border:1px solid #b9f4e332;box-shadow:inset 0 0 20px #72e6cf08,0 0 20px #b192fc08;pointer-events:none;border-radius:3px;animation:atelier-court-glow 9s ease-in-out infinite}
.court-type{font-weight:700;font-size:clamp(72px,8vw,110px);top:80px;left:32px;color:#d4f68b;transform:rotate(-4deg)}.court-type>span{-webkit-text-stroke:1px #bcecdf}.court-shot{top:42%;left:8%;width:85%;transform:rotate(-5deg);border-color:#c1eee17a;box-shadow:0 25px 55px #0009,5px 8px 0 #fff1}.court-shot-label{font-size:9px;letter-spacing:1px;padding:12px 15px;background:#14272a}.court-play{border-radius:6px;box-shadow:0 4px 18px #c4fa5a1c}.court-launch{border-color:#a4d9c82b;padding:22px 32px;background:#0f1b1f}.court-stats{border-color:#badba42a}.court-stats dt{font-weight:500}

/* Now: a continuous archival spine, with each thumbnail retaining its own artwork. */
.now-header{padding:68px 0 48px;gap:40px}.now-header h1{font-size:clamp(92px,12vw,157px);font-weight:600;letter-spacing:-.08em;line-height:1.02;margin:22px 0 20px}.now-header h1>.now-asterisk{font-size:.4em;animation:atelier-star 35s linear infinite;color:#bc97f8}.now-eyebrow{font-size:10px;letter-spacing:1.5px}.now-intro{font-size:16px;color:#a6b5a9}.now-update{border:1px solid #c8e6ba2e;background:linear-gradient(130deg,#20251b,#151e1a);padding:21px 24px;min-width:208px;border-radius:10px;align-items:flex-start;gap:12px}.now-update>.mono{font-size:9px;letter-spacing:1px;color:#8da281}.now-update>time.mono{font-size:17px;color:#d5edbe}.now-building{font-size:11px}.now-building i{box-shadow:0 0 0 4px #c4fa5a0a,0 0 14px #c4fa5a35}
.now-timeline{border-color:var(--atelier-line);padding-top:26px}.timeline-heading{margin-bottom:35px}.timeline-heading h2,.timeline-heading>span{font-size:11px;color:#9aaa99;letter-spacing:.5px}.timeline-entry{grid-template-columns:115px minmax(0,1fr);gap:40px;margin-bottom:36px}.entry-date{padding-top:27px;align-self:start;position:sticky;top:130px}.entry-year{font-size:10px;letter-spacing:1.5px}.entry-day{font-size:35px;letter-spacing:-1.7px;margin-top:3px}.entry-label{font-size:10px;letter-spacing:.4px;margin-top:13px;color:#ae95c8}
.milestone{grid-template-columns:minmax(0,1fr) 255px;box-shadow:0 16px 45px #0002;border-radius:12px;}.milestone:before{left:-23px;background:linear-gradient(#b8e98177,#4a664942);bottom:-39px}.milestone:after{left:-27px;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 6px #0c100f,0 0 0 7px #afc89920}
.milestone-copy{padding:30px 33px 32px}.milestone-kicker{font-size:10px;letter-spacing:.8px}.milestone h3{font-size:clamp(25px,2.7vw,35px);line-height:1.55;letter-spacing:-.7px;font-weight:500;margin-top:22px;max-width:600px}.milestone-description{font-size:14px;line-height:2;color:#aabbab;max-width:600px}.milestone-tags{gap:7px;margin-top:21px}.milestone-tags li{font-size:10px;padding:5px 8px;border-color:#d1e6c128;border-radius:4px;background:#d1e6c104}.milestone-link{font-size:12px;gap:18px;margin-top:24px}.milestone-art{overflow:hidden;border-color:#c9d6be25;box-shadow:inset 1px 0 0 #fff1}.milestone-art>img{transition:transform 1.2s var(--atelier-ease)}.milestone:hover .milestone-art>img{transform:scale(1.035)}
.milestone:not([class*="milestone--"]) .milestone-art{background:linear-gradient(140deg,#b6a1e4,#a9b8e4 60%,#b9d5bf);background-size:200% 200%;animation:atelier-iridescence 20s ease-in-out infinite}.day-one{font-size:9px;letter-spacing:1.2px;box-shadow:4px 4px 0 #24312224;padding:9px 12px}.day-number{font-size:110px;font-weight:500;text-shadow:2px 3px 0 #fff3}.art-caption{font-size:10px;letter-spacing:1.3px}.music-milestone-art{background:radial-gradient(ellipse at 75% 20%,#7255ae55,transparent 65%),#272132!important}.milestone-album-stack{perspective:900px}.milestone-album-stack img{box-shadow:0 15px 30px #22133740;transition:transform .85s var(--atelier-ease)}.milestone:hover .milestone-album-stack img:first-child{transform:rotate(-9deg) translateY(-4px)}

/* Journal: an ordered index outside, an individual art book inside. */
.posts-collection{padding-top:29px}.posts-section-label{font-size:10px;letter-spacing:1px;margin-bottom:32px}.posts-chronological{row-gap:27px}.post-index-date{margin-top:17px;font-size:11px;color:#a5b69f;letter-spacing:.8px}.post-index-date>b{font-size:8px;border-color:#b7d58c40;padding:5px 8px;color:#c4eaa3}.post-index-date:after{background:linear-gradient(90deg,#a1bb872f,transparent)}
.posts-chronological .post-card{grid-template-columns:minmax(290px,.75fr) minmax(0,1.3fr);min-height:285px;transition:box-shadow .7s var(--atelier-ease),border-color .4s,translate .55s var(--atelier-ease);box-shadow:0 15px 35px #0002}.posts-chronological .post-card:not(.post-card--glass){border-radius:12px}.posts-chronological .post-card:hover{translate:0 -4px;transform:none;box-shadow:0 24px 60px #0004}
.posts-chronological .post-art{min-height:285px}.posts-chronological .post-card-copy{padding:29px 33px}.post-card-meta{font-size:9px;letter-spacing:.7px}.posts-chronological .post-card h2{font-weight:550;font-size:clamp(23px,2.5vw,32px);line-height:1.55;margin:25px 0 14px}.post-card p{font-size:14px;line-height:1.95}.post-card-bottom{padding-top:22px;font-size:9px;gap:14px}.post-read{font-size:9px;letter-spacing:.6px}.post-read b{font-size:23px}
.post-card--paper .post-card-copy{background:radial-gradient(ellipse at 80% 0,#fff9,transparent 70%)}.post-card--paper h2{font-family:FolioSerif,'SimSun',serif!important;font-weight:400!important}.post-card--wis .post-card-copy{background:radial-gradient(ellipse at 100% 0,#bcc98b0f,transparent 65%)}
.post-art--signal{background:radial-gradient(ellipse at 90% 50%,#537c3840,transparent 65%),#152119}.post-art--signal .signal-word{font-weight:550}.post-art--signal>img{animation:atelier-sculpture 16s ease-in-out infinite}.post-art--paper .paper-print{box-shadow:7px 10px 0 #b6a18816,0 18px 35px #624a3221;transition:transform 1s var(--atelier-ease)}.post-card:hover .paper-print{transform:rotate(-3deg) translateY(-7px)}
.reader-topline{padding:29px 0;font-size:10px;letter-spacing:.8px;color:#9fae9f}.reader-topline a{padding:8px 0}.article-card{box-shadow:0 25px 80px #0003;border-radius:15px;overflow:clip}.article-card--glass{border-radius:0}.article-header{padding:50px 60px 40px}.article-meta{font-size:10px;letter-spacing:1px}.article-header h1{font-size:clamp(35px,4.8vw,65px);line-height:1.4;font-weight:550;letter-spacing:-1.8px;max-width:900px;margin:31px 0 28px}.article-byline{font-size:12px}.article-avatar{box-shadow:inset 0 1px 0 #fff3}.article-edition{font-size:9px;letter-spacing:1px}
.article-reading{grid-template-columns:190px minmax(0,1fr);gap:58px;padding:58px 60px 68px}.article-index{top:130px;max-height:calc(100dvh - 160px);overflow:auto;scrollbar-width:thin;font-size:11px}.article-index ol{margin-top:24px}.article-index a{padding:7px 0 7px 12px;border-left:1px solid var(--article-line);margin-left:-1px;transition:background .3s,color .3s,border-color .3s}.article-index li+li{margin-top:9px}.article-index a[aria-current=location]{color:var(--article-accent);border-left:2px solid var(--article-accent);background:color-mix(in srgb,var(--article-accent) 7%,transparent)}
.article-body{max-width:720px;min-width:0}.article-body>p,.article-chapter>p{font-size:16px;line-height:2.05}.article-body .article-lead{font-size:22px;line-height:1.95;margin-bottom:49px;font-weight:400}.article-chapter{scroll-margin-top:130px}.article-chapter h2{font-size:28px;line-height:1.55;font-weight:550;margin-bottom:23px}.chapter-label{margin-top:43px;margin-bottom:18px}.article-body blockquote{font-size:25px;line-height:1.8;padding:25px 29px;margin:36px 0;background:color-mix(in srgb,var(--article-accent) 5%,transparent);border-radius:0 8px 8px 0}.article-figure>div{border-radius:9px;box-shadow:0 12px 30px #0002}.article-figure figcaption{font-size:11px;line-height:1.9}.article-signoff{padding:29px 0;margin-top:25px}.article-cta{border-radius:8px;transition:translate .4s,box-shadow .4s}.article-cta:hover{translate:0 -3px;box-shadow:0 10px 25px #0002}
.article-card--paper .article-header h1,.article-card--paper .article-chapter h2{font-weight:400}.article-card--paper .article-body{font-size:17px}.article-card--paper{background-image:radial-gradient(#91724d09 .7px,transparent .7px);background-size:5px 5px}.more-notes{margin-top:40px}.next-note{border-radius:9px;transition:translate .4s var(--atelier-ease),background .3s}.next-note:hover{translate:0 -4px}.next-note h2{font-weight:500;line-height:1.5}.posts-end{margin-top:43px;padding:39px 0;border-color:var(--atelier-line)}

/* Newer rooms keep their own strong identities; the frame and touch points are shared. */
.school-title-mark{filter:drop-shadow(0 12px 20px #88ab6030);animation:atelier-paper 15s ease-in-out infinite}.wis-exhibit{box-shadow:0 27px 85px #0004}.wis-cover>img{animation:atelier-woodland 26s ease-in-out infinite}.wis-atmosphere{opacity:.78}.wis-fieldbook{box-shadow:6px 7px 0 #51663a0a,0 15px 35px #3d54221c;transition:transform .85s var(--atelier-ease)}.wis-fieldbook:hover{transform:rotate(-1deg) translateY(-5px)}.wis-screenshot{box-shadow:0 18px 50px #23332220}.wis-observations>div{transition:translate .6s var(--atelier-ease)}.wis-observations>div:hover{translate:0 -4px}
.models-page .models-header{margin-top:42px}.model-exhibit{scroll-margin-top:125px}.model-stage{box-shadow:inset 0 0 65px #fff2,0 22px 50px #0001}.model-stage canvas{border-radius:inherit}.model-view-controls button,.model-view-tab{transition:background .25s,translate .3s}.model-view-controls button:hover,.model-view-tab:hover{translate:0 -2px}
.game-intro{padding-top:52px}.game-intro-grid{padding-top:48px;padding-bottom:45px}.game-jump>a{border-color:#cde5c925;transition:translate .5s var(--atelier-ease),background .3s,border-color .3s}.game-jump>a:hover{transform:none;translate:0 -4px;border-color:#cce4bf50}.game-exhibit{scroll-margin-top:125px}.game-pass{box-shadow:9px 11px 0 #58637c,0 25px 50px #0005}.fh-exhibit{box-shadow:8px 9px 0 #394efc,0 22px 65px #0004}.nba-exhibit{box-shadow:0 20px 75px #0005,0 0 36px #5833aa0c}.game-sources{padding-top:70px}
dialog{box-shadow:0 25px 130px #0009;border-radius:14px;max-height:calc(100dvh - 64px);scrollbar-width:thin;overscroll-behavior:contain}
dialog[open]{animation:atelier-dialog .4s var(--atelier-ease)}dialog::backdrop{background:#070e10c7;backdrop-filter:blur(12px)}.dialog-close{border-radius:50%;transition:rotate .3s,background .3s}.dialog-close:hover{rotate:90deg}
.atelier-arrive{animation:atelier-arrival .85s var(--atelier-ease) both}
@keyframes atelier-arrival{from{opacity:.12;translate:0 22px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes atelier-dialog{from{opacity:0;translate:0 18px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes atelier-iridescence{0%,100%{background-position:0 0}50%{background-position:100% 100%}}
@keyframes atelier-foil{0%,20%,100%{background-position:100% 0}55%,70%{background-position:-80% 0}}
@keyframes atelier-sculpture{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -10px;rotate:5deg}}
@keyframes atelier-star{to{rotate:360deg}}
@keyframes atelier-trace{0%,100%{translate:0 0;opacity:0}15%,85%{opacity:.8}90%{translate:min(800px,65vw) 0;opacity:0}}
@keyframes atelier-record{to{rotate:360deg}}
@keyframes atelier-paper{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -7px;rotate:3deg}}
@keyframes atelier-ticket{0%,100%{translate:0 0;rotate:0}50%{translate:0 -7px;rotate:1.5deg}}
@keyframes atelier-plot{0%,15%,100%{stroke-dashoffset:0}40%{stroke-dashoffset:600}75%{stroke-dashoffset:0}}
@keyframes atelier-court-glow{0%,100%{border-color:#91dfc72b;box-shadow:inset 0 0 20px #72e6cf08,0 0 20px #b192fc08}50%{border-color:#b7a0f065;box-shadow:inset 0 0 30px #ac81f610,0 0 20px #82e3d111}}
@keyframes atelier-woodland{0%,100%{scale:1;translate:0 0}50%{scale:1.035;translate:0 -4px}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:atelier-page-out .16s ease both}::view-transition-new(root){animation:atelier-page-in .35s var(--atelier-soft) both}
@keyframes atelier-page-out{to{opacity:0}}@keyframes atelier-page-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
.atelier-sleep,.atelier-sleep *,.atelier-sleep:before,.atelier-sleep:after,.atelier-sleep *:before,.atelier-sleep *:after{animation-play-state:paused!important}
html[data-site-motion=off] *,html[data-site-motion=off] *:before,html[data-site-motion=off] *:after{animation-play-state:paused!important;transition-duration:0s!important;scroll-behavior:auto!important}
html[data-site-motion=off] .atelier-arrive{animation:none!important;opacity:1;translate:none;filter:none}
html[data-site-motion=off]::view-transition-old(root),html[data-site-motion=off]::view-transition-new(root){animation:none}

@media(min-width:1600px){.site-header::before{inset-inline:calc((1280px - 100vw)/2)}.profile-hero{padding-block:105px}.profile-hero h1{font-size:120px}}
@media(max-width:1100px){.site-header{gap:15px}.site-header .page-nav .nav-link{padding:10px 10px;font-size:12px}.site-header .brand{font-size:24px;gap:9px}.header-tools{gap:7px}.profile-hero{gap:50px;padding-top:77px;padding-bottom:75px}.identity-wrap{max-width:370px}.profile-hero h1{font-size:85px}.profile-headline{font-size:19px}.profile-actions{gap:20px}.profile-actions .primary-button{font-size:13px;padding:16px 19px;gap:16px}.intro-link{font-size:12px}.identity-fields>div{font-size:10px}.monogram{font-size:145px}.identity-art{padding:24px}.profile-hero-description{font-size:15px}.sport-visual{height:440px}.sport-caption>strong{font-size:54px}.music-feature{padding:28px}.music-track-copy{padding-left:8px}.music-cover-stage:before{inset-inline:14% -5%}.music-cover-stage:after{right:0}.exhibit--court .exhibit-info{padding:31px}.milestone{grid-template-columns:minmax(0,1fr) 225px}.milestone-copy{padding:27px}.timeline-entry{grid-template-columns:95px minmax(0,1fr);gap:34px}.milestone:before{left:-19px}.milestone:after{left:-22px}.article-reading{grid-template-columns:165px minmax(0,1fr);gap:35px;padding:43px 38px}.article-header{padding:42px 38px 35px}.atelier-directory>a{padding-left:20px}.atelier-directory>a>strong{font-size:21px}.atelier-directory{grid-template-columns:1fr repeat(5,1fr)}}
@media(max-width:900px){.site-header .nav-long{display:none!important}.site-header .page-nav .nav-count{display:none!important}.site-header .page-nav .nav-link{padding-inline:11px}.site-header .brand{font-size:23px}.site-header{gap:13px}.profile-hero{grid-template-columns:1.12fr 1fr;gap:30px}.identity-art{padding:21px 18px}.identity-details{padding:22px 19px}.monogram{font-size:126px}.monogram>span{font-size:42px;right:-27px}.identity-top,.identity-art-footer{font-size:8px}.identity-role{font-size:9px}.identity-name>strong{font-size:26px}.profile-hero h1{font-size:78px}.profile-actions{flex-wrap:wrap;gap:10px 20px}.profile-coordinate{font-size:8px}.identity-fields>div{gap:8px}.profile-page .identity-fields>div{grid-template-columns:65px minmax(0,1fr)}.collection-navigation>a{padding:16px;gap:12px}.collection-navigation>a>span{font-size:12px}.collection-navigation>a>small{font-size:9px}.milestone{grid-template-columns:minmax(0,1fr) 195px}.milestone-copy{padding:24px}.milestone h3{font-size:25px}.milestone-description{font-size:13px}.milestone-kicker{font-size:9px}.timeline-entry{grid-template-columns:83px minmax(0,1fr);gap:30px}.entry-day{font-size:31px}.entry-label{font-size:9px}.game-page .header-tools{gap:7px}.posts-chronological .post-card{grid-template-columns:.85fr 1.2fr}.posts-chronological .post-card-copy{padding:25px}.posts-chronological .post-card h2{font-size:25px}.atelier-directory{grid-template-columns:repeat(5,1fr)}.directory-label{grid-column:1/-1;flex-direction:row;align-items:center;padding:0 0 22px}.directory-label>span{max-width:none}.directory-label>b{font-size:27px}.atelier-directory>a:nth-child(2){border-left:0;padding-left:0}.atelier-directory>a{padding-left:20px}.article-reading{gap:28px;grid-template-columns:145px minmax(0,1fr);padding:35px 29px}.article-body .article-lead{font-size:20px}.article-header{padding:35px 29px}.exhibit--court .exhibit-title-row h3{font-size:52px}}
@media(max-width:700px){:root{--atelier-gutter:22px;--atelier-header:122px}html{scroll-padding-top:142px}.site-header{display:grid;grid-template-columns:1fr auto;padding:15px 0 12px;gap:12px;height:auto;min-height:0}.site-header.header-scrolled{padding:10px 0 9px}.site-header .brand{grid-column:1;grid-row:1;font-size:24px}.site-header .header-tools{grid-column:2;grid-row:1;gap:9px}.site-header .page-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;padding:4px;gap:2px;border-radius:9px}.site-header .page-nav .nav-link{font-size:12px;padding:9px 3px;text-align:center;min-height:36px;border-radius:6px}.language-switch button{min-width:32px;min-height:31px;padding:7px 8px;font-size:11px}.atelier-motion{width:34px;height:34px;padding:7px}.atelier-motion svg{width:18px;height:18px}.atelier-top{width:38px;height:38px;right:10px;bottom:13px}.gallery-header,.posts-heading,.school-header{padding-top:38px;padding-bottom:29px}.gallery-header h1,.posts-heading h1,.school-header h1{font-size:clamp(64px,14vw,96px)}.gallery-title-row,.posts-heading-line,.school-title-row{margin:20px 0 16px}.gallery-introduction,.posts-intro,.school-intro{display:block;padding-top:4px}.gallery-introduction h2,.posts-intro h2,.school-intro h2{font-size:25px;line-height:1.6;letter-spacing:-.7px}.gallery-introduction>p,.posts-intro>p,.school-intro>p{margin-top:17px;font-size:13px;line-height:1.85;max-width:420px}.gallery-kicker,.posts-kicker,.school-kicker{font-size:8px;letter-spacing:.7px}.collection-mark{width:90px;height:90px}.collection-mark>.mono{font-size:6px}.posts-mark{font-size:52px;line-height:70px;width:70px;height:70px;margin:0 7px 0 0}.collection-navigation{margin:24px 0;gap:4px;padding:5px;border-radius:10px}.collection-navigation>a{padding:13px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.collection-navigation>a>span{font-size:11px;line-height:1.5}.collection-navigation>a>small{font-size:8px}.school-portal{padding:17px 18px;gap:16px}.school-portal h3{font-size:15px;line-height:1.5}.school-portal small{font-size:8px}.school-portal p{font-size:11px}.school-portal>img{width:62px;height:67px}.exhibition-grid{gap:29px}.exhibit{scroll-margin-top:145px}.profile-hero{grid-template-columns:1fr;padding:44px 0 48px;gap:48px}.profile-hero:before{inset:20% -6% 0 0;background:radial-gradient(ellipse at 65% 62%,#b48cec12,transparent 70%)}.profile-hero h1{font-size:clamp(83px,17vw,118px);margin:18px 0 24px}.profile-hero h1>.profile-greeting{font-size:.51em}.profile-hero .eyebrow{font-size:9px;letter-spacing:1px}.profile-headline{font-size:20px}.profile-hero-description{font-size:15px;max-width:430px}.profile-actions{gap:13px 24px;margin-top:25px}.profile-actions .primary-button{padding:15px 20px;font-size:13px}.profile-coordinate{font-size:9px;max-width:440px;margin-top:29px}.identity-wrap{max-width:385px;width:calc(100% - 22px);justify-self:center;padding:0}.identity-card{border-radius:16px;transform:rotate(2deg)}.identity-floating{left:-10px;top:-15px;font-size:9px}.identity-art{padding:24px}.monogram{font-size:150px;padding:12px 0 18px}.monogram>span{font-size:48px;right:-30px}.identity-top,.identity-art-footer{font-size:9px}.identity-details{padding:25px}.identity-role{font-size:10px}.identity-name>strong{font-size:29px}.identity-fields>div{font-size:11px;gap:12px}.profile-page .identity-fields>div{grid-template-columns:75px minmax(0,1fr)}.identity-caption{font-size:9px;margin-top:24px}.profile-divider{padding:20px 0;font-size:10px}.profile-intro,.personal-section{padding-top:48px}.profile-section-heading,.personal-section-heading{margin-bottom:22px}.profile-section-heading h2,.personal-section-heading h2,.contact-heading h2{font-size:28px;line-height:1.5;letter-spacing:-.8px}.personal-section-heading .eyebrow,.profile-section-heading .eyebrow{font-size:9px;letter-spacing:1px}.section-note{font-size:12px;margin-top:10px}.readme-content{padding:25px}.readme-content>p{font-size:15px;line-height:2}.readme-content .readme-title{font-size:20px}.readme-toolbar,.readme-status{padding:16px 22px;font-size:9px}.curiosity-panel{min-height:335px}.curiosity-art{width:95%;right:-24%;top:-12%;opacity:.9}.curiosity-top{padding:22px;font-size:9px}.profile-page .curiosity-copy{padding:90px 26px 26px}.profile-page .curiosity-copy>p{font-size:28px}.profile-page .curiosity-copy>.mono{font-size:10px}.sports-grid{gap:24px}.sport-visual{height:465px}.sport-caption>strong{font-size:59px}.sport-copy{padding:25px}.sport-description{font-size:14px}.interest-grid{gap:19px}.interest-card{padding:25px}.interest-card>p{font-size:14px}.interest-card h3{font-size:22px}.music-room{border-radius:14px}.music-room-top{padding:17px 20px}.music-feature{padding:25px}.music-feature-word{font-size:42px;letter-spacing:-2px}.music-feature-top{margin-bottom:28px}.music-track-copy{padding-left:5px}.music-track-copy h3{font-size:27px}.music-track-artist{font-size:13px}.music-cover-stage:before{inset:5% -2% 5% 10%}.music-cover-stage:after{width:16%;height:16%;right:0;top:40%;border-width:7px}.device-card{padding:23px}.device-card:not(.main-device){padding:23px 18px}.device-model-symbol{font-size:55px;margin-top:31px}.device-card h3{font-size:20px}.journey-stops li{padding:24px}.journey-stops h3{font-size:15px}.contact-section{margin-top:50px;padding:31px 0;gap:25px}.contact-row{padding:20px 0}.contact-heading>p:last-of-type{font-size:14px}.gallery-bridge{padding:34px 0}.gallery-bridge h2{font-size:27px}.folio-wordmark{font-size:100px}.folio-intro{padding-top:30px;padding-bottom:31px}.folio-history summary{min-height:90px}.folio-margin-note em{font-size:21px}.exhibit--court .exhibit-info{padding:28px}.exhibit--court .exhibit-preview{min-height:580px}.exhibit--court .exhibit-title-row h3{font-size:58px}.court-type{top:76px;font-size:90px;left:27px}.court-shot{top:43%;left:8%;width:85%}.court-launch{padding:22px}.now-header{padding:42px 0 33px;gap:25px;align-items:flex-start}.now-header h1{font-size:100px;margin:18px 0 15px}.now-eyebrow{font-size:9px}.now-intro{font-size:14px}.now-update{padding:15px;min-width:170px}.now-update>time.mono{font-size:15px}.now-update>.mono{font-size:8px}.now-building{font-size:10px}.timeline-heading{margin-bottom:26px}.timeline-entry{grid-template-columns:1fr;gap:13px;margin-bottom:30px;padding-left:18px}.entry-date{position:static;padding:0;display:flex;align-items:center;gap:15px}.entry-date time{display:flex;flex-direction:row;align-items:center;gap:12px}.entry-year{font-size:9px}.entry-day{font-size:23px;margin:0;letter-spacing:-1px}.entry-label{font-size:9px;margin:0}.milestone{grid-template-columns:minmax(0,1fr) 195px}.milestone:before{left:-18px;top:-43px;bottom:-32px}.milestone:after{left:-21px;top:-29px;width:7px;height:7px}.milestone-copy{padding:23px}.milestone h3{font-size:24px;line-height:1.55;margin:19px 0 13px}.milestone-description{font-size:13px;line-height:1.95}.milestone-kicker{font-size:8px;letter-spacing:.4px}.milestone-tags li{font-size:9px}.milestone-link{font-size:11px}.posts-chronological .post-card{grid-template-columns:.8fr 1.2fr}.posts-chronological .post-card-copy{padding:23px}.posts-chronological .post-card h2{font-size:23px;line-height:1.55;margin:20px 0 10px}.post-card p{font-size:13px;line-height:1.85}.post-card-meta{font-size:8px}.post-card-bottom{font-size:8px;gap:8px}.posts-chronological .post-art{min-height:285px}.article-header{padding:30px 25px}.article-header h1{font-size:36px;line-height:1.5;letter-spacing:-1px;margin:26px 0}.article-reading{display:block;padding:30px 25px 40px}.article-index{position:static;max-height:none;overflow:visible;margin-bottom:31px;padding-bottom:22px}.article-index ol{margin:15px 0 0}.article-index li+li{margin:0}.article-index a{padding:7px 10px;font-size:11px}.article-body>p,.article-chapter>p{font-size:15px;line-height:2.05}.article-body .article-lead{font-size:19px;line-height:1.95;margin-bottom:36px}.article-chapter{scroll-margin-top:145px}.article-chapter h2{font-size:25px}.article-body blockquote{font-size:22px;padding:22px 23px;margin:28px 0}.article-figure figcaption{font-size:10px}.reader-topline{padding:23px 0;font-size:9px;gap:12px}.models-page .models-header{margin-top:28px}.game-exhibit{scroll-margin-top:145px}.game-intro{padding-top:34px}.game-intro-grid{padding-top:37px}.game-sources{padding-top:47px}.atelier-directory{margin-top:35px;padding:24px 0;gap:0}.atelier-directory>a{padding:5px 13px 8px}.atelier-directory>a>strong{font-size:18px}.atelier-directory>a>small{font-size:8px}.atelier-directory>a>span{font-size:8px}.atelier-directory i{font-size:14px}.directory-label{padding-bottom:23px}.directory-label>span{font-size:8px}.site-social-links{margin-top:31px;padding:20px 0;gap:22px}.site-social-links>a{font-size:11px}.site-footer{padding:23px 0 28px}.site-footer>.mono{font-size:9px}.back-top{font-size:11px}.atelier-arrive{animation-duration:.65s}}
@media(max-width:500px){:root{--atelier-gutter:18px}.site-header .brand{font-size:23px}.brand-mark{width:31px;height:31px}.site-header .page-nav .nav-link{font-size:11px}.atelier-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0}.directory-label{padding:0;grid-column:1/-1}.atelier-directory>a{padding:7px 14px;gap:12px}.atelier-directory>a:nth-child(5){border-left:0;padding-left:0}.atelier-directory>a>strong{font-size:22px}.atelier-directory>a>span{font-size:9px}.atelier-directory>a:nth-child(2){padding-left:0}.profile-hero h1{font-size:clamp(78px,20vw,99px)}.profile-hero{padding-top:35px;gap:43px}.profile-hero-description{font-size:14px}.profile-headline{font-size:19px}.profile-hero .eyebrow{font-size:8px;letter-spacing:.6px}.identity-wrap{width:calc(100% - 19px);max-width:350px}.identity-art{padding:21px}.identity-details{padding:24px 22px}.monogram{font-size:140px}.monogram>span{font-size:45px}.identity-name>strong{font-size:27px}.identity-fields>div{font-size:10px}.profile-page .identity-fields>div{grid-template-columns:65px minmax(0,1fr)}.identity-caption{font-size:8px}.profile-section-heading h2,.personal-section-heading h2,.contact-heading h2{font-size:26px}.readme-content{padding:23px}.readme-content>p{font-size:14px}.readme-content .readme-title{font-size:19px}.readme-toolbar,.readme-status{font-size:8px}.sport-visual{height:430px}.sport-caption>strong{font-size:52px}.sport-caption{left:25px;bottom:27px}.sport-topline{left:25px;right:25px;font-size:8px;letter-spacing:1px}.sport-copy{padding:24px}.sport-copy h3{font-size:23px}.interest-card{padding:23px}.music-feature{padding:23px}.music-feature-word{font-size:38px}.music-feature-body{gap:20px}.music-track-copy{padding-left:0}.music-cover-stage{max-width:245px;margin-right:16px}.music-cover-stage:before{right:-9%}.music-feature-top{gap:10px}.music-shuffle{font-size:9px}.music-room-label{font-size:9px;gap:8px}.rotation-control{font-size:9px;padding:8px}.device-card:not(.main-device){padding:21px 16px}.device-model-symbol{font-size:48px}.device-card h3{font-size:18px}.device-capacity{font-size:12px}.device-specs dd{font-size:10px}.gallery-header h1,.posts-heading h1{font-size:clamp(61px,15vw,79px)}.school-header h1{font-size:clamp(48px,12vw,69px)}.gallery-introduction h2,.posts-intro h2,.school-intro h2{font-size:24px}.collection-mark{width:69px;height:76px}.collection-mark>.mono{display:none}.gallery-title-row,.school-title-row{gap:10px}.gallery-kicker,.posts-kicker,.school-kicker{font-size:7px;letter-spacing:.4px}.collection-volume{display:none}.posts-mark{font-size:44px;width:61px;height:61px;line-height:61px}.collection-navigation>a{padding:12px 8px;gap:5px}.collection-navigation>a>span{font-size:10px}.collection-navigation>a>small{font-size:7px}.school-portal>img{width:52px;height:59px}.school-portal{padding:15px;gap:13px}.school-portal h3{font-size:14px}.school-portal>span{font-size:23px}.school-portal small{font-size:7px}.collection-toolbar h2 .mono{font-size:10px}.collection-toolbar>p{font-size:9px}.exhibit--court .exhibit-info{padding:25px}.exhibit--court .exhibit-title-row h3{font-size:56px}.exhibit--court .exhibit-preview{min-height:490px}.court-type{top:67px;font-size:78px;left:23px}.court-shot{top:44%;left:8%}.court-shot-label{font-size:8px;padding:9px 10px}.court-composition:after{inset:12px}.folio-wordmark{font-size:91px}.now-header{display:block;padding:36px 0 31px}.now-header h1{font-size:112px}.now-update{margin-top:25px;display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding:16px 18px;border-radius:9px}.now-update>.mono:first-child{grid-column:1;align-self:center}.now-update>time.mono{grid-column:2;grid-row:1/3;align-self:center}.now-building{grid-column:1;font-size:10px}.timeline-entry{padding-left:17px}.milestone{grid-template-columns:1fr}.milestone-copy{padding:24px 22px}.milestone-art{min-height:230px;border-left:0;border-top:1px solid #c9d6be25;border-radius:0 0 11px 11px}.milestone h3{font-size:25px}.milestone-description{font-size:14px}.milestone-kicker{font-size:9px}.milestone-tags li{font-size:9px}.milestone-link{font-size:12px}.milestone-art.folio-milestone-art{min-height:270px}.milestone-art.game-milestone-art{min-height:310px}.milestone-art.music-milestone-art{min-height:250px}.milestone-art .day-number{margin:20px 0}.posts-chronological .post-card{display:block}.posts-chronological .post-card .post-art{min-height:255px;height:255px}.posts-chronological .post-card-copy{padding:24px}.posts-chronological .post-card h2{font-size:24px;margin:19px 0 12px}.post-card p{font-size:14px}.post-card-meta{font-size:9px}.post-card-bottom{font-size:9px;padding-top:24px}.post-read{font-size:9px}.posts-chronological .post-art--glass strong{font-size:62px}.post-index-date{margin-top:8px;font-size:10px}.posts-section-label{font-size:9px;gap:12px}.article-header{padding:27px 23px}.article-header h1{font-size:31px;line-height:1.55;letter-spacing:-.7px}.article-reading{padding:27px 23px 35px}.article-body .article-lead{font-size:18px}.article-body>p,.article-chapter>p{font-size:15px}.article-chapter h2{font-size:24px}.article-meta{font-size:9px}.article-byline{font-size:11px}.article-body blockquote{font-size:21px;padding:20px}.article-art .post-art{min-height:300px}.game-intro-grid{padding-top:33px}.game-intro-grid>div:first-child>p{max-width:calc(100% - 149px)}.game-pass{width:125px;box-shadow:5px 6px 0 #58637c,0 20px 30px #0004}.game-page .site-header{min-height:0}.game-intro-top{gap:10px}.game-sources h2{font-size:26px}dialog{max-height:calc(100dvh - 28px);border-radius:12px}dialog::backdrop{backdrop-filter:blur(7px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.atelier-arrive{opacity:1;translate:none;filter:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

html[data-site-motion="off"] .profile-hero-copy{animation:none;opacity:1;transform:none}
html[data-site-motion="off"] .pop-motion-ready .pop-reveal{opacity:1;transform:none}

/* Six destinations share the frame without squeezing the project rooms. */
.atelier-directory{grid-template-columns:1.1fr repeat(6,1fr)}
.site-header .page-nav .nav-link{padding:10px 12px}
@media(max-width:1100px){.site-header .page-nav .nav-link{padding:9px 10px}.site-header{gap:15px}.site-header .brand{font-size:23px}}
@media(max-width:900px){.atelier-directory{grid-template-columns:repeat(3,1fr);row-gap:22px}.directory-label{display:none}.atelier-directory>a:nth-child(3n+2){border-left:0}}
@media(max-width:760px){.site-header{display:grid;grid-template-columns:1fr auto;gap:13px 20px;padding:17px 0}.site-header .page-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;margin:0;overflow:visible}.site-header .header-tools{grid-column:2;grid-row:1}.site-header .page-nav .nav-link{font-size:11px;padding:8px 9px}.nav-long,.nav-count{display:none}.site-header.header-scrolled{padding:10px 0}}
@media(max-width:390px){.site-header .page-nav .nav-link{font-size:10px;padding:8px 7px}}

.milestone:not(.milestone--models):not(.milestone--folio11):not(.milestone--wis){background:#171d19}
.milestone--models{background:var(--pop-yellow);border-radius:0;box-shadow:5px 5px 0 var(--pop-pink);border-color:var(--pop-ink)}
.milestone--models h3{font-weight:850}.milestone--folio11 h3,.milestone--wis h3{font-weight:400}

@media(max-width:760px){.site-header .page-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.site-header .page-nav .nav-link{width:auto;min-width:0;padding:9px 3px;text-align:center;justify-content:center;font-size:10px}.site-header .page-nav .nav-long,.site-header .page-nav .nav-count{display:none!important}}
@media(max-width:500px){.profile-page .identity-wrap{max-width:calc(100% - 12px);margin-inline:auto}.profile-page .identity-card{transform:rotate(1deg)}}

.profile-page{overflow-x:clip}

/* Decorative full-bleed light must not create a horizontal page scroller. */
html{overflow-x:clip}