.app{--ink:#2d2016;--ink-soft:#2d20169e;--ease:cubic-bezier(.22, 1, .36, 1);--font-sans:"Syne", "Segoe UI", Arial, sans-serif;--font-serif:"Cormorant Garamond", "Times New Roman", serif;min-height:100svh;min-height:var(--app-height,100svh);height:100svh;height:var(--app-height,100svh);background:radial-gradient(circle at 18% 24%, #ffffffeb, transparent 32%), radial-gradient(circle at 82% 18%, #ffffffa6, transparent 24%), linear-gradient(180deg, #ffffffa6, #fff0), var(--paper);color:var(--ink);font-family:var(--font-sans);isolation:isolate;position:relative;overflow:hidden}:where(.app),:where(.app) :where(*),:where(.app) :where(),:where(.app) :where(){box-sizing:border-box}:where(.app) :where(input,textarea,button,select){font:inherit}:where(.app) :where(a){color:inherit;text-decoration:none}:where(.app) :where(img,picture,video,canvas,svg){max-width:100%;display:block}:where(.app) :where(button){cursor:pointer;padding:0}:where(.app) :where(h1,h2,h3,h4,h5,h6,p){text-wrap:balance}.app:before{content:"";z-index:0;background:radial-gradient(circle at 30% 42%, var(--glow), transparent 38%), radial-gradient(circle at 74% 68%, var(--accent-soft), transparent 28%);transition:background .6s;position:absolute;inset:0}.app__grain{z-index:1;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:radial-gradient(#3a291a2e .7px,#0000 .7px);background-size:14px 14px;position:absolute;inset:0}.topbar{z-index:8;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:100%;padding:1.3rem clamp(1rem,3vw,2.75rem);display:grid;position:absolute;top:0;left:0}.topbar__brand{letter-spacing:.18em;text-transform:uppercase;gap:.18rem;font-size:.76rem;display:grid}.topbar__brand span:first-child{font-weight:800}.topbar__brand span:last-child,.topbar__portal-subline{color:var(--ink-soft)}.topbar__portal,.stage__controls button,.stage__rail-item{color:inherit;background:0 0;border:0}.topbar__portal{text-align:center;transition:transform .35s var(--ease), opacity .35s var(--ease);justify-self:center;gap:.18rem;display:grid}.topbar__portal:hover{transform:translateY(-1px)}.topbar__portal-subline{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.topbar__portal-line{letter-spacing:-.04em;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:700}.topbar__portal-subline{letter-spacing:.18em}.topbar__spacer{justify-self:end;width:100%}.stage{z-index:2;touch-action:none;grid-template-columns:5.25rem minmax(0,1fr) minmax(23rem,.86fr) 14rem;align-items:center;gap:clamp(1rem,3vw,2.4rem);height:100%;padding:5.8rem clamp(1rem,3vw,2.75rem) 1.4rem;display:grid;position:relative}.stage__wash{z-index:0;filter:blur(22px);pointer-events:none;background:radial-gradient(circle,#ffffffd6 0%,#fff0 72%);border-radius:50%;position:absolute;inset:16% 18% 13%}.stage__word{z-index:0;color:#3d2c1c14;letter-spacing:-.1em;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(5.6rem,18vw,17rem);font-weight:800;line-height:.82;position:absolute}.stage__word--top{letter-spacing:-.028em;top:3.7rem;left:clamp(2.8rem,7vw,7.75rem)}.stage__word--bottom{letter-spacing:-.04em;bottom:1.35rem;right:clamp(.75rem,3vw,2.75rem)}.stage__note{z-index:4;max-width:15rem;color:var(--ink-soft);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.76rem;line-height:1.5;position:absolute;top:5.9rem;left:clamp(6rem,8vw,8rem)}.stage__focus{z-index:4;width:clamp(18rem,28vw,24rem);height:clamp(14rem,26vw,20rem);position:absolute;top:2.3rem;right:clamp(1.8rem,4vw,3.1rem)}.stage__focus-count{z-index:1;font-family:var(--font-serif);letter-spacing:-.07em;color:#2d2016ad;text-shadow:0 12px 30px #ffffff6b;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(6.6rem,10.6vw,10rem);font-style:italic;font-weight:500;line-height:.72;position:absolute;top:.2rem;right:0;transform:skew(-4deg)}.stage__focus-label{letter-spacing:-.055em;text-transform:uppercase;color:#3d2c1c0c;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(3.5rem,8.4vw,7.3rem);font-weight:800;line-height:.78;position:absolute;top:clamp(4.8rem,11.4vw,8.8rem);left:.6rem}.stage__aside{z-index:4;align-self:stretch;justify-items:center;gap:1rem;padding:6.5rem 0 2rem;display:grid;position:relative}.stage__counter,.stage__hint{writing-mode:vertical-rl;color:var(--ink-soft);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;transform:rotate(180deg)}.stage__counter{color:var(--ink);font-weight:700}.stage__progress{background:#412e1a1f;width:1px;height:100%;max-height:16rem;position:relative;overflow:hidden}.stage__progress span{background:var(--accent);transform-origin:top;transform:scaleY(var(--progress));transition:transform .45s var(--ease);position:absolute;inset:0}.stage__visual{z-index:3;align-self:stretch;align-items:center;display:grid;position:relative}.stage__visual-group{width:min(100%,40rem);height:min(72vh,44rem);margin:0 auto;position:relative}.stage__visual-card,.stage__detail-card{box-shadow:0 30px 70px var(--shadow-color);background:#ffffff94;overflow:hidden}.stage__visual-card{border:1px solid #58412b14;border-radius:2rem 2rem 8rem;width:100%;height:100%;margin:0;position:relative}.stage__visual-card:after{content:"";background:linear-gradient(#ffffff14 0%,#17120d0a 38%,#17120d2e 100%);position:absolute;inset:0}.stage__visual-card img,.stage__detail-card img{object-fit:cover;width:100%;height:100%}.stage__label-row span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.14em;text-transform:uppercase;background:#ffffffbd;border:1px solid #4b362014;border-radius:999px;padding:.5rem .75rem;font-size:.68rem}.stage__detail-card{aspect-ratio:4/5;border:1px solid #58412b14;border-radius:1.5rem;width:min(34%,11.5rem);position:absolute;bottom:-1.5rem;right:-1.5rem}.stage__copy{z-index:4;align-self:center;gap:1.2rem;margin-top:-4rem;padding-bottom:0;display:grid;position:relative}.stage__label-row{flex-wrap:wrap;gap:.55rem;display:flex}.stage__title{letter-spacing:-.074em;text-transform:uppercase;gap:.2rem;margin:0;font-size:clamp(3.4rem,7vw,7.4rem);line-height:.9;display:grid}.stage__title--compact{font-size:clamp(3rem,6vw,6.4rem)}.stage__title>span{margin-inline-end:-.08em;padding-inline-end:.08em;display:block;overflow:hidden}.stage__title .inner{display:block}.stage__title-accent .inner{font-family:var(--font-serif);letter-spacing:-.04em;text-transform:none;font-size:.95em;font-style:italic;font-weight:600;line-height:.96}.stage__subtitle{max-width:27rem;color:var(--ink-soft);margin:0;font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.55}.stage__piece-inline{color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.stage__controls{flex-wrap:wrap;gap:.8rem;display:flex}.stage__controls a,.stage__controls button{letter-spacing:.16em;text-transform:uppercase;min-width:7rem;transition:transform .35s var(--ease), border-color .35s var(--ease), background .35s var(--ease);background:#fff9;border:1px solid #58412b17;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1rem;font-size:.74rem;font-weight:700;display:inline-flex}.stage__controls a{text-decoration:none}.stage__controls a:hover,.stage__controls button:hover{background:#fffc;border-color:#58412b2e;transform:translateY(-2px)}.stage__rail{z-index:4;align-content:end;align-self:stretch;gap:.45rem;padding:6.5rem 0 2rem;display:grid;position:relative}.stage__rail-item{width:100%;color:var(--ink-soft);text-align:left;transition:transform .35s var(--ease), border-color .35s var(--ease), background .35s var(--ease), color .35s var(--ease);background:#ffffff57;border:1px solid #58412b0f;border-radius:1.15rem;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;padding:.8rem .9rem;display:grid}.stage__rail-item span:first-child{color:var(--ink-soft);letter-spacing:.15em;text-transform:uppercase;font-size:.68rem}.stage__rail-item span:last-child{letter-spacing:-.02em;font-size:.92rem;font-weight:700;line-height:1.15}.stage__rail-item:hover,.stage__rail-item.is-active{color:var(--ink);background:#ffffffb8;border-color:#58412b24;transform:translate(-3px)}.stage__rail-item.is-active{box-shadow:0 16px 32px #503b2514}.app:not(.is-ready) .stage__visual-card,.app:not(.is-ready) .stage__detail-card,.app:not(.is-ready) .js-product-line .inner,.app:not(.is-ready) .js-product-fade,.app:not(.is-ready) .stage__word{opacity:0}@media (max-width:1120px){.stage__focus{display:none}.topbar{grid-template-columns:1fr;justify-items:start}.topbar__portal{text-align:left;justify-self:start}.topbar__spacer{display:none}.stage{grid-template-columns:4rem minmax(0,1fr) minmax(22rem,.8fr)}.stage__rail{grid-template-columns:repeat(2,minmax(0,1fr));width:min(22rem,100% - 2rem);padding:0;position:absolute;bottom:1.4rem;right:clamp(1rem,3vw,2.5rem)}.stage__rail-item:hover,.stage__rail-item.is-active{transform:translateY(-2px)}}@media (max-width:860px){.topbar{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.55rem;padding-top:1.15rem}.topbar__brand,.topbar__spacer{display:none}.topbar__portal{text-align:center;justify-self:center;gap:.24rem}.topbar__portal-line{letter-spacing:-.03em;font-size:clamp(1.34rem,5.3vw,1.82rem)}.topbar__portal-subline{letter-spacing:.18em;font-size:.66rem}.stage{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:.45rem;padding-top:7.6rem}.stage__word{color:#3d2c1c0e;font-size:clamp(4.8rem,18vw,8.4rem)}.stage__word--top{top:auto;bottom:32vh;left:50%;transform:translate(-50%)}.stage__word--bottom{display:block;bottom:2.2rem;right:1.1rem}.stage__aside{flex-direction:row;order:2;justify-content:flex-start;justify-self:center;align-items:center;gap:.8rem;width:min(100%,24rem);margin-top:.05rem;padding:0;display:flex;position:relative}.stage__counter{display:none}.stage__hint{writing-mode:initial;letter-spacing:.14em;font-size:.67rem;transform:none}.stage__progress{width:100%;height:2px}.stage__progress span{transform-origin:0;transform:scaleX(var(--progress))}.stage__visual{order:1;min-height:0}.stage__visual-group{width:min(100%,25.4rem);height:min(52vh,25.5rem)}.stage__detail-card{display:none}.stage__copy{order:3;justify-self:center;gap:.9rem;width:min(100%,24rem);margin-top:0;padding-bottom:.2rem}.stage__title{font-size:clamp(2.4rem,11vw,4rem)}.stage__piece-inline{font-size:.78rem}.stage__subtitle{max-width:24rem;font-size:.92rem;line-height:1.45}.stage__rail{display:none}.stage__controls{width:100%}.stage__controls a,.stage__controls button{width:100%;min-width:0}}@media (max-width:560px){.topbar{padding-top:.9rem}.topbar__portal-line{font-size:clamp(1.24rem,5.7vw,1.52rem)}.topbar__portal-subline{font-size:.61rem}.stage{gap:.4rem;padding-top:7.8rem}.stage__word--top{bottom:33vh}.stage__word--bottom{bottom:1.8rem}.stage__aside{gap:.65rem;width:min(100%,21.8rem)}.stage__hint{letter-spacing:.12em;font-size:.62rem}.stage__progress{height:2px}.stage__visual-group{height:min(48vh,23.5rem)}.stage__visual-card{border-radius:1.45rem}.stage__detail-card{display:none}.stage__visual-caption{justify-content:flex-start;left:.85rem;right:.85rem}.stage__title{font-size:clamp(2.2rem,12vw,3.4rem)}.stage__piece-inline{font-size:.72rem}.stage__subtitle{font-size:.86rem;line-height:1.4}.stage__controls{margin-top:.1rem}.stage__controls a,.stage__controls button{width:100%}}@media (max-width:420px){.topbar__portal-line{font-size:clamp(1.14rem,5.3vw,1.34rem)}.topbar__portal-subline{letter-spacing:.16em;font-size:.56rem}.stage{padding-top:7.75rem}.stage__word{font-size:clamp(4.5rem,19vw,7rem)}.stage__word--top{bottom:34vh}.stage__aside{width:min(100%,19.8rem)}.stage__progress{height:2px}.stage__hint{font-size:.56rem}}@media (max-width:767px){.app{--mobile-stage-top-pad:clamp(3.95rem, calc(var(--app-height,100svh) * .09), 5.8rem);--mobile-visual-height:min(calc(var(--app-height,100svh) * .5), 24rem);--mobile-piece-size:clamp(.9rem, calc(var(--app-height,100svh) * .025), 1.1rem);--mobile-word-top:calc(var(--app-height,100svh) * .61);--mobile-word-bottom:calc(var(--app-height,100svh) * .685);--mobile-portal-size:clamp(1.22rem, calc(var(--app-height,100svh) * .039), 1.72rem);--mobile-portal-subline-size:clamp(.54rem, calc(var(--app-height,100svh) * .0125), .68rem);--mobile-topbar-gap:clamp(.24rem, calc(var(--app-height,100svh) * .0075), .52rem)}.stage{padding-top:var(--mobile-stage-top-pad)!important;padding-bottom:max(1rem, calc(env(safe-area-inset-bottom) + .45rem))!important;gap:.25rem!important}.topbar{padding-top:max(.7rem, calc(env(safe-area-inset-top) + .15rem))!important;gap:var(--mobile-topbar-gap)!important}.topbar__portal{width:90vw!important;margin:0 auto!important}.topbar__portal-line{font-size:var(--mobile-portal-size)!important;letter-spacing:-.02em!important;line-height:1.06!important}.topbar__portal-subline{font-size:var(--mobile-portal-subline-size)!important}.stage__visual-group{width:90vw!important;max-width:90vw!important;height:var(--mobile-visual-height)!important;margin:0 auto!important}.stage__copy{gap:.5rem!important;width:90vw!important;margin:-.2rem auto 0!important}.stage__title{margin:0!important}.stage__piece-inline{text-align:right!important;font-size:var(--mobile-piece-size)!important;align-self:end!important;margin-left:auto!important;display:inline-block!important}.stage__subtitle{margin-top:.05rem!important}.stage__word--top{top:var(--mobile-word-top)!important;bottom:auto!important;left:15vh!important;transform:translate(-50%)!important}.stage__word--bottom{top:var(--mobile-word-bottom)!important;bottom:auto!important;left:26vh!important;right:auto!important;transform:translate(-50%)!important}}@media (prefers-reduced-motion:reduce){.app,.app:before,.stage__progress span,.stage__controls a,.stage__controls button,.stage__rail-item,.topbar__portal{transition:none}.app:not(.is-ready) .stage__visual-card,.app:not(.is-ready) .stage__detail-card,.app:not(.is-ready) .js-product-line .inner,.app:not(.is-ready) .js-product-fade,.app:not(.is-ready) .stage__word{opacity:1}}