:root{--bg:#eeeeec;--ink:#1d1e21;--muted:#6f737a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 30%, #fafaf9, var(--bg) 75%);color:var(--ink);padding-block:56px 64px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));font-family:Inter,system-ui,sans-serif}main{text-align:center;max-width:900px;margin:0 auto}.gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:44px 24px;display:grid}.card{min-width:0;margin:0}.gallery .card:last-child:nth-child(odd){grid-column:1/-1}.stage{aspect-ratio:400/460;perspective:900px;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;width:100%;max-width:266px;margin:0 auto;position:relative}.pin{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));filter:drop-shadow(0 22px 20px #1414194d)drop-shadow(0 4px 4px #14141940);transition:transform .25s ease-out;position:absolute;inset:0}.pin svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.L{stroke:var(--line);stroke-width:1.6px}.N{stroke:var(--ln);stroke-width:1.6px}.eA{--line:none;--ln:none;--txt:none;--hi:none;--edge:url(#gEdge);--plate:#17181c;--sky:#0d0e11;--cloud:none;--dome:#8c929b;--lantern:#8c929b;--cap:#b5bac2;--col:#a7adb5;--shade:#42464d;--step:#878c95;--tree:#5c626b;--grass:#5c626b;--gear:none}.mA{--edge:none;--plate:none;--sky:none;--cloud:none;--dome:none;--lantern:none;--cap:none;--col:none;--shade:none;--step:none;--tree:none;--grass:none;--gear:none;--line:#d3d7dd;--ln:#d3d7dd;--txt:#d3d7dd;--hi:#f1f3f6}.eB{--line:none;--ln:none;--txt:none;--hi:none;--edge:url(#gEdgeG);--plate:#111215;--sky:#0d0e11;--cloud:#c3cfdd;--dome:#c76a3f;--lantern:#c76a3f;--cap:#d9b95f;--col:#dcc79a;--shade:#7d5129;--step:#6f84a3;--tree:#23895e;--grass:#77b063;--gear:#e0ad3a}.mB{--edge:none;--plate:none;--sky:none;--cloud:none;--dome:none;--lantern:none;--cap:none;--col:none;--shade:none;--step:none;--tree:none;--grass:none;--gear:none;--line:#dcbb62;--ln:#ecd48e;--txt:#f3e1a6;--hi:#fff3cc}.glare{pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background:radial-gradient(at 28% 16%,#ffffff8c,#fff0 58%);border-radius:2%;position:absolute;inset:3.7% 4.2%}.card h2{letter-spacing:.28em;text-transform:uppercase;text-wrap:balance;margin:28px 0 0;font-size:.68rem;font-weight:600}p{color:var(--muted);margin:0;font-size:.9rem}.top .hint{margin-top:16px}main>.hint{text-align:center;margin-top:48px}.hint:before{content:"Hover to fill the enamel. Click a badge to flip it open."}@media (hover:none){.hint:before{content:"Tap a badge to flip it open."}}@media (prefers-reduced-motion:reduce){.pin,.glare{transition:none}}.gallery{flex-wrap:wrap;justify-content:center;gap:44px 24px;display:flex}.stage{max-width:240px}@media (max-width:900px){.card{width:calc(33.3333% - 16px)}}@media (max-width:620px){.card{width:calc(50% - 12px)}}@media (max-width:380px){.card{width:100%}}.top{text-align:center;margin:0 auto 52px}.top h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-family:Inter,system-ui,sans-serif;font-size:clamp(2.1rem,6.4vw,3.3rem);font-weight:700;line-height:1.05}.top .by{margin-top:8px;font-family:Inter,system-ui,sans-serif;font-size:1.2rem;font-style:italic}.stage{container-type:inline-size}.stage:focus-visible{outline-offset:6px;border-radius:6px;outline:2px solid #b08a2e}.flip{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0}.stage.flipped .flip{transform:rotateY(180deg)}.face{backface-visibility:hidden;position:absolute;inset:0}.face.back{transform:rotateY(180deg)}.back-pin{filter:drop-shadow(0 22px 20px #1414194d)drop-shadow(0 4px 4px #14141940);position:absolute;inset:0}.back-pin svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sheen{transform:translate(-60px)skew(-18deg)}.stage.flipped .sheen{animation:1.4s cubic-bezier(.4,.1,.25,1) .3s both sheen}@keyframes sheen{0%{transform:translate(-60px)skew(-18deg)}to{transform:translate(640px)skew(-18deg)}}.sheet{z-index:50;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));place-items:center;display:grid;position:fixed;inset:0}.sheet-bg{-webkit-backdrop-filter:blur(4px);background:#0e0f12bd;position:absolute;inset:0}.deck{grid-template-columns:auto minmax(0,900px) auto;align-items:center;gap:18px;width:min(1080px,100%);max-height:100%;display:grid;position:relative}.card-open{background:#fff;border-radius:10px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-width:0;height:min(580px,100dvh - 32px);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:grid;position:relative;overflow:auto;box-shadow:0 40px 90px #00000080}.cardL{background:radial-gradient(at 50% 38%,#fff,#f1f1ef 85%);place-items:center;padding:44px 28px;display:grid}.big-stage{aspect-ratio:400/460;width:min(100%,310px);position:relative}.cardR{color:#3b3d43;background:#fff;flex-direction:column;min-width:0;padding:44px 44px 32px;display:flex}.cardR .eyebrow{color:#8a6d24;letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:600}.cardR h2{letter-spacing:-.02em;color:#111215;text-wrap:balance;margin:10px 0 0;font-family:inherit;font-size:clamp(1.5rem,3.2vw,2rem);font-weight:700;line-height:1.12}.cardR .place{color:#6f737a;margin:10px 0 0;font-size:.95rem;font-weight:500}.cardR .blurb{color:#2c2e33;margin:18px 0 0;font-size:.96rem;line-height:1.55}.cardR dl{border-top:1px solid #1112151f;gap:11px;margin:22px 0 0;padding-top:16px;display:grid}.cardR dl>div{grid-template-columns:6.2rem minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.cardR dt{color:#8a6d24;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:600}.cardR dd{color:#1d1e21;margin:0;font-size:.9rem;font-weight:500;line-height:1.42}.cardR .note{color:#6f737a;margin:22px 0 0;font-size:.85rem}.close{z-index:2;color:#111215;cursor:pointer;background:#fff;border:1px solid #1112152e;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:12px;right:12px}.close:hover{background:#f1f1ef}.close:focus-visible{outline-offset:2px;outline:2px solid #111215}.nav{color:#111215;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .15s,background .15s;display:grid;box-shadow:0 10px 30px #00000059}.nav:hover{background:#f1f1ef;transform:scale(1.08)}.nav:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (max-width:900px){.deck{grid-template-columns:1fr 1fr;grid-template-areas:"card card""prev next";justify-items:center;gap:14px}.card-open{grid-area:card;width:min(900px,100%);height:min(600px,100dvh - 94px)}.nav.prev{grid-area:prev;justify-self:end;margin-right:6px}.nav.next{grid-area:next;justify-self:start;margin-left:6px}}@media (max-width:660px){.card-open{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:min(720px,100dvh - 94px)}.cardL{padding:40px 20px 14px}.big-stage{width:min(68%,230px)}.cardR{padding:28px 24px 30px}.cardR dl>div{grid-template-columns:5.4rem minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.flip{transition:none}.stage.flipped .sheen{animation:none}}.top{text-align:center;max-width:640px;margin:0 auto 64px}.eyebrow-top{letter-spacing:.18em;text-transform:uppercase;color:#7a5f1f;background:#dcbb6229;border:1px solid #8a6d2447;border-radius:999px;margin:0 0 20px;padding:7px 14px;font-size:.72rem;font-weight:600;display:inline-block}.lede{color:#4a4d54;text-wrap:balance;max-width:34em;margin:18px auto 0;font-size:1.08rem;line-height:1.6}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline-offset:3px;outline:2px solid #8a6d24}.btn.primary{color:#f6e9bf;background:#111215;box-shadow:0 10px 24px #11121538}.btn.primary:hover{background:#1f2024}.btn.ghost{color:#111215;background:0 0;border-color:#11121538}.btn.ghost:hover{background:#1112150d}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 0;padding:0;list-style:none;display:flex}.chips li{color:#6f737a;background:#1112150d;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:500}.gallery{scroll-margin-top:24px}@media (max-width:520px){.btn{justify-content:center;width:100%}}.eA{--c-ln:none;--c-gdot:none;--c-gold:#9a9fa8;--c-ter:#8c929b;--c-em:#6a707a;--c-cream:#b5bac2;--c-slate:#878c95;--c-moss:#5c626b;--c-dark:#2a2c31;--c-pearl:#c3c7cd;--c-sun:#a9aeb6;--c-pink:#8c929b;--c-blue:#7c828c;--c-cobalt:#4a4f57}.mA{--c-ln:#d3d7dd;--c-gdot:#d3d7dd;--c-gold:none;--c-ter:none;--c-em:none;--c-cream:none;--c-slate:none;--c-moss:none;--c-dark:none;--c-pearl:none;--c-sun:none;--c-pink:none;--c-blue:none;--c-cobalt:none}.eB{--c-ln:none;--c-gdot:none;--c-gold:#d8b65f;--c-ter:#c76a3f;--c-em:#23895e;--c-cream:#e3d3a6;--c-slate:#6f84a3;--c-moss:#77b063;--c-dark:#15161a;--c-pearl:#c3cfdd;--c-sun:#e0ad3a;--c-pink:#c0527a;--c-blue:#4a8fc0;--c-cobalt:#2b5a9b}.mB{--c-ln:#dcbb62;--c-gdot:#dcbb62;--c-gold:none;--c-ter:none;--c-em:none;--c-cream:none;--c-slate:none;--c-moss:none;--c-dark:none;--c-pearl:none;--c-sun:none;--c-pink:none;--c-blue:none;--c-cobalt:none}main{max-width:768px}.card{width:calc(33.3333% - 16px)}@media (max-width:900px){.card{width:calc(33.3333% - 16px)}}@media (max-width:620px){.card{width:calc(50% - 12px)}}@media (max-width:380px){.card{width:100%}}