@font-face{font-family:"Source Serif 4";src:url(/assets/demos/brigant/fonts/serif-latin.woff2)format("woff2");font-weight:500 700;font-display:swap}@font-face{font-family:Work Sans;src:url(/assets/demos/brigant/fonts/sans-latin.woff2)format("woff2");font-weight:400 800;font-display:swap}:root{--ivory:#f4efe6;--ivory-2:#ebe4d6;--ink:#141210;--ink-2:#4a443d;--gold:#7a5f27;--gold-light:#c8a76a;--burgundy:#5a1722;--serif:"Source Serif 4", Georgia, serif;--sans:"Work Sans", system-ui, sans-serif;--pad:clamp(20px, 4.2vw, 64px);--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--ivory);color:var(--ink);-webkit-text-size-adjust:100%}body{font:400 1rem/1.6 var(--sans);background:var(--ivory);margin:0;overflow-x:clip}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.intro{z-index:200;background:var(--ivory);place-items:center;display:none;position:fixed;inset:0}html.xp .intro{display:grid}.intro-logo{clip-path:inset(0 50%);width:min(64vw,520px);transition:clip-path 1.3s var(--ease) .2s}.intro-line{background:var(--gold-light);width:0;height:1px;transition:width 1.2s var(--ease) .9s;position:absolute;top:calc(50% + min(7vw,56px));left:50%;transform:translate(-50%)}.intro.go .intro-logo{clip-path:inset(0)}.intro.go .intro-line{width:min(40vw,260px)}.intro.done{clip-path:inset(0 0 100%);transition:clip-path 1s var(--ease);pointer-events:none}html.xp.loading{overflow:hidden}.top{z-index:100;padding:22px var(--pad);color:var(--ink);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;transition:color .5s;display:grid;position:fixed;top:0;left:0;right:0}.top.on-dark{color:var(--ivory)}.top .brand img{transition:filter .5s}.top.on-dark .brand img{filter:invert()brightness(.96)}.top>*{pointer-events:auto}.top nav{letter-spacing:.14em;text-transform:uppercase;gap:28px;font-size:.78rem;display:flex}.top nav a{text-decoration:none}.top nav a:hover{opacity:.6}.top .brand img{width:clamp(120px,12vw,168px);height:auto}.bag-btn{color:inherit;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;justify-self:end;align-items:center;gap:10px;padding:0;font-size:.78rem;display:inline-flex}.bag-btn b{letter-spacing:0;border:1px solid;border-radius:99px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-weight:600;display:inline-grid}@keyframes bump{30%{transform:scale(1.5)}}.progress{z-index:101;background:var(--gold-light);transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}html.xp .story,html.xp .move,html.xp .colors{content-visibility:auto}html.xp .story{contain-intrinsic-size:auto 280vh}html.xp .move{contain-intrinsic-size:auto 240vh}html.xp .colors{contain-intrinsic-size:auto 300vh}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:.74rem}.btn{border:1px solid var(--ink);background:var(--ink);min-height:52px;color:var(--ivory);letter-spacing:.16em;text-transform:uppercase;transition:background .3s, color .3s, transform .3s var(--ease);border-radius:0;justify-content:center;align-items:center;gap:12px;padding:14px 30px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink);background:0 0;transform:translateY(-2px)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:var(--ivory)}.btn.light{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}.btn.light:hover{color:var(--ivory);background:0 0}.btn:after{content:"";background:currentColor;width:18px;height:1px}.price{font:500 1.35rem var(--serif);letter-spacing:.02em}.price s{color:var(--ink-2);opacity:.6;margin-right:10px;font-size:1rem}[data-reveal]{opacity:1}html.xp [data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--d,0s);transform:translateY(26px)}html.xp [data-reveal].in{opacity:1;transform:none}.w{vertical-align:top;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.w>span{display:inline-block}html.xp .split .w>span{transition:transform 1s var(--ease);transition-delay:calc(var(--i) * 70ms);transform:translateY(112%)}html.xp .split.in .w>span{transform:none}.hero{position:relative}.hero .stick{background:var(--ivory);min-height:100svh;display:grid;position:relative;overflow:hidden}html.xp .hero{height:320vh;margin-bottom:-100svh}html.xp .hero .stick{height:100svh;position:sticky;top:0}.hero-word{font:500 clamp(4.5rem, 18.5vw, 24rem)/.9 var(--serif);color:#0000;-webkit-text-stroke:1px #14121052;text-transform:uppercase;white-space:nowrap;pointer-events:none;will-change:transform, letter-spacing;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.hero-word span{display:inline-block}html.xp .hero-word span{opacity:0;transform:translateY(40%)}html.xp.ready .hero-word span{animation:rise 1.4s var(--ease) forwards;animation-delay:calc(var(--i) * 90ms + .15s)}@keyframes rise{to{opacity:1;transform:none}}.hero-photo{transform-origin:50% 30%;mix-blend-mode:multiply;will-change:transform;height:min(96svh,1100px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-photo img{width:auto;max-width:none;height:100%}html.xp:not(.ready) .hero-photo{opacity:0}html.xp.ready .hero-photo{animation:fadein 1.4s var(--ease) .4s backwards}@keyframes fadein{0%{opacity:0}}.hero-copy{z-index:2;left:var(--pad);width:min(26rem,40vw);position:absolute;bottom:clamp(32px,9vh,90px)}.hero-copy h1{font:500 clamp(2.6rem, 5.4vw, 5rem)/1 var(--serif);letter-spacing:-.01em;margin:14px 0}.hero-copy p.lead{max-width:24rem;color:var(--ink-2)}.hero-row{flex-wrap:wrap;align-items:center;gap:22px 28px;margin-top:26px;display:flex}.hero-notes{z-index:2;right:var(--pad);gap:22px;width:min(15rem,22vw);display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero-notes li{color:var(--ink-2);border-top:1px solid #14121047;padding-top:12px;font-size:.86rem}.hero-notes b{font:500 1.05rem var(--serif);color:var(--ink);margin-bottom:2px;display:block}.hero-notes{margin:0;padding:0;list-style:none}html.xp .hero-notes li{opacity:0}.scroll-hint{z-index:2;right:var(--pad);letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;align-items:center;gap:12px;font-size:.7rem;display:flex;position:absolute;bottom:clamp(32px,9vh,90px)}.scroll-hint:after{content:"";background:var(--ink);transform-origin:top;width:1px;height:54px;animation:hint 2s var(--ease) infinite}@keyframes hint{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}html:not(.xp) .scroll-hint{display:none}.story{position:relative}.story .stick{min-height:100svh;color:var(--ivory);background:#0d0c0b;align-items:center;display:grid;position:relative;overflow:hidden}html.xp .story{z-index:1;height:280vh}html.xp .story .stick{background:0 0;height:100svh;position:sticky;top:0}.story-img{position:absolute;inset:0}.story-img img{object-fit:cover;width:100%;height:100%}html.xp .story-img{clip-path:circle(0%);will-change:clip-path}.story-img:after{content:"";background:linear-gradient(90deg,#080706b3,#0807061a 70%);position:absolute;inset:0}.story-copy{z-index:2;padding:0 var(--pad);max-width:46rem;position:relative}.story-copy .eyebrow{color:var(--gold-light)}.story-copy h2{font:500 clamp(2.4rem, 6vw, 5.6rem)/1.02 var(--serif);margin:16px 0 26px}.story-line{color:#f4efe6db;max-width:30rem;margin-bottom:14px;font-size:1.08rem}html.xp .story-line,html.xp .story-copy h2,html.xp .story-copy .eyebrow{opacity:0}.move{position:relative}.move .stick{background:var(--ivory);min-height:100svh;display:grid;position:relative;overflow:hidden}html.xp .move{height:240vh}html.xp .move .stick{height:100svh;position:sticky;top:0}.marquee{font:500 clamp(6rem, 19vw, 21rem)/1 var(--serif);text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #14121052;will-change:transform;gap:.5em;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.marquee i{color:var(--gold-light);-webkit-text-stroke:0;align-self:center;font-size:.3em;font-style:normal}.move-photo{mix-blend-mode:multiply;will-change:transform;height:min(92svh,1000px);position:absolute;bottom:0;right:12%}.move-photo img{width:auto;max-width:none;height:100%}.move-copy{z-index:2;left:var(--pad);width:min(24rem,34vw);position:absolute;bottom:clamp(32px,9vh,90px)}.move-copy h2{font:500 clamp(2rem, 4vw, 3.4rem)/1.04 var(--serif);margin:12px 0 14px}.move-copy p{color:var(--ink-2)}.colors{position:relative}.colors .stick{background:var(--stage,var(--ivory));min-height:100svh;transition:background 1.1s var(--ease);display:grid;position:relative;overflow:hidden}html.xp .colors{height:300vh}html.xp .colors .stick{height:100svh;position:sticky;top:0}.colors[data-c="0"]{--stage:#f4efe6}.colors[data-c="1"]{--stage:#e9d9d0}.colors[data-c="2"]{--stage:#efe2c8}.col-photos{aspect-ratio:944/1104;mix-blend-mode:multiply;height:min(94svh,1080px);position:absolute;bottom:0;left:50%;transform:translate(-30%)}.col-photos img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}html.xp .col-photos img{clip-path:circle(0% at var(--ox,50%) var(--oy,50%));transition:clip-path 1.15s var(--ease)}html.xp .col-photos img.on{clip-path:circle(150% at var(--ox,50%) var(--oy,50%))}html:not(.xp) .col-photos img{clip-path:none;opacity:0}html:not(.xp) .col-photos img.on{opacity:1}.col-name{left:var(--pad);font:500 clamp(3.4rem, 11vw, 11rem)/.92 var(--serif);letter-spacing:-.02em;pointer-events:none;position:absolute;top:46%;transform:translateY(-50%)}.col-name span{padding-bottom:.12em;display:block;overflow:hidden}.col-name em{transition:transform .9s var(--ease), opacity .9s;font-style:normal;display:block}.col-name em.out{opacity:0;position:absolute;top:0;left:0;transform:translateY(-100%)}.col-ui{z-index:2;left:var(--pad);gap:14px;max-width:24rem;display:grid;position:absolute;bottom:clamp(32px,9vh,90px)}.col-ui p{color:var(--ink-2)}.swatches{gap:14px;margin:0;padding:0;list-style:none;display:flex}.swatch{letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;justify-items:start;gap:8px;padding:0;font-size:.74rem;display:grid}.swatch i{outline-offset:5px;width:54px;height:54px;transition:outline-color .3s, transform .4s var(--ease);background:var(--c);border-radius:50%;outline:1px solid #0000;box-shadow:inset 0 0 0 1px #14121040}.swatch:hover i{transform:scale(1.06)}.swatch[aria-checked=true] i{outline-color:var(--ink)}.swatch[aria-checked=true]{font-weight:700}.detail{min-height:100svh;padding:14vh var(--pad);background:var(--ivory-2);grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,5vw,90px);display:grid;position:relative}.detail-fig{aspect-ratio:944/1104;justify-self:center;width:min(40rem,100%);margin:0;position:relative}.detail-fig img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.hot{left:var(--x);top:var(--y);border:1px solid var(--ink);background:#f4efe6d9;border-radius:50%;width:30px;height:30px;padding:0;position:absolute;transform:translate(-50%,-50%)}.hot:before{content:"";background:var(--ink);transition:transform .4s var(--ease);border-radius:50%;position:absolute;inset:9px}.hot:after{content:"";border:1px solid var(--ink);animation:ping 2.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:-1px}@keyframes ping{to{opacity:0;transform:scale(2.2)}}.hot[aria-expanded=true]:before{transform:scale(1.7)}.hot span{background:var(--ink);width:max-content;max-width:14rem;color:var(--ivory);text-align:left;opacity:0;pointer-events:none;transition:opacity .3s, transform .4s var(--ease);padding:10px 14px;font-size:.82rem;line-height:1.4;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px)}.hot[aria-expanded=true] span{opacity:1;transform:translate(-50%)}.detail-copy h2{font:500 clamp(2.2rem, 4.6vw, 4.2rem)/1.04 var(--serif);margin:14px 0 22px}.detail-copy>p{max-width:28rem;color:var(--ink-2)}.facts{gap:0;max-width:28rem;margin:34px 0 0;padding:0;list-style:none;display:grid}.facts li{border-top:1px solid #14121033;justify-content:space-between;gap:20px;padding:14px 0;font-size:.92rem;display:flex}.facts li:last-child{border-bottom:1px solid #14121033}.facts b{letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:600}.fit{min-height:100svh;padding:14vh var(--pad);grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(24px,5vw,90px);display:grid;position:relative}.fit-fig{aspect-ratio:944/1104;justify-self:center;width:min(34rem,100%);margin:0;position:relative}.fit-fig img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.gauge{left:-4%;right:-4%;top:var(--y);letter-spacing:.12em;text-transform:uppercase;transition:top .9s var(--ease);align-items:center;gap:10px;font-size:.72rem;display:flex;position:absolute}.gauge:before{content:"";background:var(--gold);height:1px;transform:scaleX(var(--s,0));transform-origin:0;transition:transform 1.1s var(--ease);flex:1}.gauge b{background:var(--ink);min-width:5.5em;color:var(--ivory);text-align:center;padding:4px 10px;font-weight:600}.fit.in .gauge{--s:1}.fit-copy h2{font:500 clamp(2.2rem, 4.6vw, 4.2rem)/1.04 var(--serif);margin:14px 0 22px}.fit-copy>p{max-width:30rem;color:var(--ink-2)}.sizes{flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none;display:flex}.size{min-width:62px;height:52px;transition:background .3s, color .3s, border-color .3s, transform .3s var(--ease);background:0 0;border:1px solid #14121066;padding:0 14px;font-weight:500}.size:hover{border-color:var(--ink)}.size[aria-checked=true]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}.sizes.shake{animation:.5s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.fit-hint{min-height:1.6em;color:var(--gold);margin-top:18px;font-size:.9rem}.close{min-height:100svh;padding:14vh var(--pad);color:var(--ivory);text-align:center;background:#0b0a09;place-items:center;display:grid;position:relative;overflow:hidden}.close-bg{position:absolute;inset:-6% 0}.close-bg img{object-fit:cover;opacity:.62;width:100%;height:100%}.close-bg:after{content:"";background:radial-gradient(circle at 50% 55%,#08070626,#080706db);position:absolute;inset:0}.close-copy{z-index:2;max-width:44rem;position:relative}.close-copy h2{font:500 clamp(3rem, 9vw, 8rem)/.95 var(--serif);margin:16px 0 20px}.close-copy p{color:#f4efe6d9;max-width:28rem;margin:0 auto 32px}.close .eyebrow{color:var(--gold-light)}footer{padding:56px var(--pad) 120px;text-align:center;background:var(--ivory);justify-items:center;gap:22px;display:grid}footer img{width:150px}footer p{max-width:38rem;color:var(--ink-2);font-size:.82rem}footer a{text-underline-offset:3px}.buy{z-index:120;-webkit-backdrop-filter:blur(14px);width:max-content;max-width:calc(100vw - 24px);transition:transform .7s var(--ease);background:#f4efe6eb;border:1px solid #14121033;align-items:center;gap:18px;padding:10px 10px 10px 12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%,140%);box-shadow:0 20px 50px -20px #14121066}.buy.show{transform:translate(-50%)}.buy-thumb{background:var(--ivory);width:44px;height:52px;position:relative;overflow:hidden}.buy-thumb img{object-fit:cover;object-position:50% 14%;mix-blend-mode:multiply;width:100%;height:100%}.buy-info{line-height:1.25;display:grid}.buy-info b{font:500 1.05rem var(--serif)}.buy-info span{color:var(--ink-2);font-size:.78rem}.buy .price{font-size:1.15rem}.buy .btn{min-height:46px;padding:10px 22px}.fly{z-index:300;pointer-events:none;object-fit:cover;object-position:50% 14%;background:var(--ivory);position:fixed;box-shadow:0 10px 30px #00000040}.toast{z-index:130;background:var(--ink);color:var(--ivory);letter-spacing:.04em;opacity:0;pointer-events:none;transition:transform .6s var(--ease), opacity .4s;padding:14px 22px;font-size:.86rem;position:fixed;top:84px;left:50%;transform:translate(-50%,-30px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=860px){.top{padding:16px var(--pad);grid-template-columns:1fr auto}.top nav{display:none}.hero-photo{height:64svh;bottom:84px}.hero-word{top:42%}.hero-copy{width:auto;top:0;bottom:0;right:var(--pad);pointer-events:none;padding-top:calc(11svh + 34px)}.hero-copy p.lead,.hero-notes{display:none}.hero-row{pointer-events:auto;flex-wrap:nowrap;justify-content:space-between;gap:16px;margin:0;position:absolute;bottom:20px;left:0;right:0}.hero-row .btn{flex:1;max-width:15rem}.scroll-hint{display:none}.story-copy{max-width:none}.move-photo{height:78svh;right:-10%}.move-copy{width:auto;right:var(--pad);bottom:92px}.col-photos{height:72svh;bottom:0;transform:translate(-50%)}.col-name{font-size:clamp(3rem,17vw,6rem);top:16svh}.col-ui{right:var(--pad);max-width:none;bottom:92px}.story .stick{padding-top:84px}.col-ui p{display:none}.detail,.fit{grid-template-columns:1fr;padding-top:12vh;padding-bottom:10vh}.detail-fig,.fit-fig{width:min(26rem,100%)}.buy{gap:12px;padding-right:8px}.buy-info span{display:none}.buy .btn{letter-spacing:.1em;padding:10px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.bag-btn.bump b{animation:bump .6s var(--ease)}.scrim{z-index:140;opacity:0;pointer-events:none;background:#14121073;transition:opacity .5s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{z-index:150;background:var(--ivory);width:min(27rem,100vw);color:var(--ink);transition:transform .75s var(--ease);flex-direction:column;padding:26px 26px 22px;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-30px 0 60px -30px #00000073}.drawer.open{transform:none}.drawer-head{justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.drawer-head h2{font:500 1.7rem var(--serif)}.drawer-close{width:40px;height:40px;transition:background .3s, color .3s, transform .4s var(--ease);background:0 0;border:1px solid #1412104d;border-radius:50%;font-size:1.3rem;line-height:1}.drawer-close:hover{background:var(--ink);color:var(--ivory);transform:rotate(90deg)}.ship{border-top:1px solid #1412102e;padding:14px 0 18px}.ship p{color:var(--ink-2);margin-bottom:10px;font-size:.86rem}.ship-bar{background:#1412101f;height:4px;position:relative;overflow:hidden}.ship-bar i{background:var(--gold);transform-origin:0;transition:transform .9s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.ship.is-free p{color:var(--gold);font-weight:600}.ship.is-free .ship-bar i{background:linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));background-size:200% 100%;animation:2.4s linear infinite sheen}.ship.burst .ship-bar{animation:unlock 1s var(--ease)}@keyframes sheen{to{background-position:-200% 0}}@keyframes unlock{30%{box-shadow:0 0 22px var(--gold-light);transform:scaleY(3)}}.lines{flex:1;margin:0;padding:0;list-style:none;overflow:auto}.line{transition:grid-template-rows .5s var(--ease), opacity .5s, transform .5s var(--ease);grid-template-rows:1fr;display:grid}.line-in{border-bottom:1px solid #1412101f;grid-template-columns:78px 1fr auto;align-items:start;gap:16px;min-height:0;padding:14px 0;display:grid;overflow:hidden}.line.enter{opacity:0;grid-template-rows:0fr;transform:translate(40px)}.line.leave{opacity:0;grid-template-rows:0fr;transform:translate(-40px)}.line img{object-fit:cover;object-position:50% 14%;mix-blend-mode:multiply;background:var(--ivory);width:78px;height:94px}.line-info{gap:2px;display:grid}.line-info b{font:500 1.1rem var(--serif)}.line-info>span{color:var(--ink-2);font-size:.82rem}.qty{border:1px solid #1412104d;align-items:center;width:max-content;margin-top:10px;display:inline-flex}.qty button{background:0 0;border:0;width:34px;height:34px;font-size:1.1rem;transition:background .25s,color .25s}.qty button:hover{background:var(--ink);color:var(--ivory)}.qty output{text-align:center;min-width:32px;font-weight:600}.qty output.pop{animation:pop .45s var(--ease)}@keyframes pop{40%{color:var(--gold);transform:scale(1.5)}}.line-end{justify-items:end;gap:14px;display:grid}.line-end .price{font-size:1.1rem}.rm{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.72rem;text-decoration:underline}.rm:hover{color:var(--burgundy)}.drawer .empty{text-align:center;color:var(--ink-2);margin:auto 0;padding:30px 0}.drawer .empty[hidden]{display:none}.drawer-foot{border-top:1px solid #14121033;gap:14px;padding-top:16px;display:grid}.tot-list{gap:8px;margin:0;display:grid}.tot-list div,.co-sum dl div{justify-content:space-between;align-items:baseline;font-size:.92rem;display:flex}.tot-list dt,.tot-list dd,.co-sum dt,.co-sum dd{margin:0}.tot-list .grand{border-top:1px solid #14121024;padding-top:10px;font-size:1rem}.tot-list .price{font-size:1.4rem}.drawer-foot .btn{width:100%}.drawer-foot .btn:disabled{opacity:.35;pointer-events:none}.drawer-foot small{text-align:center;color:var(--ink-2);font-size:.78rem}html.co-lock{overflow:hidden}.co{z-index:400;background:var(--ivory);color:var(--ink);visibility:hidden;clip-path:circle(0px at var(--ox,50%) var(--oy,50%));transition:clip-path 1.1s var(--ease), visibility 0s linear 1.1s;flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.co.open{visibility:visible;clip-path:circle(150vmax at var(--ox,50%) var(--oy,50%));transition:clip-path 1.1s var(--ease), visibility 0s}.co-fx{z-index:5;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.co-top{z-index:4;padding:18px var(--pad);background:linear-gradient(var(--ivory) 70%, transparent);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:sticky;top:0}.co-logo{width:128px}.co-back,.co-close{letter-spacing:.16em;text-transform:uppercase;text-underline-offset:5px;background:0 0;border:0;justify-self:end;padding:0;font-size:.78rem;text-decoration:underline}.co-back:before{content:"";vertical-align:middle;background:currentColor;width:14px;height:1px;margin-right:10px;display:inline-block}.co-back[hidden],.co-close[hidden]{display:none}.co-steps{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);gap:clamp(22px,6vw,84px);margin:0;padding:0;font-size:.74rem;list-style:none;display:flex;position:relative}.co-steps:before,.co-steps:after{content:"";z-index:-1;height:1px;position:absolute;top:14px;left:14px;right:14px}.co-steps:before{background:#14121033}.co-steps:after{background:var(--gold);transform-origin:0;transform:scaleX(calc(var(--s,0) / 2));transition:transform .9s var(--ease)}.co-steps li{justify-items:center;gap:8px;display:grid}.co-steps span{background:var(--ivory);letter-spacing:0;width:29px;height:29px;transition:background .5s, color .5s, border-color .5s, transform .6s var(--ease);border:1px solid #1412104d;border-radius:50%;place-items:center;font-size:.78rem;display:grid}.co-steps li.is-on{color:var(--ink);font-weight:600}.co-steps li.is-on span{border-color:var(--ink);background:var(--ink);color:var(--ivory);transform:scale(1.18)}.co-steps li.is-done span{border-color:var(--gold);background:var(--gold);color:var(--ivory)}.co-body{flex:1;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);display:grid}.co-main{padding:4vh var(--pad) 10vh;position:relative;overflow:hidden}.co-step{inset:4vh var(--pad) 0;opacity:0;visibility:hidden;max-width:42rem;transition:opacity .6s, transform .9s var(--ease), visibility 0s linear .9s;align-content:start;gap:22px;display:grid;position:absolute;transform:translate(60px)}.co-step.is-on{opacity:1;visibility:visible;transition:opacity .7s .15s, transform .9s var(--ease) .15s, visibility 0s;position:relative;inset:auto;transform:none}.co-step.is-past{transform:translate(-60px)}.co:not(.open) .co-step.is-on{opacity:0}.co-step h2{font:500 clamp(2.4rem, 5vw, 4.2rem)/1.02 var(--serif)}.note{max-width:32rem;color:var(--ink-2);font-size:.92rem}.stg{opacity:0;transition:opacity .7s var(--ease), transform .8s var(--ease);transform:translateY(22px)}.co.open .co-step.is-on .stg{opacity:1;transform:none}.co-step.is-on .stg:first-child{transition-delay:.55s}.co-step.is-on .stg:nth-child(2){transition-delay:.65s}.co-step.is-on .stg:nth-child(3){transition-delay:.75s}.co-step.is-on .stg:nth-child(4){transition-delay:.85s}.co-step.is-on .stg:nth-child(5){transition-delay:.95s}.co-step.is-on .stg:nth-child(6){transition-delay:1.05s}.co-step.is-on .stg:nth-child(7){transition-delay:1.15s}.co-step.is-on .stg:nth-child(8){transition-delay:1.25s}.fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{position:relative}.field.wide{grid-column:1/-1}.field input{width:100%;height:58px;font:inherit;color:var(--ink);background:0 0;border:1px solid #1412104d;border-radius:0;padding:22px 16px 6px;transition:border-color .3s,background .3s,box-shadow .3s}.field input:focus{border-color:var(--ink);background:#fff;outline:none;box-shadow:0 0 0 3px #c8a76a66}.field label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);pointer-events:none;font-size:.68rem;position:absolute;top:8px;left:16px}.opts{border:0;gap:12px;margin:0;padding:0;display:grid}.opts legend{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;padding:0;font-size:.74rem}.opt{cursor:pointer;transition:border-color .3s, background .3s, transform .5s var(--ease), box-shadow .4s;border:1px solid #14121040;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 20px;display:grid;position:relative}.opt:hover{border-color:var(--ink);transform:translate(6px)}.opt input{opacity:0;position:absolute}.opt:before{content:"";border:1px solid var(--ink);background:radial-gradient(circle, var(--ink) 0 0, transparent 0);width:20px;height:20px;transition:background .35s var(--ease);border-radius:50%}.opt:has(input:checked){border-color:var(--ink);background:#fff;box-shadow:0 18px 40px -26px #14121099}.opt:has(input:checked):before{background:radial-gradient(circle, var(--ink) 0 5px, transparent 6px)}.opt:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.opt-body{line-height:1.3;display:grid}.opt-body b{font-weight:600}.opt-body small{color:var(--ink-2)}.opt-price{font:500 1.05rem var(--serif)}.check{cursor:pointer;align-items:center;gap:14px;font-size:.92rem;display:flex}.check input{width:22px;height:22px;accent-color:var(--ink)}.pay-grid{gap:26px;display:grid}.card-stage{perspective:1000px;place-items:center;padding:14px 0 6px;display:grid}.card3d{--rx:0deg;--ry:0deg;--gx:50%;aspect-ratio:1.586;width:min(100%,24rem);color:var(--ivory);background:radial-gradient(circle at var(--gx) 0%, #c8a76a8c, transparent 45%), linear-gradient(135deg, #1a1816, #0b0a09 60%, #2a1a1c);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s var(--ease);transform-style:preserve-3d;border-radius:18px;padding:22px 24px;animation:6s ease-in-out infinite floatcard;position:relative;overflow:hidden;box-shadow:0 40px 60px -30px #141210b3,inset 0 0 0 1px #c8a76a66}.card3d:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffff29 45%,#0000 60%);animation:5s ease-in-out 1s infinite foil;position:absolute;inset:0;transform:translate(-120%)}@keyframes floatcard{50%{translate:0 -8px}}@keyframes foil{55%,to{transform:translate(120%)}}.card-logo{width:104px}.chip{background:linear-gradient(135deg,#e6d3a8,#b8975a);border-radius:7px;width:44px;height:33px;position:absolute;top:44%;left:24px}.card-num{letter-spacing:.14em;font:500 1.2rem ui-monospace,Consolas,monospace;position:absolute;bottom:58px;left:24px}.card-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.16em;max-width:60%;font-size:.78rem;position:absolute;bottom:24px;left:24px;overflow:hidden}.card-exp{letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-size:.72rem;position:absolute;bottom:24px;right:24px}.card-demo{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);font-size:.62rem;position:absolute;top:22px;right:24px}.hold-wrap{justify-items:stretch;gap:10px;max-width:26rem;display:grid}.hold-wrap small{color:var(--ink-2);font-size:.78rem}.hold{border:1px solid var(--ink);background:var(--ink);width:100%;height:66px;color:var(--ivory);touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .4s, transform .5s var(--ease);padding:0;position:relative;overflow:hidden}.hold:disabled{opacity:.3}.hold-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));transform:scaleX(var(--p,0));transform-origin:0;position:absolute;inset:0}.hold-text{letter-spacing:.16em;text-transform:uppercase;mix-blend-mode:normal;justify-content:center;align-items:center;gap:12px;font-size:.8rem;font-weight:600;display:flex;position:relative}.hold-text b{font:500 1.15rem var(--serif);letter-spacing:.02em}.hold.is-holding{color:var(--ink);transform:scale(.985)}.hold:not(:disabled):hover{box-shadow:0 18px 40px -20px #141210b3}.co-sum{color:var(--ivory);background:#141210;padding:6vh clamp(24px,4vw,56px) 8vh}.co-sum h3{font:500 1.5rem var(--serif);margin-bottom:22px}.co-sum ul{gap:18px;margin:0 0 26px;padding:0;list-style:none;display:grid}.co-sum li{opacity:0;animation:slidein .8s var(--ease) forwards;animation-delay:calc(.7s + var(--k) * .12s);grid-template-columns:72px 1fr auto;align-items:center;gap:16px;display:grid;transform:translate(30px)}@keyframes slidein{to{opacity:1;transform:none}}.sum-img{background:var(--ivory);width:72px;height:86px;position:relative}.sum-img img{object-fit:cover;object-position:50% 14%;mix-blend-mode:multiply;width:100%;height:100%}.sum-img i{background:var(--gold);color:#141210;border-radius:99px;place-items:center;min-width:22px;height:22px;font-size:.74rem;font-style:normal;font-weight:700;display:grid;position:absolute;top:-8px;right:-8px}.sum-name{line-height:1.3;display:grid}.sum-name b{font:500 1.05rem var(--serif)}.sum-name small{color:#f4efe6a8}.co-sum dl{border-top:1px solid #f4efe633;gap:10px;margin:0;padding-top:20px;display:grid}.co-sum .grand{border-top:1px solid #f4efe633;margin-top:4px;padding-top:14px}.co-sum .price{color:var(--gold-light);font-size:1.9rem}.sum-note{color:#f4efe68c;margin-top:26px;font-size:.78rem}.pack,.done{display:none}.co[data-phase=pack] .pack,.co[data-phase=done] .done{display:grid}.pack{text-align:center;justify-items:center;gap:18px;padding-top:8vh}.pack p{font:500 1.4rem var(--serif)}.box{fill:none;width:min(70vw,260px);stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.box path{stroke-dasharray:1;stroke-dashoffset:1px}.co[data-phase=pack] .box-body{animation:draw .9s var(--ease) forwards}.co[data-phase=pack] .box-rib{stroke:var(--gold);animation:draw .7s var(--ease) .7s forwards}.co[data-phase=pack] .box-lid{animation:draw .8s var(--ease) 1.2s forwards, lid .8s var(--ease) 1.2s backwards}.co[data-phase=pack] .box-bow{stroke:var(--gold);stroke-width:3px;animation:draw .9s var(--ease) 1.9s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes lid{0%{transform:translateY(-46px)}}.done{align-content:start;gap:18px;max-width:38rem}.tick{fill:none;width:72px;height:72px;stroke:var(--gold);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.tick circle,.tick path{stroke-dasharray:1;stroke-dashoffset:1px}.co[data-phase=done] .tick circle{animation:draw .9s var(--ease) forwards}.co[data-phase=done] .tick path{animation:draw .6s var(--ease) .7s forwards}.co[data-phase=done] .done .stg{opacity:1;animation:stgin .9s var(--ease) backwards;transform:none}.co[data-phase=done] .done .stg:nth-child(2){animation-delay:.3s}.co[data-phase=done] .done .stg:nth-child(3){animation-delay:.45s}.co[data-phase=done] .done .stg:nth-child(4){animation-delay:.6s}.co[data-phase=done] .done .stg:nth-child(5){animation-delay:.8s}.co[data-phase=done] .done .stg:nth-child(6){animation-delay:1s}@keyframes stgin{0%{opacity:0;transform:translateY(22px)}}.done h2{font-size:clamp(3rem,7vw,6rem)}.tl{gap:22px;margin:10px 0 0;padding:0 0 0 30px;list-style:none;display:grid;position:relative}.tl:before{content:"";background:#14121033;width:1px;position:absolute;top:8px;bottom:8px;left:5px}.tl:after{content:"";background:var(--gold);transform-origin:top;width:1px;position:absolute;top:8px;bottom:8px;left:5px;transform:scaleY(0)}.co[data-phase=done] .tl:after{transition:transform 1.6s var(--ease) 1.2s;transform:scaleY(.34)}.tl li{color:var(--ink-2);line-height:1.3;display:grid;position:relative}.tl li i{border:1px solid var(--ink);background:var(--ivory);border-radius:50%;width:11px;height:11px;position:absolute;top:5px;left:-30px}.tl li:first-child{color:var(--ink)}.tl li:first-child i{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 6px #c8a76a40}.tl li b{font-weight:600}.done-sum{border-top:1px solid #14121033;flex-wrap:wrap;gap:14px 46px;margin:8px 0 0;padding-top:18px;display:flex}.done-sum div{display:grid}.done-sum dt{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:.72rem}.done-sum dd{font:500 1.15rem var(--serif);margin:0}@media (width<=860px){.drawer{padding:20px 18px 16px}.co-top{padding:14px var(--pad);grid-template-columns:auto 1fr auto}.co-logo{width:96px}.co-steps{justify-self:center;gap:14px;font-size:0}.co-steps li{gap:0}.co-steps li.is-on{font-size:0}.co-body{grid-template-columns:1fr}.co-main{padding-bottom:4vh}.fields{grid-template-columns:1fr}.co-step h2{font-size:clamp(2.2rem,11vw,3.4rem)}.co-sum{padding:30px var(--pad) 40px}.card3d{width:min(100%,21rem)}.opt{gap:12px;padding:16px}.hold-text{letter-spacing:.08em;white-space:nowrap;gap:8px;font-size:.66rem}.hold-text b{font-size:.95rem}}