/* A collection you can handle. Original images are never presented as fabricated 3D models. */
.playground-home { --paper:#eceaf1; --ink:#24212b; --muted:#625d6a; --line:#c8c4cf; background:var(--paper);color:var(--ink); }
.playground-home .masthead { height:78px; margin:0 3.7vw; border-color:#c4becd; }
.playground-home .masthead .identity { font-weight:500; letter-spacing:-1.1px; }
.playground-home .identity-dot { background:#6353e8; }
.playground-home .masthead-note { display:none; }
.playground-home .pointer-toggle { border-color:#a49bb1; }
.object-playground { display:block; padding:26px 3.7vw 0; overflow:hidden; }
.playground-intro { display:flex;justify-content:space-between;align-items:flex-start;gap:30px; }
.playground-intro>.eyebrow { font:11px/1.5 'Courier New',monospace; letter-spacing:.04em; padding-top:4px; }
.playground-intro>p { font-size:16px; line-height:1.5; max-width:32ch; }
.orbit-stage { position:relative; height:clamp(420px,43vw,650px); user-select:none; -webkit-user-select:none; touch-action:pan-y; outline-offset:-3px; isolation:isolate; cursor:grab; }
.orbit-stage.is-dragging { cursor:grabbing; }
.orbit-stage h1 { position:absolute; inset:12px 0 auto; text-align:center; margin:0; font-size:clamp(82px,12vw,195px); font-weight:500; line-height:.95; letter-spacing:-.085em; color:#292431; z-index:38; pointer-events:none; white-space:nowrap; }
.orbit-stage h1>span { font-family:inherit; font-style:normal; color:#6353e8; }
.orbit-stage h1>i { display:inline-block;font-style:normal;font-weight:300;font-size:.43em;vertical-align:top; margin:0 0 0 13px; color:#6353e8; transform:rotate(var(--flower-turn,-12deg)); }
.orbit-track { position:absolute;left:7%;right:7%;top:43%;bottom:2%;border:1px solid #a89db9;border-radius:50%;transform:rotate(-5deg);z-index:-1; }
.orbit-track:before { content:"";position:absolute;inset:22%;border:1px dashed #bcb4c8;border-radius:50%; }
.orbit-track>span { position:absolute;font:10px/1.2 'Courier New',monospace;letter-spacing:.06em; background:var(--paper);padding:4px 8px; }
.orbit-track>span:nth-child(1){left:2%;top:24%;}.orbit-track>span:nth-child(2){right:1%;top:26%;}.orbit-track>span:nth-child(3){bottom:-9px;left:48%;}.orbit-track>span:nth-child(4){top:-9px;left:45%;}
.orbit-items { position:absolute;inset:0;pointer-events:none; }
.orbit-item { position:absolute; left:50%;top:47%;width:clamp(280px,35vw,560px);height:clamp(230px,28vw,440px); margin:0;padding:0;border:0;background:transparent; transform:translate(-50%,-50%); pointer-events:auto;will-change:transform;cursor:inherit; }
.orbit-item img { width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 25px 15px #261b3b20); }
.orbit-item.orbit-space img,.orbit-item.orbit-journey img { padding:12px;background:#f6f4f8;box-shadow:0 16px 32px #25133317; height:auto; max-height:100%;vertical-align:middle; }
.orbit-item.orbit-space,.orbit-item.orbit-journey { display:flex;align-items:center; }
.orbit-item-label { position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;gap:18px;align-items:center;white-space:nowrap;font:12px/1.4 'Courier New',monospace; padding:8px 11px;background:#f6f4f8;border:1px solid #b5acbf; transition:opacity 200ms; }
.orbit-item-label>span:last-child {font:18px/1 Arial,sans-serif;}
.orbit-item[aria-current=true] .orbit-item-label { background:#6353e8;color:white;border-color:#6353e8; }
.orbit-center { position:absolute;left:50%;bottom:18%;font:20px/1 'Courier New',monospace;z-index:-1;color:#a297ae; }
.orbit-note { position:absolute;left:1%;bottom:6%;font-size:14px;line-height:1.4;letter-spacing:-.3px;transform:rotate(-7deg);color:#6c5e7a;pointer-events:none; }
.playground-controls { display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;position:relative;z-index:1; }
.playground-controls>p { display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.55; }
.playground-controls strong { font-weight:500; }
.gesture-icon { display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #aaa0b6;border-radius:50%;font-size:25px; }
.arrange-control { display:flex;background:#ded8e7;border-radius:30px;padding:4px; }
.arrange-control button { border:0;background:transparent;padding:11px 18px;border-radius:24px;font-size:13px;min-height:42px; }
.arrange-control button[aria-pressed=true] { background:#faf9fb;box-shadow:0 2px 4px #40344516; }
#orbit-reset { background:none;border:0;font-size:13px;padding:10px 0;min-height:44px; }
.orbit-project-panel { display:grid;grid-template-columns:140px 1.3fr 1fr auto;align-items:center;gap:28px;border-top:1px solid var(--line);padding:24px 0 26px;margin-top:22px; }
.orbit-navigation { display:flex;gap:12px;align-items:center; }
.orbit-navigation button { width:34px;height:44px;border:0;background:none;font-size:24px; }
#orbit-count { white-space:nowrap;font:12px/1.3 'Courier New',monospace; }
.orbit-project-heading>.eyebrow { display:block;font-size:9px;letter-spacing:.025em; margin-bottom:8px; }
#orbit-project-link { display:flex;gap:20px;align-items:center;width:max-content;max-width:100%; }
#orbit-project-link h2 { font-size:clamp(25px,2.7vw,43px);line-height:1.1;letter-spacing:-.055em;font-weight:400; }
#orbit-project-link>span {font-size:28px;}
#orbit-question { font-size:17px;line-height:1.45; max-width:28ch; }
.orbit-try { display:flex;align-items:center;gap:30px; font-size:14px;min-height:44px;background:none;border:0;border-bottom:1px solid currentColor;padding:9px 0; }
.playground-next { display:flex;justify-content:space-between;align-items:center;background:#6353e8;color:#fff;margin:0 -3.7vw;padding:18px 3.7vw;gap:20px; }
.playground-next>span:first-child { font:10px/1.4 'Courier New',monospace;letter-spacing:.04em; }
.playground-next>span:last-child { font-size:14px; }
.orbit-stage[data-arrangement=spread] .orbit-track { opacity:.3; }
.orbit-stage[data-arrangement=spread] .orbit-note { opacity:0; }
.playground-home .exhibition-work { padding:0; }
.playground-home .exhibition-heading { grid-template-columns:1fr 2.8fr 1fr;padding:90px 3.7vw 65px;gap:25px; }
.playground-home .exhibition-heading h2 { font-size:clamp(45px,5.8vw,88px); }
.playground-home .exhibition-heading h2 em { font-family:inherit;font-style:normal;color:#6353e8; }
.playground-home .exhibition-heading p { font-size:16px; }
.playground-home .exhibit-grid { display:block; }
.playground-home .project-exhibit { display:grid;grid-template-columns:1.45fr 1fr;column-gap:5vw;margin:0;padding:65px 3.7vw 25px;border-top:1px solid #c0bbc8;align-items:center; }
.playground-home .project-exhibit .project-visual { grid-column:1;grid-row:1;height:clamp(360px,37vw,620px);aspect-ratio:auto;margin:0; padding:0;overflow:visible;background:none; }
.playground-home .project-exhibit .exhibit-copy { grid-column:2;grid-row:1;display:block;padding:0; }
.playground-home .project-exhibit .exhibit-category { display:flex; }
.playground-home .project-exhibit .exhibit-copy h3 {font-size:clamp(43px,4.8vw,74px);margin:20px 0;grid-row:auto;}
.playground-home .project-exhibit .exhibit-question {font:400 23px/1.25 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.6px;color:#50435e;margin:0 0 22px;}
.playground-home .project-exhibit .exhibit-description {font-size:17px;line-height:1.7;}
.playground-home .project-exhibit .exhibit-actions { grid-column:1/-1;grid-row:2;border-top:1px solid #bdb6c666;margin-top:30px;padding-bottom:0; }
.playground-home .project-exhibit .exhibit-thinking { grid-column:1/-1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));padding:30px 0; }
.playground-home .project-exhibit .exhibit-number {left:0;top:0;background:none;color:#6a5e77;font-size:16px;padding:0; }
.playground-home .project-exhibit .exhibit-open {border-color:#a29aaf;background:#faf8fd;right:0;bottom:8px;}
.playground-home .exhibit-space {background:#e1e6d8;}
.playground-home .exhibit-body {background:#dfe6f0;grid-template-columns:1fr 1.45fr;}
.playground-home .exhibit-body .project-visual {grid-column:2;padding:12px 35px;}
.playground-home .exhibit-body .exhibit-copy {grid-column:1;}
.playground-home .exhibit-play {background:#e8ead9;}
.playground-home .exhibit-play .project-visual::before {display:none;}
.playground-home .exhibit-journey {background:#262e3d;color:#f1f0eb;grid-template-columns:1.45fr 1fr;padding-top:60px;}
.playground-home .exhibit-journey .exhibit-category,.playground-home .exhibit-journey .exhibit-question,.playground-home .exhibit-journey .exhibit-audience,.playground-home .exhibit-journey .exhibit-actions button:not(.thinking-toggle) {color:#c7cbdc;}
.playground-home .exhibit-journey .exhibit-number {color:#c7cbdc;}
.playground-home .exhibit-journey .project-visual {height:clamp(340px,32vw,540px);}
.playground-home .material-exploration {background:#eeedf2;}
.playground-home .material-copy h2 em,.playground-home .about-letter h2 em {font-family:inherit;font-style:normal;color:#6353e8;}
.playground-home .material-copy h2 {font-size:clamp(60px,7vw,108px);}
.playground-home .field-about {background:#eceaf1;}
.playground-home .workbench-caption {font:400 23px/1.4 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.7px;color:#5d4f70;}
.playground-home .field-footer {background:#6353e8;color:#f3f0ff;border-color:#6353e8;}
.playground-home .footer-name {color:#f3f0ff;}
.playground-home .footer-name>.footer-petal {color:#b8f186;}
.playground-home .exhibit-thinking .eyebrow {color:#6550a1;}
.playground-home .exhibit-journey .exhibit-thinking .eyebrow {color:#c4b4fa;}
@media(min-width:1500px){.playground-controls{margin-top:15px;}.orbit-stage{height:600px;}}
@media(max-width:1000px){.orbit-project-panel{grid-template-columns:125px 1fr 1fr;gap:22px;}.orbit-try{grid-column:3;grid-row:1/3;}.orbit-project-panel #orbit-question{grid-column:2;grid-row:2;font-size:15px;margin-top:-12px;}.orbit-project-heading{grid-column:2;}.orbit-navigation{grid-row:1/3;}.playground-home .exhibition-heading{grid-template-columns:1fr 2.7fr;}.playground-home .exhibition-heading p{grid-column:2;}.playground-home .project-exhibit{gap:0 4vw;padding-top:48px;}.playground-home .project-exhibit .project-visual{height:350px;}.playground-home .project-exhibit .exhibit-copy h3{font-size:43px;}.playground-home .project-exhibit .exhibit-question{font-size:21px;}.playground-home .project-exhibit .exhibit-description{font-size:16px;}}
@media(max-width:700px){.playground-home .masthead{height:74px;margin:0 22px;}.playground-home .masthead nav{gap:14px;font-size:12px;}.playground-home .identity{font-size:21px;}.playground-home .identity-dot{width:15px;height:15px;}.object-playground{padding:24px 22px 0;}.playground-intro{display:block;}.playground-intro>.eyebrow{font-size:9px;}.playground-intro>p{font-size:15px;margin-top:12px;}.orbit-stage{height:380px;margin-top:20px;}.orbit-stage h1{font-size:clamp(47px,11.6vw,82px);top:5px;letter-spacing:-.08em;}.orbit-stage h1>i{margin-left:5px;}.orbit-item{width:255px;height:245px;top:45%;}.orbit-item-label{font-size:12px;bottom:-7px;}.orbit-track{left:0;right:0;top:42%;bottom:4%;}.orbit-track>span{font-size:8px;}.orbit-note{font-size:11px;bottom:5%;left:0;}.orbit-center{font-size:17px;}.playground-controls{margin-top:12px;flex-wrap:wrap;gap:12px;}.playground-controls>p{width:100%;font-size:12px;}.gesture-icon{width:35px;height:35px;font-size:22px;}.arrange-control button{padding:7px 18px;}.orbit-project-panel{grid-template-columns:1fr auto;gap:18px;padding:22px 0;margin-top:19px;}.orbit-project-heading{grid-column:1;grid-row:1;}.orbit-navigation{grid-column:2;grid-row:1;gap:5px;}.orbit-navigation button{width:28px;}.orbit-project-heading>.eyebrow{font-size:8px;}.orbit-project-panel #orbit-question{grid-column:1/-1;grid-row:2;font-size:17px;margin:0;}.orbit-try{grid-column:1/-1;grid-row:3;justify-content:space-between;}.playground-next{margin:0 -22px;padding:18px 22px;}.playground-next>span:first-child{font-size:8px;max-width:110px;}.playground-next>span:last-child{font-size:12px;}.playground-home .exhibition-heading{grid-template-columns:1fr;gap:20px;padding:52px 22px 40px;}.playground-home .exhibition-heading h2{font-size:44px;}.playground-home .exhibition-heading p{grid-column:1;}.playground-home .project-exhibit{display:flex;flex-direction:column;align-items:stretch;padding:35px 22px 25px;gap:0;}.playground-home .project-exhibit .project-visual{height:300px;order:0;margin-bottom:28px;}.playground-home .project-exhibit .exhibit-copy{order:1;}.playground-home .project-exhibit .exhibit-actions{order:2;gap:10px 17px;}.playground-home .project-exhibit .exhibit-thinking{order:3;grid-template-columns:1fr;}.playground-home .project-exhibit .exhibit-copy h3{font-size:43px;}.playground-home .exhibit-body .project-visual{padding:5px 35px;}.playground-home .project-exhibit .exhibit-actions button,.playground-home .project-exhibit .exhibit-actions a{font-size:12px;}.playground-home .project-exhibit .exhibit-question{font-size:23px;}.playground-home .project-exhibit .exhibit-description{font-size:17px;}.playground-home .project-exhibit .exhibit-category{font-size:10px;}.playground-home .project-exhibit .exhibit-open{bottom:0;}.playground-home .material-copy h2{font-size:65px;}.playground-home .field-footer .footer-name{font-size:12vw;}}
@media(prefers-reduced-motion:reduce){.orbit-item-label,.orbit-stage h1>i{transition:none;}.orbit-item{will-change:auto;}}
/* All four display pieces are free-standing silhouettes, with no photographic mat. */
.orbit-item.orbit-space img,.orbit-item.orbit-journey img { padding:0;background:transparent;box-shadow:none;width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 15px #261b3b22); }
.orbit-item.orbit-journey { height:clamp(260px,31vw,475px); }
@media(max-width:700px){.orbit-item.orbit-journey{height:260px;}}

/* Project names stay legible as their objects recede. */
.orbit-item-label { transform:translateX(-50%) scale(var(--label-scale,1));transform-origin:top center;font:12px/1.4 'Helvetica Neue',Arial,sans-serif; }

.orbit-item.orbit-journey { width:clamp(320px,40vw,620px);height:clamp(230px,28vw,440px); }
@media(max-width:700px){.orbit-item.orbit-journey{width:275px;height:245px;}}
/* The dashboard is a wide assembly; its label follows the real silhouette height. */
.orbit-item.orbit-journey { width:clamp(340px,47vw,740px);height:auto;aspect-ratio:2.64; }
@media(max-width:700px){.orbit-item.orbit-journey{width:285px;height:auto;aspect-ratio:2.64;}}
/* Turning controls remain in the first view, beside the drag instruction. */
.orbit-project-panel {grid-template-columns:1.4fr 1fr auto;}
.playground-controls .orbit-navigation {flex-shrink:0;gap:8px;}
@media(max-width:1000px){.orbit-project-panel{grid-template-columns:1fr auto;}.orbit-project-heading{grid-column:1;grid-row:1;}.orbit-project-panel #orbit-question{grid-column:1;grid-row:2;}.orbit-try{grid-column:2;grid-row:1/3;}.playground-controls{flex-wrap:wrap;gap:15px;}.playground-controls>p{margin-right:auto;}.playground-controls .orbit-navigation{gap:4px;}}
@media(max-width:700px){.orbit-project-panel{grid-template-columns:1fr;}.orbit-project-panel #orbit-question{grid-column:1;grid-row:2;}.orbit-try{grid-column:1;grid-row:3;}.playground-controls .orbit-navigation{margin-left:auto;}.playground-controls>#orbit-reset{flex-basis:100%;text-align:right;margin-top:-8px;}}
