:root{--ink: #05060a;--ink-2: #0b0d15;--paper: #f4f1ea;--paper-dim: #b9b3a8;--paper-faint: #8f887c;--gold: #c9a227;--gold-bright: #e8c46a;--crimson: #a4121f;--emerald: #0e6b3c;--font-display: "Didot", "Bodoni MT", "Playfair Display", "Times New Roman", serif;--font-body: "Inter", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gutter: clamp(1.25rem, 4vw, 2.5rem);--wrap: 78rem;--measure: 62ch;--nav-h: 4.5rem;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--ink);scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:clamp(.95rem,.9rem + .2vw,1.05rem);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body.is-locked{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.05;letter-spacing:-.015em;margin:0}p{margin:0}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:2px}.stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:pan-y}body.is-grabbing .stage{cursor:grab}.boot{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:1.25rem;background:var(--ink);transition:opacity .7s var(--ease),visibility .7s}html.is-ready .boot{opacity:0;visibility:hidden}.boot__mark{width:3rem;height:3rem;border:1px solid rgb(201 162 39 / .35);border-top-color:var(--gold);border-radius:50%;animation:spin 1.1s linear infinite}.boot__label{font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--paper-faint)}@keyframes spin{to{transform:rotate(1turn)}}html.no-webgl .boot{display:none}.skip{position:absolute;top:-100px;left:1rem;z-index:200;padding:.75rem 1.25rem;background:var(--gold);color:var(--ink);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;transition:top .2s}.skip:focus{top:1rem}.announcement{position:fixed;top:0;left:0;right:0;z-index:60;padding:.5rem var(--gutter);text-align:center;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);background:linear-gradient(90deg,var(--gold),var(--gold-bright),var(--gold))}.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 var(--gutter);padding-top:env(safe-area-inset-top);transition:background .4s var(--ease),backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}body:not([data-section=hero]) .nav{background:#05060ab8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:#f4f1ea14}.announcement:not([hidden])~.nav{top:1.85rem}.nav__brand{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.34em;text-transform:uppercase;white-space:nowrap}.nav__links{display:flex;gap:clamp(1rem,2.4vw,2.25rem);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper-dim)}.nav__links a{position:relative;padding:.35rem 0;transition:color .25s}.nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav__links a:hover,.nav__links a.is-active{color:var(--paper)}.nav__links a:hover:after,.nav__links a.is-active:after{transform:scaleX(1)}@media(max-width:720px){.nav__links{display:none}}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.6rem;border:1px solid transparent;border-radius:999px;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .3s var(--ease),background .3s,border-color .3s,color .3s}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(120deg,var(--gold),var(--gold-bright));color:#14100a}.btn--primary:hover{box-shadow:0 10px 34px -12px #c9a227bf}.btn--ghost{border-color:#f4f1ea47;color:var(--paper);background:#f4f1ea0a;backdrop-filter:blur(6px)}.btn--ghost:hover{border-color:var(--gold);color:var(--gold-bright)}.eyebrow{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem}.hero{position:relative;z-index:1;display:grid;align-content:center;min-height:100vh;padding:calc(var(--nav-h) + 2rem) var(--gutter) 6rem;pointer-events:none}.hero__content{max-width:40rem;pointer-events:auto}.hero__eyebrow{font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem}.hero__title{font-size:clamp(2.75rem,9vw,6.5rem);margin-bottom:1.5rem;text-wrap:balance}.hero__tagline{max-width:34rem;font-size:clamp(1rem,.95rem + .3vw,1.2rem);color:var(--paper-dim);margin-bottom:2.25rem;text-wrap:pretty}.hero__actions{display:flex;flex-wrap:wrap;gap:.85rem}.hero__stats{position:absolute;right:var(--gutter);bottom:3rem;display:flex;gap:clamp(1.5rem,4vw,3.5rem);pointer-events:auto}.hero__stats div{display:flex;flex-direction:column;gap:.2rem}.hero__stats strong{font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:400;line-height:1;color:var(--gold-bright)}.hero__stats span{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper-faint)}.hero__scroll{position:absolute;left:var(--gutter);bottom:3rem;display:flex;align-items:center;gap:.85rem;font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--paper-faint)}.hero__scrollLine{display:block;width:3.5rem;height:1px;background:linear-gradient(90deg,var(--gold),transparent);animation:slide 2.4s var(--ease) infinite}@keyframes slide{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(.75rem);opacity:1}}@media(max-width:860px){.hero__stats{position:static;margin-top:3rem}.hero__scroll{display:none}}.collection{position:relative;z-index:1;padding:0 var(--gutter)}.collection__head{max-width:34rem;padding-top:4rem;margin-bottom:-18vh;position:relative;z-index:3;pointer-events:auto}.collection__title{font-size:clamp(2rem,5.5vw,3.75rem);margin-bottom:1rem;text-wrap:balance}.collection__lede{color:var(--paper-dim);max-width:30rem;margin-bottom:1.75rem;text-wrap:pretty}.collection__filters{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.45rem 1rem;border:1px solid rgb(244 241 234 / .2);border-radius:999px;background:#05060a66;backdrop-filter:blur(8px);color:var(--paper-dim);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .25s var(--ease)}.chip:hover,.chip.is-active{border-color:var(--gold);color:var(--gold-bright);background:#c9a2271a}.hero__content,.collection__head,.coverflow__sticky,.showcase,.atelier__head,.craft__grid,.info__row,.footer__top,.footer__bottom{width:100%;max-width:var(--wrap);margin-inline:auto}.coverflow{position:relative;scroll-margin-top:var(--nav-h)}.coverflow__sticky{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:clamp(.75rem,2vh,1.25rem);padding-bottom:clamp(1rem,3vh,2rem);pointer-events:none;overflow:hidden}.coverflow__stage{position:relative;width:100%;height:100%;display:grid;place-items:center;--card-w: clamp(11rem, 30%, 17rem);perspective:1500px;perspective-origin:50% 48%;isolation:isolate;pointer-events:auto;cursor:grab;touch-action:pan-y;user-select:none}.coverflow__stage.is-dragging{cursor:grabbing}.coverflow__deck{position:relative;width:100%;height:100%;transform-style:preserve-3d}.coverflow__card{position:absolute;left:50%;top:50%;width:var(--card-w);aspect-ratio:4 / 5;margin:calc(var(--card-w) / -2) 0 0 calc(var(--card-w) / -2);padding:0;border:0;border-radius:.4rem;background:var(--ink-2);transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate(var(--dx, 0)) translateZ(var(--dz, 0)) rotateY(var(--rot, 0deg)) scale(var(--scale, 1));opacity:calc(.12 + var(--dim, 1) * .88);box-shadow:0 1.8rem 3.4rem #0009,0 0 0 1px #f4f1ea1a}.coverflow__card.is-front{box-shadow:0 2.2rem 4.2rem #000000a8,0 0 0 1px #e8c46a73,0 0 3rem #e8c46a1f}.coverflow__card img{width:100%;height:100%;object-fit:cover;border-radius:.4rem;display:block;pointer-events:none}.coverflow__tag{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .85rem .8rem;border-radius:0 0 .4rem .4rem;background:linear-gradient(to top,#06070beb,#06070b00);color:var(--paper);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-align:left;pointer-events:none}.coverflow__count{position:absolute;z-index:4;top:clamp(1rem,3vh,2rem);left:50%;transform:translate(-50%);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--paper-faint);white-space:nowrap;pointer-events:none}.coverflow__count b{color:var(--gold);font-weight:500}.coverflow__hint{position:absolute;z-index:4;bottom:clamp(.75rem,2vh,1.5rem);left:50%;transform:translate(-50%);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper-faint);white-space:nowrap;pointer-events:none}.coverflow__veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 34%,rgb(5 6 10 / .42) 68%,rgb(5 6 10 / .84) 100%)}.collection__caption{z-index:4;width:min(24rem,100%);margin-inline:auto;padding:1.1rem 1.4rem;border:1px solid rgb(244 241 234 / .12);border-radius:1rem;background:#08090eb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto}.collection__captionSection{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}.collection__captionName{font-size:1.3rem;margin-bottom:.6rem;text-wrap:balance}.collection__captionMeta{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--paper-dim);margin-bottom:1.1rem}.dot{width:3px;height:3px;border-radius:50%;background:var(--paper-faint)}.collection__captionCta{width:100%;justify-content:center}.showcase{position:relative;margin-top:clamp(2rem,6vh,5rem);padding:clamp(3rem,8vh,6rem) 0 clamp(4rem,10vh,7rem);background:linear-gradient(to bottom,rgb(5 6 10 / 0) 0%,var(--ink) 7rem,var(--ink) 100%)}.showcase__group{margin-bottom:clamp(3rem,7vh,5.5rem);scroll-margin-top:calc(var(--nav-h) + 1.5rem)}.showcase__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgb(244 241 234 / .14)}.showcase__title{font-size:clamp(1.4rem,2.6vw,2rem)}.showcase__count{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint);white-space:nowrap}.showcase__grid{display:grid;gap:clamp(1rem,1.6vw,1.5rem);grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1180px){.showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:880px){.showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.showcase__grid{grid-template-columns:minmax(0,1fr)}}.card{display:flex;flex-direction:column;min-width:0;border:1px solid rgb(244 241 234 / .12);border-radius:3px;background:var(--ink-2);overflow:hidden;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.card:hover{border-color:var(--gold)}.card.is-revealed{border-color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold-bright),0 0 2.5rem #e8c46a2e}.card__media{position:relative;overflow:hidden;border-radius:.35rem;background:var(--ink-2);aspect-ratio:4 / 5;border:1px solid rgb(244 241 234 / .1)}.card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s var(--ease),transform .6s var(--ease)}.card__img--b{opacity:0}@media(hover:hover){.card:hover .card__img--a{opacity:0}.card:hover .card__img--b{opacity:1}.card:hover .card__img{transform:scale(1.04)}}.card__count{position:absolute;z-index:1;left:.6rem;bottom:.6rem;padding:.25rem .6rem;border-radius:999px;background:#05060ab3;backdrop-filter:blur(6px);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim)}.card__body{display:flex;flex-direction:column;gap:.4rem;padding:.9rem .9rem 1rem;min-width:0}.card__eyebrow{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.card__name{font-size:1.05rem;line-height:1.2}.card__open{all:unset;cursor:pointer;display:block}.card__open:hover{color:var(--gold-bright)}.card__rest{font-size:.82rem;color:var(--paper-faint);text-wrap:pretty}.card__price{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin-top:.15rem}.card__amount{font-family:var(--font-display);font-size:1.15rem}.card__stock{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint);border:1px solid rgb(244 241 234 / .18);border-radius:999px;padding:.2rem .55rem}.card__actions{display:flex;flex-wrap:nowrap;gap:.4rem;margin-top:.6rem}.card__actions .btn{flex:1 1 0;min-width:0;justify-content:center;padding:.6rem .5rem;font-size:.6rem;letter-spacing:.1em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.collection__head{position:static;margin-bottom:1.5rem}.collection__caption{position:static;left:auto;bottom:auto;transform:none;width:100%}.coverflow__sticky{grid-template-rows:minmax(0,1fr) auto;align-content:center;gap:1rem;padding-bottom:1rem}.coverflow__stage{min-height:0;--card-w: min(62%, 15rem)}.coverflow__hint{display:none}.collection__caption{padding:.85rem 1rem}.collection__captionName{font-size:1.1rem;margin-bottom:.4rem}.collection__captionMeta{margin-bottom:.8rem}.card__actions{gap:.5rem}.card__actions .btn{padding:.65rem .6rem;font-size:.64rem}}@media(prefers-reduced-motion:reduce){.card__img{transition:none}.card__img--b{display:none}}.atelier{position:relative;z-index:1;display:grid;align-content:end;padding:0 var(--gutter) 6rem;pointer-events:none}.atelier__head{max-width:36rem;pointer-events:auto}.atelier__title{font-size:clamp(2rem,5.5vw,3.75rem);margin-bottom:1rem;text-wrap:balance}.atelier__lede{color:var(--paper-dim);max-width:32rem;text-wrap:pretty}.atelier__swatches{display:flex;flex-wrap:wrap;gap:1.25rem;list-style:none;margin:2rem 0 0;padding:0}.swatch{display:flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim)}.swatch__dot{width:.85rem;height:.85rem;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px #f4f1ea40,0 0 14px -2px var(--dot)}.craft,.info{position:relative;z-index:1;padding:clamp(4rem,10vw,8rem) var(--gutter);background:linear-gradient(180deg,rgb(5 6 10 / 0) 0%,var(--ink) 22%,var(--ink) 100%)}.craft__title{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:3rem;max-width:24ch;text-wrap:balance}.craft__grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.craft__item{padding-top:1.5rem;border-top:1px solid rgb(244 241 234 / .14)}.craft__index{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--gold);margin-bottom:.75rem}.craft__item h3{font-size:1.35rem;margin-bottom:.6rem}.craft__item p{color:var(--paper-dim);max-width:var(--measure)}.info__row{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.info h2{font-size:clamp(1.5rem,3.2vw,2.15rem);margin-bottom:.85rem;text-wrap:balance}.info p{color:var(--paper-dim);max-width:var(--measure)}.footer{position:relative;z-index:1;padding:clamp(3.5rem,8vw,6rem) var(--gutter) 2.5rem;background:var(--ink-2);border-top:1px solid rgb(244 241 234 / .08)}.footer__top{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding-bottom:3rem}.footer__brand{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.28em;text-transform:uppercase;margin-bottom:.75rem}.footer__tagline{color:var(--paper-faint);max-width:26ch;font-size:.9rem}.footer__links{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.footer__links h3{font-family:var(--font-body);font-size:.66rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.footer__links a{display:block;padding:.28rem 0;color:var(--paper-dim);font-size:.9rem;transition:color .25s}.footer__links a:hover{color:var(--paper)}.footer__bottom{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:2rem;border-top:1px solid rgb(244 241 234 / .08);font-size:.76rem;color:var(--paper-faint)}.footer__bottom a{text-decoration:underline;text-underline-offset:3px}.fallback{position:relative;z-index:2;margin:calc(var(--nav-h) + 4rem) var(--gutter) 0;padding:1.25rem 1.5rem;border:1px solid rgb(201 162 39 / .4);border-radius:.75rem;background:#c9a22714;font-size:.9rem;max-width:46rem}html.no-webgl .hero,html.no-webgl .atelier{min-height:0!important;padding-top:calc(var(--nav-h) + 3rem);padding-bottom:3rem}html.no-webgl .collection{min-height:0!important}html.no-webgl .collection__head,html.no-webgl .atelier__head{position:static}.detail{position:fixed;inset:0;z-index:80}.detail[hidden]{display:none}.detail__scrim{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,#05060a59,#05060ae0);opacity:0;transition:opacity .32s var(--ease)}.detail.is-open .detail__scrim{opacity:1}.detail__panel{position:absolute;top:0;right:0;bottom:0;width:min(34rem,100%);display:flex;flex-direction:column;background:linear-gradient(180deg,#090a10f7,#05060afc);border-left:1px solid rgb(244 241 234 / .12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(100%);transition:transform .42s var(--ease)}.detail.is-open .detail__panel{transform:translate(0)}.detail__bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgb(244 241 234 / .1)}.detail__close,.detail__pager button{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid rgb(244 241 234 / .18);border-radius:50%;background:transparent;color:var(--paper);cursor:pointer;transition:all .25s var(--ease)}.detail__close:hover,.detail__pager button:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright);transform:translateY(-1px)}.detail__pager{display:flex;gap:.5rem}.detail__pager button:disabled{opacity:.3;cursor:not-allowed}.detail__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1.75rem 1.5rem 3rem}.detail__info{max-width:34rem}.detail__eyebrow{font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}.detail__title{font-size:clamp(1.6rem,3.4vw,2.25rem);margin-bottom:.5rem;text-wrap:balance}.detail__sub{font-size:.85rem;color:var(--paper-faint);margin-bottom:1.25rem;text-wrap:pretty}.detail__price{display:flex;align-items:baseline;gap:.9rem;margin-bottom:1.25rem}.detail__price>span:first-child{font-family:var(--font-display);font-size:1.65rem;color:var(--gold-bright)}.detail__stock{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--emerald)}.detail__stock.is-out{color:var(--paper-faint)}.detail__summary{color:var(--paper-dim);margin-bottom:1.75rem;text-wrap:pretty}.field{margin-bottom:1.75rem}.field__label{display:block;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--paper-faint);margin-bottom:.7rem}.sizes{display:flex;flex-wrap:wrap;gap:.4rem}.size{padding:.5rem .85rem;border:1px solid rgb(244 241 234 / .18);border-radius:.4rem;background:transparent;color:var(--paper-dim);font-size:.72rem;letter-spacing:.06em;cursor:pointer;transition:all .2s}.size:hover{border-color:var(--gold);color:var(--paper)}.size.is-selected{border-color:var(--gold);background:#c9a22729;color:var(--gold-bright)}.detail__features{list-style:none;margin:0 0 1.75rem;padding:0;display:grid;gap:.55rem}.detail__features li{position:relative;padding-left:1.35rem;color:var(--paper-dim);font-size:.9rem}.detail__features li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--gold)}.detail__metas{display:grid;gap:.75rem;margin:0 0 2rem;padding-top:1.5rem;border-top:1px solid rgb(244 241 234 / .12)}.detail__meta{display:grid;grid-template-columns:7rem 1fr;gap:1rem;font-size:.82rem}.detail__meta dt{color:var(--paper-faint);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;padding-top:.2em}.detail__meta dd{margin:0;color:var(--paper-dim)}.detail__cta{width:100%;justify-content:center}.detail__note{margin-top:.9rem;text-align:center;font-size:.72rem;color:var(--paper-faint)}.detail__media{position:absolute;left:0;bottom:1.5rem;width:min(20rem,60vw);padding-left:1.5rem;pointer-events:none}.detail__thumbs{display:flex;gap:.5rem;pointer-events:auto}.detail__thumb{width:3.4rem;aspect-ratio:4 / 5;padding:0;border:1px solid rgb(244 241 234 / .18);border-radius:.35rem;overflow:hidden;background:#f4f1ea0d;cursor:pointer;opacity:.55;transition:all .25s var(--ease)}.detail__thumb img{width:100%;height:100%;object-fit:cover}.detail__thumb:hover{opacity:.85}.detail__thumb.is-active{opacity:1;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.detail__hint{margin-top:.75rem;font-size:.66rem;letter-spacing:.1em;color:var(--paper-faint)}.detail__hint kbd{display:inline-block;padding:.05rem .3rem;border:1px solid rgb(244 241 234 / .2);border-radius:.2rem;font-family:inherit;font-size:.9em}@media(max-width:900px){.detail__panel{width:100%;border-left:none}.detail__media{display:none}.detail__body{padding-top:1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.detail__panel{transform:none}}