/* ===== home-next: multi-opening homepage ===== */
.openings{position:relative}
.openings .wrap{width:min(90vw,1233px);margin-inline:auto;position:relative}
.opening{display:none}
html:not([data-mode]) .opening-lens,html[data-mode=lens] .opening-lens,html[data-mode=depth] .opening-depth,html[data-mode=ink] .opening-ink{display:block}
#home-classic{display:none}
html[data-mode=classic] #home-classic{display:grid}
.openings .opening-title{margin:0}
html[data-mode=lens] .openings{--bg:#f3eee4;--bg-2:#e9e2d4;--ink:#17201f;--ink-2:#404b4a;--muted:#78827f;--rule:rgba(23,32,31,.16);--rule-2:rgba(23,32,31,.45);--acc:#c8431f;--teal:#1f6f73;--amber:#d9a441;--plum:#8e4f6d;--leaf:#4f7d5a;--slate:#3b5a7a;
--display:"Fraunces",Georgia,serif;--body:"Instrument Sans",system-ui,sans-serif;--h2w:300;--h3w:400;--radius:3px;--hd-ink:var(--ink);--hd-bg:var(--bg);--hd-pill:rgba(23,32,31,.06)}
html[data-mode=depth] .openings{--bg:#f3eee4;--bg-2:#e9e2d4;--ink:#0d1b1e;--ink-2:#3b4a4c;--muted:#75827f;--rule:rgba(13,27,30,.16);--rule-2:rgba(13,27,30,.45);--acc:#a0690f;--night:#0d1b1e;--paper:#f3eee4;--amber:#e8b04b;
--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Instrument Sans",system-ui,sans-serif;--h2w:600;--h3w:600;--radius:8px;--hd-ink:#f3eee4;--hd-bg:#0d1b1e;--hd-pill:rgba(243,238,228,.08)}
html[data-mode=ink] .openings{--bg:#f6f1e7;--bg-2:#ece5d7;--ink:#1c1b18;--ink-2:#4a4740;--muted:#7c766b;--rule:rgba(28,27,24,.16);--rule-2:rgba(28,27,24,.45);--acc:#b8431f;
--display:"Newsreader",Georgia,serif;--body:"Figtree",system-ui,sans-serif;--h2w:300;--h3w:400;--radius:16px;--hd-ink:var(--ink);--hd-bg:var(--bg);--hd-pill:rgba(28,27,24,.06)}
html[data-view=alt] .openings{--bg:#17201f;--bg-2:#1f2b2a;--ink:#f3eee4;--ink-2:#cfd6d2;--muted:#8f9c98;--rule:rgba(243,238,228,.16);--rule-2:rgba(243,238,228,.45);--hd-pill:rgba(243,238,228,.08)}

/* header: frosted glass, reserved height (no layout shift when the panda arrives), dark variants */
html[data-theme=lab] .site-header{min-height:104px}
html[data-theme=lab][data-nav] .site-header::before,html[data-theme=lab][data-nav] .site-header[data-panda-ready]::before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:color-mix(in srgb,var(--bg) 76%,transparent);opacity:1;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
@supports not (backdrop-filter:blur(1px)){html[data-theme=lab][data-nav] .site-header::before,html[data-theme=lab][data-nav] .site-header[data-panda-ready]::before{background:var(--bg);opacity:.97}}
html[data-theme=lab][data-nav] .site-header,html[data-theme=lab][data-nav] .site-header[data-panda-ready]{background:transparent}
html[data-mode=depth] .site-header,html[data-view=alt] .site-header{--bg:#0d1b1e;--ink:#f3eee4;--muted:#9fb0ad;--line:rgba(243,238,228,.2);--accent:#e8b04b;color:#f3eee4}
html[data-view=alt] .site-header{--bg:#17201f}
html[data-mode=depth] .panda-mark img,html[data-view=alt] .panda-mark img{filter:invert(1) hue-rotate(180deg) brightness(1.05)}
html[data-mode=depth] .site-header .header-note,html[data-view=alt] .site-header .header-note{color:#cdd6d2}
html[data-mode=depth] .header-note .lens-dot,html[data-view=alt] .header-note .lens-dot{color:#e8b04b}
html[data-mode=depth] .header-language,html[data-view=alt] .header-language{color:#f3eee4}
html[data-theme=lab][data-nav=capsule][data-mode=depth] .site-header nav,html[data-theme=lab][data-nav=capsule][data-mode=depth] .site-header[data-panda-ready] nav,html[data-theme=lab][data-nav=capsule][data-view=alt] .site-header nav,html[data-theme=lab][data-nav=capsule][data-view=alt] .site-header[data-panda-ready] nav{background:rgba(243,238,228,.08);border-color:rgba(243,238,228,.22);box-shadow:none}
html[data-theme=lab][data-nav][data-mode=depth] .site-header nav a,html[data-theme=lab][data-nav][data-mode=depth] .site-header[data-panda-ready] nav a,html[data-theme=lab][data-nav][data-view=alt] .site-header nav a,html[data-theme=lab][data-nav][data-view=alt] .site-header[data-panda-ready] nav a{color:#f3eee4}
html[data-theme=lab][data-nav=capsule][data-mode=depth] .site-header nav a:hover,html[data-theme=lab][data-nav=capsule][data-mode=depth] .site-header[data-panda-ready] nav a:hover,html[data-theme=lab][data-nav=capsule][data-view=alt] .site-header nav a:hover,html[data-theme=lab][data-nav=capsule][data-view=alt] .site-header[data-panda-ready] nav a:hover{background:rgba(243,238,228,.14);color:#f3eee4}
html[data-theme=lab][data-nav=capsule][data-mode=depth] .site-header nav a[aria-current=location],html[data-theme=lab][data-nav=capsule][data-mode=depth] .site-header[data-panda-ready] nav a[aria-current=location],html[data-theme=lab][data-nav=capsule][data-view=alt] .site-header nav a[aria-current=location],html[data-theme=lab][data-nav=capsule][data-view=alt] .site-header[data-panda-ready] nav a[aria-current=location]{background:#f3eee4;color:#0d1b1e}
html[data-theme=lab][data-nav][data-mode] .site-header[data-panda-ready] nav a{border-left-color:transparent;transition:background-color .62s,color .62s}
/* zh: CJK fallbacks inside the openings only */
html[lang=zh-Hans] .openings{--cjk-serif:"Songti SC","STSong","Noto Serif SC",serif;--cjk-sans:"PingFang SC","Hiragino Sans GB","Noto Sans SC",sans-serif}
html[lang=zh-Hans][data-mode=lens] .openings{--display:"Fraunces",var(--cjk-serif);--body:"Instrument Sans",var(--cjk-sans)}
html[lang=zh-Hans][data-mode=ink] .openings{--display:"Newsreader",var(--cjk-serif);--body:"Figtree",var(--cjk-sans)}
html[lang=zh-Hans][data-mode=depth] .openings{--display:"Bricolage Grotesque",var(--cjk-sans);--body:"Instrument Sans",var(--cjk-sans)}
html[lang=zh-Hans] .openings .lede{letter-spacing:0;line-height:1.6}
html[lang=zh-Hans] .openings .hint{letter-spacing:.04em;font-style:normal}
html[lang=zh-Hans] .picker{font-family:"PingFang SC","Hiragino Sans GB",sans-serif}

html[data-mode=lens] .opening-lens{position:relative;overflow:hidden;cursor:none;user-select:none}
html[data-mode=lens] .opening-lens .layer{min-height:max(640px,100vh);display:grid;align-content:center;padding:120px 0 72px}
html[data-mode=lens] .opening-lens .layer.base{position:relative;background:#f3eee4;color:#17201f;z-index:1}
html[data-mode=lens] .opening-lens .layer.alt{position:absolute;inset:0;background:#17201f;color:#f3eee4;z-index:2;clip-path:circle(var(--r,0px) at var(--mx,50%) var(--my,50%))}
html[data-mode=lens] .opening-lens .layer.alt .inner{transform-origin:var(--mx,50%) var(--my,50%);transform:scale(1.06)}
html[data-mode=lens] .opening-lens .layer.alt::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(243,238,228,.35) .7px,transparent 1px);background-size:34px 34px;opacity:.5}
html[data-mode=lens] .opening-lens.flipped .layer.base{z-index:3;clip-path:circle(var(--r,0px) at var(--mx,50%) var(--my,50%))}
html[data-mode=lens] .opening-lens.flipped .layer.base .inner{transform-origin:var(--mx,50%) var(--my,50%);transform:scale(1.06)}
html[data-mode=lens] .opening-lens.flipped .layer.alt{clip-path:none;z-index:1}
html[data-mode=lens] .opening-lens .inner{position:relative;width:min(1200px,calc(100% - 48px));margin:0 auto}
html[data-mode=lens] .opening-lens .runh{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:34px}
html[data-mode=lens] .opening-lens .runh b{color:#c8431f;font-weight:600;margin-right:12px}
html[data-mode=lens] .opening-lens .alt .runh b{color:#e8b04b}
html[data-mode=lens] .opening-lens .hgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
html[data-mode=lens] .opening-lens .opening-title{margin:0;font:300 clamp(54px,8vw,118px)/.96 var(--display);font-variation-settings:"opsz" 144;letter-spacing:-.028em}
html[data-mode=lens] .opening-lens .opening-title em{font-style:italic;font-weight:400}
html[data-mode=lens] .opening-lens .dot{color:#c8431f}
html[data-mode=lens] .opening-lens .alt .opening-title{font-style:italic;font-weight:300}
html[data-mode=lens] .opening-lens .alt .opening-title em{font-style:normal;font-weight:400}
html[data-mode=lens] .opening-lens .alt .dot{color:#e8b04b}
html[data-mode=lens] .opening-lens .lede{font:400 clamp(18px,1.6vw,22px)/1.45 var(--body);opacity:.85;max-width:32ch;margin:30px 0 38px}
html[data-mode=lens] .opening-lens .lede mark{background:none;color:inherit;padding:0 .08em}
html[data-mode=lens] .opening-lens .alt .lede mark{background:linear-gradient(transparent 58%,var(--c) 58%,var(--c) 92%,transparent 92%);color:#fff}
html[data-mode=lens] .opening-lens .cta{display:flex;gap:14px;flex-wrap:wrap}
html[data-mode=lens] .opening-lens .btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border:1px solid currentColor;border-radius:2px;text-decoration:none;font-size:14px;letter-spacing:.02em;cursor:pointer}
html[data-mode=lens] .opening-lens .btn.fill{background:#17201f;color:#f3eee4;border-color:#17201f}
html[data-mode=lens] .opening-lens .alt .btn.fill{background:#f3eee4;color:#17201f;border-color:#f3eee4}
html[data-mode=lens] .opening-lens .plate{margin:0;border:1px solid rgba(23,32,31,.16);padding:22px 22px 18px;background:rgba(255,255,255,.35)}
html[data-mode=lens] .opening-lens .alt .plate{border-color:rgba(243,238,228,.18);background:rgba(255,255,255,.03)}
html[data-mode=lens] .opening-lens .plate svg{width:100%;height:auto;display:block}
html[data-mode=lens] .opening-lens .plate figcaption{margin-top:14px;font:italic 400 14px/1.4 var(--display);opacity:.75;display:flex;justify-content:space-between;gap:12px}
html[data-mode=lens] .opening-lens .plate figcaption b{font-style:normal;font-weight:500}
html[data-mode=lens] .opening-lens .lens{position:absolute;left:var(--mx,-999px);top:var(--my,-999px);width:calc(var(--r,0px)*2);height:calc(var(--r,0px)*2);transform:translate(-50%,-50%);border-radius:50%;z-index:5;pointer-events:none;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75),inset 0 0 0 3px rgba(23,32,31,.25),0 40px 80px -30px rgba(0,0,0,.55),inset -30px -30px 80px rgba(0,0,0,.18),inset 26px 26px 60px rgba(255,255,255,.14)}
html[data-mode=lens] .opening-lens .lens::after{content:"";position:absolute;left:14%;top:9%;width:30%;height:16%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.55),rgba(255,255,255,0) 70%);transform:rotate(-18deg)}
html[data-mode=lens] .opening-lens .hint{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:6;margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;pointer-events:none}
html[data-mode=lens] .opening-lens .wipe{position:fixed;inset:0;z-index:90;pointer-events:none;clip-path:circle(0px at var(--cx) var(--cy));transition:clip-path .7s cubic-bezier(.2,.7,.1,1),opacity .45s ease}
html[data-mode=lens] .opening-lens .wipe.go{clip-path:circle(160vmax at var(--cx) var(--cy))}
html[data-mode=lens] .opening-lens .wipe.out{opacity:0}
html[data-mode=lens] .opening-lens .fe .pic .cmask{position:absolute;inset:0;clip-path:circle(var(--pr,0px) at var(--px,50%) var(--py,50%));transition:clip-path .35s ease}
html[data-mode=lens] .opening-lens .fe .pic img.g{filter:grayscale(1) contrast(1.05)}
html[data-mode=lens] .opening-lens .fe .pic .cmask img{filter:none;transform:none!important}
@media(hover:none){html[data-mode=lens] .opening-lens{cursor:auto}
html[data-mode=lens] .opening-lens .fe .pic img.g{filter:none}
html[data-mode=lens] .opening-lens .fe .pic .cmask{display:none}}
@media(max-width:900px){html[data-mode=lens] .opening-lens .hgrid{grid-template-columns:1fr;gap:36px}
html[data-mode=lens] .opening-lens .layer{padding:150px 0 72px}}
html[data-mode=depth] .opening-depth{position:relative;height:220vh;background:var(--night);color:var(--paper)}
html[data-mode=depth] .opening-depth .sticky{position:sticky;top:0;height:100vh;overflow:hidden}
html[data-mode=depth] .opening-depth .stage{position:absolute;inset:0;perspective:1200px;perspective-origin:50% 50%}
html[data-mode=depth] .opening-depth .world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
html[data-mode=depth] .opening-depth .ring{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(-420px);animation:opening-spin 70s linear infinite}
@keyframes opening-spin{to{transform:translateZ(-420px) rotateY(360deg)}}
html[data-mode=depth] .opening-depth .pane{position:absolute;left:50%;top:50%;width:260px;height:150px;margin:-75px -130px;backface-visibility:hidden;transform:rotateY(calc(var(--i)*60deg)) translateZ(-700px);border:1px solid rgba(243,238,228,.28);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;font:500 13px/1.3 var(--body);letter-spacing:.1em;text-transform:uppercase;color:rgba(243,238,228,.8);background:rgba(13,27,30,.15)}
html[data-mode=depth] .opening-depth .pane i{font-style:normal;color:var(--amber);font-size:11px}
html[data-mode=depth] .opening-depth .pane b{font:500 22px/1.05 var(--display);font-variation-settings:"opsz" 96,"wdth" 90;letter-spacing:-.01em;text-transform:none;color:var(--paper)}
html[data-mode=depth] .opening-depth .word{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);margin:0;text-align:center;font:800 clamp(52px,9.4vw,138px)/.92 var(--display);font-variation-settings:"opsz" 96,"wdth" 96;letter-spacing:-.04em;white-space:nowrap;transform-style:preserve-3d}
html[data-mode=depth] .opening-depth .word .ln{display:inline-block;transform-style:preserve-3d}
html[data-mode=depth] .opening-depth .word .l{display:inline-block;will-change:transform;transform-style:preserve-3d}
html[data-mode=depth] .opening-depth .word .sp{width:.26em}
html[data-mode=depth] .opening-depth .word .em .l{color:var(--amber)}
html[data-mode=depth] .opening-depth .opening-ui{position:absolute;left:0;right:0;bottom:7vh;z-index:3}
html[data-mode=depth] .opening-depth .opening-ui .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
html[data-mode=depth] .opening-depth .lede{font:400 clamp(17px,1.5vw,21px)/1.45 var(--body);color:rgba(243,238,228,.82);max-width:30ch;margin:0 0 26px}
html[data-mode=depth] .opening-depth .cta{display:flex;gap:12px;flex-wrap:wrap}
html[data-mode=depth] .opening-depth .btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border:1px solid rgba(243,238,228,.6);border-radius:999px;text-decoration:none;color:var(--paper);font-size:14px;font-weight:500}
html[data-mode=depth] .opening-depth .btn.fill{background:var(--amber);border-color:var(--amber);color:var(--night)}
html[data-mode=depth] .opening-depth .hint{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,238,228,.55);text-align:right;max-width:34ch;line-height:1.7}
html[data-mode=depth] .opening-depth .reveal{position:absolute;inset:0;background:var(--paper);clip-path:circle(0px at 50% 62%);pointer-events:none;z-index:4}
html[data-mode=depth] .opening-depth .vig{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(0,0,0,.45) 100%);pointer-events:none}
html[data-mode=depth] .opening-depth .eyebrow{position:absolute;left:0;right:0;top:112px;z-index:3;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,238,228,.6)}
html[data-mode=depth] .opening-depth .eyebrow .wrap{display:flex;justify-content:space-between;gap:16px}
html[data-mode=depth] .opening-depth .eyebrow b{color:var(--amber);font-weight:600;margin-right:12px}
@media(max-width:600px){html[data-mode=depth] .opening-depth .eyebrow{top:172px}}
@media(max-width:900px){html[data-mode=depth] .opening-depth{height:180vh}
html[data-mode=depth] .opening-depth .word{top:42%}
html[data-mode=depth] .opening-depth .opening-ui .wrap{flex-direction:column;align-items:flex-start}
html[data-mode=depth] .opening-depth .hint{text-align:left}
html[data-mode=depth] .opening-depth .pane{width:200px;height:120px;margin:-60px -100px}}
html[data-mode=ink] .opening-ink{position:relative;min-height:max(680px,100vh);overflow:hidden;background:#f6f1e7;color:#1c1b18}
html[data-mode=ink] .opening-ink canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
html[data-mode=ink] .opening-ink.nogl{background:#f6f1e7 repeating-radial-gradient(circle at 68% 48%,transparent 0 9px,rgba(184,67,31,.35) 9px 10px,transparent 10px 22px)}
html[data-mode=ink] .opening-ink .hcontent{position:relative;z-index:2;min-height:inherit;display:grid;align-content:end;padding:150px 0 88px}
html[data-mode=ink] .opening-ink .hcontent .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end}
html[data-mode=ink] .opening-ink .hcopy{position:relative}
html[data-mode=ink] .opening-ink .hcopy::before{content:"";position:absolute;inset:-60px -120px -40px -80px;background:radial-gradient(ellipse at 40% 55%,rgba(246,241,231,.92) 35%,rgba(246,241,231,.55) 60%,rgba(246,241,231,0) 78%);z-index:-1;pointer-events:none}
html[data-mode=ink] .opening-ink .hcontent{position:relative;z-index:2}
html[data-mode=ink] .opening-ink .runh{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
html[data-mode=ink] .opening-ink .runh b{color:var(--acc);font-weight:600;margin-right:12px}
html[data-mode=ink] .opening-ink .opening-title{margin:0;font:300 clamp(56px,8.6vw,126px)/.94 var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.03em}
html[data-mode=ink] .opening-ink .opening-title em{font-style:italic;font-weight:300;color:var(--acc)}
html[data-mode=ink] .opening-ink .lede{font:400 clamp(18px,1.6vw,22px)/1.45 var(--body);color:var(--ink-2);max-width:30ch;margin:28px 0 34px}
html[data-mode=ink] .opening-ink .cta{display:flex;gap:12px;flex-wrap:wrap}
html[data-mode=ink] .opening-ink .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;color:var(--ink);font-size:14.5px;font-weight:500;background:rgba(246,241,231,.6);backdrop-filter:blur(6px)}
html[data-mode=ink] .opening-ink .btn.fill{background:var(--ink);color:#f6f1e7}
html[data-mode=ink] .opening-ink .hint{margin:0;font:italic 400 16px/1.5 var(--display);color:var(--muted);text-align:right;max-width:30ch;justify-self:end}
html[data-mode=ink] .opening-ink .hint b{display:block;font:400 12px var(--body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-style:normal}
html[data-mode=ink] .opening-ink .drops{position:absolute;inset:0;z-index:1;pointer-events:none}
html[data-mode=ink] .opening-ink .drop{position:absolute;transform:translate(-50%,-50%);font:italic 400 15px/1 var(--display);color:rgba(28,27,24,.72);letter-spacing:.02em;white-space:nowrap;opacity:0;transition:opacity 1.2s ease}
html[data-mode=ink] .opening-ink .drop.on{opacity:1}
html[data-mode=ink] .opening-ink .drop::before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px rgba(246,241,231,.8)}
html[data-mode=ink] .opening-ink .drop span{position:absolute;left:12px;top:-8px}
@media(max-width:900px){html[data-mode=ink] .opening-ink .hcontent .wrap{grid-template-columns:1fr}
html[data-mode=ink] .opening-ink .hint{text-align:left;justify-self:start}
html[data-mode=ink] .opening-ink .hcontent{background:linear-gradient(to top,rgba(246,241,231,.96) 0,rgba(246,241,231,.86) 55%,rgba(246,241,231,0) 100%)}
html[data-mode=ink] .opening-ink .hcopy::before{display:none}}
/* offsets after the scoped rules so they win on equal specificity */

html[data-mode=lens] .opening-lens .inner{width:min(90vw,1233px)}
html[data-mode=lens] .opening-lens .layer{min-height:max(560px,calc(100vh - var(--navigation-inset,104px)));padding:56px 0 76px;align-content:start}
html[data-mode=depth] .opening-depth .sticky{top:var(--navigation-inset,104px);height:calc(100vh - var(--navigation-inset,104px))}
html[data-mode=depth] .opening-depth{height:calc(220vh - var(--navigation-inset,104px))}
html[data-mode=depth] .opening-depth .eyebrow{top:28px}
html[data-mode=depth] .opening-depth .hint{margin-bottom:64px}
html[data-mode=lens] .opening-lens .plate-link{color:inherit;text-decoration:none;cursor:pointer;border-bottom:1px solid currentColor;padding-bottom:1px;white-space:nowrap}
html[data-mode=lens] .opening-lens .plate-link:hover{color:#c8431f}
html[data-mode=ink] .opening-ink .hint{margin-bottom:48px}
html[data-mode=depth] .opening-depth .word.title-image-ready{isolation:auto!important}
html[data-mode=ink] .opening-ink{min-height:max(620px,calc(100vh - var(--navigation-inset,104px)))}
html[data-mode=ink] .opening-ink .hcontent{padding-top:64px;padding-bottom:120px}
.openings .perspective-heading .title-letter{cursor:crosshair}
@media(max-width:900px){html[data-mode=lens] .opening-lens .layer{padding:40px 0 64px}}

.picker{position:fixed;right:16px;bottom:16px;z-index:96;font:500 13px/1.3 "Instrument Sans",system-ui,sans-serif;color:#f3eee4}
.picker-btn{display:inline-flex;align-items:center;gap:10px;background:#1a1a18;color:#f3eee4;border:0;border-radius:999px;padding:9px 16px 9px 12px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.28);letter-spacing:.02em}
.picker-btn .ap{width:16px;height:16px;border-radius:50%;background:conic-gradient(from 0deg,#c8431f 0 25%,#e8b04b 0 50%,#266b78 0 75%,#7d8c84 0);box-shadow:inset 0 0 0 4px #1a1a18,0 0 0 1px rgba(243,238,228,.5)}
.picker-btn b{font-weight:600}
.picker-btn small{opacity:.65;font-weight:500}
.picker-pop{position:absolute;right:0;bottom:calc(100% + 12px);width:min(360px,calc(100vw - 32px));background:#f6f2ea;color:#1a1a18;border:1px solid rgba(26,26,24,.14);border-radius:18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);padding:14px;transform-origin:bottom right;opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .3s cubic-bezier(.2,.7,.1,1)}
.picker.open .picker-pop{opacity:1;transform:none;pointer-events:auto}
.picker-pop h4{margin:4px 6px 10px;font:600 11px/1.4 "Instrument Sans",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7a746a}
.picker-pop button.opt{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:12px;align-items:center;width:100%;text-align:left;background:transparent;border:0;border-radius:12px;padding:10px 8px;cursor:pointer;color:inherit;font:inherit}
.picker-pop button.opt:hover{background:rgba(26,26,24,.06)}
.picker-pop button.opt[aria-pressed=true]{background:rgba(26,26,24,.09)}
.picker-pop .sw{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sw-classic{background:radial-gradient(circle at 50% 50%,#a43d26 0 3px,transparent 4px),radial-gradient(circle at 30% 30%,#233f34 0 1.5px,transparent 2.5px),radial-gradient(circle at 70% 60%,#233f34 0 1.5px,transparent 2.5px),radial-gradient(circle at 40% 75%,#233f34 0 1.5px,transparent 2.5px),#eaf0de}
.sw-lens{background:radial-gradient(circle at 62% 40%,#17201f 0 9px,transparent 10px),#f3eee4}
.sw-depth{background:linear-gradient(135deg,#0d1b1e 0 55%,#e8b04b 55% 70%,#0d1b1e 70%)}
.sw-ink{background:repeating-radial-gradient(circle at 45% 50%,#f6f1e7 0 2px,#b8431f 2px 3px,#f6f1e7 3px 5px,#266b78 5px 6px)}
.picker-pop .opt b{display:block;font-weight:600;font-size:14px}
.picker-pop .opt small{display:block;color:#6f6a62;font-size:12px;margin-top:2px;line-height:1.4}
.picker-pop .opt i{font-style:normal;color:#c8431f;font-size:16px;opacity:0}
.picker-pop button.opt[disabled]{cursor:not-allowed}
.picker-pop button.opt[disabled] .sw,.picker-pop button.opt[disabled] b,.picker-pop button.opt[disabled] small:not(.why){opacity:.42}
.picker-pop .why:empty{display:none}
.picker-pop .why{color:#b8431f!important;font-weight:600}
.picker-pop .notice{margin:0 6px 10px;padding:9px 11px;border-radius:10px;background:rgba(200,67,31,.09);color:#8a2f14;font-size:12.5px;line-height:1.45}
.picker-pop .notice[hidden]{display:none}
html.static .picker-pop{transition:none}
.picker-pop button.opt[aria-pressed=true] i{opacity:1}
.picker-pop .rot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 6px 2px;padding-top:12px;border-top:1px solid rgba(26,26,24,.12);font-size:13px}
.picker-pop .rot small{display:block;color:#6f6a62;font-size:11.5px;margin-top:2px}
.switch{position:relative;width:40px;height:24px;border-radius:999px;background:rgba(26,26,24,.18);border:0;cursor:pointer;flex:none;transition:background .2s}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.2,.7,.1,1)}
.switch[aria-checked=true]{background:#1a1a18}
.switch[aria-checked=true]::after{transform:translateX(16px)}
@media(max-width:600px){.picker{right:12px;bottom:12px}.picker-btn small{display:none}}