/* Original optical studies; six independently toned surfaces. */
.board-hero{padding-bottom:70px;position:relative}.board-hero h1{font-size:clamp(4rem,9vw,8.5rem);letter-spacing:-.07em}.board-hero:after{content:'';position:absolute;right:4%;top:30px;width:220px;height:220px;border:35px solid #6feaff22;border-radius:50%;box-shadow:inset 4px 3px 8px #ffffff70,3px 4px 20px #ee7cfc26;pointer-events:none;z-index:-1}.material-lab{padding-bottom:30px}.material-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:22px 0 30px}.material-controls label{display:grid;grid-template-columns:1fr auto;gap:8px 24px;min-width:230px}.material-controls input{grid-column:1/-1;width:100%;accent-color:var(--cyan)}.material-controls output{font-variant-numeric:tabular-nums}.optical-grid{--study-blur:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.optical-study{min-width:0}.optical-study.light{--study-ink:#15233c;--pane-fill:linear-gradient(130deg,#ffffffe0,#ffffff35 48%,#d9edff66);--study-bg:#dae8ef}.optical-study.dark{--study-ink:#fff;--pane-fill:linear-gradient(130deg,#778bac55,#131c3855 48%,#3d487340);--study-bg:#141426}.optical-scene{height:350px;position:relative;isolation:isolate;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 60% 70%,#8ed5fc33,transparent 65%),var(--study-bg);border:1px solid var(--edge)}.optical-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(30deg,transparent 48%,#ffffff1f 49%,transparent 50%);background-size:45px 45px}.substrate{position:absolute;display:block}.sphere{width:168px;height:168px;left:-15px;top:105px;border-radius:50%;background:radial-gradient(circle at 28% 22%,#f8bcff,#d34cfa 35%,#682bc0 65%,#260b52);box-shadow:14px 24px 30px #270b5c44}.ribbon{height:105px;width:240px;right:-50px;top:50px;border-radius:90px;transform:rotate(-35deg);background:linear-gradient(125deg,#d5ffff,#0cddf5 48%,#1962ff);box-shadow:0 15px 25px #164a6c44}.rear-pane{position:absolute;inset:65px 50px 40px 70px;border-radius:24px;transform:rotate(11deg);border:1px solid #ffffff8c;background:#fff1;box-shadow:inset 1px 1px 2px #fff8}.optical-pane{position:absolute;inset:48px 32px 62px;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:25px;color:var(--study-ink);border:1px solid #ffffff91;border-radius:24px;background:var(--pane-fill);backdrop-filter:blur(var(--study-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--study-blur)) saturate(140%);box-shadow:inset 1px 1px 1px #ffffffa6,inset -1px -1px 1px #5c73ba40,0 22px 28px #0613342c;transform:rotate(-5deg)}.optical-pane b{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.06em;text-shadow:0 1px 5px #00000018}.study-index{font-size:.7rem;font-weight:750;letter-spacing:.14em}.optical-caption{font-size:.8rem;font-weight:650;max-width:max-content;padding:5px 10px;border-radius:99px;background:#ffffffc9;color:#17233c}.optical-rule{height:1px;background:linear-gradient(90deg,#fff,transparent);width:80%}.glass-token{position:absolute;bottom:30px;right:21px;width:75px;height:75px;display:grid;place-items:center;font-size:2rem;color:var(--study-ink);border-radius:24px;border:1px solid #ffffffa6;background:var(--pane-fill);backdrop-filter:blur(10px);box-shadow:inset 2px 2px 5px #fff9,inset -3px -3px 7px #6779aa66,8px 12px 22px #12265133;transform:rotate(8deg)}.smoke .sphere{background:radial-gradient(circle at 30% 25%,#f3ffbe,#b4f731 40%,#277c2d 80%)}.smoke .ribbon{background:linear-gradient(130deg,#ffd5ba,#ff814d,#ff36af)}.smoke.dark{--pane-fill:linear-gradient(130deg,#71808555,#14232085 75%,#23332d66)}.liquid .optical-pane{border-radius:38px;box-shadow:inset 3px 3px 5px #fff9,inset -4px -5px 7px #66c8f978,0 23px 22px #06133436,inset 0 0 18px #cb9dff38}.liquid .optical-pane:after{content:'';position:absolute;inset:5px;border-radius:32px;border:1px solid #fff7;pointer-events:none}.liquid .ribbon{background:linear-gradient(125deg,#ffb6cf,#9d67ff 45%,#27dffe)}.liquid .sphere{background:radial-gradient(circle at 25% 25%,#fff5cb,#ffa64c 35%,#f04a91 75%)}.study-description{padding:22px 4px 28px}.study-description h3{margin:10px 0 12px;font-size:1.2rem}.study-description p{color:var(--muted);font-size:.9rem;line-height:1.65}.optical-grid.no-substrate .substrate{visibility:hidden}.pattern-preview{position:relative;isolation:isolate;background:radial-gradient(ellipse at 15% 85%,#ea57ff55,transparent 60%),radial-gradient(ellipse at 95% 15%,#28e6f577,transparent 65%),#16243a;overflow:hidden}.pattern-preview:before{content:'';position:absolute;width:105px;height:105px;left:-20px;top:28px;background:radial-gradient(circle at 25% 25%,#f9d6ff,#a843ea 45%,#411d97);border-radius:50%;box-shadow:0 10px 20px #0003;z-index:-1}.pattern-preview:after{content:'';position:absolute;width:145px;height:50px;right:-25px;bottom:36px;transform:rotate(-38deg);border-radius:50px;background:linear-gradient(90deg,#beff8e,#40e3e7);z-index:-1}.pattern:nth-child(3n+2) .pattern-preview:before{background:radial-gradient(circle at 25% 25%,#fff9c8,#ff9a38 45%,#d93c76)}.pattern:nth-child(3n) .pattern-preview:after{background:linear-gradient(90deg,#b49fff,#ff82cc)}.pattern-preview .mini-ui{position:relative;background:linear-gradient(135deg,#8bacc444,#18243988);color:#fff;border:1px solid #ccecff88;box-shadow:inset 1px 1px 1px #ffffff91,inset -1px -1px 1px #a8dbff42,0 15px 20px #07142755;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.mini-ui .mini-pill{color:#102238;background:linear-gradient(130deg,#d3fff4,#83e9f4);box-shadow:inset 0 2px 2px #fff9,0 3px 8px #072a4944}.user-reference{position:relative;min-width:0}.user-reference .tag{color:var(--muted)}.user-reference h3{font-size:1.2rem}.user-reference p{font-size:.9rem}.user-reference a{font-size:.9rem;display:inline-block;padding-block:10px}.source-grid{align-items:stretch}.source-card{border-top:1px solid var(--edge)}
@media(min-width:1000px){.optical-study:nth-child(2){grid-column:1;grid-row:2}.optical-study:nth-child(3){grid-column:2;grid-row:1}.optical-study:nth-child(4){grid-column:2;grid-row:2}.optical-study:nth-child(5){grid-column:3;grid-row:1}.optical-study:nth-child(6){grid-column:3;grid-row:2}}
@media(max-width:999px){.optical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.optical-pane{inset-inline:24px}.optical-pane b{font-size:3rem}}
@media(max-width:600px){.optical-grid{grid-template-columns:1fr}.optical-scene{height:340px}.material-controls{align-items:stretch;gap:18px}.material-controls label{width:100%}.material-controls .btn{width:100%}.board-hero{padding-block:52px}.board-hero:after{width:140px;height:140px;right:0;top:100px}.study-description{padding-bottom:12px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.optical-pane,.glass-token{background:#e5edf4;color:#182438}.dark .optical-pane,.dark .glass-token,.pattern-preview .mini-ui{background:#202b40;color:#fff}}
@media(prefers-reduced-transparency:reduce){.optical-pane,.glass-token{background:#e5edf4;color:#182438}.dark .optical-pane,.dark .glass-token,.pattern-preview .mini-ui{background:#202b40;color:#fff}}
@media(forced-colors:active){.optical-pane,.glass-token,.pattern-preview .mini-ui{background:Canvas;color:CanvasText;border:2px solid CanvasText;backdrop-filter:none;box-shadow:none}.optical-caption{background:Canvas;color:CanvasText}.substrate{display:none}.optical-scene{background:Canvas}.optical-pane:after{display:none}}
/* Stable local reading wells leave the surrounding optical pane translucent. */
.optical-pane b{align-self:flex-start;padding:4px 9px 8px;border-radius:14px;background:#ffffffb8;color:#15233c;max-width:100%}.dark .optical-pane b{background:#09111fba;color:#fff}.user-reference{padding:24px 0;border-top:1px solid var(--edge)}.user-reference p{margin-block:12px;color:var(--muted)}
@media(forced-colors:active){.optical-pane b,.dark .optical-pane b{background:Canvas;color:CanvasText}}
.pattern-preview:after{right:15px}

.material-controls .solid-control{display:flex;align-items:center;gap:10px;min-width:0}.material-controls .solid-control input{width:22px;height:22px}
:root[data-solid=true] .optical-pane,:root[data-solid=true] .glass-token{background:#e5edf4;color:#182438;backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-solid=true] .dark .optical-pane,:root[data-solid=true] .dark .glass-token,:root[data-solid=true] .pattern-preview .mini-ui{background:#202b40;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){.optical-pane,.glass-token,.pattern-preview .mini-ui{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Ivan's edge taxonomy: a film has no perimeter outline; depth uses directional light. */
.optical-pane,.rear-pane,.glass-token,.pattern-preview .mini-ui{border:0}
.optical-pane{box-shadow:0 22px 28px #0613342c}
.rear-pane{box-shadow:0 12px 22px #10264626}
.glass-token{box-shadow:inset 3px 4px 5px #ffffff70,inset -4px -5px 8px #6779aa55,8px 12px 22px #12265133}
.liquid .optical-pane{box-shadow:inset 3px 5px 6px #ffffffa3,inset -5px -6px 9px #4c8cbe66,0 23px 22px #06133436}
.liquid .optical-pane:after{inset:0;border:0;border-radius:inherit;background:linear-gradient(125deg,#fff9 0%,transparent 17%,transparent 82%,#57d7ff55 100%);pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent 9%,transparent 91%,#000)}
.pattern-preview .mini-ui{box-shadow:0 15px 20px #07142755}
@media(forced-colors:active){.optical-pane,.glass-token,.pattern-preview .mini-ui{border:2px solid CanvasText;box-shadow:none}.liquid .optical-pane:after{display:none}}
.frost .glass-token,.smoke .glass-token{box-shadow:0 10px 18px #12265122}.optical-scene{border:0}

/* Section routing. The V4 shell below shares the site's glass material tokens. */
.atlas-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:70px}.atlas-route a{display:flex;gap:14px;align-items:center;padding:16px 18px;min-height:56px;background:var(--solid);border-radius:14px;text-decoration:none;font-size:.9rem;overflow-wrap:anywhere}.atlas-route b{flex-shrink:0;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.72rem}.atlas-route a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}section[id]{scroll-margin-top:110px}@media(max-width:600px){.atlas-route{grid-template-columns:1fr 1fr;margin-bottom:42px}.atlas-route a{padding:14px 10px;gap:8px;font-size:.8rem}}@media(forced-colors:active){.atlas-route a{border:1px solid CanvasText}}

/* V4 — glass is the interface shell as well as the subject of the collection.
   Outer surfaces diffuse the shared substrate; reading wells do not add blur. */
.atlas-page :is(.board-copy,.atlas-route a,.material-controls,.optical-study,.map-node,.pattern,.source-card,.user-reference,.board-toolbar){
  background:var(--glass-reflection),var(--glass-fill);
  border:0;box-shadow:var(--glass-shadow);
  backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);
}
.atlas-page .board-hero{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;padding-block:38px 22px}
.atlas-page .board-hero:after{display:none}
.board-copy{border-radius:30px;padding:30px 34px;min-width:0}
.board-copy .eyebrow{font-size:.75rem;margin-bottom:20px}
.atlas-page .board-hero h1{font-size:clamp(3.5rem,5.8vw,5.65rem);line-height:1.03;letter-spacing:-.065em;max-width:8ch}
.atlas-page .board-hero p{max-width:44ch;font-size:.98rem;line-height:1.6;margin-top:18px}
.atlas-page .board-hero p[data-motion-status]{font-size:.72rem;margin-top:19px}
.board-counts{display:flex;flex-wrap:wrap;gap:26px;margin-top:25px}
.board-counts span{display:grid;gap:2px;font-size:.68rem;color:var(--muted)}
.board-counts b{font-size:1.65rem;line-height:1.2;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.board-art{position:relative;isolation:isolate;min-height:355px;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 10% 90%,#9b43eb66,transparent 60%),radial-gradient(ellipse at 100% 0,#00eaff3b,transparent 55%),var(--glass-fill);box-shadow:var(--glass-shadow)}
.board-art-orb{position:absolute;width:225px;height:225px;left:6%;top:28%;border-radius:50%;background:radial-gradient(circle at 26% 22%,#ffe1ff,#f245bd 27%,#ae35e9 60%,#3f1b97 90%);box-shadow:18px 24px 35px #23055540}
.board-art-ribbon{position:absolute;width:390px;height:105px;right:-75px;top:25%;transform:rotate(-37deg);border-radius:80px;background:linear-gradient(120deg,#cafff7,#00e3ee 37%,#277cfb 77%,#5a34f4);box-shadow:0 20px 30px #05386035}
.board-art-back{position:absolute;inset:15% 15% 23% 23%;border-radius:25px;transform:rotate(10deg);background:#d6f9ff10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.board-art-film{position:absolute;inset:15% 16% 21% 13%;padding:24px 27px;border-radius:26px;transform:rotate(-7deg);background:var(--glass-reflection),var(--glass-fill);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 24px 40px -20px #130c5a66;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.board-art-index{font-size:.55rem;letter-spacing:.15em;font-weight:700;color:var(--ink)}
.board-art-film strong{font-size:clamp(4rem,8vw,6.5rem);line-height:1;letter-spacing:-.09em;font-weight:550;color:var(--ink);align-self:start}
.board-art-line{width:75%;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);flex-shrink:0}
.board-art-note{font-size:.67rem;color:var(--ink)}
.board-art-edge{position:absolute;right:8%;bottom:14%;height:102px;width:105px;padding:17px;border-radius:25px;background:var(--glass-reflection),var(--glass-fill);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--glass-edge-shadow);transform:rotate(9deg);display:flex;align-items:start;justify-content:space-between;flex-direction:column}
.board-art-edge span{font-size:.65rem;letter-spacing:.12em;font-weight:700}.board-art-edge b{font-size:2rem;line-height:1;align-self:end;font-weight:400}
.board-art-label{position:absolute;left:28px;bottom:22px;font-size:.65rem;color:var(--muted)}
.atlas-page .atlas-route{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:62px}
.atlas-page .atlas-route a{flex-direction:column;align-items:start;justify-content:center;gap:10px;min-height:96px;padding:16px;border-radius:19px;font-size:.8rem;line-height:1.4}
.atlas-page .atlas-route b{color:var(--cyan);font-size:.65rem}
.atlas-page .material-controls{padding:24px 26px;margin-bottom:24px;border-radius:23px}
.atlas-page .optical-grid{gap:20px}
.atlas-page .optical-study{border-radius:30px;padding:9px}
.atlas-page .optical-scene{border-radius:23px}
.atlas-page .study-description{padding:22px 18px 20px}
.atlas-page .study-description p{font-size:.85rem}
.atlas-page .map-node{border-radius:19px;padding:21px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.atlas-page .map-node strong{font-size:.9rem}.atlas-page .map-node small{font-size:.73rem}
.atlas-page .pattern{padding:9px;border-radius:28px}.atlas-page .pattern-preview{border-radius:20px}
.atlas-page .pattern-body{padding:22px 17px}.atlas-page .pattern-body h3{font-size:1.2rem}
.atlas-page .pattern-body p{font-size:.86rem}.atlas-page .pattern-body .actions{flex-wrap:wrap}
.atlas-page .board-toolbar{border:0;border-radius:24px;padding:24px;box-shadow:var(--glass-shadow)}
.atlas-page .board-toolbar input{background:var(--glass-dense);border:0;font-size:16px}
.atlas-page .board-toolbar input::placeholder{color:var(--muted);opacity:1}
.atlas-page .filter{background:var(--glass-reflection),var(--glass-control);border:0;padding-inline:15px}
.atlas-page .filter[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.atlas-page :is(.source-card,.user-reference){border-radius:23px;padding:26px;display:flex;flex-direction:column;align-items:start}
.atlas-page :is(.source-card,.user-reference) p{flex:1;line-height:1.65}.atlas-page :is(.source-card,.user-reference) a{padding-block:10px;font-size:.82rem}
.atlas-page .user-reference h3{margin-top:10px;font-size:1.18rem}
.atlas-page .closing{background:var(--glass-reflection),var(--glass-fill)}
.atlas-page #recipe-dialog{background:var(--glass-reflection),var(--glass-dense);border:0;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);box-shadow:var(--glass-edge-shadow)}
@media(hover:hover) and (pointer:fine){.atlas-page :is(.atlas-route a,.map-node):hover{background-color:var(--glass-highlight)}}
@media(max-width:1100px){.atlas-page .atlas-route{grid-template-columns:repeat(3,minmax(0,1fr))}.atlas-page .atlas-route a{flex-direction:row;align-items:center;justify-content:start;min-height:66px}.board-copy{padding:28px}.board-counts{gap:20px}.board-art-film{padding:22px;inset-inline:10% 13%}.board-art-edge{right:5%}}
@media(max-width:760px){.atlas-page .board-hero{grid-template-columns:1fr;gap:16px;padding-block:26px 18px}.board-copy{padding:25px}.atlas-page .board-hero h1{font-size:clamp(3.6rem,15vw,5rem);max-width:none}.board-copy .eyebrow{margin-bottom:16px}.board-art{min-height:280px}.board-art-orb{width:180px;height:180px;top:22%}.board-art-ribbon{top:20%;height:88px}.board-art-film{inset:13% 18% 22% 12%;padding:20px 24px}.board-art-film strong{font-size:4rem}.board-art-edge{height:83px;width:86px;right:9%;bottom:15%;padding:14px}.board-art-edge b{font-size:1.6rem}.board-art-label{left:24px;bottom:17px}.atlas-page .atlas-route{grid-template-columns:1fr 1fr;margin-bottom:48px;gap:8px}.atlas-page .atlas-route a{font-size:.77rem;padding:14px;gap:10px;border-radius:15px}.atlas-page .material-controls{padding:20px;gap:18px}.atlas-page .board-toolbar{padding:20px}.atlas-page .source-card,.atlas-page .user-reference{padding:23px}.atlas-page .map-node{padding:18px}}
:root[data-solid=true] .board-art-film,:root[data-solid=true] .board-art-edge,:root[data-solid=true] .board-art-back{background:var(--solid);backdrop-filter:none;-webkit-backdrop-filter:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.board-art-film,.board-art-edge,.board-art-back{background:var(--solid)}}
@media(prefers-reduced-transparency:reduce){.board-art-film,.board-art-edge,.board-art-back{background:var(--solid);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.atlas-page :is(.board-copy,.atlas-route a,.material-controls,.optical-study,.map-node,.pattern,.source-card,.user-reference,.board-toolbar,#recipe-dialog,.filter){background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.atlas-page .filter[aria-pressed=true]{background:Highlight;color:HighlightText}.board-art-orb,.board-art-ribbon,.board-art-back{display:none}.board-art{background:Canvas;border:1px solid CanvasText;box-shadow:none}.board-art-film,.board-art-edge{background:Canvas;color:CanvasText;box-shadow:none;border:1px solid CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none}.board-art-line{background:CanvasText}.board-art :is(strong,span),.board-counts :is(b,span){color:CanvasText}.atlas-page .atlas-route b{color:LinkText}}