/* Source: /assets/styles.css */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('./fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500 800;font-display:swap;src:url('./fonts/manrope-latin.woff2') format('woff2')}
:root{--paper:#f7f8ff;--ink:#111338;--muted:#575d7f;--blue:#1646ff;--pink:#ed54b2;--line:#dcdff1;--cyan:#5ecfff;--lilac:#ded3ff;--font:'DM Sans','Segoe UI',sans-serif;--display:'Manrope','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a:hover .cover-arrow{background:var(--blue);color:white}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.05em;line-height:1.12}h1,h2{font-weight:800}h2{font-size:clamp(32px,3.6vw,54px)}h3{font-size:25px}p{margin-top:18px}em{font-style:normal;color:var(--blue)}.wrap{width:min(1392px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.14em;font-weight:700;margin:0;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:20px;top:-80px;background:var(--blue);color:white;padding:10px 20px}.skip-link:focus{top:10px}[hidden]{display:none!important}
.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:20}.brand{font:800 26px/1 var(--display);letter-spacing:-1.4px;display:inline-flex;gap:9px;align-items:center;white-space:nowrap}.brand span{color:var(--pink);font-size:33px;font-weight:500}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.site-header nav a{position:relative}.site-header nav a:not(.nav-contact):after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-7px;background:var(--blue);transform:scaleX(0);transition:transform .18s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{transform:scaleX(1)}.nav-contact{border:1px solid var(--blue);border-radius:100px;color:var(--blue);padding:10px 24px}.nav-contact:hover,.nav-contact[aria-current]{background:var(--blue);color:#fff}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:655px;align-items:center;padding-top:28px;padding-bottom:34px;position:relative}.hero:before{content:'';position:absolute;inset:-80px -50px 0 35%;background:radial-gradient(ellipse at 60% 55%,#d8e4ff85,transparent 65%);pointer-events:none;z-index:-1}.hero-copy{position:relative;z-index:2;padding-bottom:12px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.085em;display:flex;gap:8px;align-items:center}.small-spark{color:var(--blue);font-size:18px}.hero h1{font-size:clamp(62px,7.5vw,115px);letter-spacing:-.078em;line-height:.94;color:var(--blue);margin:23px 0 30px;font-weight:800;white-space:nowrap}.hero h1 span{color:var(--pink)}.intro{max-width:520px;font-size:17px;line-height:1.6;letter-spacing:-.02em}.hero-aside{color:var(--muted);font-size:13px;margin-top:16px}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;background:var(--blue);border:1px solid var(--blue);color:white;border-radius:100px;padding:14px 25px;font-size:14px;font-weight:650;line-height:1.3;transition:transform .18s,background .18s,box-shadow .18s}.button span{font-size:21px;line-height:1}.button:hover{background:#0a31d5;box-shadow:0 6px 22px #1646ff26;transform:translateY(-2px)}.text-link{display:inline-flex;gap:20px;align-items:center;color:var(--blue);font-size:14px;font-weight:600;line-height:1.4;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span:not(.sr-only){font-size:19px}.text-link:hover{color:#a31f76}.settings{display:flex;gap:9px;margin-top:30px}.settings button{border:1px solid var(--line);background:#ffffff88;border-radius:100px;padding:7px 12px;font-size:11px;display:flex;align-items:center;gap:6px;color:var(--muted)}.settings button>span:first-child{font-size:16px;color:var(--blue)}.settings button:hover{border-color:var(--blue)}
.playground{min-width:0;position:relative;align-self:center;margin-right:-28px;z-index:1}.playground-heading{display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 35px}.playground-heading .eyebrow{color:#6976a3;font-size:9px}.hand-note{font-size:18px;letter-spacing:-.04em;transform:rotate(-6deg);font-weight:600;color:var(--blue)}.hand-note>span{font-size:33px;display:inline-block;vertical-align:middle}.scene-stage{width:100%;height:412px;position:relative;isolation:isolate}.scene-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;z-index:1;pointer-events:auto}.scene-stage canvas[data-ready="true"]+.world-labels{opacity:1}.world-labels{position:absolute;left:6%;right:3%;top:64%;display:flex;justify-content:space-between;z-index:3;pointer-events:none}.world-label{pointer-events:auto;color:var(--blue);padding:5px 11px;border:1px solid #b9c7ff;background:#f8faffda;backdrop-filter:blur(8px);border-radius:24px;font-size:12px;font-weight:700;box-shadow:0 4px 14px #7385ee12;display:flex;gap:12px;align-items:center;transition:background .18s,box-shadow .18s}.world-label:nth-child(2){transform:translateY(-147px)}.world-label>span{border:1px solid #a9baff;width:22px;height:22px;border-radius:50%;font-size:14px;line-height:20px}.world-label:hover,.world-label[aria-pressed="true"]{background:var(--blue);color:white;box-shadow:0 4px 20px #1646ff30}.spark-button{position:absolute;left:50%;top:81%;transform:translateX(-50%);z-index:4;border:none;background:var(--pink);box-shadow:0 8px 26px #db49a535;color:white;border-radius:100px;padding:10px 24px;font-weight:600;font-size:13px;white-space:nowrap;display:flex;align-items:center;gap:12px}.spark-button:hover{background:#d9369a}.spark-button span{font-size:20px;line-height:1}.play-hint{text-align:center;color:var(--muted);font-size:12px;margin:5px 0 0;min-height:24px}.world-preview{margin:10px 20px 0 26px;border-top:1px solid #cdd8fb;display:flex;align-items:center;gap:20px;padding:14px 0 4px}.world-preview h2{font-size:20px;margin-top:3px}.world-preview p{font-size:12px;line-height:1.5;margin-top:4px;color:var(--muted)}.world-preview .eyebrow{font-size:8px;color:var(--blue)}.circle-link{flex:none;width:41px;height:41px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:24px}.circle-link:hover{background:var(--blue);color:#fff}.scene-fallback{position:absolute;inset:0}.scene-fallback>i{position:absolute;background:linear-gradient(135deg,#95f3fa 5%,#a9adff 32%,#ffbceb 58%,#dbfcff 78%,#77b6ff);box-shadow:inset -10px -10px 24px #877eed77,inset 10px 8px 15px #fff9,0 20px 24px #9b9acc44;z-index:1}.fallback-seed{width:21%;height:40%;border-radius:60% 40% 48% 32%;left:8%;top:21%;transform:rotate(24deg)}.fallback-loop{width:26%;height:31%;border-radius:50%;border:28px solid #b4d6ff;left:38%;top:4%;background:transparent!important;transform:rotate(-25deg)}.fallback-blob{width:26%;height:35%;border-radius:54% 32% 47% 42%;right:3%;top:30%;display:grid;place-items:center;font-style:normal;font-size:40px;color:#173bbb;letter-spacing:6px}.fallback-plinth{position:absolute;left:0;right:0;bottom:12%;height:25%;border-radius:50%;background:#e4e8fb;box-shadow:0 15px 0 #d3d9f5}.scene-ready .scene-fallback{visibility:hidden}
.little-divider{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.13em;font-weight:600}.little-divider a{letter-spacing:0;font-size:12px;color:var(--ink)}.little-divider a span{margin-left:18px;color:var(--blue)}.section{padding-top:88px;padding-bottom:88px}.section-top{display:grid;grid-template-columns:1.12fr 1fr;gap:100px;align-items:end;margin-bottom:35px}.section-top h2{margin-top:12px}.section-top>div>p:not(.eyebrow),.section-top>p{color:var(--muted);font-size:15px;max-width:520px}.section-top .text-link{margin-top:19px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-card{min-width:0}.card-cover-link{display:block;position:relative;overflow:hidden;border-radius:13px}.cover{height:270px;position:relative;overflow:hidden;isolation:isolate;border-radius:13px}.cover-index{position:absolute;left:20px;top:18px;font-size:8px;letter-spacing:.13em;font-weight:700;z-index:5}.cover-note{position:absolute;left:20px;bottom:15px;font-size:8px;line-height:1.4;letter-spacing:.06em;z-index:5;background:#f9fbffdc;padding:4px 7px;border-radius:4px;color:#333d67}.cover-arrow{position:absolute;right:16px;bottom:16px;border:1px solid #fff7;border-radius:50%;width:35px;height:35px;background:#ffffffb0;backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--blue);font-size:22px;transition:background .2s}.cover-xr{background:radial-gradient(ellipse at 30% 80%,#c9e9ff,transparent 60%),linear-gradient(135deg,#d8d0ff,#eae7ff 55%,#a9edff);color:#223386}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff30 1px,transparent 1px),linear-gradient(90deg,#ffffff30 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(transparent,#000);transform:perspective(300px) rotateX(50deg) scale(1.6);transform-origin:50% 100%}.xr-orbit{position:absolute;border:17px solid #ee8bcd;border-radius:50%;width:48%;height:51%;box-shadow:inset 2px 2px 3px #fff9,3px 6px 8px #6877bb3d;transform:rotate(-25deg);top:27%;left:13%;background:linear-gradient(130deg,#b8a9fd55,transparent);mix-blend-mode:multiply}.xr-orbit.o2{left:39%;top:22%;border-color:#5faafb}.xr-orbit.o3{left:27%;top:40%;border-color:#baa2eb}.xr-person{position:absolute;width:7%;height:21%;background:linear-gradient(90deg,#355dff,#8ba9ff);border-radius:50% 50% 40% 40%;bottom:18%;left:20%;box-shadow:4px 8px 12px #364e8350}.xr-person:before{content:'';position:absolute;width:75%;aspect-ratio:1;left:12%;top:-37%;border-radius:50%;background:inherit}.xr-person.p2{left:70%;bottom:26%;background:linear-gradient(90deg,#c33191,#f88dcc)}.xr-person.p3{left:51%;bottom:9%;background:linear-gradient(90deg,#774bd6,#c7acf7)}.cover-pixel{background:linear-gradient(135deg,#fff0dd,#ffc5ba);color:#71351f}.tile-house{position:absolute;width:53%;height:63%;left:23%;top:20%;filter:drop-shadow(10px 12px 0 #d2605850)}.roof{position:absolute;width:116%;height:18%;left:-8%;top:0;background:repeating-linear-gradient(90deg,#2f6983 0 8%,#53899a 8% 12%);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.house-body{position:absolute;inset:18% 0 0;background-color:#e5c39c;background-image:repeating-conic-gradient(#8db9b3 0% 25%,#e4e1b9 0% 50%);background-size:17px 17px;border:7px solid #f1d7a7;display:grid;grid-template-columns:repeat(4,1fr);gap:5%;padding:9% 5% 0}.house-body i{height:42%;background:repeating-linear-gradient(#214c6f 0 3px,#679da6 3px 6px);border:3px solid #f5d8ac;border-radius:8px 8px 0 0}.door{position:absolute;bottom:0;left:40%;width:22%;height:46%;background:repeating-linear-gradient(90deg,#355a71 0 6px,#648e91 6px 8px);border:4px solid #efd5ad}.steps{position:absolute;width:112%;height:11%;left:-6%;bottom:-10%;background:#dfae85;border-bottom:5px solid #be775b}.pixel-star{position:absolute;color:#f69b40;font-size:36px;top:21%;left:11%}.pixel-star.s2{top:65%;left:80%;color:#709a85;font-size:23px}.cover-ego{background:radial-gradient(ellipse at 30% 90%,#827df099,transparent 55%),linear-gradient(135deg,#18184b,#383171);color:#f0ddff}.cover-ego .cover-note{background:#302655;color:#e4d3f0}.ego-halo{position:absolute;width:66%;aspect-ratio:1;left:18%;top:6%;border:1px solid #a798df80;border-radius:50%;box-shadow:0 0 0 17px #a798df10,0 0 0 36px #a798df09}.ego-large{position:absolute;height:58%;width:32%;right:19%;top:22%;background:linear-gradient(130deg,#f5efff 0,#b0b9ff 20%,#8980bb 40%,#efb8ff 65%,#717cd4 85%);clip-path:polygon(46% 0,65% 14%,61% 25%,79% 34%,98% 76%,73% 67%,65% 99%,41% 94%,34% 58%,17% 70%,0 50%,33% 28%,33% 15%);filter:drop-shadow(2px 2px 3px #faf)}.ego-small{position:absolute;left:22%;bottom:16%;width:10%;height:16%;background:linear-gradient(120deg,#f3eefe,#9ca4d2);border-radius:30% 30% 20% 20%;box-shadow:2px 4px 9px #0004}.ego-small:before{content:'';position:absolute;left:16%;right:16%;height:38%;top:-35%;background:#e7e2ff;border-radius:30%;border-bottom:4px solid #755ad9}.ego-thread{height:1px;background:#f6bbff;position:absolute;left:26%;right:35%;bottom:30%;transform:rotate(-17deg);box-shadow:0 0 8px #f6bbff}.cover-config{background:linear-gradient(130deg,#ccede9,#b1dbdc);color:#184e5d}.config-cube{position:absolute;width:26%;height:45%;border:2px solid #185c7480;transform:skewY(-12deg);left:22%;top:33%;background:linear-gradient(135deg,#f5ffffcf,#4b9bab40);box-shadow:15px -11px 0 #b8d8d9,17px -13px 0 #528b9e}.config-cube.c2{left:49%;width:19%;height:36%;top:26%}.config-cube.c3{left:46%;top:53%;height:20%;width:16%;background:#ecbfff}
.card-meta{display:flex;gap:12px;justify-content:space-between;font-size:10px;color:var(--muted);margin:16px 0 9px;line-height:1.4}.card-meta>span:first-child{color:var(--blue);font-weight:700}.card-meta>span:last-child{text-align:right}.project-card h3{font-size:25px}.project-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:11px 0 18px}.project-card>.text-link{font-size:12px}.professional-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:130px 1fr auto;gap:25px;align-items:center;margin-top:45px;padding:24px 0;font-size:12px}.professional-strip strong{font-size:16px;font-weight:500;letter-spacing:-.025em}.professional-strip>span:last-child{color:var(--blue)}.professional-strip:hover strong{color:var(--blue)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.research-band{background:var(--blue);color:white;padding:70px 0;overflow:hidden}.research-band h2{font-size:clamp(32px,3.5vw,51px);margin-top:18px}.research-band h2 em{color:#a0e9ff}.research-band p:not(.eyebrow){color:#d8e3ff;font-size:15px;max-width:520px}.research-band .button{margin-top:28px}.button-light{border-color:white;background:#fff;color:var(--blue)}.button-light:hover{background:#d8f5ff;color:var(--blue)}.research-visual{position:relative;min-height:340px;display:flex;align-items:center}.research-word{font:800 clamp(80px,9vw,145px)/.85 var(--display);letter-spacing:-.08em;color:#6e99ff;z-index:0}.research-rings{position:absolute;right:5%;top:15%;width:65%;height:75%;transform:rotate(-17deg)}.research-rings i{position:absolute;left:0;top:0;width:70%;height:70%;border:27px solid #f898dc;border-radius:50%;mix-blend-mode:screen;box-shadow:inset 3px 3px 8px #fff9,5px 6px 13px #0b248366}.research-rings i:nth-child(2){left:30%;top:15%;border-color:#65defa}.research-rings i:nth-child(3){left:7%;top:40%;border-color:#c4abff}.visual-caption{position:absolute;bottom:0;left:0;font-size:9px;letter-spacing:.1em}.koaikoi-band{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:95px;align-items:center}.koaikoi-band h2{margin-top:16px}.koaikoi-band h2 em{color:var(--pink)}.koaikoi-band p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:15px}.koaikoi-band .button{margin-top:25px}.being-preview{position:relative;width:88%;max-width:400px;aspect-ratio:1.06;margin:auto;border-radius:47% 53% 42% 58% / 63% 53% 47% 37%;background:radial-gradient(ellipse at 27% 14%,#fff 0,#fff8 7%,transparent 23%),radial-gradient(ellipse at 65% 70%,#d1fdff 0,transparent 35%),conic-gradient(from 40deg at 54% 42%,#c1d1ff,#e8b4f9,#77d7ef,#b5bcff,#f0a3dc,#b5e5ff,#c1d1ff);box-shadow:inset -16px -18px 35px #7854cd4a,inset 10px 10px 20px #ffffffa8,7px 36px 25px -23px #a997ce88;transform:rotate(-8deg)}.being-eye{position:absolute;width:4.4%;height:8.5%;background:#1730a0;border-radius:50%;left:36%;top:41%;box-shadow:inset 1px 1px 2px white}.being-eye.e2{left:55%;top:40%}.being-note{position:absolute;bottom:5%;right:-4%;background:#fff;border:1px solid var(--line);padding:8px 18px;border-radius:30px;font-size:14px;color:var(--blue);transform:rotate(8deg)}.contact-band{background:#e9ecff;border-radius:20px;padding:55px 60px;margin-bottom:60px;display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:center;overflow:hidden}.contact-band h2{margin-top:15px}.contact-band p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:530px}.contact-band .button{margin-top:24px}.contact-flower{font-size:260px;line-height:1;color:var(--pink);transform:rotate(-15deg);user-select:none}.site-footer{display:grid;grid-template-columns:1fr auto;gap:40px;padding-bottom:28px;padding-top:20px}.site-footer .brand{font-size:23px}.site-footer p{font-size:12px;color:var(--muted);margin-top:12px}.site-footer>div:nth-child(2){display:flex;gap:30px;align-items:start}.site-footer .text-link{font-size:12px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;color:var(--muted)}.preview-badge{border:1px solid var(--line);border-radius:30px;padding:4px 10px;background:white}
.page-intro{padding-top:66px;padding-bottom:54px}.page-intro h1{font-size:clamp(48px,6vw,88px);margin-top:20px;max-width:1100px;line-height:1.06;letter-spacing:-.065em}.lead{font-size:19px;max-width:700px;line-height:1.6;color:var(--muted);margin-top:24px;letter-spacing:-.025em}.work-section{padding-bottom:90px}.filters{display:flex;align-items:center;gap:9px;padding:0 0 28px;margin-bottom:8px;border-bottom:1px solid var(--line)}.filters a{border:1px solid var(--line);border-radius:100px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .16s}.filters a:hover{background:#e9edff}.filters a[aria-current]{color:white;background:var(--blue);border-color:var(--blue)}.filters>span{margin-left:auto;font-size:12px;color:var(--muted)}.catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px;padding-top:24px}.catalogue .cover,.two-col .cover{height:340px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.archive-section{margin-top:90px}.archive-section .section-top{margin-bottom:27px}.archive-section h2{font-size:40px}.archive-row{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.archive-row:last-child{border-bottom:1px solid var(--line)}.archive-year{font-size:13px;color:var(--muted);align-self:start;padding-top:6px}.archive-row h3{font-size:24px}.archive-row p{margin-top:5px;font-size:13px;color:var(--muted)}.archive-row small{font-size:10px;color:var(--muted)}.archive-links{display:flex;flex-direction:column;align-items:end;gap:9px}.archive-links .text-link{font-size:12px}.wide-feature .cover{height:440px}.cover-large .cover-note{bottom:23px;left:25px;font-size:10px}.cover-large .cover-index{font-size:10px;top:22px;left:25px}.cover-large .xr-orbit{width:30%;height:65%;left:28%;top:15%;border-width:35px}.cover-large .xr-orbit.o2{left:43%;top:10%}.cover-large .xr-orbit.o3{left:35%;top:33%}.cover-large .xr-person{width:4%;height:21%;left:26%}.cover-large .xr-person.p2{left:68%}.cover-large .xr-person.p3{left:49%}.cover-large .tile-house{width:30%;height:71%;left:35%;top:12%}.cover-large .pixel-star{left:24%;top:20%;font-size:70px}.cover-large .pixel-star.s2{left:72%;top:67%;font-size:50px}.cover-large .ego-large{width:20%;right:30%;height:66%;top:15%}.cover-large .ego-small{width:5%;left:32%;height:20%}.cover-large .ego-halo{width:38%;left:31%;top:0}.cover-large .ego-thread{left:35%;right:44%}.cover-large .config-cube{width:20%;left:31%}.cover-large .config-cube.c2{width:17%;left:48%}.cover-large .config-cube.c3{width:11%;left:44%}.feature-caption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;margin-top:13px}.reading-split{align-items:start;grid-template-columns:.85fr 1fr;gap:130px}.reading-split>div>h2{margin-top:16px}.large-copy{font-size:25px;line-height:1.45;letter-spacing:-.035em;font-weight:500;margin-top:0}.reading-split p:not(.large-copy):not(.eyebrow){color:var(--muted);font-size:16px}.reading-split .text-link{margin-top:25px;margin-right:30px}.context-note{border-left:2px solid var(--pink);padding-left:20px;font-size:13px!important;margin-top:28px}.question-section{background:#eaeefe;padding:66px 0}.question-section h2{margin:15px 0 28px}.questions details{border-top:1px solid #ccd4f4}.questions details:last-child{border-bottom:1px solid #ccd4f4}.questions summary{display:flex;align-items:center;gap:32px;padding:25px 0;font-size:23px;letter-spacing:-.035em;cursor:pointer;font-weight:600;list-style:none}.questions summary::-webkit-details-marker{display:none}.question-number{color:var(--blue);font-size:12px;letter-spacing:0;min-width:40px}.details-icon{margin-left:auto;color:var(--blue);font-weight:400;font-size:27px}.questions details[open] .details-icon{transform:rotate(45deg)}.questions details>p{max-width:800px;color:var(--muted);margin:0 70px 27px;font-size:16px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:44px}.process-grid article{border-top:1px solid var(--line);padding-top:20px}.process-grid article>span{font-size:10px;letter-spacing:.1em;color:var(--blue)}.process-grid h3{margin-top:17px;font-size:26px}.process-grid p{font-size:14px;color:var(--muted);margin-top:14px}.end-link{margin-top:40px}.koaikoi-lab{display:grid;grid-template-columns:1fr 1fr;background:#ede5ff;border-radius:20px;min-height:480px;align-items:center;gap:80px;padding:50px 90px}.koaikoi-lab .being-preview{width:330px;max-width:100%;cursor:pointer}.koaikoi-lab>div:nth-child(2){max-width:330px}.koaikoi-lab .hand-note{font-size:27px;margin-bottom:32px}.koaikoi-lab .button{margin-top:22px}.koaikoi-lab .small-note{font-size:11px;color:var(--muted)}.being-preview.hello{animation:beingHello .9s ease-in-out}.being-preview.hello .being-eye{transform:scaleY(.5)}@keyframes beingHello{0%,100%{transform:rotate(-8deg)}30%{transform:rotate(7deg) scale(1.06,.96)}60%{transform:rotate(-16deg) scale(.98,1.04)}}.about-mark{position:relative}.about-mark>span{font:800 clamp(70px,9vw,125px)/.92 var(--display);letter-spacing:-.07em;color:var(--blue)}.about-mark i{position:absolute;color:var(--pink);font-size:170px;line-height:1;right:0;bottom:-10px;font-style:normal}.about-threads{background:transparent;padding-top:10px;padding-bottom:90px}.about-threads .process-grid{margin-top:20px}.connect-main{padding-bottom:110px}.connect-main>.large-copy{max-width:660px}.connect-main>.button{margin-top:26px}.social-hub{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;margin-top:85px;border-top:1px solid var(--line);padding-top:60px}.social-hub h2{margin-top:13px}.social-row{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0}.social-row:first-child{padding-top:0}.social-row strong{font:700 24px/1.2 var(--display);letter-spacing:-.04em}.social-row small{display:block;font-size:13px;color:var(--muted);margin-top:9px}.social-row>span:last-child{font-size:29px;color:var(--blue)}.social-row:hover strong{color:var(--blue)}
.project-heading{padding-block:45px}.back-link{color:var(--blue);font-size:12px;display:inline-block;margin-bottom:40px}.project-heading .card-meta{justify-content:start;gap:20px}.project-heading h1{font-size:clamp(48px,7vw,100px);line-height:1.1;margin-top:14px}.project-heading .lead{margin-top:12px}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-bottom:1px solid var(--line);padding:26px 0}.project-facts span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.project-facts strong{font-size:14px;font-weight:500}.case-layout{display:grid;grid-template-columns:1fr 2fr;gap:100px;padding-block:70px 90px;align-items:start}.case-layout aside{position:sticky;top:35px}.case-layout aside p{font-size:14px;color:var(--muted);max-width:300px}.case-layout aside .text-link{margin-top:25px}.case-body{max-width:750px}.case-body>p:not(.large-copy){font-size:17px;color:var(--muted)}.case-body h2{font-size:33px;margin-top:44px}.case-body>.button{margin-top:27px}.case-callout{background:#edf0ff;border-left:2px solid var(--blue);border-radius:0 10px 10px 0;padding:24px 28px;margin:32px 0}.case-callout p{font-size:14px;color:var(--muted);margin-top:9px}.case-outline{padding-left:23px;color:var(--muted);font-size:16px}.case-outline li{margin-block:14px}.next-project{border-top:1px solid var(--line);padding-block:36px 65px}.next-title{display:flex;justify-content:space-between;align-items:center;font:800 clamp(30px,5vw,65px)/1.2 var(--display);letter-spacing:-.05em;margin-top:15px;color:var(--blue)}.next-title span{font-weight:400}.error-actions{display:flex;gap:30px;align-items:center;padding-bottom:120px}
/* Grid children must be allowed to shrink below the canvas's preferred width. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy{min-width:0}
.world-label:nth-child(2){transform:translateY(-63px)}
.world-label:before{content:'';position:absolute;inset:-7px -2px;border-radius:30px}.world-label{position:relative}
@media(min-width:1600px){.scene-stage{height:450px}.world-label:nth-child(2){transform:translateY(-69px)}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:20px}.hero{min-height:630px}.hero h1{font-size:7.5vw}.hero-copy>.eyebrow{max-width:380px}.intro{font-size:15px}.actions{gap:17px}.actions .text-link{font-size:12px}.actions .button{font-size:12px;padding:13px 19px}.playground{margin-right:-15px}.scene-stage{height:350px}.world-label{font-size:10px;padding:5px 7px;gap:5px}.world-label:nth-child(2){transform:translateY(-125px)}.section-top{gap:55px}.cover{height:240px}.split{gap:55px}.koaikoi-band{gap:60px}.reading-split{gap:70px}.case-layout{gap:60px}.contact-band{grid-template-columns:1fr 220px}.contact-flower{font-size:220px}.koaikoi-lab{padding:45px 60px;gap:50px}.catalogue .cover,.two-col .cover{height:290px}}
@media(max-width:900px){.site-header nav{gap:14px;font-size:12px}.brand{font-size:23px}.nav-contact{padding:8px 17px}.hero{grid-template-columns:1fr;max-width:760px;padding-top:35px;padding-bottom:40px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(67px,11vw,100px);margin-bottom:26px}.intro{max-width:570px;font-size:17px}.hero-copy>.eyebrow{max-width:none}.playground{width:600px;max-width:100%;margin:35px auto 0}.scene-stage{height:405px}.world-label:nth-child(2){transform:translateY(-144px)}.world-label{font-size:12px;padding:5px 12px}.playground-heading{padding-inline:20px}.settings{margin-top:25px}.section{padding-block:65px}.project-grid.home-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.home-projects .project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}.home-projects .project-card:last-child .card-cover-link{grid-row:1/5}.home-projects .project-card:last-child .card-meta{margin-top:4px}.home-projects .project-card:last-child>.text-link{justify-self:start}.section-top{gap:35px}.section-top h2{font-size:37px}.professional-strip{grid-template-columns:1fr auto}.professional-strip .eyebrow{grid-column:1/-1}.professional-strip strong{font-size:15px}.split{gap:35px}.research-visual{min-height:270px}.research-rings i{border-width:20px}.research-band h2{font-size:36px}.research-band p:not(.eyebrow){font-size:14px}.koaikoi-band{gap:45px;padding-block:70px}.contact-band{padding:40px}.contact-band h2{font-size:38px}.contact-flower{font-size:180px}.contact-band{grid-template-columns:1fr 150px}.process-grid{gap:25px}.process-grid h3{font-size:23px}.page-intro h1{font-size:63px}.page-intro{padding-top:45px}.wide-feature .cover{height:380px}.reading-split{gap:45px;grid-template-columns:.8fr 1fr}.large-copy{font-size:22px}.archive-row{grid-template-columns:55px 1fr auto}.archive-links .text-link{font-size:11px}.koaikoi-lab{padding:40px;gap:40px;min-height:380px}.social-hub{gap:45px}.case-layout{grid-template-columns:.7fr 1.5fr;gap:45px}.project-facts strong{font-size:12px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.brand{font-size:22px}.brand span{font-size:28px}.menu-toggle{display:flex;gap:14px;align-items:center;background:none;border:1px solid var(--line);border-radius:100px;font-size:12px;padding:7px 13px}.menu-toggle span{font-size:19px;line-height:1}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;box-shadow:0 18px 35px #16296316;border:1px solid var(--line);padding:18px;border-radius:18px;align-items:stretch;flex-direction:column;gap:0;font-size:17px}.site-header nav[data-open]{display:flex}.site-header nav>a{padding:12px}.site-header nav>a:after{display:none}.site-header nav>a[aria-current]:not(.nav-contact){color:var(--blue)}.site-header nav .nav-contact{text-align:center;margin-top:10px}.hero{padding-top:20px;padding-bottom:25px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.055em;gap:6px}.small-spark{font-size:15px}.hero h1{font-size:clamp(48px,12.8vw,83px);margin:23px 0 25px}.intro{font-size:16px}.hero-aside{font-size:12px}.actions{gap:20px;margin-top:24px}.actions .button{font-size:12px;padding:13px 18px;gap:18px}.actions .text-link{font-size:12px}.settings{margin-top:22px}.settings button{font-size:10px;padding:6px 11px}.playground{margin-top:36px}.playground-heading{padding-inline:6px}.playground-heading .eyebrow{font-size:8px}.hand-note{font-size:16px}.scene-stage{height:300px}.world-labels{left:1%;right:0;top:66%}.world-label{font-size:10px;padding:4px 8px;gap:6px}.world-label:nth-child(2){transform:translateY(-104px)}.world-label>span{height:19px;width:19px;font-size:12px;line-height:17px}.spark-button{top:83%;font-size:12px;padding:9px 21px}.play-hint{margin-top:9px;font-size:11px}.world-preview{margin-inline:0}.little-divider{font-size:8px;letter-spacing:.08em;padding-block:14px}.little-divider a{font-size:10px}.little-divider a span{margin-left:5px}.section{padding-block:50px}.section-top{grid-template-columns:1fr;gap:10px;margin-bottom:26px}.section-top h2,h2{font-size:35px}.section-top>div>p:not(.eyebrow),.section-top>p{font-size:14px}.section-top .text-link{margin-top:15px}.project-grid,.project-grid.home-projects,.catalogue,.two-col{grid-template-columns:1fr;gap:36px}.home-projects .project-card:last-child{display:block}.cover,.catalogue .cover,.two-col .cover{height:270px}.card-meta{margin-top:14px}.project-card h3{font-size:26px}.project-card p{font-size:14px;margin-bottom:15px}.project-card>.text-link{font-size:13px}.professional-strip{display:block;padding:20px 0;margin-top:28px}.professional-strip strong{display:block;margin:9px 0 16px;font-size:16px}.professional-strip>span:last-child{font-size:12px}.split{grid-template-columns:1fr;gap:35px}.research-band{padding:45px 0}.research-visual{min-height:310px;max-width:370px;width:100%;margin:auto}.research-word{font-size:108px}.research-rings{right:2%}.research-band h2{font-size:37px}.research-band p:not(.eyebrow){font-size:15px}.koaikoi-band{grid-template-columns:1fr;gap:50px;padding-block:50px}.koaikoi-band .being-preview{width:75%;max-width:280px;order:-1}.koaikoi-band h2{font-size:40px}.contact-band{display:block;padding:30px 25px;position:relative;border-radius:15px;margin-bottom:35px}.contact-band h2{font-size:35px}.contact-band>div:first-child{position:relative;z-index:1}.contact-band .eyebrow{font-size:9px}.contact-band p:not(.eyebrow){font-size:13px}.contact-flower{position:absolute;right:-40px;bottom:-55px;opacity:.18;font-size:190px}.site-footer{grid-template-columns:1fr;gap:24px;padding-top:10px}.site-footer>div:nth-child(2){gap:30px}.footer-bottom{flex-wrap:wrap;row-gap:17px;padding-top:18px}.footer-bottom .preview-badge{order:3;width:100%;text-align:center}.footer-bottom>a{margin-left:auto}.page-intro{padding-top:35px;padding-bottom:36px}.page-intro h1{font-size:clamp(40px,10vw,60px);margin-top:18px}.lead{font-size:17px;margin-top:22px}.filters{flex-wrap:wrap;gap:7px;padding-bottom:18px}.filters a{font-size:12px;padding:7px 15px}.filters>span{width:100%;margin-top:6px;font-size:11px}.catalogue{padding-top:18px}.work-section{padding-bottom:50px}.archive-section{margin-top:55px}.archive-section h2{font-size:33px}.archive-row{grid-template-columns:40px 1fr;gap:12px;padding:20px 0}.archive-row h3{font-size:24px}.archive-year{font-size:11px}.archive-links{grid-column:2;align-items:start;flex-direction:row;gap:18px;margin-top:4px;flex-wrap:wrap}.archive-links .text-link{font-size:12px}.wide-feature .cover{height:280px}.cover-large .xr-orbit{width:48%;height:51%;left:13%;top:27%;border-width:17px}.cover-large .xr-orbit.o2{left:39%;top:22%}.cover-large .xr-orbit.o3{left:27%;top:40%}.cover-large .xr-person{width:7%;left:20%}.cover-large .xr-person.p2{left:70%}.cover-large .xr-person.p3{left:51%}.cover-large .tile-house{width:53%;height:63%;left:23%;top:20%}.cover-large .pixel-star{left:11%;font-size:35px}.cover-large .pixel-star.s2{left:80%;font-size:25px}.cover-large .ego-large{width:32%;right:19%;top:22%;height:58%}.cover-large .ego-small{width:10%;left:22%;height:16%}.cover-large .ego-halo{width:66%;left:18%;top:6%}.cover-large .ego-thread{left:26%;right:35%}.feature-caption{font-size:9px;flex-direction:column;gap:5px}.reading-split{grid-template-columns:1fr;gap:25px}.reading-split p:not(.large-copy):not(.eyebrow){font-size:15px}.large-copy{font-size:22px}.question-section{padding:45px 0}.questions summary{font-size:18px;gap:13px;padding:21px 0}.question-number{font-size:10px;min-width:23px}.questions details>p{margin:0 35px 24px;font-size:14px}.process-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.process-grid h3{font-size:25px;margin-top:10px}.process-grid p{margin-top:12px}.koaikoi-lab{grid-template-columns:1fr;gap:20px;padding:35px 25px}.koaikoi-lab .being-preview{max-width:240px}.koaikoi-lab>div:nth-child(2){max-width:none;text-align:center}.koaikoi-lab .hand-note{font-size:21px;margin-bottom:20px}.about-mark{max-width:310px;margin-bottom:20px}.about-mark>span{font-size:105px}.about-mark i{font-size:125px}.about-threads{padding-bottom:50px}.social-hub{grid-template-columns:1fr;gap:30px;margin-top:50px;padding-top:40px}.connect-main{padding-bottom:60px}.social-row strong{font-size:22px}.social-row small{font-size:12px}.project-heading{padding-block:28px}.back-link{margin-bottom:28px}.project-heading h1{font-size:clamp(40px,10.5vw,70px)}.project-heading .lead{font-size:18px}.project-facts{gap:18px;grid-template-columns:1fr;padding-block:22px}.project-facts>div{display:flex;justify-content:space-between;gap:20px}.project-facts strong{font-size:12px;text-align:right}.project-facts span{font-size:11px;margin:0;flex-shrink:0}.case-layout{grid-template-columns:1fr;gap:35px;padding-block:40px 50px}.case-layout aside{position:static;border-bottom:1px solid var(--line);padding-bottom:25px}.case-layout aside p{max-width:none}.case-layout aside .text-link{margin-top:16px}.case-body>p:not(.large-copy){font-size:16px}.case-body h2{font-size:28px;margin-top:35px}.case-callout{padding:20px}.case-callout p{font-size:13px}.next-project{padding-block:28px 45px}.next-title{font-size:36px}.error-actions{flex-wrap:wrap;padding-bottom:60px}}
@media(max-width:1150px){.world-label:nth-child(2){transform:translateY(-53px)}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero:before{right:0}.world-label:nth-child(2){transform:translateY(-60px)}}
@media(max-width:650px){.hero:before{inset:0}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0}.hero-copy>h1{order:1;margin-bottom:8px}.playground{order:2;margin-top:12px}.hero-copy>.intro{order:3;margin-top:25px}.hero-copy>.hero-aside{order:4}.hero-copy>.actions{order:5}.hero-copy>.settings{order:6}.world-label:nth-child(2){transform:translateY(-45px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
html[data-motion="less"]{scroll-behavior:auto}html[data-motion="less"] *,html[data-motion="less"] *:before,html[data-motion="less"] *:after{animation:none!important;transition:none!important}


/* Source: /assets/polish.css */
/* The second pass: one motion language, stable controls, and quieter reading. */
:root{--pink:#d941a1;--ease-out:cubic-bezier(.2,.75,.2,1);--accent:#1646ff}
body[data-page="koaikoi"]{--accent:#af2586}
body[data-page="games"]{--accent:#623bcb}
::selection{background:#edc5ec;color:#162562}
.header-shell{position:sticky;top:0;z-index:30;background:#f7f8ffeb;backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s;view-transition-name:site-header}
.header-shell.is-scrolled{border-color:#dcdff1b0;box-shadow:0 5px 25px #26377806}
.reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--blue),#8e9af5,var(--pink));transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
.brand span{transition:transform .45s var(--ease-out)}.brand:hover span{transform:rotate(90deg)}
.site-header nav a{padding-block:8px}.site-header nav a:not(.nav-contact):after{bottom:0}
.site-header nav a[aria-current]{color:var(--blue)}.site-header nav .nav-contact[aria-current]{color:#fff}
.skip-link{top:0;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0);top:12px}
.hero{min-height:660px;align-items:start;padding-top:38px;padding-bottom:44px}
.hero-copy{padding-top:10px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.075em}
.hero h1{font-size:clamp(66px,7.8vw,120px);letter-spacing:-.08em}
.hero .intro{max-width:525px;line-height:1.7}.hero-aside{font-size:14px}
.hero .actions{margin-top:28px}.hero .settings{margin-top:24px}
.playground{align-self:start;margin-top:30px;isolation:isolate;overflow:clip;overflow-clip-margin:12px}
.playground:before{content:'';position:absolute;z-index:-1;width:85%;height:73%;left:12%;top:9%;border:1px solid #b5caff45;border-radius:50%;transform:rotate(-26deg);pointer-events:none}
.playground:after{content:'';position:absolute;z-index:-1;width:95%;height:59%;left:0;top:13%;border:1px solid #e8a1d635;border-radius:50%;transform:rotate(21deg);pointer-events:none}
.playground-heading .eyebrow{font-size:10px;color:#596788}.scene-stage{height:400px}
.world-label{min-height:36px;min-width:86px;box-shadow:0 5px 16px #647be017;border-color:#a9bbff;transition:background .18s,box-shadow .18s}
.world-label>span{transition:transform .25s}.world-label[aria-pressed="true"]>span{transform:none}
.world-label:focus-visible{outline-offset:4px}.world-label:before{inset:-5px -1px}
.spark-button{min-height:44px;isolation:isolate;transition:background .18s,box-shadow .18s}
.spark-button:after{content:'';position:absolute;inset:-5px;border-radius:inherit;border:1px solid #e868bd55;z-index:-1;transition:inset .2s}
.spark-button:hover:after{inset:-8px}.spark-button.is-sparking>span{animation:spark-turn .7s var(--ease-out)}
@keyframes spark-turn{50%{transform:rotate(100deg) scale(1.4)}100%{transform:rotate(180deg)}}
.play-hint{font-size:12px;color:#4e5b87;min-height:22px;margin-top:0}
.scene-controls{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;min-height:36px}
.scene-controls>span{font-size:10px;letter-spacing:.015em;color:var(--muted);margin-right:8px}
.scene-controls button{border:1px solid var(--line);background:#ffffffa0;min-width:33px;min-height:33px;border-radius:50%;font-size:17px;display:grid;place-items:center;transition:border-color .2s,background .2s}
.scene-controls button:disabled{opacity:.35;cursor:default}.scene-controls button:not(:disabled):hover{background:#e5ebff;border-color:var(--blue)}
.scene-controls #reset-play{border-radius:30px;padding:5px 11px;font-size:10px}
.scene-stage[data-dragging="true"] canvas{cursor:grabbing!important}
.world-preview{border:1px solid #c8d4fc;background:#ffffffc9;box-shadow:0 8px 30px #426ae40b;border-radius:15px;padding:19px;margin:20px 10px 0 22px;align-items:center;gap:20px;animation:preview-arrive .28s var(--ease-out)}
.world-preview h2{font-size:22px;letter-spacing:-.035em}.world-preview p{font-size:12px;line-height:1.6;max-width:350px}.world-preview .text-link{font-size:12px;margin-top:12px;gap:15px}.world-preview .eyebrow{font-size:9px}
@keyframes preview-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.world-mini{flex:none;width:56px;height:66px;display:grid;place-items:center}.world-mini i{width:42px;height:57px;border-radius:65% 38% 55% 42%;background:linear-gradient(135deg,#74d5ff,#e6b1eb 45%,#7192ef);box-shadow:inset 5px 6px 8px #fff9,2px 6px 12px #7c96d455;transform:rotate(22deg)}
.world-preview[data-world="games"] .world-mini i{width:52px;height:52px;border-radius:50%;border:12px solid #adbdf5;background:#fafbff;box-shadow:inset 2px 2px 5px #7e66c93f,2px 6px 12px #7c96d455}
.world-preview[data-world="koaikoi"] .world-mini i{height:46px;width:55px;border-radius:43% 57% 48% 38%;transform:rotate(-8deg)}
.world-preview[data-world="koaikoi"] .world-mini i:after{content:'••';font-size:19px;color:#2343a5;letter-spacing:5px;position:absolute;top:9px;left:15px}
.settings button{min-height:36px;font-size:12px;color:#414b71;padding:7px 12px}.settings button[aria-pressed="true"]{background:#e4eaff;border-color:#aebfff;color:var(--blue)}
.section-top>div>p:not(.eyebrow),.section-top>p{line-height:1.75}
.eyebrow{font-size:11px;letter-spacing:.115em}.little-divider{font-size:10px}
.card-cover-link{perspective:900px;overflow:visible}.card-cover-link .cover{transition:transform .3s var(--ease-out),box-shadow .3s;transform:rotateX(calc(var(--look-y,0)*-3deg)) rotateY(calc(var(--look-x,0)*4deg));box-shadow:0 2px 0 #1a31610a}
.card-cover-link:hover .cover,.card-cover-link:focus-visible .cover{box-shadow:0 15px 32px #26365c18}
.card-cover-link:focus-visible{--look-y:-.5;--look-x:.3;border-radius:15px}
.cover:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,transparent 24%,#ffffff35 46%,transparent 66%);opacity:0;translate:calc(var(--look-x,0)*25px) 0;transition:opacity .3s}
.card-cover-link:hover .cover:after,.card-cover-link:focus-visible .cover:after{opacity:1}
.cover .xr-orbit,.cover .tile-house,.cover .ego-large,.cover .config-cube{translate:calc(var(--look-x,0)*9px) calc(var(--look-y,0)*6px);transition:translate .3s var(--ease-out)}
.cover .xr-person,.cover .pixel-star,.cover .ego-small{translate:calc(var(--look-x,0)*-6px) calc(var(--look-y,0)*-4px);transition:translate .3s var(--ease-out)}
.cover-arrow{transition:background .2s,transform .25s;z-index:5}.card-cover-link:hover .cover-arrow{transform:rotate(45deg)}
.cover-index,.cover-note{font-size:10px}.card-meta{font-size:11px}.project-card p{font-size:14px}.project-card>.text-link{font-size:13px}
.project-card h3 a{background-image:linear-gradient(var(--blue),var(--blue));background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s}.project-card h3 a:hover{background-size:100% 1px}
.discovery-row{display:flex;align-items:center;justify-content:flex-end;gap:14px;color:var(--muted);font-size:12px;margin:-4px 0 25px}.surprise-link{border:0;background:none;color:var(--blue);padding:9px 0 9px 9px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px}.surprise-link>span{display:inline-block;font-size:21px;transition:transform .5s var(--ease-out)}.surprise-link:hover>span,.surprise-link:focus-visible>span{transform:rotate(150deg)}
.filters a{min-height:42px;padding:9px 22px}.filters{scroll-margin-top:110px}.catalogue .project-card{animation:preview-arrive .25s var(--ease-out)}
.archive-row{transition:background .2s,padding .2s}.archive-row:hover{background:#edf0ff;padding-inline:12px}.archive-row small{font-size:12px}.archive-links .text-link{font-size:13px}
.case-layout aside{top:135px}.case-nav{display:grid;gap:4px;margin-top:35px;border-top:1px solid var(--line);padding-top:22px}.case-nav>.eyebrow{font-size:10px;margin-bottom:8px;color:var(--muted)}.case-nav a{display:flex;gap:12px;font-size:12px;line-height:1.5;padding:9px 0;color:var(--muted)}.case-nav a>span{color:#8994b7;font-size:10px;padding-top:2px}.case-nav a[aria-current],.case-nav a:hover{color:var(--blue)}.case-nav a[aria-current]>span{color:var(--blue)}.case-body h2{scroll-margin-top:125px}
.question-section summary{transition:color .2s}.question-section summary:hover,.question-section details[open] summary{color:var(--blue)}.questions details[open]>p{animation:preview-arrive .2s ease-out}
.interactive-being{--being-x:0;--being-y:0}.interactive-being .being-eye{translate:calc(var(--being-x)*7px) calc(var(--being-y)*5px);transition:translate .18s ease-out}.koaikoi-lab{position:relative;overflow:hidden;background:radial-gradient(ellipse at 25% 40%,#f5e8ff,transparent 60%),#e8e8ff}.koaikoi-lab:before{content:'';position:absolute;left:4%;top:6%;width:43%;height:85%;border:1px solid #bd98e840;border-radius:50%;transform:rotate(-20deg);pointer-events:none}
.footer-settings{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:20px;border-top:1px solid var(--line)}.footer-settings>span{color:var(--muted);font-size:12px}.footer-settings .settings{margin:0}.footer-bottom{border-top:0;padding-top:0}.site-footer{row-gap:26px}.footer-bottom{font-size:11px}.preview-badge{font-size:10px}
.button,.text-link,.social-row,.next-title{touch-action:manipulation}.button:active{transform:translateY(0) scale(.98)}
.social-row>span:last-child{transition:transform .25s}.social-row:hover>span:last-child{transform:translate(3px,-3px)}
@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:.34s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
::view-transition-old(root){animation:page-out .18s ease both}::view-transition-new(root){animation:page-in .28s ease both}
::view-transition-group(site-header){animation-duration:.2s}
@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.hero{padding-top:28px}.hero h1{font-size:7.7vw}.playground{margin-top:34px}.scene-stage{height:350px}.world-preview{margin-left:10px;padding:15px;gap:10px}.world-preview h2{font-size:19px}.world-mini{width:45px}.scene-controls>span{font-size:9px;margin-right:4px}.hero-copy>.eyebrow{font-size:9px}}
@media(max-width:900px){.hero{max-width:760px;padding-top:30px}.hero h1{font-size:clamp(67px,11vw,100px)}.playground{margin:35px auto 0}.scene-stage{height:405px}.world-preview{margin-inline:12px}.world-preview p{max-width:none}.header-shell .site-header nav{gap:15px}.case-layout aside{top:125px}.archive-row:hover{padding-inline:0}}
@media(min-width:901px) and (max-width:1150px){.hero{min-height:600px}}
@media(max-width:650px){
 .site-header{height:72px}.header-shell .site-header nav{gap:0}.menu-toggle{min-height:40px}.hero{padding-top:21px;padding-bottom:32px}.hero h1{font-size:clamp(47px,12.7vw,82px);margin-top:22px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.015em}.hero .intro{line-height:1.65}.hero-aside{font-size:13px}
 .playground{margin-top:15px}.playground:before{top:15%;height:52%;left:6%}.playground:after{top:10%;height:49%}.playground-heading .eyebrow{font-size:9px}.hand-note{font-size:17px}.scene-stage{height:285px}.world-labels{top:66%}.world-label{font-size:11px;min-width:82px;padding:4px 8px;min-height:33px}.world-label>span{font-size:13px}.world-label:nth-child(2){transform:translateY(-43px)}.spark-button{top:84%;font-size:13px;padding-inline:24px}.play-hint{font-size:11px;margin-top:15px;min-height:36px;padding-inline:8px;display:flex;align-items:center;justify-content:center}.scene-controls{margin-top:4px;gap:6px}.scene-controls>span{font-size:10px;max-width:116px;line-height:1.4;margin-right:5px;text-align:left}.scene-controls button{min-width:36px;min-height:36px}.scene-controls #reset-play{font-size:11px;padding-inline:11px}
 .world-preview{margin:16px 0 0;padding:17px;gap:14px}.world-preview h2{font-size:20px}.world-preview p{font-size:12px}.world-mini{width:40px}.world-mini i{scale:.85}.world-preview .text-link{min-height:32px;font-size:13px}.hero-copy>.settings{margin-top:21px}.settings button{font-size:11px;min-height:39px}.hero .actions{gap:17px}.hero .actions .text-link{min-height:40px;align-items:center}
 .eyebrow{font-size:10px}.little-divider{font-size:9px;letter-spacing:.045em}.little-divider a{font-size:11px}.discovery-row{justify-content:flex-start;margin-top:0;font-size:12px;gap:12px}.surprise-link{min-height:44px}.filters a{padding:9px 14px;font-size:12px}.cover-note{font-size:10px}.cover-index{font-size:9px}.card-meta{font-size:11px}.project-card p{font-size:15px}.project-card>.text-link{min-height:34px}.archive-row small{font-size:11px}.archive-links .text-link{font-size:12px;min-height:30px}
 .case-layout aside{position:static}.case-nav{margin-top:25px;padding-top:20px}.case-nav a{font-size:13px;padding:11px 0}.case-body h2{scroll-margin-top:100px}.case-nav>.eyebrow{font-size:10px}.questions summary{font-size:19px}.context-note{font-size:14px!important}.feature-caption{font-size:11px}.project-facts span{font-size:12px}.project-facts strong{font-size:13px}.koaikoi-lab:before{width:85%;height:58%;left:8%;top:2%}.footer-settings{align-items:start;flex-direction:column;gap:13px;padding-top:22px}.footer-settings .settings{flex-wrap:wrap}.footer-bottom{font-size:11px}.preview-badge{font-size:11px}.contact-band p:not(.eyebrow){font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 .card-cover-link .cover,.cover .xr-orbit,.cover .tile-house,.cover .ego-large,.cover .config-cube,.cover .xr-person,.cover .pixel-star,.cover .ego-small{transform:none;translate:none}
}
html[data-motion="less"]::view-transition-group(*),html[data-motion="less"]::view-transition-old(*),html[data-motion="less"]::view-transition-new(*){animation:none!important}
html[data-motion="less"] .card-cover-link .cover{transform:none!important}
html[data-motion="less"] .cover>*{translate:none!important}
@media(scripting:none){.scene-controls,.surprise-link,.settings{display:none}.discovery-row{display:none}}
/* Preserve the pink identity with sufficient contrast for text and controls. */
.hero h1 span{color:#c13191}
.spark-button{background:#b82982}.spark-button:hover{background:#9e236f}


/* Source: /assets/identity.css */
/* A small family of marks, carried from the 3D playground into the page. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex:none;overflow:visible;pointer-events:none}
.hero:before{right:0}
.brand-symbol{width:34px;height:34px;color:var(--pink);flex:none;transition:transform .5s var(--ease-out)}
.brand:hover .brand-symbol{transform:rotate(90deg)}
.identity-icon{width:25px;height:25px;flex:none}
.site-header{gap:20px}.site-header nav{gap:23px}.brand{font-size:24px}
.world-label{gap:7px;padding:6px 9px}.world-label b{font-size:11px;line-height:1.25;font-weight:700}.world-label small{display:block;font-size:8px;letter-spacing:.025em;font-weight:500}
.world-label .identity-icon{width:23px;height:23px}.world-label>span{width:18px;height:18px;line-height:16px;font-size:12px;flex:none}.world-label[aria-pressed="true"] .identity-icon{stroke-width:4.7}
.world-labels{left:2%;right:0}.world-label[data-world="koaikoi"]{padding-right:8px}
.world-mini{width:58px;height:64px}.world-mini .identity-icon{display:none;width:58px;height:58px;color:#617de6;filter:drop-shadow(0 5px 5px #6c68b829)}
.world-preview[data-world="research"] .mini-research,.world-preview[data-world="games"] .mini-games,.world-preview[data-world="koaikoi"] .mini-koaikoi{display:block}
.world-preview[data-world="games"] .mini-games{color:#9266c9}.world-preview[data-world="koaikoi"] .mini-koaikoi{color:#c4469e}
.fallback-symbol{position:absolute;width:27%;height:44%;filter:drop-shadow(3px 10px 9px #7581cd40);stroke-width:7}
.fallback-research{left:7%;top:18%;color:#77bdec}.fallback-games{left:37%;top:0;color:#a7a1ec}.fallback-art{right:2%;top:27%;color:#c18ed8}
.name-note{font-size:14px;color:var(--blue);padding:17px 20px;border-left:3px solid #daa8ef;background:#ecefff;border-radius:0 12px 12px 0;margin-bottom:28px}
.cover-published{background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #e7e3f1;overflow:hidden}
.cover-published:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#f4e3f04f,transparent 70%);pointer-events:none}
.cover-published img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .35s var(--ease-out)}
.cover-published .cover-note{color:#586273;background:#ffffffe8;padding:5px 8px;border-radius:6px;right:14px;bottom:12px}
.cover-published .cover-index{color:#516680;left:18px;top:17px;bottom:auto}
.wide-feature .cover-published{height:auto;min-height:270px;padding:42px 25px 35px}
.card-cover-link:hover .cover-published img{transform:scale(1.035)}
.project-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.project-actions .button{font-size:13px}
#project-story{scroll-margin-top:110px}.case-body{min-width:0}.case-body>h2:first-child{margin-top:0}
.media-gallery{display:grid;gap:26px;margin:25px 0 35px}.media-gallery figure{margin:0}.media-gallery figure>a{display:block;position:relative;border:1px solid #dcdff0;border-radius:16px;overflow:hidden;background:#fff;min-height:125px;padding:15px 0 34px}
.media-gallery img{display:block;width:100%;height:auto}.media-enlarge{position:absolute;bottom:8px;right:10px;font-size:11px;display:flex;gap:12px;align-items:center;padding:5px 11px;border-radius:20px;background:#f2f3ff;color:var(--blue)}
.media-gallery figure>a:hover .media-enlarge{background:var(--blue);color:#fff}.media-gallery figcaption{display:grid;gap:5px;margin-top:12px;font-size:12px;line-height:1.65;color:var(--muted)}.media-gallery figcaption strong{font-size:15px;color:var(--ink)}.media-gallery figcaption .text-link{font-size:11px;margin-top:4px;justify-self:start}
.decision-notes{border-top:1px solid var(--line);margin:26px 0 36px}.decision-notes details{border-bottom:1px solid var(--line)}.decision-notes summary{display:flex;align-items:center;gap:13px;padding:21px 0;cursor:pointer;list-style:none;font:700 19px/1.3 var(--display);color:var(--blue)}.decision-notes summary::-webkit-details-marker{display:none}.decision-number{font:500 10px var(--body);color:var(--muted)}.decision-notes summary>span:last-child{margin-left:auto;transition:transform .2s}.decision-notes details[open] summary>span:last-child{transform:rotate(45deg)}.decision-content{padding:0 25px 25px}.decision-content p{margin:0;font-size:16px;line-height:1.8}.decision-content .text-link{font-size:12px;margin-top:14px}
.credit-list{margin:25px 0}.credit-list>div{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;padding:17px 0;border-top:1px solid var(--line);font-size:14px}.credit-list dt{color:var(--muted)}.credit-list dd{margin:0;font-weight:600}.case-links{display:flex;flex-direction:column;align-items:start;gap:14px;margin:24px 0}.case-links .text-link{font-size:14px}.case-video{margin:30px 0}.case-video video{display:block;width:100%;border-radius:14px}.case-video figcaption{font-size:12px;margin-top:10px}
.next-project h2{font-size:32px;margin:14px 0 25px}.related-projects{display:grid;grid-template-columns:1fr 1fr;gap:20px}.related-projects>a{border:1px solid var(--line);padding:25px;border-radius:15px;transition:background .2s,border-color .2s}.related-projects>a:hover{background:#eaf0ff;border-color:#96aefd}.related-projects>a>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.related-projects strong{font:700 26px/1.4 var(--display);display:flex;justify-content:space-between;color:var(--blue);margin-top:10px}.related-projects p{margin:10px 0 0;color:var(--muted);font-size:13px}
.media-open{overflow:hidden}.media-dialog{width:min(1100px,94vw);max-width:94vw;max-height:90dvh;border:1px solid #c4cfef;border-radius:18px;padding:22px;background:#f9faff;color:#132852;box-shadow:0 20px 100px #0e174945}.media-dialog::backdrop{background:#101831b8;backdrop-filter:blur(8px)}.media-toolbar,.media-paging{display:flex;align-items:center;justify-content:space-between;gap:15px}.media-toolbar h2{font-size:17px;letter-spacing:-.02em}.media-dialog button{background:white;border:1px solid #c6d0ee;border-radius:24px;padding:11px 16px;color:var(--blue);font-size:12px;min-height:44px}.media-dialog button:hover{background:#e7edff}.media-dialog figure{margin:22px 0}.media-dialog img{display:block;width:100%;max-height:55dvh;object-fit:contain;background:#fff;border-radius:10px}.media-dialog figcaption{font-size:13px;line-height:1.6;color:#4f5c79;margin-top:16px;max-width:760px}.media-paging{border-top:1px solid #dde3f2;padding-top:17px}.media-paging>span{font-size:12px}.media-dialog button:disabled{opacity:.4;cursor:default}
@media(max-width:1100px){.site-header nav{gap:16px;font-size:12px}.site-header .brand{font-size:21px}.site-header .brand-symbol{width:29px;height:29px}.world-label .identity-icon{width:20px;height:20px}.world-label{gap:5px}.world-label b{font-size:10px}}
@media(min-width:651px) and (max-width:800px){.site-header nav{gap:12px;font-size:11px}.site-header .brand{font-size:19px}.site-header{gap:12px}.nav-contact{padding-inline:12px}}
@media(max-width:650px){.site-header .brand{font-size:21px;letter-spacing:-1.1px}.site-header .brand-symbol{width:29px;height:29px}.header-shell .site-header nav{font-size:17px;gap:0}.world-label .identity-icon{width:19px;height:19px}.world-label{min-width:0;min-height:40px;gap:4px;padding:5px 7px}.world-label b{font-size:10px}.world-label small{font-size:7px}.world-label>span{width:15px;height:15px;font-size:10px;line-height:13px}.world-labels{left:0;right:0}.world-mini{width:43px}.world-mini .identity-icon{width:43px;height:43px}.wide-feature .cover-published{min-height:185px;padding:45px 4px 35px}.cover-published .cover-index{font-size:8px}.cover-published .cover-note{font-size:9px}.project-actions{gap:20px;margin-top:24px}.project-actions .text-link{font-size:13px}.project-facts strong{max-width:65%}.related-projects{grid-template-columns:1fr}.related-projects strong{font-size:24px}.decision-notes summary{font-size:17px}.decision-content{padding-inline:0}.credit-list>div{font-size:13px;grid-template-columns:1fr 1.1fr}.media-dialog{padding:15px}.media-dialog figure{margin:17px 0}.media-dialog figcaption{font-size:12px}.media-toolbar h2{font-size:15px}.media-gallery figcaption{font-size:12px}.case-layout{gap:25px}#project-story{scroll-margin-top:90px}}
html[data-motion="less"] .brand-symbol,html[data-motion="less"] .cover-published img{transform:none!important;transition:none}

/* Real project media, framed consistently without cropping out the work. */
.cover.cover-evidence{height:auto;min-height:0;padding:0;display:block;border:1px solid #dfe3f2;background:#f0f3fb;overflow:hidden}
.cover-evidence .cover-image{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#e9eef8}
.cover-evidence .cover-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.cover-evidence .cover-caption{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;min-height:39px;padding:10px 12px;background:#fff;border-top:1px solid #e3e7f1}
.cover-evidence .cover-index,.cover-evidence .cover-note{position:static;inset:auto;max-width:100%;padding:0;background:none;line-height:1.4;color:#5a6480;font-size:10px}
.cover-evidence .cover-note{margin-left:auto;text-align:right;color:#465477}
.card-cover-link:has(.cover-evidence) .cover-arrow{top:12px;right:12px;bottom:auto;width:30px;height:30px;font-size:16px;background:#ffffffec;border:1px solid #d9dfef;color:var(--blue)}
.wide-feature .cover.cover-evidence{height:auto;min-height:0;padding:0}
.wide-feature .cover-evidence .cover-image{aspect-ratio:2.2;max-height:520px}
@media(max-width:650px){.wide-feature .cover-evidence .cover-image{aspect-ratio:16/9}.cover-evidence .cover-caption{padding:9px 10px}.cover-evidence .cover-index,.cover-evidence .cover-note{font-size:10px}}


/* Source: /assets/spark.css */
/* Sparks carry the playground into the portfolio's actual content. */
.world-preview.spark-preview{display:block;margin:16px 8px 0 20px;padding:0;overflow:hidden;background:#ffffffdc;border:1px solid #c9c9ed;border-radius:19px;box-shadow:0 9px 34px #6672b012;animation:none;--spark-color:#254fc9;--spark-wash:#e8f1ff}
.spark-preview[data-world="games"]{--spark-color:#6741ae;--spark-wash:#f0eafb}
.spark-preview[data-world="koaikoi"]{--spark-color:#aa277d;--spark-wash:#fbeafa}
.spark-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--spark-wash);padding:9px 18px;border-bottom:1px solid #cacfed55;color:var(--spark-color);font-size:10px;font-weight:650;min-height:40px}
#spark-anywhere{border:0;background:none;font-size:10px;color:inherit;padding:6px 0;min-height:28px;text-decoration:underline;text-underline-offset:3px;flex:none}
.spark-content{display:grid;grid-template-columns:82px minmax(0,1fr);gap:17px;padding:20px 20px 19px}
.spark-art{position:relative;align-self:start;min-height:90px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(ellipse at 30% 15%,#fff,var(--spark-wash));border:1px solid #dcdcf033;margin-top:7px;transform:rotate(-5deg)}
.spark-art .identity-icon{display:none;width:63px;height:69px;color:var(--spark-color);filter:drop-shadow(2px 4px 2px #6071b824)}
.spark-art-pixel{display:none;width:100%;height:106px;object-fit:cover;object-position:50% 50%;border-radius:15px}
.spark-preview[data-art="research"] .spark-art-research,.spark-preview[data-art="games"] .spark-art-games,.spark-preview[data-art="koaikoi"] .spark-art-koaikoi{display:block}
.spark-preview[data-art="all"] .spark-art .identity-icon{display:block;position:absolute;width:43px;height:47px}.spark-preview[data-art="all"] .spark-art-research{top:3px;left:0;color:#427dcc}.spark-preview[data-art="all"] .spark-art-games{top:1px;right:1px;color:#8653bb}.spark-preview[data-art="all"] .spark-art-koaikoi{bottom:2px;left:21px;color:#c74b96}
.spark-preview[data-art="pixel"] .spark-art-pixel{display:block}.spark-preview[data-art="pixel"] .spark-art{background:#fff;min-height:106px;transform:rotate(-3deg)}
.spark-stamp{position:absolute;bottom:-8px;right:-5px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fbe7f7;color:#ab287f;border:2px solid white;font-size:17px}
.spark-preview .eyebrow{font-size:9px;letter-spacing:.08em;color:var(--spark-color)}
.spark-preview h2{font-size:24px;line-height:1.15;margin:8px 0 0;letter-spacing:-.04em;color:var(--ink)}
.spark-preview p{font-size:12px;line-height:1.65;margin-top:8px;max-width:none;color:#505d7b}
.spark-preview #spark-prompt{color:var(--spark-color);font-weight:650;font-size:12px;margin-top:11px;line-height:1.5}
.spark-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:13px}.spark-preview .text-link{margin:0;font-size:12px;gap:10px;min-height:32px}.spark-actions>a:last-child:not(.text-link){color:#566585;font-size:10px;min-height:32px;display:inline-flex;align-items:center;gap:6px}.spark-actions>a:last-child:hover{color:var(--blue);text-decoration:underline}
.spark-foot{display:flex;align-items:center;gap:8px;margin-inline:20px;padding:10px 0 11px;border-top:1px solid #e0e4f0;color:#66718b;font-size:10px;min-height:38px}.spark-foot>span:first-child{color:#b62d88}
.spark-trail{margin:13px 8px 0 20px}.spark-trail>.eyebrow{display:block;font-size:8px;color:#78819b;letter-spacing:.09em;margin-bottom:6px}.spark-trail>div{display:flex;gap:6px;flex-wrap:wrap}
.spark-trail button{min-height:36px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 11px;border:1px solid #d3dbf1;background:#ffffff8f;border-radius:22px;font-size:10px;color:#57658b}.spark-trail button:hover,.spark-trail button[aria-pressed="true"]{color:var(--blue);border-color:#a6baf7;background:#eaf0ff}
.world-label[data-spark-caught]{box-shadow:0 0 0 4px #e898d74a,0 4px 20px #1646ff25;border-color:#c244aa}.world-label[data-spark-caught]>span{background:#fff4fc;color:#ad2582}.world-label[data-spark-caught]>span:after{content:'✦'}.world-label[data-spark-caught]>span{font-size:0}.world-label[data-spark-caught]>span:after{font-size:12px}
.spark-preview.spark-arrived .spark-art{animation:spark-catch .8s var(--ease-out)}.spark-preview.spark-arrived .spark-copy{animation:spark-reveal .45s var(--ease-out)}
@keyframes spark-catch{0%{transform:rotate(-12deg) scale(.88)}45%{transform:rotate(5deg) scale(1.07)}100%{transform:rotate(-5deg) scale(1)}}
@keyframes spark-reveal{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
.project-card[data-spark-found] .card-cover-link:before{content:'✦ Your spark landed here';position:absolute;top:15px;left:15px;z-index:6;padding:7px 12px;background:#fff5fc;border:1px solid #e7a3d3;color:#9b256f;border-radius:25px;font-size:11px;font-weight:650;box-shadow:0 4px 18px #5a296418}
.project-card[data-spark-found] .cover{outline:3px solid #d895ce;outline-offset:4px}
.koaikoi-band[data-spark-found] .being-note{background:#fff0fc;color:#a52480}.koaikoi-band[data-spark-found] .being-note:before{content:'✦ '}
[id^="work-"],#home-art,[data-spark-target]{scroll-margin-top:130px}
[data-spark-target]:target{outline:2px solid #d6a0d9;outline-offset:10px;border-radius:8px}
@media(max-width:1150px){.world-preview.spark-preview{margin-left:10px}.spark-content{grid-template-columns:58px minmax(0,1fr);gap:13px;padding:17px 16px}.spark-art{min-height:75px}.spark-art .identity-icon{width:48px;height:59px}.spark-preview h2{font-size:21px}.spark-trail{margin-left:10px}.spark-preview[data-art="all"] .spark-art .identity-icon{width:32px;height:36px}.spark-preview[data-art="all"] .spark-art-koaikoi{left:15px}.spark-toolbar{padding-inline:16px}}
@media(max-width:900px){.world-preview.spark-preview{margin-inline:12px}.spark-content{grid-template-columns:82px minmax(0,1fr);gap:20px}.spark-art .identity-icon{width:60px;height:70px}.spark-art{min-height:95px}.spark-preview h2{font-size:24px}.spark-trail{margin-inline:12px}}
@media(max-width:650px){.world-preview.spark-preview{margin:15px 0 0}.spark-content{grid-template-columns:53px minmax(0,1fr);gap:12px;padding:15px}.spark-preview h2{font-size:21px}.spark-art{min-height:73px}.spark-art .identity-icon{width:44px;height:56px}.spark-preview[data-art="pixel"] .spark-art{min-height:80px}.spark-art-pixel{width:100%;height:80px}.spark-toolbar{padding:6px 14px;font-size:10px}.spark-preview .eyebrow{font-size:8px}.spark-preview p{font-size:12px}.spark-actions{gap:5px 14px;margin-top:10px}.spark-preview .text-link{min-height:40px}.spark-actions>a:last-child:not(.text-link){min-height:38px;font-size:11px}.spark-trail{margin-inline:0}.spark-trail button{font-size:11px;min-height:40px;max-width:calc(100% - 2px)}.spark-foot{margin-inline:15px;line-height:1.5}.spark-stamp{height:23px;width:23px;font-size:14px;right:-3px}.scene-controls button{min-height:40px}.world-label{min-height:44px}.play-hint{min-height:36px;margin-top:12px}#spark-anywhere{min-height:36px}.spark-preview[data-art="all"] .spark-art-koaikoi{left:12px}[id^="work-"],#home-art,[data-spark-target]{scroll-margin-top:105px}}
@media(prefers-reduced-motion:reduce){.spark-preview.spark-arrived .spark-art,.spark-preview.spark-arrived .spark-copy{animation:none}}
@media(scripting:none){.spark-toolbar,.spark-foot,.spark-trail,#send-spark{display:none}}
@media(max-width:650px){.site-footer{grid-template-columns:minmax(0,1fr)}.site-footer>div:nth-child(2){flex-wrap:wrap;gap:18px}.research-visual{overflow:clip}}


/* Source: /assets/case-themes.css */
/* The site keeps its shared identity; project palettes live inside play panels. */
/* Project feedback never moves a control or delays its committed result. */
[data-project-feedback]{--project-cue:color-mix(in srgb,var(--blue) 34%,transparent)}
.chapter-status[data-project-feedback],.case-chapters a[data-project-feedback]{box-shadow:inset 3px 0 0 var(--project-cue)}
.chapter-status{padding-inline:10px}
.case-chapters a[aria-current]{color:var(--blue);box-shadow:inset 0 -2px 0 currentColor}
.video-return{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--blue);padding:10px 16px;min-height:44px;margin:0 0 18px}
.video-return:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.media-stage[data-project-feedback=media]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 24%,transparent)}
.ego-controls input[type=range]{touch-action:pan-y}
.case-experiment .experiment-action:active{transform:none}
.ego-experiment.is-signalling .pair-signal{animation:none!important}
[data-experiment=shophouse] .house-art>div{animation:none}
html[data-motion=less] .ego-experiment.is-signalling .pair-signal{stroke-dasharray:none;opacity:1}
body[data-case]{--case-accent:var(--blue);--case-paper:var(--paper);--case-wash:#edf0ff;--case-line:var(--line);--case-ink:var(--ink);--case-muted:var(--muted)}
.pixel-experiment{--case-accent:#176875;--case-paper:#fffaf2;--case-wash:#deedf0;--case-line:#bbd6d8}
.case-opening{padding:34px 0 45px}.case-opening>.back-link{margin-bottom:30px;font-size:12px}.case-opening-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:55px;align-items:center}
.case-opening .project-heading{padding:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.case-serial{display:flex;gap:18px;align-items:center;color:var(--case-accent);font:500 12px/1.6 var(--font);margin:0 0 30px}.case-serial>span{font-size:9px;letter-spacing:.14em;border-left:1px solid var(--case-line);padding-left:18px;max-width:280px}.case-opening .card-meta{font-size:10px;margin:0 0 14px;gap:14px;justify-content:flex-start;flex-wrap:wrap}.case-opening .card-meta>span:last-child{border:1px solid var(--case-line);padding:3px 9px;border-radius:30px}
.case-opening h1{font-size:clamp(48px,6.4vw,94px);line-height:1.02;color:var(--case-accent);letter-spacing:-.06em;overflow-wrap:normal}.case-opening .lead{font-size:24px;line-height:1.35;max-width:370px;margin-top:23px;font-weight:600;letter-spacing:-.025em}.case-opening-description{font-size:14px;color:var(--case-muted);line-height:1.8;max-width:410px;margin-top:18px}.case-opening .project-actions{gap:17px;margin-top:28px}.case-opening .project-actions .text-link{font-size:12px}.case-opening .project-actions .button{font-size:12px;padding:13px 19px;gap:17px}.case-margin-mark{font-size:30px;color:var(--case-accent);letter-spacing:.15em;margin-top:42px;opacity:.55;user-select:none}
.case-play-panel{min-width:0}.case-media-note{font-size:10px;line-height:1.7;text-align:center;color:var(--case-muted);margin:13px 8px 0}.case-experiment{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--case-line);padding:21px 25px 22px;isolation:isolate}.experiment-title{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.12em;font-weight:650;line-height:1.6}.experiment-title>span:last-child{flex:none;font-variant-numeric:tabular-nums}.experiment-response{font-size:12px;line-height:1.65;min-height:40px;margin-top:18px}.experiment-link{font-size:11px;font-weight:650;display:inline-flex;align-items:center;gap:15px;min-height:36px;border-bottom:1px solid currentColor}.experiment-action{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:10px 16px;border:1px solid currentColor;border-radius:7px;font-size:11px;font-weight:650;color:inherit;background:transparent}.experiment-action:hover{background:#ffffff18}.experiment-action:active{transform:translateY(1px)}
body[data-case] .project-facts{padding:24px 0;border-block:1px solid var(--case-line);gap:30px}body[data-case] .project-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--case-muted)}body[data-case] .project-facts strong{font-size:14px;color:var(--case-ink)}body[data-case] .case-layout{padding-top:64px}body[data-case] .case-body h2{color:var(--case-accent);position:relative;padding-top:20px;border-top:1px solid var(--case-line);font-size:31px}body[data-case] .case-body>p{color:var(--case-muted)}body[data-case] .case-body>.large-copy{color:var(--case-ink);font-size:28px;line-height:1.45}body[data-case] .case-layout aside>.eyebrow{color:var(--case-accent)}body[data-case] .case-nav a[aria-current]{border-right:2px solid var(--case-accent);padding-right:12px}body[data-case] .case-callout{background:var(--case-wash);border:1px solid var(--case-line);border-radius:12px}body[data-case] .case-callout p{color:var(--case-muted)}body[data-case] .related-projects>a:hover{background:var(--case-wash);border-color:var(--case-accent)}body[data-case] .media-dialog{background:var(--case-paper);color:var(--case-ink)}body[data-case] .media-dialog figcaption{color:var(--case-muted)}
/* Social XR: people bring a diagram of shared space into being. */
.xr-experiment{color:#dcecff;background:radial-gradient(ellipse at 50% 40%,#223d69,#122744 75%);border-color:#42618b}.xr-experiment .experiment-title{color:#a3cbed}.xr-space{height:310px;position:relative;margin:5px -15px 0}.xr-space>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.space-orbits{color:#729ed1;opacity:.3;stroke-width:1}.space-links path{stroke:#8bd9fa;stroke-width:2;stroke-dasharray:4 8;opacity:.12;transition:opacity .4s,stroke-width .4s}.space-links .is-connected{opacity:1;stroke-width:3;stroke-dasharray:none;filter:drop-shadow(0 0 7px #71c8ff)}.space-shared path:first-child{fill:#86adf514;stroke:#91b9e9;stroke-width:1}.space-shared path:last-child{fill:none;stroke:#b6defb;stroke-width:2}.space-shared{transform-origin:300px 225px;opacity:.35;transition:opacity .4s,transform .4s}.xr-experiment[data-count="3"] .space-shared{opacity:1;transform:scale(1.25)}
.presence{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;color:#8aa4c7;display:grid;justify-items:center;min-width:72px;min-height:93px;isolation:isolate}.presence-0{left:22%;top:65%}.presence-1{left:50%;top:29%}.presence-2{left:78%;top:65%}.presence>svg{height:52px;width:48px;fill:currentColor;transition:color .3s,transform .3s}.presence>span{font-size:10px;font-weight:600;background:#122744d9;padding:2px 8px;border-radius:10px}.presence>small{font-size:9px;margin-top:2px;color:#b8cde5}.presence:before{content:'';position:absolute;inset:-10px 2px 25px;border:1px solid #699cd673;border-radius:50%;z-index:-1;transition:background .3s,box-shadow .3s}.presence[aria-pressed="true"]{color:#bbeaff}.presence[aria-pressed="true"]:before{background:#99deff17;box-shadow:0 0 23px #81bfff36;border-color:#9adaff}.presence:hover>svg{transform:translateY(-4px)}.presence:focus-visible{outline-color:#fff}.experiment-caption h2{font-size:25px;letter-spacing:-.035em}.experiment-caption p{font-size:12px;color:#b7cde6;line-height:1.65;margin-top:10px}.xr-experiment .experiment-response{border-top:1px solid #81a6d03b;padding-top:14px;color:#c6e3ff}.xr-experiment .experiment-link{color:#addefa}
/* Pixel Peranakan: published facade artwork in a contained paper-and-tile panel. */

.pixel-experiment{background:var(--case-wash);color:var(--case-accent);border-radius:110px 110px 18px 18px;padding-top:30px}.pixel-experiment .experiment-title{justify-content:center;font-size:8px;letter-spacing:.09em;padding-inline:20px}.pixel-experiment .experiment-title>span:last-child{display:none}.house-stage{height:295px;position:relative;display:grid;place-items:center;margin-top:10px}.house-arch{position:absolute;inset:5px 15% 18px;border:1px solid color-mix(in srgb,var(--case-accent) 20%,transparent);border-radius:150px 150px 0 0;background:var(--case-paper)}.house-arch:after{content:'';position:absolute;inset:9px;border:1px solid var(--case-line);border-radius:inherit}.house-art{z-index:1;height:260px;width:190px;position:relative;margin-top:10px;filter:drop-shadow(0 5px 3px #63544816)}.house-art>div,.house-art svg{width:100%;height:100%}.house-art>div{animation:house-reveal .35s ease-out}.house-postmark{position:absolute;right:4%;top:18%;font-size:11px;line-height:1.25;letter-spacing:.1em;font-weight:800;border:1px solid var(--case-accent);border-radius:50%;width:69px;height:69px;display:grid;place-content:center;transform:rotate(13deg);background:var(--case-paper)}.house-tiles{display:flex;justify-content:center;gap:6px;position:absolute;bottom:0;left:8%;right:8%;padding-top:7px;border-top:1px solid var(--case-line)}.house-tiles>i{width:23px;height:23px;border:1px solid var(--case-accent);position:relative;background:var(--case-paper)}.house-tiles>i:before{content:'';position:absolute;inset:5px;background:var(--case-accent);transform:rotate(45deg);opacity:.5}
.house-palette{padding:0;margin:20px 0 0;border:0;min-width:0}.house-palette legend{font-size:11px;line-height:1.5;margin-bottom:12px;text-align:center;width:100%}.house-palette>div{display:flex;justify-content:center;gap:8px}.house-palette button{display:grid;justify-items:center;gap:6px;padding:7px 5px;border:1px solid transparent;border-radius:24px;font-size:9px;background:transparent;color:var(--case-accent);min-height:60px;min-width:49px}.house-swatch{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 4px #ffffffb0}.swatch-0{background:#cc755e}.swatch-1{background:#d4b339}.swatch-2{background:#709fd9}.swatch-3{background:#39a383}.swatch-4{background:#c96fae}.house-palette button[aria-pressed="true"]{border-color:var(--case-accent);background:var(--case-paper)}.house-palette button:hover{background:var(--case-paper)}.pixel-experiment .experiment-response{text-align:center;font-size:11px;min-height:20px;margin-top:12px}.pixel-experiment .experiment-link{display:flex;justify-content:center;border:0;font-size:10px}.pixel-experiment .experiment-link:hover{text-decoration:underline}@keyframes house-reveal{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}
/* EGOFORM: architectural void, porcelain presence, spectral projection. */

.ego-experiment{border-radius:150px 150px 10px 10px;background:radial-gradient(ellipse at 70% 30%,#3b304e,#100e17 65%);border-color:#544364;color:#dfd2f8;padding-top:38px}.ego-experiment .experiment-title{justify-content:center;font-family:monospace;font-size:9px}.ego-stage{height:335px;margin:5px -13px 0}.ego-stage svg{width:100%;height:100%;overflow:visible}.ego-architecture{stroke:#8d729c;stroke-width:1;opacity:.3}.pair-thread{fill:none;stroke:#bd9de4;stroke-width:1;stroke-dasharray:3 7;opacity:.6}.pair-signal{fill:none;stroke:#f6dbff;stroke-width:3;stroke-dasharray:25 600;stroke-dashoffset:30;opacity:0;filter:drop-shadow(0 0 6px #d4a2ff)}.intention-light{fill:#e9d5fa}.ego-robot>ellipse{fill:#a084ba22}.spectral-stroke{fill:none;stroke:#d6bdf5;stroke-width:2;opacity:.5}.ego-stage text{fill:#c8b5dd;font-size:10px;letter-spacing:2px;font-family:monospace}.ego-experiment.is-signalling .pair-signal{opacity:1;animation:signal-pass .9s ease-out both}.ego-experiment.is-signalling .intention-light{fill:#fff;filter:drop-shadow(0 0 9px #fff)}
.ego-controls{padding:0 8px}.ego-controls>label{display:flex;justify-content:space-between;gap:12px;font-size:11px}.ego-controls output{color:#b8a3cf;font-size:10px}.ego-controls input{display:block;accent-color:#d7c0f1;width:100%;height:33px;margin:7px 0 12px;cursor:ew-resize}.ego-controls .experiment-action{width:100%;border-color:#826793;border-radius:3px;font-family:monospace;letter-spacing:.06em}.ego-experiment .experiment-response{font-size:11px;text-align:center;color:#bfb0d1;min-height:38px;padding-inline:8px}@keyframes signal-pass{to{stroke-dashoffset:-500;opacity:0}}
/* Product Configurator: a deliberately abstract material/assembly study. */
body[data-case="product-configurator"] .case-opening h1{font-size:clamp(45px,5vw,76px);letter-spacing:-.055em}body[data-case="product-configurator"] .case-serial{font-family:monospace}.config-experiment{background:#e9ede4;border-radius:5px;border-color:#b6c3b1;color:#365748}.config-experiment .experiment-title{font-family:monospace;letter-spacing:.05em}.config-stage{height:325px;position:relative;display:grid;place-items:center;overflow:hidden}.config-grid{position:absolute;inset:20px 0 0;background-image:linear-gradient(#82967a1c 1px,transparent 1px),linear-gradient(90deg,#82967a1c 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.study-object{position:relative;width:180px;height:190px;transform:rotate(-7deg);--material-light:#fafbf2;--material-mid:#c6cdbb;--material-dark:#8f9d83}.study-layer{position:absolute;left:0;width:180px;height:82px;border-radius:50%;background:linear-gradient(125deg,var(--material-light),var(--material-mid));box-shadow:0 12px 0 var(--material-mid),0 27px 0 var(--material-dark),0 29px 0 #69806233;transition:translate .45s var(--ease-out),background .3s,box-shadow .3s}.layer-bottom{top:112px;z-index:1}.layer-middle{top:74px;z-index:2}.layer-top{top:36px;z-index:3}.study-axis{position:absolute;left:50%;top:10px;height:220px;border-left:1px dashed #52694666;z-index:0}.config-experiment[data-view="separated"] .layer-top{translate:0 -52px}.config-experiment[data-view="separated"] .layer-bottom{translate:0 45px}.config-experiment[data-finish="cobalt"] .study-object{--material-light:#8da5eb;--material-mid:#4b6bb9;--material-dark:#2d487a}.config-experiment[data-finish="copper"] .study-object{--material-light:#f6c9ad;--material-mid:#c78661;--material-dark:#8e573f}.dimension{position:absolute;color:#718167;font:9px monospace;letter-spacing:.16em}.d-width{bottom:10px;left:50%;transform:translateX(-50%);padding:6px 40px;border-top:1px solid #a4b09c}.d-height{left:5%;top:42%;writing-mode:vertical-rl;padding:12px 6px;border-right:1px solid #a4b09c}
.config-controls fieldset{border:0;padding:0;margin:5px 0 15px;min-width:0}.config-controls legend{font-size:10px;margin-bottom:10px}.finish-options{display:flex;gap:8px;flex-wrap:wrap}.finish-options button{border:1px solid #bdc8b7;background:#f5f7ef;border-radius:4px;display:flex;align-items:center;gap:7px;font-size:10px;padding:9px 12px;min-height:42px;color:#365748}.finish-options button[aria-pressed="true"]{background:#365748;color:#fff;border-color:#365748}.finish-options i{width:13px;height:13px;border-radius:50%;background:#d7dfc9;border:1px solid #64735b}.finish-options button[data-finish-choice="cobalt"] i{background:#6281ce}.finish-options button[data-finish-choice="copper"] i{background:#c88561}.config-controls .experiment-action{width:100%;border-radius:4px}.config-controls .experiment-action:hover{background:#d9e1d1}.config-experiment .experiment-response{font-size:11px;color:#536a4b;margin-top:12px;min-height:38px}
@media(max-width:1150px){.case-opening-grid{gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.case-experiment{padding-inline:18px}.case-opening h1{font-size:65px}.case-opening .lead{font-size:22px}.case-opening-description{font-size:13px}.case-serial{gap:12px}.case-serial>span{font-size:8px;padding-left:12px}.case-opening .project-actions{gap:17px}.house-palette>div{gap:3px}.house-palette button{min-width:43px;font-size:8px}.ego-stage{height:290px}.xr-space{height:290px}.experiment-caption h2{font-size:23px}.config-stage{height:290px}}
@media(max-width:900px){.case-opening-grid{grid-template-columns:1fr 1fr;gap:25px}.case-opening h1{font-size:54px}.case-opening .lead{font-size:21px}.case-opening-description{font-size:13px}.case-serial>span{letter-spacing:.08em}.case-margin-mark{margin-top:27px}.case-experiment{padding-inline:16px}.xr-space{height:250px;margin-inline:-12px}.presence{scale:.9}.experiment-title{font-size:8px;gap:10px}.house-stage{height:265px}.house-art{height:232px;width:168px}.house-postmark{width:48px;height:48px;font-size:8px;right:1%;top:18%}.house-palette button{min-width:37px;padding-inline:3px}.house-palette legend{font-size:10px}.house-swatch{width:20px;height:20px}.ego-stage{height:270px}.ego-controls label{font-size:10px}.ego-controls output{font-size:9px}.config-stage{height:260px}.study-object{scale:.85}.finish-options{gap:5px}.finish-options button{font-size:9px;padding:8px 9px}.case-media-note{font-size:9px}body[data-case] .project-facts strong{font-size:12px}}
@media(max-width:700px){.case-opening{padding-top:24px;padding-bottom:30px}.case-opening>.back-link{margin-bottom:26px}.case-opening-grid{grid-template-columns:1fr;gap:27px}.case-opening h1{font-size:clamp(48px,13vw,76px)}.case-serial{margin-bottom:20px;font-size:11px}.case-serial>span{font-size:8px}.case-opening .lead{margin-top:17px;font-size:22px}.case-opening-description{font-size:14px;margin-top:15px}.case-opening .project-actions{margin-top:22px}.case-margin-mark{display:none}.case-experiment{padding:19px 20px 20px}.case-media-note{font-size:9px}.xr-space{height:290px}.presence{scale:1}.experiment-title{font-size:8px}.house-stage{height:285px}.house-art{height:252px;width:178px}.pixel-experiment{border-radius:100px 100px 15px 15px;padding-top:30px}.house-palette button{min-width:43px;font-size:9px;padding-inline:4px}.house-palette>div{gap:4px}.house-swatch{width:24px;height:24px}.house-postmark{width:58px;height:58px;font-size:9px;right:3%}.house-palette legend{font-size:11px}.ego-experiment{border-radius:120px 120px 10px 10px;padding-top:35px}.ego-stage{height:300px}.ego-controls>label{font-size:11px}.ego-controls output{font-size:10px}.config-stage{height:300px}.study-object{scale:1}.finish-options button{font-size:11px;min-height:44px;padding:10px 13px}body[data-case] .project-facts{gap:18px;padding-block:22px}body[data-case] .project-facts strong{font-size:13px}body[data-case] .case-layout{padding-top:38px}body[data-case] .case-body>.large-copy{font-size:24px}body[data-case] .case-body h2{font-size:28px}body[data-case="product-configurator"] .case-opening h1{font-size:clamp(43px,11.5vw,70px)}}
@media(max-width:370px){.case-experiment{padding-inline:14px}.xr-space{height:245px}.presence{scale:.85}.house-palette button{min-width:37px;font-size:8px}.house-palette>div{gap:1px}.house-postmark{right:-2%;width:48px;height:48px;font-size:8px}.house-stage{height:260px}.house-art{height:235px;width:166px}.ego-stage{height:245px}.ego-controls>label{flex-wrap:wrap;gap:4px}.config-stage{height:265px}.study-object{scale:.82}.finish-options button{font-size:10px;padding-inline:9px}.experiment-title{font-size:7px}.case-opening h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){.case-experiment *{animation:none!important;transition:none!important}.presence:hover>svg{transform:none}}
html[data-motion="less"] .presence:hover>svg{transform:none}.ego-experiment.is-signalling .intention-light{transition:none}
@media(scripting:none){.presence{pointer-events:none}.presence>small,.house-palette,.ego-controls,.config-controls{display:none}}
.presence{border-radius:35px}.house-art{mix-blend-mode:multiply}
.study-object{height:230px}.config-experiment[data-view="separated"] .layer-top{translate:0 -45px}.config-experiment[data-view="separated"] .layer-bottom{translate:0 32px}.d-width{left:8%;bottom:7px;transform:none;padding:6px 0;border:0}

/* Evidence uses the same light reading surface as the rest of the portfolio. */
.case-opening .project-actions{flex-wrap:wrap;row-gap:14px}.case-opening .project-actions .text-link{white-space:nowrap}
.case-media-section{scroll-margin-top:105px}.case-media-section>.media-gallery{margin-bottom:30px}
.media-gallery-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.media-gallery-pair img{aspect-ratio:16/9;object-fit:contain;background:#fff}
.case-video{margin:27px 0 32px}.case-video video{aspect-ratio:16/9;background:#121334;border:1px solid var(--line)}
.case-video figcaption{display:grid;gap:6px;line-height:1.7;color:var(--muted)}.case-video figcaption strong{font-size:15px;color:var(--ink)}.case-video figcaption .text-link{font-size:12px;justify-self:start;margin-top:3px}
.video-facade{position:relative;isolation:isolate;aspect-ratio:16/9;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#111338}.video-facade>img{width:100%;height:100%;object-fit:cover;opacity:.68}.video-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;color:#fff;background:#11133833;font:700 21px/1.4 var(--display);text-shadow:0 1px 8px #111338}.video-load small{display:block;font:500 12px/1.6 var(--font);margin-top:5px}.video-play-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #ffffffa6;border-radius:50%;background:var(--blue);text-shadow:none;font-size:23px;padding-left:3px;transition:transform .2s,background .2s}.video-load:hover .video-play-icon{transform:scale(1.08);background:#113ad7}.video-load:focus-visible{outline-offset:-6px;outline-color:#fff}.video-facade iframe{display:block;border:0;width:100%;height:100%}
.video-description{font-size:13px;border-bottom:1px solid var(--line);margin-top:18px}.video-description summary{cursor:pointer;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--blue);font-weight:600}.video-description p{color:var(--muted);line-height:1.8;margin:4px 0 18px}.video-description[open] summary>span{transform:rotate(45deg)}
@media(max-width:650px){.media-gallery-pair{grid-template-columns:1fr}.video-load{font-size:16px;gap:12px}.video-play-icon{width:48px;height:48px;font-size:17px}.video-load small{font-size:10px}.case-media-section{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.video-play-icon{transition:none}.video-load:hover .video-play-icon{transform:none}}
html[data-motion="less"] .video-play-icon{transition:none}html[data-motion="less"] .video-load:hover .video-play-icon{transform:none}

/* Short paths from the opening illustrations into the actual work. */
.experiment-insight{margin-top:19px;min-height:110px;padding-top:17px;border-top:1px solid var(--case-line)}
.experiment-insight strong{display:block;font:700 16px/1.35 var(--display);letter-spacing:-.025em}
.experiment-insight p{font-size:12px;line-height:1.7;margin-top:8px;max-width:38ch}
.experiment-link{min-height:44px;line-height:1.5}.ego-experiment>.experiment-link{color:#e4d7ff;display:flex;justify-content:space-between;margin-inline:8px}
.case-timeline{list-style:none;padding:0;margin:26px 0 30px;border-left:1px solid var(--line)}
.case-timeline li{position:relative;padding:0 0 27px 25px}.case-timeline li:before{content:'';position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--paper)}
.case-timeline h3{font-size:23px;margin:9px 0}.case-timeline p{font-size:15px;color:var(--muted);margin:9px 0 12px;line-height:1.75}.case-timeline .text-link{font-size:12px}
.video-chapters{margin:0 0 36px}.video-chapters>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.video-chapters a{display:grid;grid-template-columns:47px 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff;transition:border-color .2s,background .2s}
.video-chapters a>span{grid-row:1/3;font-size:11px;font-variant-numeric:tabular-nums;color:var(--blue);padding-top:3px}
.video-chapters strong{font:700 15px/1.4 var(--display);color:var(--blue)}.video-chapters small{font-size:12px;line-height:1.6;color:var(--muted)}
.video-chapters a:hover,.video-chapters a[aria-current]{background:#edf0ff;border-color:#839eff}
.chapter-status{font-size:12px;line-height:1.6;color:var(--muted);min-height:39px;margin:12px 0 0}
@media(max-width:650px){.video-chapters>div{grid-template-columns:1fr}.experiment-insight{min-height:120px}.case-timeline h3{font-size:21px}}


/* Source: /assets/explore.css */
/* Spark belongs to the same bright, iridescent world as the homepage companions. */
.find-toggle,.keep-button,.footer-explore button,.explore-tabs button,.explore-bottom button{background:transparent;border:1px solid var(--line);border-radius:100px;color:var(--blue)}
.find-toggle{font-size:12px;min-height:40px;padding:5px 13px;display:flex;gap:6px;align-items:center;order:3;margin-left:16px;white-space:nowrap}.find-toggle>span{font-size:24px;line-height:1}.site-header nav{margin-left:auto}.site-header .brand{flex-shrink:0}
.keep-button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 13px;font-size:12px;line-height:1.3;letter-spacing:0;white-space:nowrap;vertical-align:middle}.keep-button:hover{background:#e8edff}.keep-button[aria-pressed=true]{color:#72309a;border-color:#d7bce6;background:#f0e6f8}.keep-button>span:first-child{font-size:16px}.project-card>.keep-button{margin-top:12px}.project-card p{margin-top:12px}.archive-row .keep-button{margin-top:8px}.case-body h2+.keep-button{margin-block:13px 4px}.case-body figcaption .keep-button{justify-self:start;align-self:start;margin-top:10px}.decision-content>.keep-button{margin-top:15px}.questions details>.keep-button{margin:0 35px 24px}.case-shortcuts{display:flex;gap:10px;padding-bottom:25px}.case-shortcuts a{display:flex;justify-content:space-between;gap:30px;padding:9px 16px;border:1px solid var(--line);border-radius:100px;font-size:13px;color:var(--blue);background:#fff}.case-shortcuts a:hover{background:#edf0ff}.chapter-choice{display:flex;flex-direction:column;gap:8px;min-width:0}.chapter-choice>a{flex:1}.chapter-choice>.keep-button{align-self:start}
.footer-explore{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-bottom:80px}.footer-explore button{padding:9px 14px;min-height:44px;font-size:12px}.footer-explore>span{font-size:12px;color:var(--muted);margin-left:auto}.tab-count{display:inline-grid;place-items:center;border-radius:50%;background:#e9e8fa;color:#674294;min-width:19px;height:19px;margin-left:6px;font-size:11px}
.spark-pet{--pet-size:58px;position:relative;display:inline-block;width:var(--pet-size);height:var(--pet-size);flex-shrink:0;isolation:isolate}.pet-body{position:absolute;inset:9% 9% 13%;border-radius:49% 51% 44% 56% / 63% 56% 44% 37%;background:radial-gradient(ellipse at 29% 16%,#fff 0,#fff9 8%,transparent 26%),conic-gradient(from 20deg,#b6dcff,#e8b6ee,#8fdde8,#bdadf0,#f1b7df,#b6dcff);box-shadow:inset -4px -5px 8px #7154b755,inset 3px 3px 7px #ffffffe0,0 9px 8px -6px #6d5b9e60;transform:rotate(-9deg);transition:transform .25s}.pet-body:before{content:'';position:absolute;width:24%;height:33%;left:10%;top:-10%;border-radius:70% 12% 50% 50%;background:linear-gradient(130deg,#d2faff,#e1b5ed);transform:rotate(-19deg);z-index:-1}.pet-body>b{position:absolute;top:45%;left:33%;width:7%;height:14%;background:#223ab6;border-radius:50%;box-shadow:inset 1px 1px 1px #fff9}.pet-body>b:nth-child(2){left:61%}.pet-body>em{position:absolute;width:12%;height:6%;border-bottom:1.5px solid #354da9;border-radius:50%;left:45%;top:65%}.pet-orbit{position:absolute;inset:27% -5% 24%;border:1px solid #91c7ef;border-radius:50%;transform:rotate(-24deg);z-index:-1}.pet-souvenir{position:absolute;right:0;top:0;font-size:17px;color:#b43585;line-height:1;text-shadow:0 2px 0 white}.is-delighted .pet-body{animation:pet-hello .75s ease both}.pet-hello:hover .pet-body,.companion-dock:hover .pet-body{transform:rotate(3deg) translateY(-2px)}
@keyframes pet-hello{0%,100%{transform:rotate(-9deg)}25%{transform:rotate(10deg) translateY(-5px)}55%{transform:rotate(-13deg) translateY(-2px)}75%{transform:rotate(2deg)}}
.companion-dock{position:fixed;right:24px;bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:11px;text-align:left;background:#fffffff5;border:1px solid #d9d5f0;box-shadow:0 8px 30px #30215718,0 2px 3px #30215708;border-radius:100px;padding:6px 14px 6px 7px;color:var(--ink);max-width:min(340px,calc(100% - 32px));transition:box-shadow .2s}.companion-dock:hover{box-shadow:0 10px 35px #30215725}.companion-dock .spark-pet{--pet-size:48px}.companion-dock>span:nth-child(2){min-width:0}.companion-dock strong{display:block;font:700 12px/1.5 var(--display);letter-spacing:-.02em}.companion-dock small{display:block;font-size:10px;color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pocket-count{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;color:#843582;background:#f6e8f4;font-size:11px}
html.explorer-open{overflow:hidden}#explore-dialog{padding:0;border:1px solid #d6d6ed;border-radius:25px;background:#fbfbff;color:var(--ink);box-shadow:0 28px 95px #20235930;width:min(470px,calc(100vw - 32px));max-width:none;max-height:min(750px,calc(100dvh - 48px));margin:0;inset:auto 22px 22px auto;overflow:hidden;font:14px/1.5 var(--font)}#explore-dialog[open]{display:flex;flex-direction:column}#explore-dialog::backdrop{background:#15204524}.explore-header{display:flex;align-items:center;gap:12px;padding:22px 22px 18px;background:radial-gradient(ellipse at 14% 0,#e2e8ff,transparent 65%),#fbfbff}.explore-header>div{min-width:0;flex:1}.explore-header h2{font-size:24px;letter-spacing:-.055em}.explore-header p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}.pet-hello{padding:0;border:0;background:transparent;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.explore-close{border:1px solid var(--line);border-radius:50%;background:#fff;width:36px;height:36px;flex-shrink:0;font-size:24px;line-height:1;align-self:start}.explore-tabs{display:flex;gap:4px;margin:0 20px;padding:4px;border-radius:13px;background:#eeedf8;flex-shrink:0}.explore-tabs button{min-height:38px;border:0;border-radius:9px;flex:1;font-size:12px;color:#5c5979;font-weight:500;display:flex;align-items:center;justify-content:center}.explore-tabs button[aria-selected=true]{background:#fff;color:var(--blue);box-shadow:0 2px 7px #3437660c}.explore-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px 22px 24px;min-height:160px}.explore-scroll section:focus-visible{outline-offset:-3px}.explore-kicker{font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--muted);margin:3px 0 10px}.panel-intro{font-size:13px;color:var(--muted);margin:0 0 17px}.explore-item{display:flex;align-items:start;gap:12px;padding:14px 0;border-bottom:1px solid #e5e4f0}.explore-item>a{flex:1;min-width:0}.explore-item small{display:block;font-size:10px;color:#77718e;margin-bottom:5px}.explore-item strong{display:block;font:700 15px/1.35 var(--display);letter-spacing:-.025em}.explore-item strong>span{color:var(--blue);font-weight:400}.explore-item p{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.6}.explore-item>a:hover strong{color:var(--blue)}.explore-item .keep-button{font-size:10px;min-height:34px;padding:5px 9px;margin-top:17px}.explore-surprise{display:flex;justify-content:space-between;width:100%;padding:13px 16px;margin-top:20px;min-height:46px;border:1px solid #d7cbe8;background:#f2eafa;color:#7b398c;font-size:12px;border-radius:12px}.explore-surprise:hover{background:#ebdff6}.explore-bottom{display:flex;justify-content:space-between;gap:12px;padding:13px 22px;border-top:1px solid var(--line);background:#f6f5fc;flex-shrink:0}.explore-bottom button{border:0;padding:3px 0;min-height:32px;font-size:11px;color:var(--muted)}.explore-bottom button:hover{text-decoration:underline}.explore-bottom [data-motion]{color:var(--blue)}#companion-discovery{margin-top:20px;padding:14px;background:#f4effa;border-radius:13px}#companion-discovery .explore-item{border:0;padding-bottom:0}.pocket-empty{text-align:center;padding:22px 7px}.pocket-empty>span{font-size:45px;color:#a68bd0}.pocket-empty h3{font-size:20px}.pocket-empty p{font-size:13px;color:var(--muted);margin:12px auto;max-width:290px}.pocket-empty button,#pocket-undo{border:0;background:transparent;color:var(--blue);font-size:12px;min-height:44px;padding:8px 0}#pocket-undo{text-decoration:underline;margin-top:10px}#panel-search>label{font-size:12px;display:block;margin-bottom:8px}#explore-query{width:100%;height:48px;border:1px solid #bec5e5;border-radius:12px;padding:9px 13px;color:var(--ink);background:#fff;font-size:16px}#explore-query:focus{outline:2px solid var(--blue);outline-offset:3px}#search-count{font-size:11px;color:var(--muted);margin-top:12px}.search-empty{padding:22px 0}.search-empty h3{font-size:20px}.search-empty p{font-size:13px;color:var(--muted)}
.trail-choice{display:flex;gap:15px;border:1px solid #e2def0;border-radius:16px;padding:18px;margin-top:13px;background:#fff}.trail-symbol{color:#9769b8;font-size:28px;line-height:1.15}.trail-choice>div{flex:1;min-width:0}.trail-choice h3{font-size:18px;letter-spacing:-.035em}.trail-choice p{font-size:12px;color:var(--muted);margin-top:8px}.trail-choice ol{font-size:11px;color:#6c6781;padding-left:16px;margin:12px 0}.trail-choice li+li{margin-top:3px}.trail-start{display:inline-flex;gap:20px;font-size:12px;color:var(--blue);font-weight:600;padding-block:6px;min-height:32px}.trail-start:hover{text-decoration:underline}.active-trail-card{background:#edf0ff;border-radius:16px;padding:17px;margin-bottom:21px}.trail-meta{font-size:9px;letter-spacing:.07em;display:flex;justify-content:space-between;color:#5e6496}.active-trail-card h3{font-size:20px;margin-top:8px}.trail-dots{list-style:none;display:flex;gap:8px;padding:0;margin:15px 0}.trail-dots li{flex:1}.trail-dots a{display:grid;place-items:center;min-height:32px;border-radius:7px;font-size:11px;border:1px solid #c8cff0;color:#606b9d}.trail-dots a[aria-current]{background:var(--blue);color:white;border-color:var(--blue)}.trail-current{font-size:12px;color:var(--blue);display:block;margin-bottom:12px}.trail-actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:12px}.trail-actions a,.trail-actions button{min-height:35px;display:inline-flex;align-items:center;color:var(--blue)}.trail-actions button{border:0;background:transparent;padding:0}#leave-trail{margin-left:auto;font-size:10px;color:var(--muted)}
.trail-invitation{display:grid;grid-template-columns:.9fr 1.5fr;gap:40px;padding-block:42px;border-bottom:1px solid var(--line);align-items:center}.trail-invitation h2{font-size:30px;margin-top:10px}.trail-invitation p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:10px}.trail-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trail-doors button{text-align:left;padding:18px 15px;background:linear-gradient(135deg,#fff,#f1effc);border:1px solid #e0dcee;border-radius:15px;transition:background .2s,transform .2s}.trail-doors button:hover{background:#eae8fc;transform:translateY(-3px)}.trail-doors button>span{color:#ad68b7;font-size:25px;display:block;margin-bottom:15px}.trail-doors strong{display:block;font:700 14px/1.35 var(--display);letter-spacing:-.03em}.trail-doors small{display:block;font-size:10px;color:var(--muted);margin-top:8px}
.work-view-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 0 24px;font-size:12px;color:var(--muted)}.work-view-controls>div{display:flex;border:1px solid var(--line);padding:4px;gap:4px;border-radius:100px}.work-view-controls button{border:0;background:none;border-radius:100px;color:var(--muted);font-size:12px;padding:10px 20px;min-height:40px}.work-view-controls button[aria-pressed=true]{background:var(--blue);color:#fff}.work-section[data-view=map]>.filters,.work-section[data-view=map]>.catalogue,.work-section[data-view=map]>.archive-section{display:none!important}.project-map{padding:28px;border-radius:24px;background:linear-gradient(140deg,#f4f0fc,#eef5ff);border:1px solid #dedff1}.map-heading h2{font-size:32px;margin-top:10px}.map-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:10px}.map-threads{display:flex;flex-wrap:wrap;gap:8px;margin-block:25px}.map-threads button{border:1px solid #d2d6ec;background:#fff;border-radius:100px;font-size:12px;padding:10px 16px;min-height:44px;display:flex;gap:9px;align-items:center}.map-threads button>span{color:#9861a8;font-size:18px;line-height:1}.map-threads button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.map-threads button[aria-pressed=true]>span{color:#c3eaff}.map-network{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center;position:relative}.map-core{background:#ffffff9e;border:1px solid #d9d1eb;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:28px;position:relative}.map-core:after{content:'';position:absolute;left:100%;width:32px;top:50%;height:1px;background:#bea5d4}.map-core>span{font-size:55px;line-height:1.3;color:#b44293}.map-core strong{font:700 18px/1.2 var(--display);letter-spacing:-.04em}.map-core p{font-size:11px;color:var(--muted);margin-top:8px}.map-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding-left:22px;border-left:1px solid #bea5d4}.map-nodes button{position:relative;display:flex;flex-direction:column;gap:5px;padding:16px;text-align:left;min-height:100px;border:1px solid #e1e1f0;border-radius:13px;background:#f7f8fc;color:var(--muted);transition:background .2s,border-color .2s}.map-nodes button>span{font-size:9px}.map-nodes button>strong{font:700 15px/1.3 var(--display);letter-spacing:-.03em}.map-nodes button>small{font-size:10px;margin-top:auto}.map-nodes button[data-connected=true]{background:#fff;color:var(--ink);border-color:#c9b7e3}.map-nodes button[data-connected=true]>small{color:#8453a8}.map-nodes button[aria-pressed=true]{background:#e6eafe;border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);color:var(--blue)}.map-detail{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:28px;background:#fff;border-radius:16px;padding:25px}.map-detail>div:first-child{flex:1}.map-detail h3{font-size:28px;margin-top:7px}.map-detail p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:10px;max-width:590px}.map-detail>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.map-detail .button{font-size:12px}.map-tags{font-size:10px;color:#8355a1;display:block;margin-top:12px}.map-count{font-size:12px;color:var(--muted);margin:16px 0 0}
.touch-lab{margin-top:30px;padding:26px;border:1px solid #d7ddef;border-radius:18px;background:#f2f5ff}.touch-lab h3{font-size:25px}.touch-lab>p{font-size:14px;color:var(--muted);margin-top:12px}.lab-options{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.lab-options button{border:1px solid #c5cbe7;border-radius:100px;background:white;min-height:44px;padding:9px 16px;font-size:12px}.lab-options button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.touch-scene{height:180px;margin-top:18px;border-radius:12px;background:linear-gradient(0deg,#ebe0d4 0 30%,#e4eaf1 30%);position:relative;overflow:hidden;display:grid;place-items:center}.touch-scene:before{content:'';position:absolute;left:15%;top:20%;width:40px;height:65px;border:5px solid #bfad9b;border-radius:30px 30px 0 0;background:linear-gradient(90deg,transparent 47%,#bfad9b 47% 54%,transparent 54%),linear-gradient(0deg,transparent 45%,#bfad9b 45% 52%,transparent 52%),#c2dfea}.touch-object{width:85px;height:53px;background:repeating-linear-gradient(90deg,#a56c6d 0 10px,#aa7876 10px 11px);border-radius:7px;transform:translate(10px,27px);box-shadow:0 12px 0 -8px #78565e}.touch-hotspot{position:absolute;left:calc(50% + 20px);top:45%;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #294da9;background:white;color:#1745d4;font-size:14px;border-radius:50%;transition:width .2s,height .2s,box-shadow .2s}.touch-lab[data-target=comfortable] .touch-hotspot{width:48px;height:48px;box-shadow:0 0 0 7px #1646ff12}.touch-feedback{min-height:44px}.touch-lab .lab-disclaimer{font-size:11px;color:var(--muted)}
@media(min-width:901px) and (max-width:1100px){.find-toggle{margin-left:9px;padding-inline:10px}.site-header nav{gap:12px}.site-header .brand{font-size:22px}.site-header nav .nav-contact{padding-inline:14px}}
@media(max-width:900px){.trail-invitation{grid-template-columns:1fr;gap:22px}.map-network{grid-template-columns:160px 1fr;gap:23px}.map-core{padding:20px}.map-core:after{width:23px}.map-core strong{font-size:15px}.map-core>span{font-size:35px}.map-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-left:18px}.map-detail{align-items:start;flex-direction:column;gap:20px}.site-header .brand{font-size:20px}.site-header nav{font-size:11px}.find-toggle{font-size:11px;margin-left:10px;padding-inline:10px}.header-shell .site-header nav{gap:10px}}
@media(min-width:651px) and (max-width:780px){.site-header nav .nav-contact{padding-inline:9px}.site-header .brand{font-size:18px}.site-header nav{font-size:10px}.header-shell .site-header nav{gap:9px}.brand-symbol{width:22px}.find-toggle{margin-left:8px;padding-inline:8px}}
@media(max-width:650px){.site-header .brand{font-size:20px;margin-right:auto}.find-toggle{order:0;margin-left:auto;margin-right:9px;font-size:11px;min-height:40px;padding:5px 10px}.site-header nav{font-size:17px;margin-left:0}.header-shell .site-header nav{gap:0}.companion-dock{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:5px 11px 5px 6px;gap:8px;max-width:calc(100% - 24px)}.companion-dock .spark-pet{--pet-size:39px}.companion-dock strong{font-size:11px}.companion-dock small{font-size:9px;max-width:170px}.pocket-count{width:22px;min-width:22px;height:22px;font-size:10px}#explore-dialog{inset:auto 8px 8px 8px;width:calc(100% - 16px);max-height:calc(100dvh - 24px);border-radius:21px}.explore-header{padding:18px 17px 14px;gap:10px}.explore-header .spark-pet{--pet-size:49px}.explore-header h2{font-size:22px}.explore-header p{font-size:11px}.explore-close{width:32px;height:32px}.explore-tabs{margin-inline:14px}.explore-scroll{padding:16px 18px 20px}.explore-bottom{padding:10px 18px}.explore-tabs button{font-size:11px;min-height:40px}.explore-item strong{font-size:14px}.explore-item .keep-button{min-height:38px;padding-inline:8px}.trail-invitation{padding-block:28px}.trail-invitation h2{font-size:28px}.trail-doors{grid-template-columns:1fr;gap:9px}.trail-doors button{display:grid;grid-template-columns:28px 1fr;gap:5px 13px;padding:14px}.trail-doors button>span{grid-row:1/3;margin:0;align-self:center;font-size:23px}.trail-doors strong{font-size:14px}.trail-doors small{margin:0}.footer-explore{gap:9px;padding-bottom:80px}.footer-explore>span{width:100%;margin-left:0}.case-shortcuts{flex-wrap:wrap;gap:8px;padding-bottom:20px}.case-shortcuts a{gap:16px;font-size:12px;min-height:44px}.work-view-controls{font-size:11px;gap:8px}.work-view-controls button{font-size:11px;padding:9px 13px}.project-map{padding:20px 15px;border-radius:18px}.map-heading h2{font-size:29px}.map-heading>p:last-child{font-size:13px}.map-threads{gap:7px;margin-block:20px}.map-threads button{font-size:11px;padding:8px 11px}.map-network{grid-template-columns:1fr;gap:16px}.map-core{aspect-ratio:auto;border-radius:15px;padding:16px 20px}.map-core:after{width:1px;height:16px;left:50%;top:100%}.map-core>span{font-size:32px}.map-core strong{font-size:17px}.map-core p{font-size:12px;margin-top:5px}.map-nodes{padding-left:0;border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.map-nodes button{padding:12px;min-height:112px}.map-nodes button>strong{font-size:14px}.map-nodes button>small{font-size:9px}.map-detail{padding:18px;margin-top:18px}.map-detail h3{font-size:25px}.map-detail .button{padding:12px 16px}.touch-lab{padding:20px}.touch-lab h3{font-size:24px}}
@media(max-width:360px){.site-header .brand{font-size:17px;gap:5px}.site-header .brand-symbol{width:22px}.find-toggle{margin-right:6px;padding-inline:8px}.menu-toggle{padding-inline:10px;gap:8px}.explore-header h2{font-size:20px}.explore-item{gap:8px}.explore-scroll{padding-inline:15px}}
.study-viewer,.scenario-lab{padding:25px;margin-top:30px;border-radius:18px;border:1px solid var(--line);background:#f0f3fc}.study-viewer h3,.scenario-lab h3{font-size:25px;margin-top:9px}.study-viewer figure{margin:19px 0 0}.study-viewer img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#e5e8f2;border-radius:10px;display:block}.study-viewer figcaption{font-size:12px;color:var(--muted);margin-top:11px}.study-viewer .study-note,.scenario-lab #scenario-text{font-size:14px;min-height:65px;color:#454d73;margin-top:14px}.lab-disclaimer{font-size:11px;color:var(--muted);margin-top:17px}.scenario-lab .text-link{font-size:13px;margin-top:10px}.scenario-illustration{display:flex;justify-content:center;align-items:center;gap:15px;padding:30px 12px;margin-top:18px;border-radius:12px;background:#e9e8fc}.scenario-illustration>span{display:grid;place-items:center;width:46px;height:60px;border-radius:50% 50% 20% 20%;background:linear-gradient(130deg,#b3d7fc,#c2aff0);color:#38489d;font-size:13px;font-weight:700;transition:transform .3s,opacity .3s}.scenario-illustration>i{font-style:normal;color:#7a70b2}.scenario-illustration>b{font-size:35px;color:#b44193;transition:transform .3s,color .3s}.scenario-illustration[data-situation=wait]>span:last-child{transform:translateY(14px);opacity:.6}.scenario-illustration[data-situation=wait]>i:nth-last-child(2){opacity:.25}.scenario-illustration[data-situation=change]>b{transform:rotate(45deg);color:var(--blue)}
@media(max-width:650px){.study-viewer,.scenario-lab{padding:20px}.scenario-illustration{gap:10px;padding-inline:8px}.scenario-illustration>span{width:38px;height:50px}}
@media(prefers-reduced-motion:reduce){.pet-body,.trail-doors button,.touch-hotspot{transition:none}.is-delighted .pet-body{animation:none}}
html[data-motion=less] .is-delighted .pet-body{animation:none}html[data-motion=less] .pet-body{transform:none}
html{scroll-padding-bottom:95px}.spark-actions>.keep-button{font-size:10px;min-height:34px;padding:5px 10px}
@media(max-width:650px){.site-header{gap:8px}.find-toggle{margin-right:0;margin-left:0}}
@media(max-width:360px){.site-header{gap:5px}}
@media(max-width:650px){.companion-dock.is-tucked>span:nth-child(2){display:none}.companion-dock.is-tucked{gap:4px;padding-right:9px}}


/* Source: /assets/pet.css */
/* Spark is a small object sharing the page, with its tools kept separate. */
#roaming-spark{position:fixed;left:0;top:0;width:156px;height:156px;z-index:41;pointer-events:none;will-change:transform;contain:layout style}
#roaming-spark canvas{width:100%;height:100%;display:block;pointer-events:none}
#roaming-spark .spark-pet{position:absolute;--pet-size:86px;left:35px;top:30px}
#roaming-spark[data-renderer=webgl]>.spark-pet{display:none}
#roaming-spark:not([data-renderer=webgl]) canvas{visibility:hidden}
.pet-handle{position:absolute;inset:19% 19% 17%;border:0;border-radius:48%;background:transparent;pointer-events:auto;touch-action:none;cursor:grab;padding:0}
.pet-handle:hover{background:#a8c1ff0c}.pet-handle:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
#roaming-spark[data-state=carried] .pet-handle{cursor:grabbing}
.pet-hint{position:absolute;left:50%;bottom:94%;transform:translateX(-50%);font:500 10px/1.4 var(--font);color:#525178;background:#fffffff2;border:1px solid #dcddef;box-shadow:0 3px 15px #2631740b;padding:6px 9px;border-radius:12px;white-space:normal;text-align:center;width:max-content;max-width:120px;pointer-events:none}
.pet-hint[hidden]{display:none}
.companion-dock{gap:6px;padding:8px;border-radius:20px;right:20px;bottom:max(16px,env(safe-area-inset-bottom));width:274px;max-width:calc(100% - 24px);flex-wrap:wrap;background:#fcfcfff5}
.companion-caption{display:flex;align-items:center;gap:8px;flex:1 0 100%;padding:0 5px 4px;min-width:0}
.companion-caption strong{font-size:11px}.companion-caption small{font-size:10px;max-width:190px}.companion-caption>span{width:6px;height:6px;background:#91cfdc;border-radius:50%;box-shadow:0 0 0 3px #d6eafa66}
.companion-dock>button{min-height:36px;border-radius:12px;border:1px solid #daddf1;background:white;color:var(--blue);font:600 11px/1 var(--font);padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:5px}
.companion-dock>button:hover{background:#eaf0ff}.companion-dock [data-pet-play]{background:var(--blue);border-color:var(--blue);color:white;flex:1}.companion-dock [data-pet-play]:hover{background:#123bd6}
.companion-dock [data-pet-place][aria-pressed=true]{background:#eee1f8;border-color:#af76c6;color:#762c87}
.companion-dock [data-pet-rest]{font-size:15px;padding-inline:10px}.companion-dock .pocket-count{min-width:16px;height:16px;font-size:9px}.companion-dock .pocket-count:empty{display:none}
.companion-dock.is-tucked .companion-caption{display:none}
.spark-place-target{outline:2px dashed #b43585!important;outline-offset:5px;cursor:crosshair!important}
.spark-touched{outline:2px solid #bd61b4;outline-offset:5px}
.pet-contact-ring{position:fixed;z-index:42;width:18px;height:18px;margin:-9px;border:2px solid #d55caf;border-radius:50%;pointer-events:none;animation:pet-contact .6s ease-out both}
@keyframes pet-contact{from{transform:scale(.35);opacity:1}to{transform:scale(2.5);opacity:0}}
html[data-motion=less] .pet-handle{cursor:pointer}
@media(max-width:600px){#roaming-spark{width:120px;height:120px}#roaming-spark .spark-pet{--pet-size:68px;left:26px;top:22px}.companion-dock{right:12px;width:260px}.companion-caption{display:none}.companion-dock>button{min-height:44px}.pet-hint{font-size:9px;padding:5px 7px;bottom:88%}}
@media print{#roaming-spark,.companion-dock,.pet-contact-ring{display:none!important}}

/* Yield to content instantly, then gently return in clear space. */
#roaming-spark canvas,#roaming-spark>.spark-pet{opacity:.94;transition:opacity .22s ease}
#roaming-spark[data-over-content=true] canvas,#roaming-spark[data-over-content=true]>.spark-pet{opacity:.08;transition:none}
#roaming-spark[data-over-content=true] .pet-handle{pointer-events:none}
#roaming-spark[data-scrolling=true] canvas,#roaming-spark[data-scrolling=true]>.spark-pet{opacity:0;transition:none}
#roaming-spark[data-scrolling=true] .pet-handle{pointer-events:none}
#roaming-spark[data-state=carried] .pet-handle{pointer-events:auto}
.pet-hint{display:none}
/* Match the live sculpture in the guide and the non-WebGL fallback. */
.spark-pet .pet-body{inset:20% 6% 18%;border-radius:43% 50% 43% 48%;background:radial-gradient(ellipse at 35% 17%,#ffffffde,transparent 50%),linear-gradient(125deg,#8ccddd 0%,#dfedf6 44%,#d7b7dc 78%,#98afd9 100%);box-shadow:inset 1px 2px 5px #fff9,inset -2px -4px 6px #6e82b52b,0 12px 8px -9px #5c629443;transform:rotate(5deg);opacity:.9}
.spark-pet .pet-body:before{width:18%;height:20%;left:-7%;top:62%;background:linear-gradient(120deg,#badfe7,#c8d7ed);border:0;border-radius:65%;transform:rotate(22deg);box-shadow:none;z-index:-1}
.spark-pet .pet-body:after{content:'';position:absolute;width:18%;height:20%;right:-7%;top:62%;background:linear-gradient(120deg,#cadde9,#d5cee7);border-radius:65%;transform:rotate(-22deg);z-index:-1}
.spark-pet .pet-body>b,.spark-pet .pet-body>b:nth-child(2){width:4.8%;height:14%;border-radius:48%;top:42%;left:37%;background:#172b91;box-shadow:none}
.spark-pet .pet-body>b:nth-child(2){left:58%}
.spark-pet .pet-body>em,.spark-pet .pet-orbit,.spark-pet .pet-souvenir{display:none}


/* Source: /assets/studio.css */
/* One studio: the actual work, pearl edges, and deliberate physical responses. */
.studio-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);padding-block:40px 32px;align-items:center;min-height:0}
.studio-hero .hero-copy{min-width:0}.studio-hero .hero-copy>.eyebrow{font-size:9px;letter-spacing:.08em;line-height:1.7;max-width:330px}.studio-hero h1{font-size:clamp(60px,6.5vw,100px);line-height:.97;margin:25px 0;letter-spacing:-.07em}.studio-hero .intro{font-size:17px;line-height:1.7;max-width:355px}.studio-hero .hero-aside{font-size:13px;margin-top:14px}.studio-hero .actions{margin-top:24px;gap:18px}.studio-hero .actions .text-link{font-size:12px}.studio-hero .settings{margin-top:28px}.studio-hero .hero-copy:after{content:'MAKE. PLAY. QUESTION. REPEAT.';display:block;color:#707994;font-size:9px;letter-spacing:.17em;margin-top:34px}
.studio-stage{--light-x:65%;--light-y:20%;position:relative;padding:17px;border:1px solid #d9def0;border-radius:27px;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#fff 0,#eff2ff 38%,#e9eaff 67%,#f7eaf4);box-shadow:0 18px 50px #37427a0b;min-width:0;isolation:isolate}
.stage-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:1px 5px 12px}.stage-topline .eyebrow{font-size:8px}.stage-invitation{font-size:11px;color:var(--blue);font-weight:650}.stage-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.stage-tabs button{display:flex;align-items:center;text-align:left;gap:7px;padding:10px 6px;min-height:62px;border:1px solid #d7dcef;background:#ffffff70;border-radius:12px;color:#4d587b;transition:background .2s,box-shadow .2s;min-width:0}.stage-tabs button>span:last-child{font-size:11px;font-weight:750;line-height:1.2}.stage-tabs small{display:block;font-size:7px;font-weight:550;letter-spacing:.04em;margin-top:5px}.stage-tabs button[aria-selected=true]{background:#fff;border-color:#aab8ff;color:var(--blue);box-shadow:0 3px 0 #d3dcff}.stage-tabs button:active .project-token{transform:translateY(2px) scale(.93)}.stage-tabs button:hover .project-token{transform:translateY(-3px) rotate(-4deg)}
.project-token{display:block;position:relative;flex:0 0 37px;width:37px;height:39px;transition:transform .35s cubic-bezier(.2,.8,.25,1.4);filter:drop-shadow(0 4px 3px #3b47752b)}.token-tile{background:linear-gradient(145deg,#fff6f0,#d59bab 40%,#3baaca 66%,#2546a2);border:2px solid #fff7ef;border-radius:9px;transform:rotate(-8deg)}.token-tile i{position:absolute;inset:6px;border:2px solid #fff5e7;transform:rotate(45deg);border-radius:4px}.token-tile b{position:absolute;inset:13px;background:#fff4cb;border-radius:50%}.token-pair i,.token-pair b{position:absolute;border-radius:10px 10px 6px 6px;bottom:2px;box-shadow:inset 2px 2px 5px #fff9,inset -2px -2px 4px #5352914a}.token-pair i{width:15px;height:24px;left:0;background:linear-gradient(140deg,#fff,#c4caff)}.token-pair b{width:20px;height:37px;right:0;background:linear-gradient(130deg,#d4faffc2,#b39eff9c,#dd93d590);border:1px solid #9b91d9}.token-pair em{position:absolute;left:8px;right:7px;height:1px;top:23px;background:#395bd5;transform:rotate(-30deg)}.token-space:before{content:'';position:absolute;left:0;right:0;bottom:0;height:17px;background:linear-gradient(145deg,#c6f3ff,#b5a7f2);border:1px solid #fff;border-radius:50%}.token-space i,.token-space b,.token-space em{position:absolute;width:9px;height:17px;border-radius:8px;background:linear-gradient(130deg,#fff,#95caff 60%,#b25eae);box-shadow:inset 1px 1px 2px #fff;bottom:7px}.token-space i{left:3px}.token-space b{left:14px;bottom:15px}.token-space em{right:2px}
.stage-display{border:1px solid #dde2ef;border-radius:17px;overflow:hidden;background:#fff;min-width:0}.stage-display [hidden]{display:none!important}.stage-image-link{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#e9edf6}.stage-image-link img{display:block;width:100%;height:100%;object-fit:contain;transition:scale .6s}.stage-image-link:hover img{scale:1.015}.stage-image-open,.evidence-open{position:absolute;bottom:12px;right:12px;border-radius:20px;background:#fffef7ed;color:#203fc4;padding:8px 13px;font-size:10px;font-weight:750;border:1px solid #ffffffb3;box-shadow:0 2px 10px #26387317}.stage-description{padding:17px 20px 15px}.stage-status{display:flex;justify-content:space-between;font-size:9px;color:#64708c}.stage-status>span:first-child:before{content:'';display:inline-block;width:5px;height:5px;background:#5479c1;border-radius:50%;margin-right:6px}.stage-description h2{font-size:clamp(22px,2.2vw,31px);letter-spacing:-.045em;margin:10px 0 7px;line-height:1.2}.stage-description p{font-size:13px;color:#606b85;line-height:1.65;min-height:40px;max-width:430px}.stage-actions{display:flex;align-items:center;gap:16px;margin:15px 0 13px;flex-wrap:wrap}.stage-actions .button{font-size:12px;padding:11px 16px;min-height:42px;gap:12px}.stage-guide{background:none;border:0;color:#515f88;font-size:11px;min-height:36px}.stage-guide:hover{color:var(--pink)}.stage-credit{display:block;border-top:1px solid #edf0f7;padding-top:10px;font-size:9px;color:#69718a}.studio-hero+.little-divider{margin-top:0}.studio-hero~#selected-work{padding-top:48px}
.studio-play-section{display:grid;grid-template-columns:.65fr 1fr;align-items:center;gap:80px;padding-block:70px 100px;border-top:1px solid var(--line)}.studio-play-section>div>h2{font-size:clamp(35px,4vw,57px);letter-spacing:-.05em;line-height:1.05;margin:15px 0 20px}.studio-play-section>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:340px}.studio-play-section>div{min-width:0}.studio-play-section .playground{margin:0;width:100%;max-width:100%}.studio-play-section .scene-stage{height:350px}.studio-play-section .scene-controls{margin-top:4px}
.case-opening{padding-bottom:30px}.case-opening-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:45px}.case-opening h1{font-size:clamp(44px,5.6vw,79px)}.case-opening .lead{font-size:23px}.case-serial{margin-bottom:17px}.case-margin-mark{display:none}.case-evidence{margin:0;min-width:0;background:white;border:1px solid #dce2f3;padding:11px;border-radius:21px;box-shadow:0 14px 40px #3445750a}.case-evidence-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:#e9eef8}.case-evidence img{width:100%;height:100%;object-fit:contain;display:block}.case-evidence figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 3px 2px;font-size:9px;color:#64708c}.case-context{border-left:2px solid #d5b6e8;padding-left:12px;font-size:11px;line-height:1.7;color:#5f6983;margin-top:18px;max-width:360px}
.case-chapters{display:flex;align-items:center;gap:7px;position:sticky;top:99px;z-index:20;background:#f7f8fff5;border:1px solid #dee4f2;border-radius:12px;padding:7px;backdrop-filter:blur(12px);overflow:hidden;margin-block:0 24px}.case-chapters a{padding:11px 17px;font-size:11px;border-radius:7px;display:flex;gap:10px;white-space:nowrap}.case-chapters a>span{font-size:9px;opacity:.55}.case-chapters a[data-current]{background:#e7ecff;color:var(--blue)}.chapter-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),var(--pink));transform-origin:left;transform:scaleX(var(--chapter-progress,0))}.case-shortcuts{display:none!important}.case-experience{padding-block:45px 60px;scroll-margin-top:165px;border-bottom:1px solid #e0e5f2}.case-experience>header{max-width:650px;margin-bottom:25px}.case-experience>header h2{font-size:36px;line-height:1.15;letter-spacing:-.04em;margin:10px 0}.case-experience>header p{font-size:14px;color:var(--muted);line-height:1.75}.case-experience .case-play-panel{max-width:730px;margin-inline:auto}.case-extra{max-width:730px;margin:30px auto 0;border:1px solid #e1e5f2;border-radius:13px;padding:0 20px}.case-extra>summary{cursor:pointer;padding:17px 2px;font-size:12px;font-weight:650;color:#556489}.case-extra .case-play-panel{margin-bottom:20px}.case-extra .case-experiment{margin-top:10px}.case-extra .case-media-note{margin-bottom:15px}
.inspection-heading{display:flex;gap:35px;justify-content:space-between;align-items:end;margin-bottom:26px}.inspection-heading h2{font-size:clamp(28px,3.3vw,43px);letter-spacing:-.045em;line-height:1.12;max-width:570px;margin-top:10px}.inspection-heading>p{font-size:13px;color:var(--muted);line-height:1.7;max-width:270px}.inspection-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:34px;align-items:start}.inspection-picture{position:relative;background:#e9edf8;border:1px solid #dee3f1;border-radius:15px;overflow:hidden;aspect-ratio:16/9}.inspection-picture img{display:block;object-fit:contain;width:100%;height:100%}.inspection-target{position:absolute;transform:translate(-50%,-50%);pointer-events:none;transition:left .35s,top .35s;color:#233db2}.inspection-target i{position:absolute;inset:-17px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #2845ab99,0 0 0 8px #ffffff24;background:#ffffff10}.inspection-target b{position:relative;display:grid;place-items:center;width:28px;height:28px;font-size:10px;background:#ffffffeb;border:1px solid #d4d8f1;border-radius:50%;box-shadow:0 2px 7px #19253c22}.inspection-credit{font-size:10px;color:var(--muted);line-height:1.7;margin:12px 3px 0}.inspection-choices{display:flex;flex-direction:column;gap:7px}.inspection-choices button{display:flex;align-items:center;text-align:left;gap:13px;min-height:47px;border:1px solid #dce2f2;border-radius:9px;padding:12px 13px;background:#fff;color:#505e80;font-size:12px;font-weight:650}.inspection-choices button>span{font-size:9px;color:#7984a0}.inspection-choices button>i{font-style:normal;margin-left:auto}.inspection-choices button[aria-pressed=true]{background:#e9eeff;border-color:#b6c3ff;color:var(--blue)}#inspection-detail{padding:23px 3px 0;min-height:210px}#inspection-detail h3{font-size:21px;letter-spacing:-.035em;line-height:1.2}#inspection-detail p{font-size:12px;line-height:1.85;color:var(--muted);margin:12px 0 18px}#inspection-detail a{font-size:11px}.case-experience .ego-controls label+input{margin-bottom:15px}.relationship-links{font-size:11px;display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.studio-hero a:focus-visible,.stage-tabs button:focus-visible,.inspection-choices button:focus-visible{outline:3px solid #ce6caf;outline-offset:4px}
@media(min-width:1500px){.studio-hero{padding-block:55px}.stage-image-link{max-height:350px}.studio-stage{max-width:760px}}
@media(max-width:950px){.studio-hero{gap:22px;grid-template-columns:.75fr 1.25fr}.studio-hero h1{font-size:clamp(42px,6.4vw,61px)}.studio-hero .intro{font-size:14px}.stage-tabs button{flex-direction:column;text-align:center;gap:7px}.stage-tabs small{font-size:6px}.stage-description{padding:15px}.stage-actions{gap:8px}.studio-play-section{gap:30px}.case-opening-grid{gap:28px}.inspection-layout{gap:22px;grid-template-columns:1.25fr 1fr}.case-chapters a{padding:10px 12px}}
@media(max-width:650px){.studio-hero{display:flex!important;flex-direction:column!important;gap:25px;padding-top:22px;padding-bottom:30px}.studio-hero .hero-copy{display:block!important;order:0!important;width:100%}.studio-hero .hero-copy>.eyebrow{font-size:8px;max-width:none}.studio-hero h1{font-size:clamp(47px,13.5vw,78px);margin:14px 0;line-height:.96}.studio-hero h1 br{display:block}.studio-hero .intro{font-size:13px;line-height:1.65;max-width:440px}.studio-hero .hero-aside,.studio-hero .settings,.studio-hero .hero-copy:after{display:none}.studio-hero .actions{margin-top:13px}.studio-hero .actions .text-link{font-size:11px;min-height:32px}.studio-stage{width:100%;padding:11px;border-radius:20px}.stage-topline{padding:2px 2px 10px}.stage-topline .eyebrow{font-size:7px}.stage-invitation{font-size:9px}.stage-tabs{gap:5px;margin-bottom:10px}.stage-tabs button{min-height:64px;padding:8px 3px;flex-direction:row;text-align:left;gap:5px}.stage-tabs button>span:last-child{font-size:10px}.stage-tabs small{display:none}.project-token{flex-basis:25px;width:25px;height:30px}.token-tile{border-width:1px}.token-tile i{inset:5px;border-width:1px}.token-tile b{inset:10px}.token-pair i{width:11px;height:20px}.token-pair b{width:13px;height:30px}.token-space i,.token-space b,.token-space em{width:7px;height:14px}.token-space b{left:9px;bottom:13px}.token-space i{left:1px}.token-space em{right:0}.stage-description{padding:13px}.stage-description h2{font-size:24px}.stage-description p{font-size:12px;min-height:37px}.stage-status{font-size:8px}.stage-actions{gap:4px 12px;margin-top:12px;margin-bottom:9px}.stage-actions .button{font-size:11px;min-height:39px;padding:10px 12px}.stage-guide{font-size:10px}.stage-credit{font-size:8px}.stage-image-open{font-size:9px;padding:6px 10px;bottom:9px;right:9px}.studio-hero+.little-divider{font-size:8px}.studio-play-section{grid-template-columns:minmax(0,1fr);gap:25px;padding-block:45px 55px}.studio-play-section>div>h2{font-size:36px}.studio-play-section .scene-stage{height:320px}.case-opening-grid{display:flex;flex-direction:column;gap:23px}.case-opening .project-heading{display:block;width:100%}.case-opening h1{font-size:47px}.case-opening .lead{font-size:21px;margin-top:15px}.case-opening-description{font-size:13px;margin-top:12px}.case-opening .project-actions{margin-top:17px;gap:12px}.case-serial{margin-bottom:12px}.case-context{font-size:10px;margin-top:15px}.case-evidence{width:100%;padding:8px;border-radius:16px}.case-evidence figcaption{font-size:8px}.case-chapters{top:72px;gap:0;justify-content:space-between;padding:5px;border-radius:9px;margin-bottom:16px}.case-chapters a{font-size:9px;padding:10px 6px;gap:4px}.case-chapters a>span{font-size:7px}.case-experience{padding-block:30px 40px}.inspection-heading{display:block;margin-bottom:19px}.inspection-heading h2{font-size:32px}.inspection-heading>p{margin-top:12px;max-width:none;font-size:12px}.inspection-layout{grid-template-columns:1fr;gap:20px}.inspection-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.inspection-choices button{display:block;font-size:10px;line-height:1.4;padding:9px 8px;min-height:66px}.inspection-choices button>span{display:block;font-size:8px;margin-bottom:5px}.inspection-choices button>i{display:none}#inspection-detail{min-height:190px;padding-top:18px}.case-extra{padding-inline:12px}.case-extra>summary{font-size:11px}.case-experience>header h2{font-size:31px}.case-experience>header p{font-size:12px}}
html[data-motion=less] .project-token,html[data-motion=less] .inspection-target,html[data-motion=less] .stage-image-link img{transition:none!important}html[data-motion=less] .stage-image-link:hover img{scale:1}html[data-motion=less] .stage-tabs button:hover .project-token{transform:none}

body[data-case] .case-body h2,body[data-case] #project-story,body[data-case] #project-media{scroll-margin-top:175px}body[data-case] .case-layout aside{top:180px}.case-extra>summary>span{float:right}.case-extra[open]>summary>span{transform:rotate(45deg)}
@media(max-width:650px){body[data-case] .case-body h2,body[data-case] #project-story,body[data-case] #project-media{scroll-margin-top:130px}.case-chapters{top:73px}.relationship-links{font-size:12px}}

@media(max-width:650px){.case-chapters a{flex:1;justify-content:center;min-width:0;white-space:normal;line-height:1.35}}
@media(max-width:360px){.case-chapters a>span{display:none}.case-chapters a{padding:10px 3px;font-size:9px}}


/* Source: /assets/pearl.css */
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500 900;font-display:swap;src:url('./fonts/inter-tight-latin.woff2') format('woff2')}
:root{--display:'Inter Tight','Arial',sans-serif;--paper:#fcfbf9;--ink:#18244d;--muted:#555f78;--blue:#214bff;--pink:#bc318b;--line:#d6d8e5;--surface:#fff;--surface-2:#edf0f9;--rim:#ffffffdd;--shadow:#324c862d;--cyan-glow:#9adfee85;--pink-glow:#f4add580;--frame:#fff;--button-ink:#fcfbf9;--settle:cubic-bezier(.2,.8,.25,1)}
body{position:relative;isolation:isolate;background:var(--paper)}body:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./media/pearl-grain.svg') repeat;opacity:.075;mix-blend-mode:multiply}html[data-theme=night] body:before{mix-blend-mode:screen;opacity:.045}
h1,h2,h3{text-wrap:balance}h1,h2{font-weight:850}h2{letter-spacing:-.045em}.brand{font-weight:850;letter-spacing:-1px}.eyebrow{letter-spacing:.12em}.button{color:var(--button-ink);font-weight:650}.button:hover{background:var(--blue);filter:brightness(.94)}.text-link:hover{color:var(--pink)}.button-light{background:var(--surface);color:var(--blue)}.button-light:hover{background:var(--surface-2);color:var(--blue)}.nav-contact:hover,.site-header nav .nav-contact[aria-current]{color:var(--button-ink)}
/* Inter Tight already has close spacing; preserve the words at display sizes. */
.brand{letter-spacing:-.025em;word-spacing:.08em}h2,h3{letter-spacing:-.025em}
.header-shell{background:color-mix(in srgb,var(--paper) 94%,transparent);border-color:var(--line)}.header-shell.is-scrolled{border-color:var(--line)}.site-header nav{gap:24px}.site-header .brand{font-size:26px}.site-header nav a{font-size:13px}.find-toggle{margin-left:10px}.skip-link{color:var(--button-ink)}
.pearl-opening{position:relative;isolation:isolate;overflow:hidden;padding:40px 0 30px;--far-x:0px;--far-y:0px;--near-x:0px;--near-y:0px;--rx:0deg;--ry:0deg;--orbit:-13deg;--light-shift:-35px;--light-x:40%;--light-y:30%}.pearl-opening>.wrap{position:relative;z-index:1}.studio-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1}.studio-wash{position:absolute;left:-8%;top:24%;width:116%;height:60%;background:radial-gradient(ellipse at 28% 52%,var(--cyan-glow),transparent 47%),radial-gradient(ellipse at 78% 43%,var(--pink-glow),transparent 46%);filter:blur(30px);transform:translate(var(--far-x),var(--far-y));transition:transform .6s var(--settle)}
.studio-emboss{position:absolute;right:-55px;top:40%;width:270px;height:270px;opacity:.32;transform:rotate(-20deg) translate(var(--far-x),var(--far-y));transition:transform .6s var(--settle)}.studio-emboss i{position:absolute;left:30%;top:6%;width:40%;height:44%;border-radius:95% 95% 18% 18%;transform-origin:50% 100%;background:linear-gradient(140deg,var(--rim),transparent 45%,var(--shadow));box-shadow:inset 0 2px 3px var(--shadow),0 1px 1px var(--rim)}.studio-emboss i:nth-child(2){transform:rotate(90deg)}.studio-emboss i:nth-child(3){transform:rotate(180deg)}.studio-emboss i:nth-child(4){transform:rotate(270deg)}
.pearl-intro{display:grid;grid-template-columns:1fr 330px;align-items:end;gap:35px}.pearl-intro .eyebrow{font-size:10px;line-height:1.65;color:var(--muted);margin-bottom:21px}.pearl-intro h1{font-size:clamp(76px,9.6vw,145px);line-height:.87;letter-spacing:-.065em;font-weight:900;color:var(--blue);margin:0;white-space:nowrap}.pearl-intro h1 span{color:var(--pink)}.pearl-welcome{padding-bottom:4px}.pearl-welcome .pearl-invitation{font:750 clamp(20px,2vw,29px)/1.2 var(--display);letter-spacing:-.035em;color:var(--ink);margin:0}.pearl-welcome>p:not(.pearl-invitation){font-size:14px;color:var(--muted);line-height:1.75;max-width:315px;margin-top:15px}.pearl-welcome .text-link{font-size:12px;margin-top:18px}
.pearl-stage{position:relative;min-width:0;margin-top:20px}.pearl-objects{position:relative;height:clamp(400px,calc(28vw + 140px),570px);isolation:isolate;perspective:1200px}.studio-floor{position:absolute;left:-5%;top:36%;width:110%;height:52%;border-radius:50%;background:radial-gradient(ellipse,var(--surface),transparent 68%);box-shadow:inset 0 1px var(--rim);transform:rotateX(65deg);z-index:-3;opacity:.6;pointer-events:none}.studio-caustic{position:absolute;inset:8% -4% 5%;z-index:-2;pointer-events:none;transform:translate(var(--far-x),var(--far-y));transition:transform .6s var(--settle)}.studio-caustic:before,.studio-caustic:after{content:'';position:absolute;left:13%;top:33%;width:74%;height:48%;border:14px solid var(--rim);border-bottom-color:var(--cyan-glow);border-left-color:var(--pink-glow);border-radius:50%;filter:blur(8px);transform:translateX(var(--light-shift)) rotate(-15deg) scaleY(.7);transition:transform .8s var(--settle)}.studio-caustic:after{left:5%;top:18%;width:84%;height:76%;border-width:2px;filter:blur(1.7px);opacity:.6;transform:rotate(9deg) translateX(var(--light-shift))}.studio-orbit{position:absolute;inset:0;pointer-events:none;z-index:-1;transform:translate(var(--near-x),var(--near-y));transition:transform .45s var(--settle)}.studio-orbit i{position:absolute;left:3%;top:18%;width:94%;height:60%;border:10px solid transparent;border-top-color:var(--cyan-glow);border-right-color:var(--pink-glow);border-bottom-color:color-mix(in srgb,var(--blue) 22%,transparent);border-radius:50%;transform:rotate(var(--orbit)) rotateX(47deg);box-shadow:0 9px 12px var(--shadow),inset 0 -3px 2px var(--rim),0 -2px 1px var(--rim);transition:transform .75s var(--settle)}
.studio-object{position:absolute;left:24%;top:28px;width:52%;padding:0;border:0;background:transparent;text-align:left;transform:rotate(-2deg);z-index:3;color:var(--ink);touch-action:manipulation}.studio-object[data-place=left]{left:0;top:150px;width:21%;transform:rotate(-9deg);z-index:1}.studio-object[data-place=right]{left:80%;top:95px;width:20%;transform:rotate(8deg);z-index:1}.studio-object:before{content:'';position:absolute;left:12%;top:82%;width:76%;height:16%;border-radius:50%;background:var(--shadow);filter:blur(17px);transform:translate(calc(var(--near-x)*-1),25px) scaleY(.5);z-index:-1;pointer-events:none;opacity:.8;transition:transform .5s var(--settle)}.studio-object:not([data-place=active]):before{opacity:.4;filter:blur(8px)}
.studio-object-picture{position:relative;display:block;aspect-ratio:16/9;border:6px solid var(--frame);border-radius:11px;background:var(--frame);box-shadow:calc(var(--near-x)*-.45) 24px 36px var(--shadow),0 3px 3px var(--shadow);overflow:hidden;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .4s var(--settle),box-shadow .35s}.studio-object-picture img{display:block;width:100%;height:100%;object-fit:contain;background:var(--frame)}.studio-object-picture:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff77,transparent 68%);opacity:0;transition:opacity .3s}.studio-object:hover .studio-object-picture:after,.studio-object:focus-visible .studio-object-picture:after{opacity:.28}.studio-object:hover .studio-object-picture{box-shadow:calc(var(--near-x)*-.45) 28px 40px var(--shadow),0 0 0 2px var(--pink)}.studio-object:focus-visible{outline:3px solid var(--pink);outline-offset:8px;border-radius:10px}
.studio-object-cue{position:absolute;bottom:10px;right:10px;display:inline-flex;gap:10px;align-items:center;background:#fffef4f0;color:#263eb0;border:1px solid #fff;border-radius:40px;padding:6px 11px;font-size:10px;font-weight:650;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.studio-object:hover .studio-object-cue,.studio-object:focus-visible .studio-object-cue{opacity:1;transform:none}.studio-object-cue b{font-weight:500}.studio-object-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.studio-object-label strong{font:750 clamp(14px,1.3vw,19px)/1.25 var(--display);letter-spacing:-.015em}.studio-object-label small{font-size:9px;letter-spacing:.055em;color:var(--muted)}.studio-object:not([data-place=active]) .studio-object-label{display:block}.studio-object:not([data-place=active]) .studio-object-label strong{font-size:14px}.studio-object:not([data-place=active]) .studio-object-label small{display:block;margin-top:6px;font-size:8px;line-height:1.5}
.studio-shuffle{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);padding:10px 5px;display:flex;gap:13px;align-items:center;border:0;background:none;color:var(--muted);font-size:12px;min-height:60px;white-space:nowrap}.studio-shuffle b{font-weight:500;color:var(--blue);margin-left:5px}.shuffle-pearl{position:relative;display:block;flex:none;width:49px;height:35px;border-radius:50% 52% 43% 44%;background:linear-gradient(155deg,#fffffff0,#d3edf7e8 45%,#cdbbeaaf 76%,#eb9fda9f);border:1px solid #ffffffae;box-shadow:inset 3px 3px 7px #fff,0 7px 8px var(--shadow);transition:transform .35s cubic-bezier(.2,.8,.25,1.4)}.shuffle-pearl i{position:absolute;left:17px;top:15px;width:3px;height:6px;background:#2942a6;border-radius:50%}.shuffle-pearl i+i{left:29px}.studio-shuffle:hover .shuffle-pearl{transform:translateY(-6px) rotate(6deg)}.studio-shuffle.is-sending .shuffle-pearl{transform:translateY(-20px) rotate(-10deg)}
.pearl-context{border-top:1px solid var(--line);position:relative}.pearl-context>section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:24px 0 23px}.studio-context-copy h2{font-size:clamp(27px,2.8vw,40px);line-height:1.12;margin:10px 0 9px;letter-spacing:-.045em}.studio-context-copy>p:not(.studio-status){font-size:14px;line-height:1.7;color:var(--muted);max-width:650px;margin:0}.studio-context-copy>small{display:block;font-size:10px;color:var(--muted);margin-top:13px}.studio-status{display:flex;gap:25px;font-size:10px;color:var(--muted);margin:0;letter-spacing:.035em}.studio-status>span{font-variant-numeric:tabular-nums;color:var(--blue)}.studio-context-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.studio-context-actions .button{font-size:13px;min-height:47px}.studio-context-actions .text-link{font-size:12px}
.studio-preferences{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:9px;border-top:1px solid var(--line)}.studio-preferences>p{font-size:11px;color:var(--muted);margin:0}.studio-preferences>div{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.studio-preferences .settings{margin:0}.lighting-control{font-size:11px;color:var(--muted);min-width:0}.lighting-control label{display:flex;align-items:center;gap:8px;min-height:44px}.lighting-control select{max-width:180px;min-width:0;padding:8px 22px 8px 9px;min-height:44px;font:500 11px var(--font);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px}.lighting-control select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.lighting-control small{display:block;font-size:10px;margin-top:2px}.light-orb{display:block;width:14px;height:14px;border-radius:50%;background:linear-gradient(145deg,#fff4c9,#efabda);box-shadow:0 0 0 3px var(--surface-2);flex:none}html[data-theme=night] .light-orb{background:linear-gradient(135deg,#d5eaff 50%,#747faf 51%)}.footer-settings{flex-wrap:wrap;gap:20px}.footer-settings>.settings{margin-left:auto}.settings{flex-wrap:wrap}.settings button{background:var(--surface);color:var(--muted);min-height:38px}
.pearl-opening+.little-divider{margin-top:10px}.pearl-opening~#selected-work{padding-top:70px}.section-top h2{font-weight:850;font-size:clamp(37px,4.1vw,62px);line-height:1.04}.project-card h3{font-weight:800;letter-spacing:-.025em}.home-projects .cover-evidence{border-color:var(--line);background:var(--surface)}.professional-strip{padding-block:28px}.professional-strip strong{font:650 21px/1.35 var(--display);letter-spacing:-.025em}.trail-invitation h2{font-size:35px;font-weight:800}.contact-band{background:var(--surface-2);border:1px solid var(--line)}.contact-band h2{font-size:clamp(40px,4.4vw,68px);font-weight:850}.research-band{background:#2348dc;color:#fff}.research-band .button-light{color:#2145c9;background:#fff}.research-band .text-link{color:#fff}.research-word{font-weight:900}
.case-opening{position:relative;isolation:isolate}.case-opening:before{content:'';position:absolute;inset:-30px -40px 0 22%;background:radial-gradient(ellipse at 80% 55%,var(--pink-glow),transparent 57%),radial-gradient(ellipse at 32% 66%,var(--cyan-glow),transparent 56%);opacity:.45;z-index:-1;pointer-events:none}.case-opening h1{font-weight:900;letter-spacing:-.05em}.case-evidence{border-radius:16px;background:var(--surface);border-color:var(--line);box-shadow:0 17px 35px var(--shadow);transform:rotate(1deg)}.case-evidence-frame{border-radius:8px;background:var(--frame)}.case-evidence figcaption{color:var(--muted);font-size:11px;line-height:1.5}.case-context{color:var(--muted);border-color:var(--pink);font-size:12px}.case-opening-description{font-size:15px}.case-chapters{background:color-mix(in srgb,var(--paper) 95%,transparent);border-color:var(--line)}.case-chapters a[data-current]{background:var(--surface-2)}.case-extra,.case-experience{border-color:var(--line)}.case-extra>summary{color:var(--muted)}body[data-case]{--case-wash:var(--surface-2)}body[data-case] .case-body h2{font-size:35px;font-weight:800}.inspection-choices button{background:var(--surface);border-color:var(--line);color:var(--muted)}.inspection-choices button[aria-pressed=true]{background:var(--surface-2);border-color:var(--blue);color:var(--blue)}.inspection-choices button>span{color:var(--muted)}.inspection-picture{background:var(--frame);border-color:var(--line)}.case-body{font-size:17px}.case-body p{line-height:1.85}
/* Common surfaces follow the same light; project illustrations keep their own materials. */
.question-section,.koaikoi-lab,.case-callout,.touch-lab,.active-trail-card,.project-map,.map-detail,.map-core,.case-summary,.decision-card,.case-summary-card{background:var(--surface-2);border-color:var(--line)}.preview-badge,.case-nav,.media-gallery figure,.video-chapters a,.trail-choice,.map-threads button,.map-nodes button,.map-detail,.explore-close,.lab-options button{background:var(--surface);border-color:var(--line)}.cover-caption,.cover-evidence{background:var(--surface);border-color:var(--line);color:var(--muted)}.cover-caption .cover-note{color:var(--muted)}.case-chapters,.case-extra{color:var(--ink)}.video-chapters a:hover,.video-chapters a[aria-current],.keep-button:hover{background:var(--surface-2)}.video-chapters small{color:var(--muted)}.trail-doors button{background:linear-gradient(135deg,var(--surface),var(--surface-2));border-color:var(--line);color:var(--ink)}.trail-doors button:hover{background:var(--surface-2)}.map-nodes button[data-connected=true]{background:var(--surface);color:var(--ink)}.map-nodes button[aria-pressed=true]{background:var(--surface-2);color:var(--blue)}.map-tags,.map-nodes button[data-connected=true]>small,.trail-meta,.trail-choice ol,.explore-item small{color:var(--muted)}.map-threads button[aria-pressed=true],.filters a[aria-current],.work-view-controls button[aria-pressed=true],.lab-options button[aria-pressed=true],.trail-dots a[aria-current]{background:var(--blue);color:var(--button-ink)}.keep-button[aria-pressed=true]{background:var(--surface-2);color:var(--pink);border-color:var(--pink)}
#explore-dialog,.explore-header{background:var(--surface);color:var(--ink);border-color:var(--line)}.explore-header{background:radial-gradient(ellipse at 14% 0,var(--surface-2),transparent 65%),var(--surface)}.explore-tabs,.explore-bottom,#companion-discovery{background:var(--surface-2)}.explore-tabs button{color:var(--muted)}.explore-tabs button[aria-selected=true]{background:var(--surface);color:var(--blue)}.explore-item{border-color:var(--line)}#explore-query{background:var(--paper);color:var(--ink);border-color:var(--line)}.explore-surprise{background:var(--surface-2);color:var(--pink);border-color:var(--line)}.explore-surprise:hover{background:var(--paper)}.companion-dock{background:var(--surface);color:var(--ink);border-color:var(--line)}.companion-dock small{color:var(--muted)}.pocket-count,.tab-count{background:var(--surface-2);color:var(--pink)}
html[data-theme=night] .site-header nav{color:var(--ink)}html[data-theme=night] .world-label{color:#2444ba}html[data-theme=night] .world-label[aria-pressed=true]{color:var(--button-ink)}html[data-theme=night] .playground-heading .eyebrow{color:var(--muted)}html[data-theme=night] .being-note{background:var(--surface);color:var(--blue)}html[data-theme=night] .case-play-panel{--blue:#214bff;--pink:#bc318b;--muted:#555f78;--ink:#18244d}html[data-theme=night] .pixel-experiment{--case-ink:#173441;--case-muted:#4d6470;color:#176875}html[data-theme=night] .pixel-experiment .experiment-response{color:#34545c}html[data-theme=night] .case-play-panel .case-media-note{color:var(--case-muted)}
@media(min-width:701px) and (max-width:1050px){.pearl-intro{grid-template-columns:1fr 270px;gap:25px}.pearl-intro h1{font-size:9.4vw}.pearl-intro .eyebrow{font-size:9px}.pearl-welcome>p:not(.pearl-invitation){font-size:13px}.studio-object-label{display:block}.studio-object-label small{display:block;margin-top:5px}.studio-context-copy h2{font-size:29px}.studio-preferences{align-items:start}.studio-preferences>p{padding-top:15px}.studio-preferences>div{gap:10px}.site-header .brand{font-size:22px}.site-header nav{gap:12px}.site-header nav a{font-size:11px}.find-toggle{margin-left:0}}
@media(max-width:700px){.pearl-opening{padding-top:25px}.pearl-intro{display:block}.pearl-intro .eyebrow{font-size:9px;max-width:330px;margin-bottom:17px}.pearl-intro h1{font-size:clamp(50px,15.3vw,105px);letter-spacing:-.06em;line-height:.89}.pearl-welcome{margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:12px 20px;align-items:start}.pearl-welcome .pearl-invitation{font-size:22px}.pearl-welcome>p:not(.pearl-invitation){grid-column:1/-1;order:2;max-width:430px;font-size:13px;margin:0}.pearl-welcome .text-link{margin-top:4px;font-size:11px;max-width:120px;gap:10px}.pearl-stage{margin-top:18px}.pearl-objects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:28px 26px;padding:20px 0 12px;perspective:900px}.studio-object,.studio-object[data-place=left],.studio-object[data-place=right]{position:relative;left:auto;top:auto;width:100%;min-width:0}.studio-object[data-place=active]{grid-column:1/-1;width:86%;justify-self:center;order:0;transform:rotate(-2deg)}.studio-object[data-place=left]{order:1;transform:rotate(-5deg)}.studio-object[data-place=right]{order:2;transform:rotate(5deg)}.studio-object-picture{border-width:4px;border-radius:8px}.studio-object-label{display:block;margin-top:12px}.studio-object-label strong{font-size:16px}.studio-object-label small{display:block;font-size:9px;margin-top:5px}.studio-object:not([data-place=active]) .studio-object-label strong{font-size:13px}.studio-object:not([data-place=active]) .studio-object-label small{font-size:8px;margin-top:4px}.studio-object-cue{display:none}.studio-shuffle{position:relative;left:auto;bottom:auto;transform:none;grid-column:1/-1;justify-self:center;order:3;font-size:12px;min-height:55px;padding:6px 0;margin-top:3px}.studio-floor{top:26%;height:60%}.studio-orbit i{top:18%;height:60%;border-width:6px}.studio-caustic:before{border-width:8px}.studio-emboss{top:41%;width:210px;height:210px;right:-65px}.studio-wash{top:22%;height:56%}.pearl-context>section{grid-template-columns:1fr;gap:20px;padding-top:20px}.studio-context-copy h2{font-size:29px}.studio-context-copy>p:not(.studio-status){font-size:13px}.studio-context-copy>small{font-size:10px}.studio-context-actions{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.studio-context-actions .button{font-size:12px;min-height:44px;padding:12px 17px;gap:16px}.studio-context-actions .text-link{font-size:11px;gap:10px}.studio-preferences{display:block;padding-top:17px}.studio-preferences>p{display:none}.studio-preferences>div{justify-content:space-between;align-items:start;gap:15px}.studio-preferences .settings{gap:6px;max-width:none}.studio-preferences .settings button{font-size:10px;padding:7px 9px;min-height:38px}.lighting-control label>span:not(.light-orb){font-size:10px}.lighting-control label{gap:7px}.lighting-control select{font-size:12px;padding-inline:8px 22px;max-width:165px}.lighting-control small{font-size:9px}.footer-settings>.settings{margin:0}.section-top h2{font-size:40px}.professional-strip strong{font-size:18px}.case-evidence{transform:none}.case-opening:before{inset:0 -18px 0 0}.case-opening .project-heading h1{font-size:clamp(45px,12vw,78px)}.case-evidence figcaption{font-size:10px}.case-evidence figcaption>span:last-child{display:none}.case-opening-description{font-size:14px}.case-context{font-size:11px}.case-opening .lead{font-size:23px}.case-chapters a{font-size:10px}.case-body p{line-height:1.8}body[data-case] .case-body h2{font-size:31px}.contact-band h2{font-size:40px}}
@media(max-width:650px){.site-header .brand{font-size:22px}.site-header nav{background:var(--surface);border-color:var(--line)}.site-header nav a{font-size:15px}.site-header .nav-contact{color:var(--blue)}.site-header nav .nav-contact[aria-current]{color:var(--button-ink)}}
@media(prefers-reduced-motion:reduce){.studio-wash,.studio-emboss,.studio-caustic,.studio-caustic:before,.studio-caustic:after,.studio-orbit,.studio-orbit i,.studio-object:before,.studio-object-picture,.studio-object-picture:after,.studio-object-cue,.shuffle-pearl{transition:none!important}.studio-object-picture{transform:none!important}.studio-shuffle .shuffle-pearl{transform:none!important}}
html[data-motion=less] .studio-wash,html[data-motion=less] .studio-emboss,html[data-motion=less] .studio-caustic,html[data-motion=less] .studio-caustic:before,html[data-motion=less] .studio-caustic:after,html[data-motion=less] .studio-orbit,html[data-motion=less] .studio-orbit i,html[data-motion=less] .studio-object:before,html[data-motion=less] .studio-object-picture,html[data-motion=less] .shuffle-pearl{transition:none!important}html[data-motion=less] .studio-object-picture,html[data-motion=less] .studio-shuffle .shuffle-pearl{transform:none!important}
@media(forced-colors:active){body:before,.studio-atmosphere,.studio-floor,.studio-caustic,.studio-orbit{display:none}.studio-object-picture{border:2px solid CanvasText}.studio-object[aria-pressed=true]{outline:3px solid Highlight}.studio-object-label,.lighting-control{color:CanvasText}}
@media print{body:before,.studio-atmosphere,.studio-floor,.studio-caustic,.studio-orbit,.studio-shuffle,.studio-preferences,.lighting-control{display:none}body{background:white!important;color:black!important}.pearl-objects{height:auto;display:flex;gap:20px}.studio-object,.studio-object[data-place=left],.studio-object[data-place=right]{position:static;width:30%;transform:none}}
.pearl-intro h1{letter-spacing:-.025em;word-spacing:.035em}.pearl-welcome .pearl-invitation{letter-spacing:-.012em;word-spacing:.015em}.studio-context-copy h2,.section-top h2,.contact-band h2,.case-opening h1{letter-spacing:-.028em}.project-card h3,.trail-invitation h2{letter-spacing:-.02em}
.site-header .brand{letter-spacing:-.025em;word-spacing:.08em}
.studio-object{transform-origin:0 0}
.cover-evidence .cover-caption{background:var(--surface);border-color:var(--line)}.card-cover-link:has(.cover-evidence) .cover-arrow{background:var(--surface);color:var(--blue);border-color:var(--line)}
.scene-controls button,.companion-dock>button,.media-dialog button,.case-shortcuts a{background:var(--surface);color:var(--blue);border-color:var(--line)}.scene-controls button:not(:disabled):hover,.companion-dock>button:hover,.media-dialog button:hover,.case-shortcuts a:hover{background:var(--surface-2)}.companion-dock [data-pet-play],.companion-dock [data-pet-play]:hover{background:var(--blue);color:var(--button-ink);border-color:var(--blue)}.companion-dock [data-pet-place][aria-pressed=true]{background:var(--surface-2);color:var(--pink);border-color:var(--pink)}
.world-preview.spark-preview{background:var(--surface);border-color:var(--line)}.spark-preview p{color:var(--muted)}html[data-theme=night] .spark-preview{--spark-color:var(--blue);--spark-wash:var(--surface-2)}html[data-theme=night] .spark-preview[data-world=games],html[data-theme=night] .spark-preview[data-world=koaikoi]{--spark-color:var(--pink);--spark-wash:var(--surface-2)}
.media-dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}.media-dialog figcaption{color:var(--muted)}.media-enlarge,.video-play-icon{color:var(--button-ink)}
.settings button[aria-pressed=true]{background:var(--surface-2);border-color:var(--blue);color:var(--blue)}.study-viewer,.scenario-lab{background:var(--surface-2);border-color:var(--line)}.study-viewer .study-note,.scenario-lab #scenario-text{color:var(--muted)}.case-nav a>span{color:var(--muted)}
.cover-evidence .cover-index,.spark-foot{color:var(--muted)}.spark-foot{border-color:var(--line)}.spark-foot>span:first-child{color:var(--pink)}.name-note{background:var(--surface-2);border-color:var(--pink)}.config-experiment .dimension{color:#4e6344}
@media(max-width:380px){.site-header{gap:8px}.site-header .brand{font-size:20px}.site-header .brand-symbol{width:22px;height:22px}.find-toggle{padding-inline:8px;margin-left:0}.menu-toggle{gap:8px;padding-inline:10px}}
@media(max-width:360px){.site-header .brand-symbol{display:none}}
.case-opening:before{right:0}.explore-header h2{letter-spacing:-.015em}.page-intro h1{letter-spacing:-.035em}.spark-trail .eyebrow{color:var(--muted)}.media-enlarge{background:var(--surface);color:var(--blue);border-color:var(--line)}.media-gallery figure>a:hover .media-enlarge{background:var(--blue);color:var(--button-ink)}
/* A human proposition, with useful words to follow into the work. */
.pearl-intro h1{font-size:clamp(53px,7.1vw,112px);line-height:.96;letter-spacing:-.032em;word-spacing:.01em}.pearl-intro h1 .statement-line{display:block;color:var(--blue);white-space:nowrap}.statement-word{position:relative;display:inline-block;color:inherit;transition:transform .35s var(--settle),color .25s;transform-origin:50% 80%}.pearl-intro h1 .closer-word{color:var(--pink)}.statement-word:after{content:'';position:absolute;left:2%;right:2%;bottom:0;height:3px;background:currentColor;transform:scaleX(.25);transform-origin:left;opacity:.4;transition:transform .4s var(--settle),opacity .3s}.statement-word:hover,.statement-word:focus-visible{transform:rotate(-2deg) translateY(-2px);color:var(--pink)}.statement-word:hover:after,.statement-word:focus-visible:after{transform:scaleX(1);opacity:.85}.closer-word:hover,.closer-word:focus-visible{transform:rotate(1deg) translateY(-2px)}.statement-word:focus-visible{outline:2px solid currentColor;outline-offset:8px;border-radius:4px}
.ink-link{font-weight:750;color:var(--blue);text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:1px;text-underline-offset:4px;background:linear-gradient(transparent 63%,color-mix(in srgb,var(--pink) 13%,transparent) 63%);transition:color .2s,background-color .2s}.ink-link:hover,.ink-link:focus-visible{color:var(--pink);background-color:var(--surface-2)}.pearl-welcome .pearl-invitation{font-weight:800}.pearl-welcome>p:not(.pearl-invitation){font-size:15px;line-height:1.8}
.studio-entry-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 18px}.studio-entry-tools>p{color:var(--muted);font-size:11px;margin:0}.studio-entry-tools>p>span{color:var(--pink);font-size:22px;vertical-align:middle;margin-right:7px}.studio-entry-tools .settings{margin:0}.studio-entry-tools .settings button{font-size:10px;min-height:36px;padding:7px 11px}
.practice-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-block:1px solid var(--line);padding:15px 0}.practice-nav>a{display:flex;align-items:center;gap:13px;padding:10px 13px;border-radius:12px;min-width:0;min-height:72px;transition:background .25s,color .25s}.practice-nav>a+a{border-left:1px solid var(--line);border-radius:0 12px 12px 0}.practice-nav .identity-icon{width:37px;height:37px;color:var(--blue);flex:none;transition:transform .45s var(--settle)}.practice-nav>a:nth-child(2) .identity-icon{color:var(--pink)}.practice-nav>a:nth-child(3) .identity-icon{color:var(--pink)}.practice-nav strong{font:850 27px/1.1 var(--display);letter-spacing:-.02em;color:var(--ink);display:block}.practice-nav small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:6px;letter-spacing:.025em}.practice-nav b{font-size:23px;font-weight:400;color:var(--blue);margin-left:auto;transition:transform .3s}.practice-nav>a:hover,.practice-nav>a:focus-visible{background:var(--surface-2)}.practice-nav>a:hover .identity-icon,.practice-nav>a:focus-visible .identity-icon{transform:rotate(-12deg) scale(1.08)}.practice-nav>a:hover b,.practice-nav>a:focus-visible b{transform:translate(3px,-3px)}
.studio-object-category{position:absolute;left:10px;top:10px;z-index:2;border:1px solid #e3e4ee;background:#fffdf4f5;color:#2441b9;box-shadow:0 3px 9px #132d6420;border-radius:7px;padding:7px 10px;font:800 10px/1 var(--font);letter-spacing:.075em;text-transform:uppercase}.studio-object-category[data-discipline=research]{color:#9b2375}.studio-object:not([data-place=active]) .studio-object-category{font-size:8px;left:6px;top:6px;padding:5px 7px}.card-meta{font-weight:650}.card-meta>span:first-child{font-weight:800}
@media(min-width:701px) and (max-width:1050px){.pearl-intro h1{font-size:6.9vw}.practice-nav{gap:8px}.practice-nav>a{gap:10px;padding-inline:8px}.practice-nav strong{font-size:24px}.practice-nav .identity-icon{width:30px;height:30px}.practice-nav small{font-size:9px}}
@media(max-width:700px){.pearl-intro h1{font-size:clamp(38px,11.5vw,77px);line-height:1;letter-spacing:-.03em}.statement-word:after{height:2px}.pearl-welcome{margin-top:25px}.pearl-welcome .pearl-invitation{font-size:22px}.pearl-welcome>p:not(.pearl-invitation){font-size:14px}.studio-entry-tools{margin-top:20px;gap:8px;align-items:start;flex-wrap:wrap}.studio-entry-tools>p{font-size:10px;padding-top:5px}.studio-entry-tools .settings{gap:6px}.studio-entry-tools .settings button{min-height:40px;padding:7px 10px}.practice-nav{gap:0;padding:10px 0}.practice-nav>a{display:grid;grid-template-columns:1fr auto;gap:8px 4px;padding:8px;align-content:start;min-height:101px}.practice-nav .identity-icon{width:27px;height:27px}.practice-nav>a>span{grid-column:1/-1;order:3}.practice-nav strong{font-size:20px}.practice-nav small{font-size:8px;line-height:1.6;margin-top:6px;max-width:100px}.practice-nav b{font-size:18px;align-self:start}.studio-object-category{font-size:9px;padding:6px 8px;top:7px;left:7px}.studio-object:not([data-place=active]) .studio-object-category{font-size:7px;padding:4px 6px;top:4px;left:4px}.studio-preferences{display:flex;align-items:center;justify-content:space-between}.studio-preferences>p{display:block;max-width:110px;font-size:10px;line-height:1.6}}
@media(max-width:360px){.practice-nav strong{font-size:18px}.practice-nav small{font-size:7.5px}.practice-nav>a{padding-inline:6px}.studio-preferences>p{max-width:70px}}
html[data-motion=less] .statement-word,html[data-motion=less] .statement-word:after,html[data-motion=less] .practice-nav .identity-icon,html[data-motion=less] .practice-nav b{transition:none!important;transform:none!important}
.pearl-intro h1{word-spacing:.08em;letter-spacing:-.025em}
.studio-entry-tools>p>span[data-field-invitation]{font-size:inherit;vertical-align:baseline;margin-right:0;color:inherit}
@media(min-width:701px) and (max-width:1050px){.pearl-intro{align-items:center}}
@media(max-width:360px){.pearl-welcome{grid-template-columns:1fr;gap:12px}.pearl-welcome .pearl-invitation{font-size:21px}.pearl-welcome .text-link{order:3;margin-top:0;max-width:none;justify-self:start}.studio-entry-tools{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.statement-word,.statement-word:after,.practice-nav .identity-icon,.practice-nav b{transition:none!important;transform:none!important}}
/* Keep the image, its meaning and its next action together. */
@media(max-width:700px){
 .pearl-welcome{grid-template-columns:1fr;gap:13px}.pearl-welcome .pearl-invitation{font-size:23px}.pearl-welcome .text-link{order:3;margin-top:0;max-width:none;justify-self:start}
 .pearl-objects{gap:25px 22px}.pearl-objects>.pearl-context{grid-column:1/-1;order:1;border-top:0;border-bottom:1px solid var(--line);padding-bottom:7px}
 .pearl-objects>.studio-object[data-place=left],.pearl-objects>.studio-object[data-place=right]{order:2}
 .pearl-objects>.pearl-context>section{padding-top:0;gap:17px}.pearl-objects .studio-context-copy h2{font-size:28px;max-width:360px}.pearl-objects .studio-context-copy>small{line-height:1.7}
 .studio-floor{top:4%;height:30%}.studio-caustic{inset:0 -4% 55%}.studio-orbit i{top:3%;height:30%}.studio-object{scroll-margin-top:95px}
 .practice-nav small{font-size:9px;letter-spacing:0}.studio-preferences{padding-bottom:10px}
}
.related-projects>a.related-work{padding:0;overflow:hidden;background:var(--surface);border-color:var(--line);transition:transform .35s var(--settle),box-shadow .35s,border-color .25s;display:flex;flex-direction:column}
.related-projects>a.related-work:hover,.related-projects>a.related-work:focus-visible{background:var(--surface);border-color:var(--blue);box-shadow:0 15px 35px var(--shadow);transform:translateY(-4px)}
.related-work-media{position:relative;display:block;aspect-ratio:16/9;background:var(--frame);margin:10px 10px 0;border-radius:9px;overflow:hidden}
.related-work-media img{width:100%;height:100%;display:block;object-fit:contain}
.related-work-visit{position:absolute;bottom:10px;right:10px;background:var(--surface);color:var(--blue);border:1px solid var(--line);padding:8px 11px;border-radius:25px;font-size:10px;letter-spacing:0;text-transform:none;transform:translateY(4px);opacity:0;transition:opacity .25s,transform .3s}
.related-work:hover .related-work-visit,.related-work:focus-visible .related-work-visit{opacity:1;transform:none}
.related-projects>a>.related-work-copy{display:block;padding:20px 23px 22px;text-transform:none;letter-spacing:0}
.related-work-copy>small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.related-projects .related-work-copy strong{font-size:28px;line-height:1.15;margin:10px 0 11px;gap:20px}.related-work-copy strong i{font-style:normal;font-weight:400;color:var(--pink)}
.related-work-line{display:block;font-size:14px;line-height:1.6;color:var(--ink)}.related-work-copy>.related-work-credit{display:block;margin-top:18px;font-size:10px;line-height:1.6;text-transform:none;letter-spacing:0}
html[data-motion=less] .related-projects>a.related-work,html[data-motion=less] .related-work-visit{transform:none!important}
@media(prefers-reduced-motion:reduce){.related-projects>a.related-work,.related-work-visit{transform:none!important}}
@media(hover:none){.related-work-visit{opacity:1;transform:none}}
@media(max-width:650px){.related-projects{gap:24px}.related-projects>a>.related-work-copy{padding:17px 19px 20px}.related-projects .related-work-copy strong{font-size:25px}.next-project h2{font-size:34px}}


/* Source: /assets/interaction-field.css */
.interaction-field{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;--field-x:0px;--field-y:0px;--field-ink:var(--blue)}
.field-drift{position:absolute;inset:-6%;transform:translate(var(--field-x),var(--field-y));transition:transform .6s cubic-bezier(.15,.75,.25,1)}
.field-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 78%,var(--cyan-glow),transparent 44%),radial-gradient(ellipse at 85% 22%,var(--pink-glow),transparent 45%);opacity:.19;animation:paper-breathe 23s ease-in-out infinite alternate;animation-play-state:paused;transition:opacity .4s}
.field-contours{position:absolute;width:100%;height:100%;inset:0;overflow:visible;stroke:var(--field-ink);transition:stroke .5s}
.field-loops{stroke-width:1.2;opacity:.095;transform-origin:50% 50%;animation:paper-orbit 31s ease-in-out infinite alternate;animation-play-state:paused}.field-loops path:nth-child(2){stroke:var(--pink);stroke-width:.7}.field-loops path:nth-child(3){stroke:var(--pink);opacity:.7}
.field-nodes{fill:var(--surface);stroke-width:1.6;opacity:.3;transform-origin:50% 50%;animation:paper-orbit 31s ease-in-out infinite alternate;animation-play-state:paused}
html[data-field-motion=on] .field-glow,html[data-field-motion=on] .field-loops,html[data-field-motion=on] .field-nodes{animation-play-state:running}
html[data-field-mood=connect] .interaction-field{--field-ink:var(--pink)}html[data-field-mood=interact] .interaction-field{--field-ink:var(--pink)}html[data-field-mood] .field-glow,.interaction-field.is-pressed .field-glow{opacity:.34}
.field-ripples{position:absolute;inset:0}.field-ripple{position:absolute;width:clamp(220px,38vw,470px);aspect-ratio:1;border:2px solid var(--field-ink);border-radius:50%;box-shadow:inset 0 0 25px var(--cyan-glow),0 0 30px var(--pink-glow);opacity:0;will-change:transform,opacity}.field-ripple:after{content:'';position:absolute;inset:12%;border:1px solid var(--pink);border-radius:50%}
@keyframes paper-breathe{from{transform:translate(-2%,-1%) scale(1)}to{transform:translate(3%,2%) scale(1.08)}}
@keyframes paper-orbit{from{transform:translate(-10px,8px) rotate(-2deg)}to{transform:translate(15px,-12px) rotate(2deg)}}
@keyframes studio-light-drift{from{transform:translate(-4px,2px) rotate(-1deg)}to{transform:translate(6px,-4px) rotate(1deg)}}
@supports(animation-composition:add){.studio-orbit i{animation:studio-light-drift 13s ease-in-out infinite alternate;animation-play-state:paused;animation-composition:add}}
html[data-field-motion=on][data-studio-visible=true] .studio-orbit i{animation-play-state:running}
html[data-field-motion=off] .field-drift{transition:none;transform:none}
html[data-motion=less] .field-drift,html[data-motion=less] .field-glow,html[data-motion=less] .field-contours{transition:none!important}html[data-motion=less] .field-drift{transform:none!important}html[data-motion=less] .field-ripples{display:none}
@media(prefers-reduced-motion:reduce){.field-drift,.field-glow,.field-contours{transition:none!important}.field-drift{transform:none!important}.field-glow,.field-loops,.field-nodes,.studio-orbit i{animation:none!important}.field-ripples{display:none}}
@media(forced-colors:active){.interaction-field{display:none}}
@media print{.interaction-field{display:none}}
/* Local light follows the pointer; contours and nodes yield softly to nearby input. */
.interaction-field:after{content:'';position:absolute;inset:0;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),var(--cyan-glow),transparent 75%);opacity:0;transition:opacity 220ms ease;pointer-events:none}
.interaction-field.has-pointer:after{opacity:.38}
.field-loops{opacity:.14}
.field-nodes{opacity:.42}
.field-nodes circle{transform-box:fill-box;transform-origin:center;transition:transform 180ms ease}
.field-contours{transform-origin:center}
.interaction-field.is-pressed .field-glow{opacity:.42}
html[data-field-motion=off] .interaction-field:after,html[data-motion=less] .interaction-field:after{display:none}
html[data-motion=less] .field-nodes circle{transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.interaction-field:after{display:none}.field-nodes circle{transition:none;transform:none!important}}


/* Source: /assets/concept-sections.css */
.concept-section{--scene-x:0;--scene-y:0;scroll-margin-top:100px}
.concept-phrase{appearance:none;border:0;padding:0;margin:0;background:none;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;cursor:pointer;max-width:100%;vertical-align:baseline;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,currentColor 38%,transparent);text-underline-offset:.13em;text-wrap:balance}
.concept-phrase>span{display:inline-block;transition:transform .7s cubic-bezier(.18,.8,.25,1),text-decoration-color .3s}.concept-phrase:hover,.concept-phrase:focus-visible{text-decoration-color:currentColor}
.concept-phrase{word-spacing:.045em;text-decoration:none}.concept-phrase>span{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,currentColor 38%,transparent);text-underline-offset:.14em}.concept-phrase>span+span{margin-left:.1em}.concept-phrase:hover>span,.concept-phrase:focus-visible>span{text-decoration-color:currentColor}
.concept-phrase:focus-visible,.concept-control:focus-visible{outline:2px solid currentColor;outline-offset:9px;border-radius:8px}
.concept-control{appearance:none;border:0;padding:0;background:none;cursor:pointer;color:inherit;font:inherit;touch-action:manipulation}
.concept-control:disabled,.concept-phrase:disabled{cursor:default}
.concept-section .concept-hint{font:650 12px/1.6 var(--font);letter-spacing:.015em;margin:20px 0 0;text-align:center;max-width:none}
.concept-section .concept-response{font:400 11px/1.65 var(--font);text-align:center;max-width:none;margin:5px 0 0;min-height:2em}
/* Three individual forms can make one overlapping space. */
.research-band .research-visual{display:block;width:100%;min-height:360px;text-align:left;isolation:isolate;border-radius:25px;perspective:800px}
.research-band .research-word{position:absolute;top:20px;left:0;color:#97b4ff;font-size:clamp(94px,9vw,140px);letter-spacing:-.055em;line-height:.88;transform:translate(calc(var(--scene-x)*-5px),calc(var(--scene-y)*-3px));transition:transform .55s ease-out}
.ring-drift{position:absolute;inset:0;animation:ring-breathe 7s ease-in-out infinite alternate;animation-play-state:paused}
.research-band .research-rings{inset:4% 0 24% 15%;width:auto;height:auto;transform:rotate(-12deg) rotateX(calc(var(--scene-y)*-7deg)) rotateY(calc(var(--scene-x)*9deg));transition:transform .6s cubic-bezier(.18,.8,.25,1)}
.research-band .research-rings i{left:50%;top:50%;width:min(52%,190px);height:auto;aspect-ratio:1;border-width:clamp(17px,2.1vw,28px);transform:translate(calc(-50% + var(--ring-x)),calc(-50% + var(--ring-y)));transition:transform 1s cubic-bezier(.18,.8,.25,1),border-color .6s;--ring-x:-32%;--ring-y:-25%}
.research-band .research-rings i:nth-child(2){--ring-x:34%;--ring-y:-2%;border-color:#65defa}
.research-band .research-rings i:nth-child(3){--ring-x:-9%;--ring-y:38%;border-color:#c4abff}
.research-band[data-joined=true] .research-rings i{--ring-x:-15%;--ring-y:-13%}.research-band[data-joined=true] .research-rings i:nth-child(2){--ring-x:19%;--ring-y:-11%}.research-band[data-joined=true] .research-rings i:nth-child(3){--ring-x:1%;--ring-y:17%}
.shared-spark{position:absolute;left:50%;top:50%;font-size:40px;color:#fff8d6;opacity:0;transform:translate(-45%,-50%) rotate(-60deg) scale(.3);transition:opacity .6s,transform 1s cubic-bezier(.18,.8,.25,1)}
[data-joined=true] .shared-spark{opacity:1;transform:translate(-45%,-50%) rotate(0deg) scale(1)}
.research-band .visual-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:9px;letter-spacing:.09em;color:#e0eaff}
.research-phrase>span:first-child{transform:translateX(-3px)}.research-phrase>span:last-child{transform:translateX(3px)}
.research-band.is-attentive .research-phrase>span,.research-band[data-joined=true] .research-phrase>span{transform:none}
.research-band[data-joined=true] .research-phrase{color:#f6c9ec}
.research-band .concept-hint{color:#fff}.research-band .concept-response{color:#dae8ff}
/* A stable hit area surrounds the responsive pearl body. */
.being-encounter{position:relative;display:block;width:100%;height:410px;max-width:430px;margin:auto;isolation:isolate}
.being-float{position:absolute;inset:4% 6% 11%;display:flex;align-items:center;animation:being-breathe 6.5s ease-in-out infinite alternate;animation-play-state:paused}
.koaikoi-band .being-encounter .being-preview{display:block;width:100%;max-width:none;margin:0;order:0;transform:translate(calc(var(--scene-x)*7px),calc(var(--scene-y)*5px)) rotate(calc(-8deg + var(--scene-x)*4deg));transition:transform .5s cubic-bezier(.2,.8,.25,1);border:1px solid #ffffff8c}
.being-encounter .being-eye{translate:calc(var(--scene-x)*11px) calc(var(--scene-y)*8px);transition:translate .18s ease-out;transform-origin:center}
.being-encounter .being-note{bottom:12%;right:0;transform:rotate(5deg);z-index:2;font-size:13px;background:var(--surface);color:var(--blue);transition:background-color .3s,color .3s}
.being-ground{position:absolute;left:21%;right:18%;bottom:4%;height:20px;background:var(--shadow);filter:blur(10px);border-radius:50%;z-index:-1}
.being-halo{position:absolute;inset:1%;border:1px solid var(--line);border-radius:50%;transform:rotateX(25deg) rotate(-22deg);opacity:.75;transition:transform 1s,border-color .4s}
.koaikoi-band.is-attentive .being-halo{transform:rotateX(40deg) rotate(-8deg);border-color:var(--pink)}
.being-halo{inset:8%}
.art-phrase>span:last-child{transform:rotate(-2deg);transform-origin:50% 85%}.koaikoi-band.is-attentive .art-phrase>span:last-child{transform:rotate(1deg) translateY(-2px)}
.koaikoi-band[data-greeted] .being-note{background:var(--surface-2);color:var(--pink)}
.concept-section[data-scene-awake=true] .ring-drift,.concept-section[data-scene-awake=true] .being-float{animation-play-state:running}
@keyframes ring-breathe{from{translate:0 3px}to{translate:0 -4px}}
@keyframes being-breathe{from{translate:0 2px}to{translate:0 -5px}}
@media(max-width:950px){.being-encounter{height:330px}.research-band .research-visual{min-height:310px}.research-band .research-rings{inset:4% 0 24% 10%}}
@media(max-width:650px){.concept-section .concept-artwork{width:100%;min-width:0}.research-band .research-visual{min-height:290px;max-width:350px;margin:auto}.research-band .research-word{font-size:103px;top:30px}.research-band .research-rings{inset:4% 0 24% 10%}.research-band .research-rings i{border-width:20px}.research-band .split{gap:34px}.research-band .concept-hint{margin-top:16px}.concept-section .concept-response{font-size:10px}.research-band .visual-caption{font-size:8px;letter-spacing:.045em}.koaikoi-band>.concept-artwork{order:-1}.being-encounter{height:300px;max-width:310px}.being-float{inset:4% 7% 12%}.koaikoi-band .concept-hint{margin-top:10px}.koaikoi-band{gap:30px}.being-encounter .being-note{font-size:12px;padding:7px 13px}.koaikoi-band h2{font-size:40px}}
@media(max-width:360px){.research-band .research-visual{min-height:260px}.research-band .research-word{font-size:88px}.being-encounter{height:270px}.koaikoi-band h2{font-size:36px}}
html[data-motion=less] .concept-section *{animation:none!important;transition:none!important}html[data-motion=less] .concept-phrase,html[data-motion=less] .concept-phrase>span{transform:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){.concept-section *{animation:none!important;transition:none!important}.concept-phrase,.concept-phrase>span{transform:none!important;translate:none!important}}
@media(forced-colors:active){.research-band .research-rings i{border-color:CanvasText;mix-blend-mode:normal}.being-encounter .being-preview{background:Canvas;border:2px solid CanvasText}.being-eye{background:CanvasText}.being-halo,.being-ground{display:none}.concept-phrase{text-decoration:underline}}
@media print{.concept-control,.concept-hint,.concept-response{display:none}.concept-phrase{text-decoration:none}}


/* Source: /assets/collection.css */
/* The expanded collection keeps the pearl studio's type, colour and motion language. */
.collection-concept.research-band h1 em{color:#f8c9ec}.collection-concept.research-band h1 .concept-phrase{color:inherit}
.collection-intro{padding-bottom:38px}.collection-intro h1,.games-opening h1{font-size:clamp(54px,6.5vw,100px);line-height:.98;letter-spacing:-.055em}.collection-intro .lead{max-width:620px}.collection-toolbar{display:flex;align-items:end;gap:22px;margin:20px 0 28px;flex-wrap:wrap}.collection-toolbar label{font-size:12px;font-weight:650;flex:1;max-width:530px}.collection-toolbar input{display:block;width:100%;min-height:48px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:11px 16px;margin-top:6px;font-size:14px}.collection-toolbar p{color:var(--muted);font-size:12px;margin:0 0 14px auto}.collection-toolbar button{border:0;background:transparent;font-size:12px;min-height:44px}.collection-toolbar input:focus-visible,.activity-controls select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.collection-empty{padding:36px;border:1px dashed var(--line);border-radius:16px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px;align-items:start}.collection-card{min-width:0;scroll-margin-top:110px}.collection-card[hidden],.activity-card[hidden]{display:none!important}.collection-picture{display:block;position:relative;aspect-ratio:16/10;border-radius:17px;overflow:hidden;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--line),transparent 25%);isolation:isolate}.collection-picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s var(--settle),filter .4s}.collection-picture:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10153880);z-index:0;pointer-events:none}.collection-picture:hover img,.collection-picture:focus-visible img{transform:scale(1.035)}.picture-index{position:absolute;left:13px;bottom:13px;color:#fff;background:#101838cc;backdrop-filter:blur(8px);border:1px solid #ffffff35;border-radius:30px;padding:4px 10px;font-size:10px;letter-spacing:.04em;z-index:1}.picture-arrow{position:absolute;right:12px;bottom:12px;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:#fcfbf9;color:#214bff;font-size:21px;z-index:1;transition:transform .3s}.collection-picture:hover .picture-arrow{transform:rotate(12deg)}.collection-copy{padding:15px 2px 0}.collection-meta{display:flex;gap:12px;justify-content:space-between;align-items:start;color:var(--muted);font-size:10px;margin-bottom:8px;letter-spacing:.02em}.collection-copy h3{font:800 27px/1.1 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0}.collection-copy p{color:var(--muted);font-size:14px;line-height:1.6;margin:12px 0}.collection-copy small{display:block;color:var(--muted);font-size:11px}.collection-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:15px}.collection-links .text-link{font-size:12px;gap:9px;min-height:44px;align-items:center;padding-block:8px}.collection-copy .keep-button{margin-top:10px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.featured-grid .collection-copy h3{font-size:34px}.featured-grid .collection-copy p{max-width:520px;font-size:15px}.featured-grid .collection-picture{aspect-ratio:16/9}.archive-type{font:850 clamp(24px,3vw,44px)/.95 var(--display);color:var(--blue);display:flex;align-items:center;justify-content:center;text-align:center;min-height:100%;padding:28px;letter-spacing:-.04em;background:radial-gradient(ellipse at 90% 20%,var(--pink-glow),transparent 65%),radial-gradient(ellipse at 10% 80%,var(--cyan-glow),transparent 60%),var(--surface)}.text-card .collection-picture:after{opacity:.3}.collection-contact{border-top:1px solid var(--line);padding-block:65px 85px;margin-top:70px}.collection-contact h2{margin:17px 0 28px}.work-section[data-view=map]>.collection-grid,.work-section[data-view=map]>.collection-toolbar,.work-section[data-view=map]>.collection-empty{display:none!important}.map-nodes{max-height:560px;overflow:auto;scrollbar-color:var(--blue) transparent;scrollbar-width:thin}.fresh-work{border-top:1px solid var(--line);padding-top:65px}.fresh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.games-opening{display:grid;grid-template-columns:1.03fr 1fr;gap:65px;align-items:center;padding-block:65px 50px}.games-opening .eyebrow{margin-bottom:22px}.games-opening h1{font-size:clamp(50px,5.7vw,84px)}.games-opening .lead{font-size:17px;max-width:460px;margin-top:24px}.opening-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:26px}.opening-actions button{border:0;background:none;min-height:44px}.game-pick{position:relative;background:var(--surface);padding:14px;border:1px solid var(--line);border-radius:26px;transform:rotate(2deg);box-shadow:12px 15px 0 var(--surface-2),0 20px 45px var(--shadow);transition:transform .6s var(--settle)}.game-pick:hover,.game-pick:focus-within{transform:rotate(0deg)}.game-pick-picture{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:17px}.game-pick-picture img{width:100%;height:100%;object-fit:cover;display:block}.game-pick-label{padding:22px 12px 4px}.game-pick-label .eyebrow{font-size:9px;margin:0 0 8px}.game-pick-label h2{font-size:34px;margin:0}.game-pick-label p{font-size:13px;color:var(--muted);min-height:42px;max-width:300px;margin-bottom:0}.game-pick-dots{display:flex;justify-content:end;gap:6px;padding:0 8px 8px}.game-pick-dots button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--surface);font-size:11px}.game-pick-dots button[aria-pressed=true]{color:var(--button-ink);background:var(--blue);border-color:var(--blue)}.game-archive{border-top:1px solid var(--line)}.collection-concept h1{font-size:clamp(48px,5.2vw,80px);line-height:1.02;letter-spacing:-.055em;margin:20px 0}.collection-concept.research-band{margin-top:25px}.collection-concept.koaikoi-band{padding-block:65px 55px;margin-top:0;margin-bottom:0}.collection-concept.koaikoi-band h1{max-width:700px}.collection-concept .concept-phrase{font:inherit;letter-spacing:inherit}.research-identity{border-left:3px solid var(--pink);padding:0 0 0 24px;margin-bottom:65px}.research-identity p{font-size:15px;margin:10px 0}.research-identity .text-link{font-size:12px}.publication-feature{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;background:var(--surface-2);border:1px solid var(--line);border-radius:24px;padding:40px;margin-block:0 80px}.publication-feature h2{font-size:clamp(35px,4vw,56px);margin:16px 0}.publication-feature p{color:var(--muted);font-size:14px}.publication-credit{font-weight:650}.publication-feature .button{font-size:12px}.publication-feature .text-link{font-size:11px}.research-photo{position:relative;border-radius:16px;overflow:hidden;display:block}.research-photo img{width:100%;height:260px;object-fit:cover;display:block}.research-photo span{display:block;padding:14px 16px;background:var(--surface);font-size:12px;font-weight:600}.activity-controls{display:flex;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}.activity-controls label{font-size:11px;color:var(--muted)}.activity-controls select{display:block;font:600 14px var(--font);color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 35px 12px 14px;min-height:48px;margin-top:6px}.activity-controls>span{font-size:12px;color:var(--muted);margin:0 0 12px auto}.activity-card{display:grid;grid-template-columns:155px 1fr;gap:32px;padding:27px 0;border-top:1px solid var(--line);scroll-margin-top:110px}.activity-date{font:800 29px var(--display);color:var(--blue);letter-spacing:-.04em}.activity-date span{display:block;font:500 11px var(--font);letter-spacing:0;color:var(--muted);margin-top:3px}.activity-card h3{font:750 24px/1.2 var(--display);margin:0;max-width:840px}.activity-card p{font-size:13px;color:var(--muted);margin:10px 0}.activity-card .activity-role{color:var(--pink);font-weight:650}.activity-card a{font-size:11px}.training-section{padding-top:0}.training-highlights{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 26px}.training-highlights span{background:var(--surface-2);border:1px solid var(--line);border-radius:30px;padding:8px 14px;font-size:12px}.training-disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.training-disclosure summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;padding:25px 0;font:750 23px var(--display);list-style:none}.training-disclosure summary span{color:var(--blue)}.training-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.training-list li{padding:20px 0;border-top:1px solid var(--line)}.training-list strong{display:block;font-size:14px;font-weight:600}.training-list span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.research-extra-links{display:flex;gap:20px;flex-wrap:wrap;margin-block:30px}.research-extra-links a{font-size:12px}.collection-case-heading .lead{max-width:800px}.collection-case-cover{margin-block:0 22px}.collection-case-cover>a{position:relative;display:block;border-radius:24px;overflow:hidden;background:var(--surface-2)}.collection-case-cover img{width:100%;height:auto;max-height:640px;object-fit:contain;display:block}.collection-case-cover figcaption{font-size:11px;color:var(--muted);margin-top:12px;max-width:900px}.collection-case-heading .project-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:24px}.collection-case-heading+.collection-case-cover{margin-top:0}.motif-section{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;margin-block:55px 0;align-items:center;padding:40px;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden}.motif-section h2{font-size:clamp(30px,4vw,52px);margin:15px 0}.motif-section p{font-size:14px;color:var(--muted);max-width:450px}.motif-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.motif-choice{border:1px solid var(--line);background:var(--surface-2);border-radius:30px;min-height:44px;padding:10px 16px;font-size:12px}.motif-choice:hover,.motif-choice[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.motif-response{min-height:46px;font-size:12px!important;color:var(--blue)!important}.motif-stage{min-height:320px;display:grid;place-items:center;perspective:850px}.sketch-cube{position:relative;width:140px;height:140px;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(var(--cube-turn,-25deg));transition:transform .9s var(--settle)}.sketch-cube i{position:absolute;width:140px;height:140px;display:grid;place-items:center;font-style:normal;font:500 56px var(--display);border:2px solid #91deec;border-radius:12px;background:linear-gradient(135deg,#ddf7ffee,#d8d4ffee);color:#214bff;backface-visibility:hidden;box-shadow:inset 0 0 20px #fff8}.cube-front{transform:translateZ(70px)}.cube-back{transform:rotateY(180deg) translateZ(70px)}.cube-right{transform:rotateY(90deg) translateZ(70px)}.cube-left{transform:rotateY(-90deg) translateZ(70px)}.cube-top{transform:rotateX(90deg) translateZ(70px)}.cube-bottom{transform:rotateX(-90deg) translateZ(70px)}.cosmic-sketch{position:relative;width:240px;height:240px;display:grid;place-items:center;--mood-color:var(--blue);transform:rotate(0);transition:transform .8s var(--settle)}.cosmic-sketch i{position:absolute;inset:25px;border:3px solid var(--mood-color);border-radius:50%;transform:rotate(-30deg) scaleX(.45);box-shadow:0 0 20px var(--cyan-glow),inset 0 0 14px var(--pink-glow);transition:transform .7s var(--settle),border-color .7s}.cosmic-sketch i:nth-child(2){transform:rotate(30deg) scaleX(.45);border-color:var(--pink)}.cosmic-sketch i:nth-child(3){transform:rotate(90deg) scaleX(.45)}.cosmic-sketch i:nth-child(4){transform:rotate(150deg) scaleX(.45);border-color:var(--pink)}.cosmic-sketch b{font-size:70px;color:var(--mood-color);transition:transform .7s var(--settle)}[data-mood="1"] .cosmic-sketch{transform:rotate(45deg);--mood-color:var(--pink)}[data-mood="1"] .cosmic-sketch i{transform:rotate(90deg) scaleX(.8)}[data-mood="2"] .cosmic-sketch{transform:rotate(130deg)}[data-mood="2"] .cosmic-sketch i{border-radius:35% 60% 25% 60%}[data-mood="2"] .cosmic-sketch b{transform:rotate(-70deg) scale(1.25)}
@media(min-width:1400px){.game-archive .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:950px){.games-opening{gap:35px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fresh-grid .collection-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px)}.publication-feature{gap:25px;padding:28px}.collection-concept h1{font-size:55px}.collection-copy h3{font-size:26px}.motif-section{padding:28px}}
@media(max-width:650px){.collection-intro h1,.games-opening h1{font-size:53px}.collection-grid,.featured-grid,.fresh-grid{grid-template-columns:1fr;gap:32px}.fresh-grid .collection-card:last-child{max-width:none}.collection-picture{aspect-ratio:16/9}.collection-copy h3,.featured-grid .collection-copy h3{font-size:29px}.games-opening{grid-template-columns:1fr;padding-top:35px;gap:34px}.game-pick{max-width:100%;transform:rotate(0);box-shadow:7px 8px 0 var(--surface-2)}.game-pick-label h2{font-size:30px}.game-pick-label p{min-height:0}.game-pick-dots{padding-top:10px}.collection-toolbar{gap:12px;align-items:center}.collection-toolbar label{flex-basis:100%;max-width:none}.collection-toolbar p{margin:0 auto 0 0}.collection-concept h1{font-size:46px}.collection-concept.koaikoi-band{padding-top:35px}.publication-feature{grid-template-columns:1fr;padding:24px;margin-bottom:45px}.publication-feature h2{font-size:42px}.research-photo img{height:auto;min-height:180px}.research-identity{margin-bottom:45px}.activity-card{grid-template-columns:1fr;gap:12px;padding-block:24px}.activity-date{display:flex;gap:15px;align-items:center;font-size:23px}.activity-date span{margin:0}.activity-card h3{font-size:22px}.activity-controls{gap:12px}.activity-controls select{max-width:190px}.activity-controls>span{width:100%;margin:0}.training-list{grid-template-columns:1fr}.training-disclosure summary{font-size:20px}.collection-case-heading h1{font-size:48px}.collection-case-cover>a{border-radius:15px}.motif-section{grid-template-columns:1fr;padding:25px}.motif-stage{min-height:260px;grid-row:1}.collection-contact{margin-top:35px;padding-block:40px 55px}.map-nodes{max-height:440px}.collection-case-heading .project-actions{gap:16px}}
html[data-motion=less] .sketch-cube,html[data-motion=less] .cosmic-sketch,html[data-motion=less] .cosmic-sketch *,html[data-motion=less] .game-pick,html[data-motion=less] .collection-picture img,html[data-motion=less] .picture-arrow{transition:none!important}
@media(prefers-reduced-motion:reduce){.sketch-cube,.cosmic-sketch,.cosmic-sketch *,.game-pick,.collection-picture img,.picture-arrow{transition:none!important}}


/* Source: /assets/page-polish.css */
/* One studio; individual encounters. Project colour stays inside the work. */
[hidden]{display:none!important}.collection-door,.connected-project,.destination-card{color:var(--ink)}
.collection-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:65px}.collection-door{position:relative;padding:12px 12px 22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:transform .35s var(--settle),box-shadow .35s}.door-visual{display:block;height:135px;position:relative;overflow:hidden;border-radius:12px;margin-bottom:19px}.door-visual img{width:100%;height:100%;object-fit:cover}.door-visual b{position:absolute;top:10px;left:10px;background:var(--paper);padding:4px 9px;border-radius:20px;font-size:10px}.collection-door>.eyebrow,.collection-door>strong,.collection-door>span:not(.door-visual){margin-inline:10px;display:block}.collection-door>strong{font:800 28px/1.1 var(--display);letter-spacing:-.04em;margin-block:8px}.collection-door>span:last-of-type{font-size:12px;color:var(--muted)}.collection-door>i{position:absolute;right:24px;bottom:23px;font-size:23px;color:var(--blue);font-style:normal}.collection-door:hover,.collection-door:focus-visible{transform:translateY(-5px);box-shadow:0 16px 35px var(--shadow)}
.cosmic-crop{display:block;width:100%;height:100%;background:#41369e}.collection-picture>.cosmic-crop{transition:transform .55s var(--settle)}.collection-picture:hover>.cosmic-crop{transform:scale(1.035)}/* Keep card geometry available before focus, scrolling and hit testing. */.opening-tally{display:flex;gap:12px;align-items:center;margin-top:28px}.opening-tally b{font:800 40px/1 var(--display);letter-spacing:-.05em;color:var(--pink)}.opening-tally span{font-size:11px;line-height:1.3;color:var(--muted)}.games-collection>.collection-toolbar{border-block:1px solid var(--line);padding-block:20px;margin-bottom:35px}.archive-heading{padding-top:45px}.games-collection .game-archive{margin-top:55px}.collection-links a{min-height:32px}.collection-meta{line-height:1.4}.art-gallery{grid-template-columns:1.25fr 1fr;gap:70px 44px}.art-gallery>.collection-card:nth-child(2){padding-top:105px}.art-gallery>.collection-card:nth-child(3){max-width:88%}.art-gallery>.collection-card:last-child{padding-top:35px}.art-gallery .collection-picture{aspect-ratio:1.25}.art-gallery>.collection-card:first-child .collection-picture{aspect-ratio:1.05}.art-gallery .collection-copy h3{font-size:36px}.art-gallery .collection-copy p{max-width:440px}
.section-wayfinding{display:flex;flex-wrap:wrap;gap:15px 27px;padding-block:24px;border-bottom:1px solid var(--line)}.section-wayfinding a{font-size:12px;min-height:32px}.recognition-section{margin-block:0 80px}.recognition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recognition-card{display:block;border:1px solid var(--line);border-radius:20px;padding:26px;background:var(--surface);transition:transform .3s var(--settle)}.recognition-mark{display:block;font-size:45px;line-height:1;color:var(--pink);margin:5px 0 24px}.recognition-card h3{font:800 26px/1.15 var(--display);letter-spacing:-.035em;margin:13px 0}.recognition-card p{font-size:13px;color:var(--muted)}.recognition-card .text-link{font-size:12px;margin-top:22px}.recognition-card:hover,.recognition-card:focus-visible{transform:translateY(-4px)}.training-disclosure{border-bottom:0}.training-disclosure:last-child{border-bottom:1px solid var(--line)}.training-disclosure summary{align-items:center}.training-disclosure summary small{margin-left:auto;font:500 11px var(--font);color:var(--muted)}.training-note{font-size:12px;color:var(--muted);margin-top:23px}.activity-controls button{background:none;border:0;font-size:12px;min-height:44px}.activity-card{border-top:0;border-left:1px solid var(--line);padding-left:25px;position:relative}.activity-card:before{content:'';width:9px;height:9px;border:2px solid var(--blue);background:var(--paper);border-radius:50%;position:absolute;left:-6px;top:39px}.activity-card:target{background:var(--surface-2);border-radius:12px}.activity-list{margin-left:6px}.research-identity{margin-bottom:45px}
.detail-opening{display:grid;grid-template-columns:.92fr 1.08fr;gap:45px;align-items:center;padding-block:40px 45px}.detail-heading{min-width:0}.detail-heading .back-link{display:inline-block;font-size:12px;margin-bottom:35px}.detail-heading .card-meta{justify-content:start;gap:17px;margin:0 0 17px}.detail-heading h1{font:850 clamp(44px,5.5vw,76px)/.98 var(--display);letter-spacing:-.06em;margin:0;overflow-wrap:anywhere}.detail-kicker{font:750 clamp(22px,2.4vw,30px)/1.12 var(--display);letter-spacing:-.035em;color:var(--blue);margin-top:22px}.detail-heading .lead{font-size:15px;line-height:1.65;margin-top:17px;max-width:440px}.detail-heading .project-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:25px}.detail-heading .button{font-size:12px;padding:15px 21px}.detail-hero-media{position:relative;min-width:0;align-self:center}.detail-hero-media>.case-video{margin:0}.detail-hero-media .video-facade{aspect-ratio:1.28;border-radius:22px}.detail-hero-media .video-facade>img{height:100%;width:100%;object-fit:cover;object-position:65% 50%}.detail-hero-media .case-video figcaption{font-size:11px;padding:12px 3px;line-height:1.5}.detail-hero-media .case-video figcaption strong{font-size:13px}.detail-hero-media .case-video figcaption a{font-size:11px}.detail-cover,.cosmic-hero-art{display:block;position:relative;aspect-ratio:1.12;overflow:hidden;border-radius:24px;background:var(--surface-2);box-shadow:12px 14px 0 var(--surface-2),0 20px 45px var(--shadow)}.detail-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.detail-infinity-box .detail-cover img{object-position:48% 50%}.cosmic-hero-art{aspect-ratio:1.05;transform:rotate(1.5deg);transition:transform .45s var(--settle)}.cosmic-hero-art:hover{transform:rotate(0deg)}.detail-coffee-zine .detail-cover{aspect-ratio:1.2}.detail-coffee-zine .detail-cover img{object-fit:contain}.detail-media-index{display:block;font-size:9px;font-weight:650;letter-spacing:.08em;color:var(--muted);margin:22px 4px 0}.detail-chapters{margin-block:12px 0}.detail-facts{margin-top:0;padding-block:27px}.detail-facts strong{font-size:14px}.detail-story{padding-top:65px}.detail-story aside h2{font-size:38px;line-height:1.08;margin:20px 0 30px}.detail-context{margin-top:35px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.detail-gallery{padding-block:30px 40px}.detail-gallery>figure{margin:25px 0}.detail-gallery>figure>a{display:block;position:relative;background:var(--surface);border-radius:20px;overflow:hidden;border:1px solid var(--line)}.detail-gallery>figure img{display:block;width:100%;max-height:640px;object-fit:contain}.detail-gallery figcaption{font-size:12px;color:var(--muted);margin-top:12px}.detail-gallery figcaption span{display:block;font-size:10px;margin-top:7px}.detail-gallery .case-video{max-width:800px;margin-inline:auto}.detail-gallery .section-top p{max-width:410px}
.encounter-section{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:42px;margin-block:35px 0;overflow:hidden}.encounter-intro h2{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:18px 0 28px}.encounter-choices{display:flex;flex-wrap:wrap;gap:7px}.encounter-choices button{min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:9px 14px;font-size:12px;transition:background .2s,transform .15s}.encounter-choices button span{font-size:9px;margin-right:7px;opacity:.7}.encounter-choices button[aria-pressed=true]{background:var(--blue);color:var(--button-ink);border-color:var(--blue)}.encounter-choices button:active{transform:scale(.97)}.encounter-detail{min-height:152px;padding-top:12px}.encounter-detail h3{font:750 25px/1.15 var(--display);letter-spacing:-.025em;margin:17px 0 12px}.encounter-detail p{font-size:14px;line-height:1.65;max-width:460px;color:var(--muted)}.encounter-note{font-size:11px!important;line-height:1.6;color:var(--muted);max-width:460px;border-top:1px solid var(--line);padding-top:15px}.encounter-stage{position:relative;min-height:355px;display:grid;place-items:center;perspective:900px;background:radial-gradient(ellipse,var(--cyan-glow),transparent 70%);border-radius:18px}.encounter-stage[data-cube-drag]{cursor:grab;touch-action:pan-y;user-select:none}.encounter-stage[data-cube-drag]:active{cursor:grabbing}.encounter-drag-hint{position:absolute;bottom:4px;font-size:10px;letter-spacing:.025em;color:var(--muted)}.encounter-cube{position:relative;width:165px;height:165px;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(var(--cube-turn,-25deg));transition:transform .55s var(--settle)}.encounter-cube i{position:absolute;width:165px;height:165px;padding:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;font:650 11px var(--font);letter-spacing:.12em;font-style:normal;border:1.5px solid #9ccfe0;background:linear-gradient(140deg,#effcff,#d7dcf6);color:#214bff;border-radius:13px;backface-visibility:hidden;box-shadow:inset 0 0 35px #ffffffaa}.encounter-cube i span{font:500 66px var(--display);margin-top:6px}.encounter-cube i:nth-child(1){transform:translateZ(82.5px)}.encounter-cube i:nth-child(2){transform:rotateY(90deg) translateZ(82.5px)}.encounter-cube i:nth-child(3){transform:rotateY(180deg) translateZ(82.5px)}.encounter-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(82.5px)}.encounter-cube i:nth-child(5){transform:rotateX(90deg) translateZ(82.5px)}.encounter-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(82.5px)}.cosmic-details{width:100%;max-width:320px;height:370px;transform:rotate(2deg);border-radius:18px;overflow:hidden;box-shadow:12px 14px 0 var(--surface-2)}.cosmic-details>div{height:100%}.cosmic-details svg{object-fit:contain}.body-response,.chase-response{width:100%;max-width:470px;overflow:visible}.sound-wave path,.response-figure path,.signal-line{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.signal-line{stroke:var(--line);stroke-dasharray:3 9}.response-figure circle{fill:var(--pink-glow);stroke:var(--pink);stroke-width:4}.response-figure path{stroke:var(--pink)}.body-response text{font:600 10px var(--font);letter-spacing:2px;fill:var(--muted)}.signal-dot{fill:var(--blue);transition:transform .4s var(--settle)}[data-step="1"] .signal-dot{transform:translateX(48px)}[data-step="2"] .response-figure{transform:rotate(-8deg);transform-origin:330px 195px}.response-figure{transition:transform .4s var(--settle)}.responding .sound-wave{animation:response-pulse .55s ease-out}.chase-track{fill:none;stroke:var(--line);stroke-width:3;stroke-dasharray:5 9}.chaser,.runner{offset-path:path('M80 230C25 70 335 12 380 120S245 298 122 212');offset-rotate:0deg;transition:offset-distance .6s var(--settle)}.chaser{offset-distance:12%;fill:var(--pink)}.runner{offset-distance:40%;fill:var(--blue)}.chaser path,.runner path{stroke:var(--button-ink);stroke-width:3;stroke-linecap:round}[data-step="1"] .chaser{offset-distance:43%}[data-step="1"] .runner{offset-distance:70%}[data-step="2"] .chaser{offset-distance:75%}[data-step="2"] .runner{offset-distance:95%}@keyframes response-pulse{50%{opacity:.4;transform:scaleY(.8);transform-origin:center}}
.zine-reader{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:45px;border:1px solid var(--line);border-radius:25px;background:var(--surface);margin-top:35px}.zine-reader h2{font-size:clamp(32px,4vw,54px)}.zine-reader>div>p{font-size:14px;color:var(--muted);max-width:430px}.zine-controls{display:flex;gap:18px;align-items:center;margin:25px 0}.zine-controls button{width:46px;height:46px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);color:var(--blue);font-size:21px}.zine-controls button:disabled{opacity:.35;cursor:default}.zine-controls p{font-size:12px;font-weight:600}.zine-pages{max-width:390px;width:100%;justify-self:center;perspective:1200px}.zine-pages figure{margin:0}.zine-pages figure>a{display:block;position:relative;box-shadow:8px 10px 0 var(--surface-2),0 20px 35px var(--shadow);transform-origin:left;animation:page-open .4s var(--settle)}.zine-pages img{width:100%;height:auto;display:block}.zine-transcript{margin-top:20px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.zine-transcript summary{font-size:12px;font-weight:650;cursor:pointer}.zine-transcript p{font-size:14px;line-height:1.7}.zine-transcript .visual-note{font-size:11px;color:var(--muted)}@keyframes page-open{from{opacity:.4;transform:rotateY(-14deg)}to{opacity:1;transform:rotateY(0)}}
.connected-projects{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.connected-picture{display:block;position:relative;aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:var(--surface-2);margin-bottom:20px}.connected-picture img,.connected-picture svg{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--settle)}.connected-picture i{position:absolute;right:15px;bottom:15px;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;background:var(--paper);color:var(--blue);font:normal 24px var(--font)}.connected-project h3{font:800 31px/1.1 var(--display);letter-spacing:-.04em;margin:10px 0}.connected-project p{font-size:14px;color:var(--muted);max-width:390px}.connected-project:hover img,.connected-project:hover svg{transform:scale(1.03)}
.about-introduction{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-block:25px 60px;align-items:center}.about-introduction p{max-width:610px}.about-record{padding:45px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.about-record-links{display:flex;gap:20px 35px;flex-wrap:wrap}.about-record-links a{font-size:13px;min-height:38px}.conversation-card{background:var(--surface-2);border:1px solid var(--line);border-radius:25px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.conversation-card h2{font-size:clamp(30px,4vw,50px)}.conversation-card p{font-size:14px;color:var(--muted)}.conversation-card .button{white-space:nowrap}.destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.destination-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;transition:transform .3s var(--settle)}.destination-card h3{font:800 34px/1.1 var(--display);letter-spacing:-.04em;margin:23px 0 14px}.destination-card p{font-size:14px;color:var(--muted)}.destination-card .text-link{margin-top:22px;font-size:12px}.destination-card:hover{transform:translateY(-4px)}
main [id]{scroll-margin-top:125px}.map-nodes [data-connected=false]{display:none}.map-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.map-nodes button{min-height:100px}.map-nodes small{font-size:11px;line-height:1.5}html[data-content-active=true] .interaction-field{opacity:.3}html[data-content-active=true] .companion-dock{opacity:.55}html[data-content-active=true] .companion-dock:hover,html[data-content-active=true] .companion-dock:focus-within{opacity:1}.encounter-choices button:focus-visible,.zine-controls button:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
@media(max-width:1000px){.detail-opening{gap:27px}.detail-heading h1{font-size:58px}.encounter-section{padding:30px;gap:25px}.encounter-choices button{padding:10px}.encounter-detail{min-height:185px}.collection-doors{gap:15px}.collection-door>strong{font-size:24px}.recognition-card{padding:21px}.recognition-card h3{font-size:23px}.zine-reader{gap:30px;padding:30px}.about-introduction{gap:35px}}
@media(max-width:700px){.detail-opening{grid-template-columns:1fr;padding-top:25px;gap:28px}.detail-heading .back-link{margin-bottom:25px}.detail-heading h1{font-size:clamp(40px,10.5vw,60px);letter-spacing:-.05em}.detail-heading .card-meta{font-size:10px;margin-bottom:12px}.detail-kicker{font-size:24px;margin:16px 0 12px}.detail-heading .lead{font-size:14px;margin-top:10px}.detail-heading .project-actions{margin-top:20px}.detail-cover,.cosmic-hero-art{aspect-ratio:1.45;box-shadow:6px 7px 0 var(--surface-2);transform:none}.detail-hero-media .video-facade{aspect-ratio:16/10}.detail-media-index{margin-top:16px}.detail-chapters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-block:17px}.detail-chapters a{font-size:11px;min-height:35px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:20px}.detail-facts>div:last-child{grid-column:1/-1}.detail-facts strong{font-size:13px}.encounter-section{grid-template-columns:1fr;padding:24px;margin-top:20px;gap:10px}.encounter-intro h2{font-size:37px;margin:14px 0 22px}.encounter-stage{min-height:260px;grid-row:2}.encounter-detail{min-height:155px}.encounter-choices{gap:6px}.encounter-choices button{font-size:11px;flex:1;padding:9px}.encounter-choices button span{display:block;margin-bottom:3px}.encounter-cube{width:140px;height:140px}.encounter-cube i{width:140px;height:140px}.encounter-cube i:nth-child(1){transform:translateZ(70px)}.encounter-cube i:nth-child(2){transform:rotateY(90deg) translateZ(70px)}.encounter-cube i:nth-child(3){transform:rotateY(180deg) translateZ(70px)}.encounter-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(70px)}.encounter-cube i:nth-child(5){transform:rotateX(90deg) translateZ(70px)}.encounter-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(70px)}.cosmic-details{height:330px;max-width:290px}.detail-story aside h2{font-size:32px}.detail-gallery{padding-top:15px}.detail-gallery>figure img{max-height:none}.zine-reader{grid-template-columns:1fr;gap:25px;padding:24px}.zine-reader h2{font-size:36px}.zine-pages{max-width:340px}.collection-doors{grid-template-columns:1fr;gap:13px;margin-bottom:35px}.collection-door{display:grid;grid-template-columns:95px 1fr;column-gap:12px;padding:12px}.door-visual{grid-row:1/4;height:96px;margin:0}.collection-door>.eyebrow{margin-top:7px}.collection-door>strong{font-size:23px;margin-block:6px}.collection-door>span:last-of-type{font-size:11px;max-width:180px}.collection-door>i{right:14px;bottom:12px;font-size:19px}.collection-intro{padding-bottom:27px}.collection-intro h1{font-size:clamp(44px,12vw,56px)}.games-opening{padding-top:30px;gap:27px}.games-opening h1{font-size:clamp(44px,11.5vw,59px)}.games-opening .lead{font-size:15px;margin-top:18px}.games-opening .eyebrow{margin-bottom:17px}.opening-tally{display:none}.game-pick-picture{aspect-ratio:16/9}.game-pick-label{padding:17px 9px 0}.game-pick-dots{padding-top:0}.art-gallery{grid-template-columns:1fr;gap:35px}.art-gallery>.collection-card:nth-child(n){padding:0;max-width:none}.art-gallery>.collection-card:first-child .collection-picture{aspect-ratio:1.35}.art-gallery .collection-picture{aspect-ratio:16/10}.art-gallery .collection-copy h3{font-size:31px}.collection-concept.koaikoi-band{display:flex;flex-direction:column;gap:25px;padding-top:30px}.collection-concept.koaikoi-band .concept-copy{order:0}.collection-concept.koaikoi-band .being-concept{order:1}.recognition-grid{grid-template-columns:1fr}.recognition-card{padding:22px;position:relative}.recognition-mark{float:right;margin:0 0 15px 15px;font-size:35px}.recognition-card h3{font-size:27px}.recognition-card .text-link{margin-top:10px}.section-wayfinding{gap:5px 20px;padding-block:17px}.section-wayfinding a{font-size:11px}.activity-card{padding-left:20px}.activity-card:before{top:29px}.training-disclosure summary{font-size:19px;gap:10px}.training-disclosure summary small{font-size:10px}.connected-projects{grid-template-columns:1fr;gap:32px}.connected-project h3{font-size:29px}.about-introduction{grid-template-columns:1fr;gap:35px}.about-mark{min-height:260px}.about-record{padding:25px}.conversation-card{padding:25px;flex-direction:column;align-items:start}.destination-grid{grid-template-columns:1fr}.destination-card{padding:25px}.destination-card h3{font-size:30px}.map-nodes{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.encounter-section *,.zine-reader *,.collection-door,.connected-picture *,.recognition-card,.destination-card,.cosmic-hero-art{animation:none!important;transition:none!important}}
html[data-motion=less] .encounter-section *,html[data-motion=less] .zine-reader *,html[data-motion=less] .collection-door,html[data-motion=less] .connected-picture *,html[data-motion=less] .recognition-card,html[data-motion=less] .destination-card,html[data-motion=less] .cosmic-hero-art{animation:none!important;transition:none!important}

@media(max-width:700px){.collection-concept.koaikoi-band>.concept-artwork{order:1}.collection-concept.koaikoi-band>div:first-child{order:0}}

.collection-concept[data-art-attention] .being-halo{border-color:var(--pink);transition:border-color .3s}.collection-concept[data-art-attention="coffee-zine"] .being-preview{transform:rotate(5deg)}

@media(min-width:701px){.detail-facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}

.detail-zine-cover{display:grid;place-items:center;background:radial-gradient(ellipse,var(--pink-glow),transparent 75%),var(--surface);padding:18px}.detail-zine-cover img{height:100%;width:auto;max-width:80%;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(7px 10px 9px var(--shadow));transition:transform .4s var(--settle)}.detail-zine-cover:hover img{transform:rotate(0)}
.detail-facts>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.detail-facts strong{overflow-wrap:anywhere}.encounter-section>*{min-width:0}
@media(max-width:700px){.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-facts>div{gap:7px}}
html[data-motion=less] .detail-zine-cover img{transition:none!important;transform:none}
@media(prefers-reduced-motion:reduce){.detail-zine-cover img{transition:none!important;transform:none}}


/* Source: /assets/discovery.css */
/* One pearl studio. Local encounters keep their own materials and motifs. */
:root{--motion-press:150ms;--motion-select:280ms;--motion-encounter:520ms;--studio-radius:22px;--studio-hairline:1px solid var(--line)}
[hidden]{display:none!important}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
:where(button,a,summary,input,select):focus-visible{outline:3px solid var(--pink);outline-offset:4px}
:where(button,.button):active{translate:0 1px}
:where(.eyebrow,.card-meta,.collection-meta,.studio-status){line-height:1.6}
.curiosity-welcome{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px;padding:28px 32px;margin:10px 0 8px;border:var(--studio-hairline);border-radius:var(--studio-radius);background:linear-gradient(112deg,var(--surface),var(--surface-2));box-shadow:0 12px 34px var(--shadow)}
.curiosity-welcome h2{font:800 clamp(24px,2.8vw,36px)/1.15 var(--display);letter-spacing:-.035em;margin:7px 0 9px}
.curiosity-welcome h2 em{font-style:normal;color:var(--blue)}
.curiosity-welcome p:not(.eyebrow){font-size:13px;line-height:1.65;margin:0;color:var(--muted)}
.curiosity-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}
.curiosity-choices button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 19px;border:var(--studio-hairline);border-radius:99px;background:var(--paper);color:var(--ink);font-weight:650;font-size:13px;transition:background var(--motion-select),border-color var(--motion-select),box-shadow var(--motion-select)}
.curiosity-choices button>span{font-size:19px;color:var(--pink);transition:rotate var(--motion-select)}
.curiosity-choices button:hover>span{rotate:18deg}
.curiosity-choices button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:var(--button-ink);box-shadow:0 4px 14px var(--shadow)}
.curiosity-choices button[aria-pressed=true]>span{color:inherit}
.curiosity-choices [data-intent=everything]{border-color:transparent;background:transparent;font-weight:500}
.curiosity-choices [data-intent=everything][aria-pressed=true]{background:transparent;border-color:transparent;color:var(--blue);box-shadow:none;text-decoration:underline;text-underline-offset:5px}
.welcome-dismiss{padding:12px 0 0;min-height:38px;background:none;border:0;color:var(--muted);font-size:12px;text-align:left}
.welcome-dismiss:hover{text-decoration:underline;text-underline-offset:4px}
.curiosity-welcome .welcome-note{grid-column:2;font-size:11px!important;margin-top:-11px!important}
.welcome-petal{position:relative;width:47px;height:47px;margin-top:14px;transition:rotate var(--motion-encounter)}
.welcome-petal i{position:absolute;width:23px;height:25px;border-radius:90% 90% 30% 90%;background:linear-gradient(140deg,var(--blue),var(--pink));opacity:.8;transform-origin:right bottom}
.welcome-petal i:nth-child(2){rotate:90deg}.welcome-petal i:nth-child(3){rotate:180deg}.welcome-petal i:nth-child(4){rotate:270deg}
.curiosity-welcome:focus-within .welcome-petal{rotate:35deg}
.curiosity-welcome[data-chosen=true]{border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}
[data-welcome-return] .text-link{margin-top:8px;font-size:13px;background:none;border:0;padding:0;min-height:36px}
.discovery-picture{position:relative;display:block;aspect-ratio:16/10;background:var(--surface-2);border:var(--studio-hairline);border-radius:18px;overflow:hidden}
.discovery-picture>img,.discovery-picture>svg{display:block;width:100%;height:100%;object-fit:cover;transition:scale var(--motion-select)}
.discovery-picture:hover>img{scale:1.025}
[data-home-highlight=coffee-zine] .discovery-picture>img{object-fit:contain;padding:15px}
.studio-object-picture>.cosmic-crop{width:100%;height:100%;display:block}
.studio-object[data-studio-select=coffee-zine] .studio-object-picture img{object-fit:contain;background:var(--surface-2)}
.discovery-highlights .card-meta{gap:8px;flex-wrap:wrap;font-size:11px}
.discovery-highlights .project-card{border-radius:19px;transition:box-shadow var(--motion-select),background var(--motion-select);padding:10px;margin:-10px}
.discovery-highlights [data-in-focus=true]{background:var(--surface);box-shadow:0 0 0 1px var(--line),0 12px 26px var(--shadow)}
.discovery-row button,.discovery-result-actions>button,.search-tools button{min-height:42px;padding:9px 13px;border:var(--studio-hairline);border-radius:99px;background:var(--surface);color:var(--blue);font-size:12px}
.discovery-result{position:fixed;z-index:80;right:24px;bottom:100px;width:min(350px,calc(100vw - 24px));border:var(--studio-hairline);border-radius:20px;padding:17px 20px 20px;background:var(--paper);color:var(--ink);box-shadow:0 18px 70px var(--shadow)}
.discovery-result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.discovery-result-heading>.eyebrow{font-size:10px;margin:0}
.discovery-result-heading>button{width:36px;height:36px;background:var(--surface-2);border:0;border-radius:50%;color:var(--ink);font-size:23px}
.discovery-result [data-discovery-title]{font:800 25px/1.1 var(--display);letter-spacing:-.025em;margin:10px 0}
.discovery-result [data-discovery-reason]{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 16px}
.discovery-result-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.discovery-result-actions .button{font-size:12px;padding:10px 16px;min-height:42px}
.discovery-result-actions>button:disabled{opacity:.4}
.explorer-open .discovery-result{display:none}
[data-discovery-highlight=true]{outline:3px solid var(--pink);outline-offset:5px;border-radius:14px}
.search-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}
.search-tools label{font-size:12px!important;display:flex;align-items:center;gap:9px}
.search-tools select{min-height:42px;border:var(--studio-hairline);border-radius:12px;background:var(--surface);color:var(--ink);padding:8px;font:inherit;max-width:100%}
#search-more{margin-top:20px;font-size:13px}
#search-count{font-size:12px;line-height:1.5}.search-empty button{margin:8px 8px 0 0;min-height:44px;border:var(--studio-hairline);background:var(--surface);color:var(--blue);border-radius:99px;padding:8px 18px}
.explore-item{border-radius:14px;padding:14px 10px;transition:background var(--motion-select)}
.explore-item:hover,.explore-item:focus-within{background:var(--surface-2)}
.explore-item strong{font:750 19px/1.2 var(--display);letter-spacing:-.02em}.explore-item small{line-height:1.5;font-size:11px}.explore-item p{font-size:13px;line-height:1.6}
.explore-intent{font-size:12px;color:var(--muted)}
.companion-dock{gap:8px;padding:8px 12px;border-radius:99px;max-width:calc(100vw - 24px)}
.companion-dock .companion-caption{margin-right:4px}.companion-dock>button{min-height:42px;font-size:12px;white-space:nowrap}
.companion-dock .spark-more{order:3;position:relative;border:0;padding:0;background:none}
.spark-more summary{display:grid;place-items:center;min-width:40px;min-height:42px;cursor:pointer;list-style:none;letter-spacing:2px;font-size:12px;color:var(--blue)}
.spark-more summary::-webkit-details-marker{display:none}
.spark-more>div{position:absolute;bottom:calc(100% + 18px);right:0;width:170px;padding:8px;border:var(--studio-hairline);border-radius:15px;background:var(--paper);box-shadow:0 10px 32px var(--shadow);display:grid;gap:4px}
.spark-more button{display:block;text-align:left;border:0;border-radius:9px;min-height:44px;padding:10px 13px;background:var(--surface);color:var(--ink);font-size:12px}
.spark-more button:hover{background:var(--surface-2)}
.case-opening h1,.detail-heading h1{font:850 clamp(44px,5.8vw,80px)/1.02 var(--display);letter-spacing:-.055em;color:var(--blue);overflow-wrap:break-word}
.case-opening .lead,.detail-kicker{font:750 clamp(23px,2.4vw,30px)/1.2 var(--display);letter-spacing:-.03em;color:var(--blue);margin-block:19px 13px}
.case-opening-description,.detail-heading .lead{font:400 15px/1.7 var(--font);color:var(--muted);max-width:460px}
.case-opening .case-serial{font-size:12px;margin-bottom:20px}.case-opening .case-serial>span{font-size:10px;line-height:1.5}
.case-opening .card-meta,.detail-heading .card-meta{font-size:11px;line-height:1.5;flex-wrap:wrap;gap:10px}
.detail-heading .card-meta>span:last-child{border:var(--studio-hairline);padding:3px 9px;border-radius:99px}
.case-chapters,.detail-chapters{border-block:var(--studio-hairline);padding-block:20px;margin-top:0;gap:12px 24px;display:flex;flex-wrap:wrap;position:relative;top:auto;z-index:1;background:var(--surface)}
.case-chapters a{font-size:12px;min-height:40px;display:flex;align-items:center;gap:8px;border-radius:10px;padding:8px 10px;transition:background var(--motion-select)}
.case-chapters a[aria-current=location]{background:var(--surface-2);color:var(--blue)}
.project-facts{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:24px;padding-block:28px}
.project-facts span{font-size:11px;line-height:1.5}.project-facts strong,body[data-case] .project-facts strong{font-size:14px;line-height:1.5}
.case-body{font-size:16px;line-height:1.8}.case-body h2,body[data-case] .case-body h2{font:780 clamp(29px,3.4vw,40px)/1.15 var(--display);letter-spacing:-.035em}
.case-body>p,.reading-split p{max-width:66ch}
.case-evidence-frame,.detail-cover{border-radius:var(--studio-radius);border:var(--studio-hairline)}
.case-evidence figcaption,.detail-media-index,.inspection-credit,.case-media-note{font-size:12px;line-height:1.6}
.collection-copy>small,.collection-meta,.collection-card .collection-links a,.stage-credit,.studio-context-copy>small{font-size:12px;line-height:1.6}
.collection-card,.connected-project,.activity-card{scroll-margin-top:120px}
.collection-picture,.connected-picture,.recognition-card,.destination-card{transition:transform var(--motion-select),box-shadow var(--motion-select),border-color var(--motion-select)}
.collection-picture:focus-visible,.connected-project:focus-visible{outline-offset:5px}
.work-section[data-view=map]>.filters,.work-section[data-view=map]>.collection-toolbar{display:flex!important}
.work-section[data-view=map]{display:flex;flex-direction:column}.work-section[data-view=map]>.work-view-controls{order:0}.work-section[data-view=map]>.filters{order:1}.work-section[data-view=map]>.collection-toolbar{order:2}.work-section[data-view=map]>.project-map{order:3}.work-section[data-view=map]>.collection-empty{order:4}
.project-map{background:var(--surface-2);border-color:var(--line)}.map-core,.map-detail,.map-nodes button[data-connected=true],.map-threads button{background:var(--surface);color:var(--ink);border-color:var(--line)}
.map-nodes button[aria-pressed=true]{background:var(--surface-2);color:var(--blue)}.map-nodes button>span,.map-nodes button>small{font-size:12px}.map-core p,.map-tags{font-size:12px}
.map-threads button[aria-pressed=true]{background:var(--blue);color:var(--button-ink)}
.training-list li:target{background:var(--surface-2);outline:2px solid var(--blue);outline-offset:7px;border-radius:6px}
.zine-pages .keep-button{margin-top:18px}.zine-pages figure:focus{outline:0}.zine-pages figure:focus-visible{outline:3px solid var(--pink);outline-offset:10px}
.case-lab-controls button,.lab-options button,.inspection-choices button,.encounter-choices button{min-height:44px}
.about-thread-link{display:inline-flex;align-items:center;gap:15px;margin-top:20px;font-size:13px;color:var(--blue);min-height:44px}
.destination-card .destination-icon{display:block;width:42px;height:42px;color:var(--blue);margin-bottom:20px}
html[data-content-active=true] :is(.field-drift,.field-loops,.ring-drift,.being-float,.studio-wash,.studio-orbit i){animation-play-state:paused!important}
html[data-content-active=true] .interaction-field{opacity:.23}
.discovery-picture svg,.studio-object-picture svg{pointer-events:none}
@media(max-width:900px){.curiosity-welcome{padding:24px;gap:17px}.companion-dock .companion-caption small{display:none}.companion-dock{bottom:16px}.discovery-result{bottom:87px}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .curiosity-welcome{grid-template-columns:1fr;padding:23px 20px;margin-top:0;gap:14px}.welcome-petal{display:none}.curiosity-welcome h2{max-width:330px;font-size:29px}.curiosity-welcome .welcome-note{grid-column:1;margin-top:0!important}.curiosity-choices{gap:7px}.curiosity-choices button{padding:10px 14px;font-size:12px}.curiosity-welcome .eyebrow{font-size:10px}
 .pearl-stage{margin-top:15px}.studio-object-picture svg{aspect-ratio:16/10}.studio-object-label small,.practice-nav small{font-size:11px}.studio-object-label{gap:5px}.studio-context-copy>small{font-size:12px}.studio-object-category{font-size:11px}.studio-status{font-size:12px}
 .companion-dock .companion-caption{display:none}.companion-dock{right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:6px;padding:6px 9px}.companion-dock>button{font-size:12px;padding:9px 12px}.companion-dock .pocket-count{width:19px;min-width:19px;height:19px;font-size:10px}.companion-dock.is-tucked{gap:6px;padding:6px 9px}.spark-more>div{bottom:calc(100% + 15px)}
 .discovery-result{right:12px;bottom:84px;padding:13px 17px 17px;max-height:calc(100dvh - 180px);overflow:auto}.discovery-result [data-discovery-title]{font-size:23px}.discovery-result [data-discovery-reason]{font-size:12px}
 .collection-concept.research-band .split{display:flex;flex-direction:column;gap:24px}.collection-concept.research-band .split>.concept-artwork{order:1;width:100%}.collection-concept.research-band .split>div:last-child{order:0}.collection-concept .research-visual{height:300px;min-height:0}.collection-concept.research-band{padding-block:35px 25px}.collection-concept.research-band h1{font-size:clamp(40px,10.3vw,58px)}
 .case-opening h1,.detail-heading h1{font-size:clamp(42px,11vw,62px)!important}.case-opening .lead,.detail-kicker{font-size:25px}.case-opening-description,.detail-heading .lead{font-size:15px}.case-opening .case-serial{margin-bottom:16px}.case-chapters,.detail-chapters{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-block:16px}.case-chapters a{font-size:12px;padding:8px}.case-chapters a>span{font-size:11px}.project-facts{gap:20px}.project-facts strong,body[data-case] .project-facts strong{font-size:13px}
 .detail-media-index{font-size:11px;letter-spacing:.04em}.encounter-section{padding:23px 20px}.encounter-detail{min-height:185px}.encounter-choices button{font-size:12px}.encounter-note{font-size:12px!important}.section-wayfinding a{font-size:12px;min-height:44px}
 .explore-header p{font-size:12px}.explore-tabs button{font-size:12px;min-height:44px}.explore-item strong{font-size:20px}.explore-item p{font-size:13px}.search-tools{flex-wrap:wrap}.search-tools label{flex:1}.search-tools select{min-width:0}.map-nodes{grid-template-columns:1fr}.map-nodes button>strong{font-size:18px}.map-network{grid-template-columns:1fr}
 .collection-copy>small,.collection-meta,.collection-card .collection-links a{font-size:12px}.collection-copy h3{overflow-wrap:anywhere}.training-disclosure summary{flex-wrap:wrap}.training-disclosure summary small{font-size:11px}.activity-card h3{overflow-wrap:anywhere}
}
@media(max-width:370px){.curiosity-choices button{padding-inline:11px}.companion-dock>button{padding-inline:9px}.curiosity-welcome h2{font-size:27px}.case-chapters a{gap:6px;font-size:11px}.encounter-detail{min-height:220px}}
html[data-motion=less] :is(.welcome-petal,.curiosity-choices span,.discovery-picture>img,.collection-picture,.connected-picture,.recognition-card,.destination-card){transition:none!important;transform:none!important;rotate:none!important;scale:1!important}
@media(prefers-reduced-motion:reduce){.welcome-petal,.curiosity-choices span,.discovery-picture>img{transition:none!important;rotate:none!important;scale:1!important}}

.companion-dock,.companion-dock.is-tucked{width:max-content;flex-wrap:nowrap}.companion-dock>button,.companion-dock>.spark-more{flex-shrink:0}.question-evidence{margin:0 25px 24px;font-size:13px}.explore-thumb{float:right;width:72px;height:54px;object-fit:cover;border-radius:9px;margin:0 0 9px 12px;background:var(--surface-2)}

.project-facts>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.project-facts strong{overflow-wrap:anywhere}html[data-content-active=true] .companion-dock{opacity:1}

.companion-dock .companion-caption{flex:0 1 auto;padding:0 4px;width:auto}.companion-dock .companion-caption small{display:none}.door-visual>svg{width:100%;height:100%;display:block}

/* The welcome stays small enough for the work to lead the opening. */
.curiosity-welcome{grid-template-columns:36px minmax(0,1fr);gap:18px;padding:20px 24px;margin-top:0}
.curiosity-welcome [data-welcome-question]>.eyebrow,.curiosity-welcome .welcome-note{display:none}
.welcome-petal{width:32px;height:32px;margin-top:20px}.welcome-petal i{width:16px;height:17px}
.curiosity-welcome h2{font-size:27px;margin-block:0 7px}.curiosity-choices{margin-top:13px}.welcome-dismiss{min-height:32px;padding-top:8px}
@media(min-width:950px){.curiosity-welcome [data-welcome-question]{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.6fr);column-gap:28px;align-items:center}.curiosity-welcome h2{grid-column:1;grid-row:1/3;font-size:26px;max-width:300px}.curiosity-welcome [data-welcome-question]>p{display:none}.curiosity-choices{grid-column:2;grid-row:1;margin:0;gap:6px}.curiosity-choices button{padding:9px 12px;font-size:12px;gap:7px}.welcome-dismiss{grid-column:2;grid-row:2;padding-top:4px}.curiosity-welcome{padding-block:18px}}
@media(max-width:700px){.curiosity-welcome{grid-template-columns:1fr;padding:21px 20px}.curiosity-welcome h2{font-size:27px}.curiosity-welcome [data-welcome-question]>p{font-size:12px}.curiosity-choices button{padding:9px 12px}}

.explore-item strong{position:relative;padding-right:22px}.explore-item strong>span{position:absolute;right:0;top:0}
.companion-dock>button:disabled{opacity:.45;cursor:default}


/* Source: /assets/arrival.css */
/* One arrival: the invitation, real work and its next action share the same view. */
.pearl-opening{padding-top:28px}
.arrival-studio{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:38px;align-items:start}
.arrival-intro{padding-top:25px;min-width:0}
.arrival-intro>.eyebrow{font-size:10px;color:var(--muted);margin:0 0 22px;letter-spacing:.14em}
.arrival-intro h1{font:900 clamp(43px,4.9vw,75px)/.96 var(--display);letter-spacing:-.045em;word-spacing:.08em;color:var(--blue);margin:0 0 23px;white-space:normal}
.arrival-intro h1 .statement-line{display:block;color:var(--blue)}
.arrival-intro .closer-word{color:var(--pink)}
.arrival-hello{font-size:14px;line-height:1.7;color:var(--muted);max-width:380px;margin:0 0 25px}
.arrival-hello strong{font-weight:750;color:var(--ink)}
.arrival-browse{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:12px;margin-top:6px}
.arrival-studio .curiosity-welcome{display:block;padding:19px 20px 12px;margin:0;border-radius:22px;background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--cyan-glow) 18%,var(--surface)));box-shadow:0 9px 24px color-mix(in srgb,var(--shadow) 45%,transparent)}
.arrival-studio [data-welcome-question]{display:block}
.arrival-studio .welcome-petal{position:absolute;right:18px;top:13px;width:24px;height:24px;margin:0;opacity:.65}
.arrival-studio .welcome-petal i{width:12px;height:13px}
.arrival-studio .curiosity-welcome h2{font-size:23px;line-height:1.14;margin:0 20px 14px 0;max-width:270px;letter-spacing:-.03em}
.arrival-studio .curiosity-choices{gap:6px;margin:0}
.arrival-studio .curiosity-choices button{font-size:12px;padding:9px 12px;gap:7px;min-height:44px}
.arrival-studio .curiosity-welcome .welcome-response{display:block;font-size:12px;line-height:1.5;margin:12px 0 0;min-height:36px;max-width:35ch;color:var(--muted)}
.arrival-studio .welcome-dismiss{font-size:11px;min-height:34px;padding-top:6px}
.arrival-studio .curiosity-welcome[data-chosen=true] .welcome-response{color:var(--blue)}
.arrival-studio .pearl-stage{margin:0;min-width:0;padding-top:6px}
.arrival-studio .pearl-objects{height:clamp(340px,calc(23vw + 100px),440px)}
.arrival-studio .studio-object[data-place=active]{left:14%;top:20px;width:76%;z-index:4}
.arrival-studio .studio-object[data-place=left]{left:0;top:185px;width:23%}
.arrival-studio .studio-object[data-place=right]{left:78%;top:220px;width:22%}
.arrival-studio .studio-object-picture{border-width:5px}
.arrival-studio .studio-object-label{gap:8px;line-height:1.2;padding:10px 1px 0;margin:0}
.arrival-studio .studio-object-label strong{font-size:14px;letter-spacing:-.01em}
.arrival-studio .studio-object-label small{font-size:9px;line-height:1.4}
@media(min-width:701px){.arrival-studio .studio-object[data-place=active] .studio-object-label{display:flex;justify-content:center;text-align:center}.arrival-studio .studio-object[data-place=active] .studio-object-label small{display:none}}
.arrival-studio .studio-object:not([data-place=active]) .studio-object-label strong{font-size:12px}
.arrival-studio .studio-object:not([data-place=active]) .studio-object-label small{display:none}
.arrival-studio .studio-object:not([data-place=active]) .studio-object-category{display:none}
.arrival-studio .studio-shuffle{left:44%;bottom:-2px;transform:translateX(-50%);font-size:11px;max-width:50%;gap:8px;min-height:40px;padding:4px 5px}
.arrival-studio .studio-shuffle{border:1px solid var(--line);border-radius:99px;background:var(--surface);padding:6px 12px;box-shadow:0 4px 12px var(--shadow)}
.arrival-studio .shuffle-pearl{width:28px;height:28px;flex-shrink:0}
.arrival-studio .studio-orbit{opacity:.65}
.arrival-studio .pearl-context{margin-top:14px;padding:21px 0 0;border-top:1px solid var(--line)}
.arrival-studio .pearl-context section:not([hidden]){display:block;min-height:0}
.arrival-studio .studio-context-copy{max-width:none}
.arrival-studio .studio-context-copy h2{font-size:clamp(26px,2.5vw,36px);line-height:1.13;margin:10px 0}
.arrival-studio .studio-context-copy>p:not(.studio-status){font-size:13px;line-height:1.65;max-width:48ch;margin:0 0 9px}
.arrival-studio .studio-context-copy>small{font-size:11px}
.arrival-studio .studio-status{font-size:10px;display:flex;justify-content:space-between;gap:16px}
.arrival-studio .studio-context-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:11px 18px;margin-top:18px}
.arrival-studio .studio-context-actions .button{font-size:12px;min-height:44px;padding:12px 18px}
.arrival-studio .studio-context-actions .text-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.pearl-opening .practice-nav{margin-top:38px}
.pearl-opening .studio-entry-tools{margin-top:22px}
.pearl-opening .studio-preferences{padding-top:8px}
.spark-launcher{display:none}
.discovery-preview{float:right;width:82px;height:62px;margin:10px 0 12px 14px;border-radius:10px;overflow:hidden;background:var(--surface-2)}
.discovery-preview img{width:100%;height:100%;object-fit:cover}
.discovery-result-actions{clear:both}
.discovery-result [data-discovery-title]{font-size:23px;line-height:1.15}
.discovery-placeholder{display:grid;place-items:center;width:100%;height:100%;font:800 70px var(--display);color:var(--blue);background:radial-gradient(at 20% 20%,var(--cyan-glow),transparent 65%),radial-gradient(at 80% 80%,var(--pink-glow),transparent 60%),var(--surface-2)}
.explore-action{display:block;margin-top:10px;font-size:12px;font-weight:650;color:var(--blue)}
.guide-show{border:1px solid var(--line);border-radius:99px;min-height:44px;padding:9px 15px;background:var(--surface);color:var(--blue);font-size:12px}
.collection-global-search{min-height:44px;border:0;background:none;font-size:12px;color:var(--blue);text-align:left}
.search-tools{flex-wrap:wrap;justify-content:flex-start}.search-tools label{flex:1 1 180px}.search-tools select{flex:1;min-width:0}.search-tools #search-clear{margin-left:auto}
#companion-discovery{margin-bottom:20px;border:1px solid var(--line);border-radius:16px;padding:16px}
#companion-discovery .explore-item{padding:12px 0 0;border:0}
html[data-discovery-acting=true] :is(.field-drift,.field-loops,.ring-drift,.being-float,.studio-wash,.studio-orbit i){animation-play-state:paused!important}
html[data-discovery-acting=true] .interaction-field{opacity:.55}
[data-discovery-highlight=true]{outline:2px solid color-mix(in srgb,var(--pink) 70%,transparent);outline-offset:8px;animation:discovery-arrives .7s var(--settle) both}
@keyframes discovery-arrives{from{box-shadow:0 0 0 0 color-mix(in srgb,var(--pink) 30%,transparent)}to{box-shadow:0 0 0 14px transparent}}
@media(min-width:701px) and (max-width:1050px){
 .arrival-studio{gap:25px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .arrival-intro h1{font-size:clamp(37px,4.8vw,54px)}
 .arrival-studio .pearl-objects{height:clamp(300px,calc(22vw + 130px),370px)}.arrival-studio .studio-object[data-place=left]{top:160px}.arrival-studio .studio-object[data-place=right]{top:185px}
 .arrival-studio .studio-object-label{display:block}.arrival-studio .studio-object-label small{margin-top:4px}
 .arrival-studio .studio-shuffle{left:44%;bottom:-2px;max-width:49%}
 .arrival-studio .studio-context-actions{gap:5px 13px}.arrival-studio .studio-context-copy h2{font-size:29px}
 .arrival-studio .curiosity-welcome{padding:18px 16px 12px}.arrival-studio .curiosity-welcome h2{font-size:22px}
}
@media(max-width:700px){
 .pearl-opening{padding-top:16px}.arrival-studio{display:block}
 .arrival-intro{padding:0}.arrival-intro>.eyebrow{font-size:9px;margin-bottom:14px}
 .arrival-intro h1{font-size:clamp(39px,10vw,66px);line-height:.96;margin-bottom:15px}
 .arrival-hello{font-size:13px;line-height:1.55;max-width:430px;margin-bottom:16px}.arrival-hello br{display:none}.arrival-hello strong{display:inline}
 .arrival-studio .curiosity-welcome{padding:16px 16px 9px;border-radius:18px}
 .arrival-studio .curiosity-welcome h2{font-size:21px;max-width:270px;margin-bottom:11px}
 .arrival-studio .curiosity-choices{gap:5px}.arrival-studio .curiosity-choices button{padding:8px 11px;font-size:12px;gap:6px}
 .arrival-studio .curiosity-welcome .welcome-response{font-size:11px;line-height:1.5;margin-top:9px;min-height:32px;max-width:45ch}
 .arrival-studio .welcome-dismiss{min-height:30px;padding-top:1px;font-size:11px}
 .arrival-browse{font-size:11px;min-height:36px;margin:0}
 .arrival-studio .pearl-stage{padding:0;margin-top:5px}
 .arrival-studio .pearl-objects{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
 .arrival-studio .studio-object[data-place]{position:relative;left:auto;top:auto;width:100%;transform:none;order:2}
 .arrival-studio .studio-object[data-place=active]{grid-column:1/-1;order:0;max-width:100%;width:100%;margin:0}
 .arrival-studio .studio-object[data-place=active] .studio-object-picture{aspect-ratio:16/9}
 .arrival-studio .studio-object-label{display:flex;padding-top:10px}.arrival-studio .studio-object-label strong{font-size:15px}.arrival-studio .studio-object-label small{font-size:9px}
 .arrival-studio .studio-object:not([data-place=active]) .studio-object-label strong{font-size:13px}
 .arrival-studio .pearl-context{grid-column:1/-1;order:1;margin:0;padding:15px 0 0}
 .arrival-studio .studio-context-copy h2{font-size:29px;margin:8px 0}.arrival-studio .studio-context-copy>p:not(.studio-status){font-size:13px}
 .arrival-studio .studio-context-actions{margin-top:12px;gap:8px 16px}
 .arrival-studio .studio-shuffle{position:relative;grid-column:1/-1;order:3;left:auto;bottom:auto;max-width:none;justify-self:center;margin:0;min-height:44px;font-size:12px;transform:none}
 .arrival-studio .studio-floor{top:10%}.arrival-studio .studio-orbit{inset:0 0 auto;height:260px;opacity:.45}.arrival-studio .studio-caustic{inset:0 0 auto;height:260px}
 .pearl-opening .practice-nav{margin-top:24px}
 .companion-dock,.companion-dock.is-tucked{display:none!important}
 .site-header{gap:8px}.site-header .brand{font-size:22px;margin-right:auto;white-space:nowrap}.site-header .brand-symbol{display:none}
 .site-header .find-toggle{padding:8px;min-width:38px;min-height:44px;margin:0;gap:0}.site-header .find-label{display:none}
 .site-header .spark-launcher{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--blue);font-size:12px;font-weight:650;order:2}
 .spark-launcher>span:first-child{color:var(--pink);font-size:17px}.site-header .menu-toggle{min-height:44px;padding:8px 4px;order:3;font-size:12px}
 .discovery-result{bottom:max(12px,env(safe-area-inset-bottom));max-height:calc(100dvh - 110px)}
 .collection-toolbar{gap:14px}.collection-global-search{flex-basis:100%;padding:0}
}
@media(max-width:370px){.site-header{gap:5px}.site-header .brand{font-size:19px}.site-header .spark-launcher{padding-inline:8px;min-width:40px}.spark-launcher>span:last-child{display:none}.arrival-intro h1{font-size:10.1vw}.arrival-studio .curiosity-choices button{padding-inline:9px}.arrival-studio .curiosity-welcome h2{font-size:20px}}
html[data-motion=less] [data-discovery-highlight=true]{animation:none}
@media(prefers-reduced-motion:reduce){[data-discovery-highlight=true]{animation:none}}
/* Homepage feel pilot: stable controls, local confirmation, one expressive lead. */
html[data-homepage-feel] .curiosity-choices button{
 transition:background-color 120ms ease,border-color 120ms ease,box-shadow 120ms ease,color 120ms ease;
}
html[data-homepage-feel] .curiosity-choices button[aria-pressed=true]{
 box-shadow:inset 0 0 0 1px var(--blue),0 3px 12px var(--shadow);
}
html[data-homepage-feel] .curiosity-choices button:active{box-shadow:inset 0 2px 5px var(--shadow)}
html[data-homepage-feel] .studio-object-picture{pointer-events:none}
html[data-homepage-feel] .studio-object[aria-pressed=true] .studio-object-picture{
 box-shadow:0 18px 32px var(--shadow),0 0 0 2px color-mix(in srgb,var(--blue) 35%,transparent);
}
html[data-homepage-feel] [data-feel-handoff=true]{
 outline:3px solid var(--pink);outline-offset:6px;
}
html[data-homepage-feel] [data-discovery-highlight=true]{animation:none}
html[data-motion=less][data-homepage-feel] .curiosity-choices button{transition:none}

/* Phase 2: local, reversible feedback. The selected/saved state outlives the accent. */
.keep-button[data-browse-feedback=saved]{box-shadow:0 0 0 3px color-mix(in srgb,var(--pink) 20%,transparent)}
.keep-button[data-browse-feedback=removed]{box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 16%,transparent)}
[data-browse-feedback=empty]{box-shadow:inset 3px 0 0 var(--pink)}
.pocket-count[data-browse-feedback],.tab-count[data-browse-feedback]{box-shadow:0 0 0 4px color-mix(in srgb,var(--pink) 20%,transparent)}
.browse-notice{position:fixed;z-index:85;left:24px;bottom:max(24px,env(safe-area-inset-bottom));max-width:min(400px,calc(100vw - 48px));margin:0;padding:13px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 8px 30px var(--shadow);font-size:12px;line-height:1.5;pointer-events:none}
.explore-save-notice{flex-shrink:0;margin:0;padding:11px 22px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--ink);font-size:12px;line-height:1.5}
.filters a,.keep-button,.search-tools select{transition:background-color 140ms ease,box-shadow 140ms ease,border-color 140ms ease}
.filters a[aria-current=true]{box-shadow:0 2px 10px var(--shadow)}

/* Opaque fallback first. Supported browsers expose the studio through one glass surface. */
.companion-dock,.discovery-result,#explore-dialog,.spark-more>div{
 --glass-link:color-mix(in srgb,var(--blue) 65%,var(--ink));
 --muted:var(--ink);
 background:var(--surface);color:var(--ink);
 border-color:color-mix(in srgb,var(--line) 80%,var(--rim));
 box-shadow:0 14px 45px var(--shadow),inset 0 1px 0 var(--rim);
}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){
 .companion-dock,.discovery-result,#explore-dialog,.spark-more>div{
  background:linear-gradient(135deg,color-mix(in srgb,var(--rim) 18%,transparent),transparent 65%),color-mix(in srgb,var(--surface) 78%,transparent);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);
 }
}
#explore-dialog::backdrop{background:#18244d12}
#explore-dialog .explore-header,#explore-dialog .explore-bottom{background:transparent}
#explore-dialog .explore-tabs{background:color-mix(in srgb,var(--surface-2) 65%,transparent)}
#explore-dialog .explore-tabs button{color:var(--ink)}
#explore-dialog .explore-tabs button[aria-selected=true]{background:var(--surface);color:var(--blue)}
.companion-dock>button,.spark-more button,.discovery-result-actions>button{background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--glass-link)}
.discovery-result [data-discovery-reason],#explore-dialog .panel-intro{color:var(--ink)}
#explore-dialog .explore-item strong,#explore-dialog .explore-action,#explore-dialog .explore-bottom button{color:var(--glass-link)}
html[data-content-active=true] .companion-dock{opacity:1}
@media(max-width:700px){.browse-notice{left:12px;bottom:12px;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-transparency:reduce){
 .companion-dock,.discovery-result,#explore-dialog,.spark-more>div{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(forced-colors:active){
 .companion-dock,.discovery-result,#explore-dialog,.spark-more>div,.browse-notice{background:Canvas;color:CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid CanvasText}
}
html[data-motion=less] :is(.filters a,.keep-button,.search-tools select){transition:none}


/* Source: /assets/media-refresh.css */
/* Frame original media as documentation: keep interfaces and captions legible. */
.game-pick-typography{min-height:280px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(24px,5vw,64px);background:radial-gradient(ellipse at 80% 10%,var(--pink-glow),transparent 60%),var(--surface);color:var(--blue)}
.game-pick-typography i{font-style:normal;font-size:70px;line-height:.8;align-self:flex-end}
.game-pick-typography b{font:800 clamp(32px,5vw,68px)/.95 var(--display);letter-spacing:-.05em}
.game-pick-typography small{font-size:10px;font-weight:800;letter-spacing:.14em}
.detail-gallery .media-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.detail-gallery .media-gallery figure{margin:0;min-width:0}
.detail-gallery .media-gallery img{aspect-ratio:16/10;width:100%;height:auto;object-fit:contain;background:var(--surface)}
.detail-gallery .media-gallery figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:14px;font-size:14px;line-height:1.6}
.detail-gallery .media-gallery figcaption strong{font-size:19px;line-height:1.15;color:var(--ink)}
.detail-gallery .media-gallery figcaption span{max-width:60ch}
.media-context{max-width:65ch;margin:18px 0 32px;font-size:16px;line-height:1.7;color:var(--muted)}
.inspection-picture>a{display:block;position:relative;width:100%;height:100%}
.inspection-picture>a:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
.study-viewer #study-image{object-fit:contain;aspect-ratio:16/9;background:var(--surface)}
.cosmic-hero-art img{width:100%;height:100%;object-fit:contain}
.cosmic-details [data-encounter-art] a{display:block;position:relative;width:100%;height:100%}
.cosmic-details [data-encounter-art] img{width:100%;height:100%;object-fit:contain}
.detail-cosmic-pop-persona .cosmic-hero-art{background:#38248e}
.detail-gallery .media-gallery:has(>figure:only-child){grid-template-columns:minmax(0,760px);justify-content:center}
.detail-gallery .media-gallery>figure:only-child img{aspect-ratio:auto;max-height:660px;object-fit:contain}
.discovery-picture img[src*="cosmic-question"],.door-visual img[src*="cosmic-welcome"]{object-fit:contain;background:#352775}
.listening-media-motif{width:100%;height:100%;background:radial-gradient(ellipse at 75% 45%,var(--pink-glow),transparent 65%),var(--surface)}
.signal-wave,.signal-join,.signal-person path{fill:none;stroke:var(--blue);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.signal-join{stroke:var(--line);stroke-dasharray:4 9}.signal-person circle,.signal-pulse{fill:var(--pink)}
.listening-media-motif text{font:700 17px var(--font);letter-spacing:3px;fill:var(--ink)}
.discovery-picture:hover .signal-pulse,.discovery-picture:focus-visible .signal-pulse{animation:media-signal .8s ease-in-out 2}
@keyframes media-signal{50%{transform:translateX(30px);opacity:.5}}
html[data-motion=less] .signal-pulse{animation:none!important}
@media(prefers-reduced-motion:reduce){.signal-pulse{animation:none!important}}
.research-photo img{object-fit:contain;background:var(--surface)}
.research-photo span{background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:10px}
.media-stage{position:relative;height:min(52dvh,560px);display:grid;place-items:center;border-radius:12px;overflow:hidden;background:var(--surface-2);touch-action:pan-y pinch-zoom}
.media-dialog .media-stage img{height:100%;width:100%;max-height:100%;min-height:0;object-fit:contain;background:transparent}
.media-stage:not([data-state=ready]) img{visibility:hidden}
.media-stage [data-media-status]{position:absolute;inset:0;display:grid;place-content:center;padding:24px;text-align:center;max-width:42ch;margin:auto;font-size:14px;line-height:1.6;color:var(--muted)}
.media-viewer-help{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;color:var(--muted);font-size:11px}
.media-viewer-help p{margin:0}.media-viewer-help a{display:inline-flex;align-items:center;gap:5px;min-height:44px;color:var(--blue);white-space:nowrap}
.media-dialog .media-toolbar{position:sticky;top:-22px;background:var(--surface);z-index:1;padding-block:4px}
@media(max-width:650px){.media-dialog .media-toolbar{top:-15px}.media-viewer-help{font-size:10px}.media-stage{height:48dvh}}
@media(max-width:700px){.detail-gallery .media-gallery{grid-template-columns:1fr;gap:32px}.game-pick-typography{min-height:220px}.detail-gallery .media-gallery img{aspect-ratio:auto}}


/* Source: /assets/tactile.css */
/* A supported edge and a short compression: weight without a floating hover. */
[data-tactile=true]{
 --pressure-x:0px;--pressure-y:0px;--pressure-scale:1;
 translate:var(--pressure-x) var(--pressure-y);
 scale:var(--pressure-scale);
 transform:none!important;
 box-shadow:0 3px 0 color-mix(in srgb,currentColor 19%,transparent),0 5px 8px color-mix(in srgb,var(--ink) 8%,transparent),inset 0 1px 0 #ffffff4d;
 transition:translate 320ms cubic-bezier(.22,.7,.24,1),scale 280ms cubic-bezier(.22,.7,.24,1),box-shadow 240ms ease-out,background-color 140ms ease-out,border-color 140ms ease-out;
 transform-origin:center;
}
[data-tactile][data-pressure=hover]{
 box-shadow:0 1px 0 color-mix(in srgb,currentColor 20%,transparent),0 2px 4px color-mix(in srgb,var(--ink) 8%,transparent),inset 0 1px 2px color-mix(in srgb,var(--ink) 9%,transparent);
}
[data-tactile][data-pressure=press]{
 box-shadow:0 1px 0 color-mix(in srgb,currentColor 20%,transparent),inset 0 3px 7px color-mix(in srgb,var(--ink) 30%,transparent);
 transition-duration:85ms;
}
[data-tactile][data-pressure=neighbour]{
 box-shadow:0 3px 0 color-mix(in srgb,currentColor 25%,transparent),0 4px 6px color-mix(in srgb,var(--ink) 10%,transparent),inset 0 1px 0 #ffffff4d;
 transition-duration:110ms;
}
[data-tactile]:disabled,[data-tactile][aria-disabled=true]{box-shadow:none}
html[data-motion=less] [data-tactile]{translate:none;scale:none;transition:none}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) [data-tactile]{translate:none;scale:none;transition:none}}
@media(forced-colors:active){[data-tactile]{box-shadow:none}[data-tactile][data-pressure]{outline:2px solid Highlight;outline-offset:2px}}


/* Source: /assets/atmosphere.css */
/* The shared atmosphere occupies no layout or hit area. */
.tension-surface{position:absolute;inset:0;width:100%;height:100%;fill:none;overflow:hidden}
.tension-line{stroke:var(--blue);stroke-width:1.15;opacity:.17;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.tension-line:nth-child(2n){stroke:var(--pink);opacity:.13}
.tension-line.line-2{stroke-width:1.8;opacity:.12}
.has-tension .field-loops,.has-tension .field-nodes{visibility:hidden;animation:none}
.has-section-motion{position:relative;isolation:isolate}
.section-motion{position:absolute;inset:-5% -4%;width:108%;height:110%;pointer-events:none;z-index:-1;overflow:hidden;fill:none}
.stream-path{stroke:var(--blue);stroke-width:1;opacity:.24}
.stream-node{fill:var(--surface);stroke:var(--blue);stroke-width:1.4;opacity:.65}
.stream-signal{fill:var(--blue);opacity:.65}
.stream-signal:nth-child(2n){fill:var(--pink)}
.research-band .stream-path{stroke:#d4f3ff;opacity:.3}
.research-band .stream-node{fill:#2946d3;stroke:#d4f3ff}
.research-band .stream-signal{fill:#e9fbff}
.research-band .stream-signal:nth-child(2n){fill:#f4a8dc}
.research-motion{top:0;height:calc(100% - 75px)}
.flock-mark{fill:var(--pink);stroke:none;opacity:.32}
.flock-mark:nth-child(3n){fill:var(--blue)}
.journey-flock{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden;contain:strict}
.journey-flock .flock-mark{opacity:.25}
.journey-flock[hidden]{display:none}
html[data-content-active=true] .journey-flock{opacity:.5}
.journey-dot{animation:dot-joins 1s ease-out}
@keyframes dot-joins{from{opacity:0}to{opacity:.25}}
html[data-motion=less] .journey-dot{animation:none}
@media(prefers-reduced-motion:reduce){.journey-dot{animation:none}}
@media(forced-colors:active){.journey-flock{display:none}}
@media print{.journey-flock{display:none}}
.stream-contact .stream-path{animation:stream-contact 800ms ease-out}
@keyframes stream-contact{0%,100%{opacity:.24}25%{opacity:.5}}
html[data-atmosphere=paused] .stream-path{animation:none}
html[data-motion=less] .tension-surface{opacity:.5}
html[data-motion=less] .section-motion{opacity:.6}
@media(max-width:650px){.tension-line{opacity:.12}.section-motion{inset:0;width:100%;height:calc(100% - 65px)}}
@media(forced-colors:active){.tension-surface,.section-motion{display:none}}
@media print{.tension-surface,.section-motion{display:none}}

/* Native navigation owns timing. These snapshots never gate link activation. */
.interaction-field{view-transition-name:studio-atmosphere}
.companion-dock{view-transition-name:spark-dock}
[data-project-cover]{view-transition-name:none!important}
::view-transition{pointer-events:none}
::view-transition-group(*){animation-duration:420ms;animation-timing-function:cubic-bezier(.22,.7,.24,1)}
::view-transition-old(root){animation:studio-page-out 180ms ease-out both}
::view-transition-new(root){animation:studio-page-in 380ms cubic-bezier(.22,.7,.24,1) both}
::view-transition-group(site-header),::view-transition-group(spark-dock),::view-transition-group(studio-atmosphere){animation-duration:360ms}
::view-transition-old(project-image),::view-transition-new(project-image){height:100%;object-fit:cover;overflow:clip}
::view-transition-group(project-image){animation-duration:440ms;overflow:clip;border-radius:20px}
@keyframes studio-page-out{to{opacity:0;transform:translateY(-5px) scale(.997)}}
@keyframes studio-page-in{from{opacity:0;transform:translateY(12px) scale(.997)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 .stream-contact .stream-path{animation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
html[data-motion=less]::view-transition-group(*),html[data-motion=less]::view-transition-old(*),html[data-motion=less]::view-transition-new(*){animation:none!important}