[data-era] #treatment-title{color:var(--era-title)}.era-layer>:not(.era-moment){transition:opacity .4s var(--ease-out)}@starting-style{.era-layer>:not(.era-moment){opacity:0}}.era-texture{z-index:-5;pointer-events:none;position:absolute;inset:0}[data-era-layer=bombay75] .era-texture{-webkit-backdrop-filter:saturate(1.35)contrast(1.06);backdrop-filter:saturate(1.35)contrast(1.06);background-image:radial-gradient(color-mix(in srgb, var(--era-tint) 20%, transparent) .7px, transparent 1.2px);background-size:4px 4px}[data-era-layer=paris60] .era-texture{-webkit-backdrop-filter:grayscale()contrast(1.15);backdrop-filter:grayscale()contrast(1.15);background-image:radial-gradient(#ffffff1a .7px,#0000 1.1px);background-size:3px 3px}[data-era-layer=hongkong94] .era-texture{background:linear-gradient(105deg, color-mix(in srgb, var(--era-tint) 62%, transparent), transparent 62%), linear-gradient(285deg, color-mix(in srgb, var(--era-a) 58%, transparent), transparent 55%);mix-blend-mode:color}[data-era-layer=hollywood54] .era-texture{-webkit-backdrop-filter:saturate(1.7)contrast(1.08);backdrop-filter:saturate(1.7)contrast(1.08);background:radial-gradient(ellipse 75% 60% at 50% 40%, color-mix(in srgb, var(--era-tint) 14%, transparent), transparent 75%)}[data-era=bombay75] [data-receipt]{corner-shape:scoop;border-radius:14px}[data-era=paris60] [data-receipt]{border-radius:0}[data-era=hongkong94] [data-receipt]{corner-shape:bevel;border-radius:12px}[data-era=hollywood54] [data-receipt]{corner-shape:notch;border-radius:14px}.era-moment{z-index:30;pointer-events:none;position:absolute;inset:0}.era-intertitle{opacity:0;background:#0a0908;place-items:center;padding:2rem;display:grid}.era-intertitle p{max-width:18ch;font-family:var(--font-tc-jost), sans-serif;letter-spacing:.06em;text-align:center;text-transform:uppercase;font-size:clamp(2.25rem,6vw,5rem);font-weight:600;line-height:1.08}.era-curtain>span{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--era-a) 45%, #000) 0, var(--era-a) 22px, color-mix(in srgb, var(--era-a) 80%, #fff) 30px, var(--era-a) 38px, color-mix(in srgb, var(--era-a) 45%, #000) 60px);width:51%;position:absolute;inset-block:0;translate:0}.era-curtain>span:first-child{left:0;translate:-100%}.era-curtain>span:last-child{right:0;translate:100%}@media (prefers-reduced-motion:no-preference){header:has(>[data-moment=bombay75]) #treatment-title{transform-origin:0 100%;animation:era-triple-zoom 1.1s var(--ease-out) both}.era-intertitle{animation:.9s both era-hold}header:has(>[data-moment=hongkong94]) #treatment-title{animation:.9s steps(7,end) both era-step-print}.era-curtain>span:first-child{animation:era-curtain-left 1.4s var(--ease-in-out) both}.era-curtain>span:last-child{animation:era-curtain-right 1.4s var(--ease-in-out) both}}@media (prefers-reduced-motion:reduce){.era-moment{display:none}}@keyframes era-triple-zoom{0%{scale:1}10%,28%{scale:1.05}36%,54%{scale:1.1}62%,80%{scale:1.15}to{scale:1}}@keyframes era-hold{0%,to{opacity:1}}@keyframes era-step-print{0%{opacity:.25;translate:-.45em}to{opacity:1;translate:0}}@keyframes era-curtain-left{0%,25%{translate:0}to{translate:-100%}}@keyframes era-curtain-right{0%,25%{translate:0}to{translate:100%}}@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){.era-texture{display:none}}@media print{.era-texture,.era-moment{display:none}}
@media screen{.rv[data-rv=wait]{opacity:0;translate:0 28px}.rv.rv-soft[data-rv=wait]{translate:0 14px}.rv[data-rv=in]{transition:opacity .62s ease-out var(--d,0s), translate .9s var(--ease-focal,cubic-bezier(.16, 1, .3, 1)) var(--d,0s)}.rv.rv-soft[data-rv=in]{transition-duration:.7s,.82s}}@media screen and (prefers-reduced-motion:reduce){.rv[data-rv=wait],.rv.rv-soft[data-rv=wait]{translate:none}.rv[data-rv=in],.rv.rv-soft[data-rv=in]{transition:opacity .25s ease-out}}@keyframes rack-in{0%{opacity:0;filter:blur(16px);transform:scale(1.08)}}@keyframes rack-fade{0%{opacity:0}}.rack-w{display:inline-block}@media screen{.rack .rack-w{animation:rack-in 1s var(--ease-soft,cubic-bezier(.22, 1, .36, 1)) backwards;animation-delay:calc(.18s + var(--i,0) * .11s)}}@media screen and (prefers-reduced-motion:reduce){.rack .rack-w{animation-name:rack-fade;animation-duration:.32s;animation-delay:calc(var(--i,0) * 40ms)}}[popover].side-card{inset:auto;top:calc(50% + var(--head,0px) / 2);right:max(16px, env(safe-area-inset-right,0px));width:min(22rem,100vw - 32px);max-height:calc(100dvh - var(--head,0px) - 32px);overscroll-behavior:contain;border:1px solid var(--line);background:var(--card);color:var(--foreground);opacity:0;transition:translate .26s cubic-bezier(.5, 0, .75, 0), opacity .2s ease, overlay .26s allow-discrete, display .26s allow-discrete;border-radius:26px;margin:0;padding:12px 12px 18px;position:fixed;overflow:auto;translate:calc(100% + 48px) -50%;box-shadow:0 30px 70px #00000080}[popover].side-card:popover-open{opacity:1;transition:translate .48s var(--ease-drawer), opacity .18s ease, overlay .48s allow-discrete, display .48s allow-discrete;translate:0 -50%}@starting-style{[popover].side-card:popover-open{opacity:0;translate:calc(100% + 48px) -50%}}@media (max-width:40rem){[popover].side-card{width:auto;max-height:calc(100dvh - 24px);inset:auto 8px 8px;translate:calc(100% + 16px)}[popover].side-card:popover-open{translate:0}@starting-style{[popover].side-card:popover-open{translate:calc(100% + 16px)}}}@media (prefers-reduced-motion:reduce){[popover].side-card{translate:0 -50%}[popover].side-card:popover-open{translate:0 -50%}@starting-style{[popover].side-card:popover-open{translate:0 -50%}}}@media (prefers-reduced-motion:reduce) and (max-width:40rem){[popover].side-card{translate:0}[popover].side-card:popover-open{translate:0}@starting-style{[popover].side-card:popover-open{translate:0}}}[popover].side-card::backdrop{background:0 0}.namebtn{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer;text-underline-offset:.14em;transition:scale .15s var(--ease-out);background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.06em;display:inline}.namebtn .nb{vertical-align:-.12em;background:var(--field);width:1.05em;height:1.05em;color:var(--dim);border-radius:50%;place-items:center;margin-left:.32em;display:inline-grid}.namebtn .nb svg{width:.6em;height:.6em}.namebtn:focus-visible{text-decoration-color:currentColor}@media print{.namebtn .nb{display:none}}@media (hover:hover) and (pointer:fine){.namebtn:hover{text-decoration-color:currentColor}.namebtn:hover .nb{background:var(--foreground);color:var(--background)}}.locs{flex-direction:column;gap:2rem;display:flex}.loc-map{order:-1}@media screen and (min-width:64rem) and (min-height:34rem){.locs{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}.loc-map{top:calc(var(--head,0px) + 4.5rem);height:calc(100dvh - var(--head,0px) - 5.5rem);order:0;position:sticky}.loc{min-height:calc(100dvh - var(--head,0px) - 5rem);justify-content:center;padding-block:1.75rem}.locs[data-live] .loc{transition:opacity .42s}.locs[data-live] .loc:not([data-lit]){opacity:.32}}.swatch{transition:transform .3s var(--ease-out);position:relative}.swatch:after{content:"";border-radius:inherit;opacity:0;transition:opacity .3s var(--ease-out);pointer-events:none;position:absolute;inset:0;box-shadow:0 30px 56px #00000073}.swatch-btn:focus-visible{outline:none}.swatch-btn:focus-visible .swatch{box-shadow:0 0 0 3px var(--background), 0 0 0 5px var(--foreground)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.swatch-btn:hover{z-index:2;position:relative}.swatch-btn:hover .swatch{transform:translateY(-14px)scale(1.08)}.swatch-btn:hover .swatch:after{opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.swatch-btn:hover .swatch{box-shadow:0 0 0 3px var(--background), 0 0 0 5px var(--foreground)}}@media print{.swatch{box-shadow:none!important;transform:none!important}.swatch:after{display:none}}@media screen{.tone-tag{top:var(--lift,0px);rotate:var(--tilt,0deg);position:relative}}@media screen and (max-width:63.99rem){.tone-tag{top:calc(var(--lift,0px) / 2);rotate:calc(var(--tilt,0deg) * .6)}}
