:root{--bone:#e9e3d7;--bone-2:#f3eee4;--ink:#16140f;--muted:#6c6457;--line:#16140f29;--accent:#ff5b3a;--radius:clamp(12px, 1.3vw, 20px);--ease:cubic-bezier(.22, 1, .36, 1);--fs-title:clamp(2.1rem, 1.1rem + 4.4vw, 4.6rem)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(130% 100% at 50% 6%, var(--bone-2) 0%, transparent 55%), radial-gradient(120% 130% at 50% 124%, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 56%), var(--bone);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background 1s var(--ease);font-family:Manrope,system-ui,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}.stage{z-index:1;grid-template-rows:auto auto 1fr auto;width:100%;height:100svh;display:grid;position:relative;overflow:hidden}.stage:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--bone) 70%, transparent) 0%, transparent 14%), linear-gradient(0deg, color-mix(in srgb, var(--bone) 55%, transparent) 0%, transparent 24%);position:absolute;inset:0}.topbar{z-index:6;justify-content:space-between;align-items:center;padding:clamp(16px,2.4vw,32px) clamp(20px,3.6vw,56px);display:flex;position:relative}.topbar__brand{letter-spacing:.06em;font-family:Syne,sans-serif;font-size:1.04rem;font-weight:800}.topbar__brand span{color:var(--accent);transition:color .6s var(--ease)}.topbar__nav{align-items:center;gap:clamp(14px,1.8vw,30px);display:flex}.topbar__nav a{color:var(--muted);letter-spacing:.02em;font-size:.84rem;transition:color .3s}.topbar__nav a:hover{color:var(--ink)}.topbar__cta{border:1px solid var(--line);will-change:transform;border-radius:100px;padding:.55em 1.1em;font-weight:600;transition:border-color .3s,background .3s,color .3s;position:relative;color:var(--ink)!important}.topbar__cta:hover{background:var(--accent);border-color:var(--accent);color:var(--bone)!important}.eyebrow{z-index:6;text-align:center;text-transform:uppercase;letter-spacing:.32em;color:var(--muted);padding-top:clamp(2px,1vh,10px);font-family:Syne,sans-serif;font-size:clamp(.66rem,.58rem + .28vw,.8rem);font-weight:600;position:relative}.eyebrow b{color:var(--accent);transition:color .6s var(--ease);font-weight:700}.deck{z-index:2;perspective:1800px;perspective-origin:50% 44%;cursor:grab;touch-action:pan-y;position:relative;overflow:hidden}.deck.is-grabbing{cursor:grabbing}.deck__glow{z-index:0;aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 38%, transparent), transparent 70%);filter:blur(10px);opacity:.92;pointer-events:none;width:min(66vw,660px);transition:background .7s var(--ease);position:absolute;top:44%;left:50%}.track{transform-style:preserve-3d;position:absolute;inset:0}.card{cursor:pointer;will-change:transform, opacity;width:clamp(220px,26vw,340px);height:clamp(300px,56vh,590px);transform-style:preserve-3d;outline:none;position:absolute;top:44%;left:50%}.js .card{opacity:0}.card__face{border-radius:var(--radius);background:var(--bone-2);backface-visibility:hidden;transition:box-shadow .6s var(--ease);position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -28px #1410088c,0 8px 22px -14px #14100866}.card__img{object-fit:cover;object-position:center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card__veil{pointer-events:none;opacity:.55;background:linear-gradient(#00000047 0%,#0000 20% 72%,#0000002e 100%);position:absolute;inset:0}.card__no{z-index:2;letter-spacing:.08em;color:#fffffff0;text-shadow:0 2px 12px #0000008c;font-family:Syne,sans-serif;font-size:.82rem;font-weight:700;position:absolute;top:12px;left:14px}.card__reflect{border-radius:var(--radius);opacity:.16;pointer-events:none;background-position:50%;background-size:cover;height:100%;position:absolute;top:100%;left:0;right:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 48%,#000000b3);mask-image:linear-gradient(#0000 48%,#000000b3)}.card.is-hero .card__face{box-shadow:0 48px 96px -30px color-mix(in srgb, var(--accent) 62%, transparent), 0 30px 60px -26px #1410088c}.card.is-hero .card__reflect{opacity:.24}.card:focus-visible .card__face{box-shadow:0 0 0 3px var(--accent), 0 30px 60px -28px #1410088c}.caption{z-index:6;text-align:center;padding:0 24px clamp(4px,1vh,10px);position:relative}.js .caption{opacity:0;transition:opacity .6s var(--ease)}.caption.ready{opacity:1}.caption__no{letter-spacing:.1em;color:var(--muted);align-items:baseline;gap:.4em;font-family:Syne,sans-serif;font-size:.78rem;display:inline-flex;overflow:hidden}.caption__no b{color:var(--accent);transition:color .5s var(--ease);will-change:transform;font-size:1rem;font-weight:700;display:inline-block}.caption__no i{font-style:normal}.caption__title{font-family:Syne,sans-serif;font-weight:800;font-size:var(--fs-title);letter-spacing:-.015em;margin-top:.35rem;line-height:.98}.caption__title .wm{vertical-align:top;padding-bottom:.08em;display:inline-block;overflow:hidden}.caption__title .ww{will-change:transform;display:inline-block}.caption__place{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);transition:color .5s var(--ease);will-change:transform;margin-top:.55rem;font-family:Syne,sans-serif;font-size:.74rem;font-weight:600}.caption__blurb{color:var(--muted);margin-top:.5rem;will-change:transform;max-width:46ch;margin-inline:auto;font-size:clamp(.9rem,.85rem + .25vw,1rem);line-height:1.5}.js .caption__title{visibility:hidden}.js .caption.ready .caption__title{visibility:visible}.controls{z-index:6;justify-content:center;align-items:center;gap:clamp(14px,2vw,26px);padding:clamp(10px,2vh,20px) 0 clamp(14px,2.4vh,26px);display:flex;position:relative}.nav{border:1px solid var(--line);width:46px;height:46px;color:var(--ink);cursor:pointer;will-change:transform;background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .3s,border-color .3s,color .3s;display:grid;position:relative}.nav__ico{width:22px;height:22px}.nav:hover{background:var(--accent);border-color:var(--accent);color:var(--bone)}.nav:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent)}.nav__ring{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);color:var(--accent);position:absolute;inset:-1px;transform:rotate(-90deg)}.nav__ring circle{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;transition:color .5s var(--ease)}.nav--next:hover .nav__ring{color:var(--bone)}.ticks{align-items:center;gap:10px;display:flex}.tick{cursor:pointer;background:var(--line);width:26px;height:3px;transition:background .4s var(--ease), transform .4s var(--ease);border:0;border-radius:3px;padding:0}.tick:hover{background:color-mix(in srgb, var(--ink) 40%, transparent)}.tick.is-on{background:var(--accent);transform:scaleY(1.7)}.hint{z-index:6;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.75;transition:opacity .6s var(--ease);pointer-events:none;font-size:.72rem;position:absolute;bottom:clamp(8px,1.6vh,16px);left:50%;transform:translate(-50%)}.hint span{color:var(--ink);font-weight:600}.hint.is-gone{opacity:0}.grain{z-index:9;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background:url(/textures/grain.png);position:fixed;inset:0}.js .eyebrow,.js .controls,.js .hint{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(14px)}.stage.ready .eyebrow,.stage.ready .controls,.stage.ready .hint{opacity:1;transform:none}.stage.ready .eyebrow{transition-delay:50ms}.stage.ready .controls{transition-delay:.6s}.stage.ready .hint{transition-delay:.75s}@media (width<=820px){.card{width:clamp(190px,56vw,280px);height:clamp(280px,50vh,440px)}.deck{perspective:1300px}.topbar__nav a:not(.topbar__cta),.caption__blurb{display:none}.card__reflect{opacity:.1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation:none!important}}.is-static .deck{perspective:none;cursor:default;scroll-snap-type:x mandatory;overflow:auto hidden}.is-static .deck::-webkit-scrollbar{display:none}.is-static .deck__glow{display:none}.is-static .track{transform-style:flat;align-items:center;gap:16px;height:100%;padding:10px max(20px,40vw);display:flex;position:relative;inset:auto}.is-static .card{scroll-snap-align:center;flex:none;position:relative;top:auto;left:auto;opacity:1!important;transform:none!important}.is-static .card__reflect,.is-static .nav__ring{display:none}
