/** Shopify CDN: Minification failed

Line 428:5 Unexpected "@property"
Line 429:5 Unexpected "@property"
Line 475:5 Unexpected "@property"
Line 476:5 Unexpected "@property"
Line 477:5 Unexpected "@property"
Line 512:5 Unexpected "<"

**/
.spx,.spx *{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.spx{margin:0;overflow-x:hidden;font:400 14px/1.5 Montserrat,sans-serif}
.spx img{-webkit-user-drag:none;pointer-events:none}
.spx.light{--bg:#efeadb;--bgtop:#f4f0e5;--ink:#0e2f35;--edge:#efeadb}
.spx.dark{--bg:#2a2531;--bgtop:#17141b;--ink:#efeadb;--edge:#17141b}
.spx .stage{position:relative;height:100vh;height:100svh;background:linear-gradient(var(--bgtop),var(--bg) 62%);color:var(--ink);overflow:hidden}
.spx .head{position:absolute;left:0;right:0;top:0;height:96px;display:flex;align-items:center;justify-content:center;gap:60px;z-index:3000;pointer-events:none}
.spx .head img{height:28px}
.spx .head .ic{width:22px;height:2px;background:var(--ink);opacity:.8;box-shadow:0 7px 0 var(--ink)}
.spx .head .dot{width:20px;height:20px;border:2px solid var(--ink);border-radius:50%;opacity:.8}
.spx.light .logo-l,.spx.dark .logo-d{display:none}
.spx .nav{position:absolute;left:0;right:0;top:92px;display:flex;justify-content:center;gap:4px;z-index:2900;transition:opacity .4s}
.spx .nav button{border:0;background:none;color:var(--ink);font:600 11px/1 Montserrat;letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;border-radius:20px;cursor:pointer;opacity:.6;transition:opacity .3s,background .3s}
.spx .nav button i{font-style:normal;opacity:.6;margin-left:6px;letter-spacing:0}
.spx .nav button:hover{opacity:1}
.spx .nav button.on{opacity:1;background:color-mix(in srgb,var(--ink) 9%,transparent)}
.spx .nav .sep{width:1px;background:color-mix(in srgb,var(--ink) 20%,transparent);margin:6px 6px}
.spx:not(.navA) .nav{display:none}
.spx .arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2900;border:0;background:none;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:10px;font:600 11px/1 Montserrat;letter-spacing:.14em;text-transform:uppercase;opacity:.55;transition:opacity .3s;padding:18px 10px}
.spx .arrow:hover{opacity:1}
.spx .arrow b{font:300 34px/1 Lora,serif}
.spx .arrow.l{left:22px}
.spx .arrow.r{right:22px;flex-direction:row-reverse}
.spx:not(.navB) .arrow{display:none}
.spx .title{position:absolute;left:0;right:0;top:136px;text-align:center;z-index:2800;pointer-events:none;transition:opacity .5s}
.spx .title small{display:block;font:600 11px/1 Montserrat;letter-spacing:.24em;text-transform:uppercase;opacity:.6}
.spx .title span{display:block;margin-top:6px;font:italic 400 15px/1.3 Lora,serif;opacity:.7}
.spx.navA .title small{display:none}
.spx .set{position:absolute;inset:0;transition:transform .95s cubic-bezier(.65,0,.35,1);will-change:transform}
.spx .fig{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,filter;z-index:2;backface-visibility:hidden}
.spx .fig.sh{z-index:1!important;filter:none!important}
.spx .cap{position:absolute;left:0;top:0;will-change:transform,opacity;white-space:nowrap;text-align:center;font:600 12px/1.2 Montserrat;letter-spacing:.2em;text-transform:uppercase;pointer-events:none;z-index:3}
.spx .cap i{display:block;font:italic 400 15px/1.3 Lora,serif;letter-spacing:0;text-transform:none;margin-top:3px}
.spx svg.flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2000;overflow:visible}
.spx svg.flow path{fill:none;stroke:var(--ink);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.spx svg.flow path.edge{stroke:var(--edge);stroke-width:4;opacity:.75}
.spx svg.flow circle{fill:var(--ink);stroke:var(--edge);stroke-width:2.5}
.spx .info{position:absolute;z-index:2001;pointer-events:none;color:var(--ink);max-width:300px}
.spx .info .l{display:block;overflow:hidden}
.spx .info .l span{display:inline-block;transform:translateY(105%);transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.spx .info.on .l span{transform:none}
.spx .info.on a{pointer-events:auto}
.spx .info.on .l:nth-child(2) span{transition-delay:.08s}
.spx .info.on .l:nth-child(3) span{transition-delay:.16s}
.spx .info h2{margin:0;font:500 40px/1.08 Lora,serif}
.spx .info p{margin:6px 0 0;font:italic 400 18px/1.35 Lora,serif;opacity:.8}
.spx .info small{display:block;font:600 11px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin-bottom:10px}
.spx .info a{pointer-events:none;display:inline-block;margin-top:12px;font:600 13px/1 Montserrat;letter-spacing:.08em;color:var(--ink);text-decoration:none;cursor:pointer}
.spx .info a span{border-bottom:1px solid currentColor;padding-bottom:3px}
.spx.phone .nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:0 14px;scrollbar-width:none}
.spx.phone .nav::-webkit-scrollbar{display:none}
.spx.phone .nav button{flex:none}
.spx.phone .arrow{top:128px;transform:none;padding:8px 6px}
.spx.phone .arrow span{display:none}
.spx.phone .arrow.l{left:6px}
.spx.phone .arrow.r{right:6px}
.spx.phone .title{padding:0 44px}
.spx.phone .info{max-width:none}
.spx.phone .info h2{font-size:24px}
.spx.phone .info p{font-size:14px}
.spx.phone .info small{font-size:10px;margin-bottom:6px}
.spx.phone .info a{font-size:12px}
.spx.phone .panel .hud span:last-child{display:none}
.spx.phone .panel .hud:after{content:'Pinch to zoom'}
.spx.phone .bar{top:auto;bottom:8px;left:8px;flex-direction:row;flex-wrap:wrap;max-width:calc(100vw - 16px);transform:scale(.8);transform-origin:0 100%}
.spx .bar:not(:hover):not(.open)>*:not(.tag){display:none}
.spx .bar .tag{cursor:pointer}
.spx .bar{position:fixed;left:16px;top:180px;z-index:9000;display:flex;flex-direction:column;gap:3px;background:rgba(255,254,250,.97);color:#0e2f35;border-radius:14px;padding:6px;box-shadow:0 8px 30px rgba(0,0,0,.18);border:1px solid rgba(14,47,53,.1)}
.spx .bar .tag{font:600 10px Montserrat;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;opacity:.55}
.spx .bar label{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;font:600 12px Montserrat;cursor:pointer;white-space:nowrap}
.spx .bar label.on{background:#0e2f35;color:#efeadb}
.spx .bar hr{border:0;border-top:1px solid rgba(14,47,53,.12);margin:3px 0;width:100%}
.spx .bar input{accent-color:#0e2f35;width:14px;height:14px}
.spx .cue{position:absolute;left:0;right:0;top:calc(100svh - 18px);text-align:center;font:600 10px/1 Montserrat;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);opacity:.55;z-index:2950;pointer-events:none}
.spx .cue b{display:inline-block;margin-left:8px;font-weight:400;animation:cue 2.4s ease-in-out infinite}
@keyframes cue{50%{transform:translateY(3px)}}
.spx .spx-below{background:var(--bg);color:var(--ink)}
.spx .kick{display:block;font:600 11px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin-bottom:10px}
.spx .btn{display:inline-block;font:600 13px/1 Montserrat;letter-spacing:.08em;color:var(--ink);text-decoration:none;cursor:pointer;margin-right:22px}
.spx .btn span{border-bottom:1px solid currentColor;padding-bottom:3px}
.spx .fig2{position:relative}
.spx .fig2 img{position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity .5s}
.spx .fig2 img.sh{opacity:.62}
.spx.dark .fig2 img.sh{opacity:.9}
.spx .ch{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:5vw;align-items:center;padding:110px 7vw 70px;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}
.spx .ch .stand{height:calc(100svh - 200px);display:flex;justify-content:center;align-items:flex-end;position:relative}
.spx .ch .stand .fig2{height:100%}
.spx .ch h2{margin:0;font:500 52px/1.05 Lora,serif}
.spx .ch .sub{margin:8px 0 0;font:italic 400 19px/1.35 Lora,serif;opacity:.8}
.spx .comes{display:flex;gap:8px;margin:22px 0 0;flex-wrap:wrap}
.spx .comes button{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);background:none;color:var(--ink);border-radius:22px;padding:8px 14px;font:600 11px/1 Montserrat;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;opacity:.7}
.spx .comes button.on{opacity:1;background:var(--ink);color:var(--bg);border-color:var(--ink)}
.spx .panel{position:relative;margin:24px 0 0;width:100%;aspect-ratio:1.3;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--ink) 6%,var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);cursor:zoom-in;touch-action:none}
.spx .panel.z{cursor:grab}
.spx .panel .pz{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.spx .panel .pz img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain}
.spx .panel .hud{text-shadow:0 0 6px var(--bg);position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;align-items:center;font:600 10px/1 Montserrat;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);opacity:.7;pointer-events:none}
.spx .panel .zb{position:absolute;right:10px;top:10px;display:flex;gap:4px}
.spx .panel .zb button{width:30px;height:30px;border-radius:50%;border:0;background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--ink);font:500 17px/1 Montserrat;cursor:pointer}
.spx .ch .acts{margin-top:20px}
.spx .ix{padding:40px 5vw 90px}
.spx .ix .row{position:sticky;top:0;z-index:5;display:flex;gap:4px;justify-content:center;padding:14px 0;background:var(--bg);overflow-x:auto;scrollbar-width:none}
.spx .ix .row button{border:0;background:none;color:var(--ink);font:600 11px/1 Montserrat;letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;border-radius:20px;cursor:pointer;opacity:.6;flex:none}
.spx .ix .row button.on{opacity:1;background:color-mix(in srgb,var(--ink) 9%,transparent)}
.spx .ix h3{font:500 30px/1.1 Lora,serif;margin:46px 0 18px}
.spx .ix .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.spx .tile{position:relative;cursor:pointer}
.spx .tile .box{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--ink) 4%,var(--bg))}
.spx .tile .box .fig2{position:absolute;bottom:3%;left:50%;height:92%;transform:translateX(-50%)}
.spx .tile .box .zoom{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}
.spx .tile:hover .box .zoom{opacity:1}
.spx .tile b{display:block;margin-top:10px;font:500 18px/1.2 Lora,serif}
.spx .tile i{display:block;font:italic 400 14px/1.3 Lora,serif;opacity:.75}
.spx .tile small{display:block;font:600 9px/1 Montserrat;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-top:6px}
.spx .cu{position:relative;padding:70px 6vw;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:4vw;align-items:end}
.spx .cu .print{position:relative;height:72svh;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--ink) 5%,var(--bg))}
.spx .cu .print img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spx .cu .print .note{position:absolute;left:12px;bottom:10px;font:600 9px/1 Montserrat;letter-spacing:.16em;text-transform:uppercase;padding:6px 9px;border-radius:12px;background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--ink)}
.spx .cu .who{display:flex;gap:18px;align-items:flex-end}
.spx .cu .who .fig2{height:50svh;flex:none}
.spx .cu h2{margin:0;font:500 44px/1.05 Lora,serif}
.spx .cu .sub{margin:8px 0 14px;font:italic 400 18px/1.35 Lora,serif;opacity:.8}
.spx .cu:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.spx .cu:nth-child(even) .print{order:2}
.spx.phone .ch,.spx.phone .cu,.spx.phone .cu:nth-child(even){grid-template-columns:1fr;padding:70px 18px 50px;gap:22px}
.spx.phone .ch .stand{height:58svh}
.spx.phone .ch h2{font-size:34px}
.spx.phone .cu .print{height:46svh;order:0!important}
.spx.phone .cu .who .fig2{height:34svh}
.spx.phone .cu h2{font-size:30px}
.spx.phone .ix{padding:20px 12px 60px}
.spx.phone .ix .row{justify-content:flex-start}
.spx.phone .ix .grid{grid-template-columns:1fr 1fr;gap:10px}
.spx .pc{position:absolute;left:12px;right:12px;z-index:2400;border-radius:18px;padding:14px 16px 14px;color:var(--ink);background:color-mix(in srgb,var(--bgtop) 72%,transparent);
 -webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 10px 30px rgba(14,47,53,.10),inset 0 0 0 1px color-mix(in srgb,var(--ink) 9%,transparent);
 opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.75,.2,1);pointer-events:none;overflow:hidden}
.spx .pc.on{opacity:1;transform:none;pointer-events:auto}
.spx .pc small{display:block;font:600 10px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;opacity:.62;margin-bottom:6px}
.spx .pc h2{margin:0;font:500 26px/1.1 Lora,serif}
.spx .pc p{margin:4px 0 0;font:italic 400 15px/1.3 Lora,serif;opacity:.8}
.spx .pc .acts{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap}
.spx .pc a{font:600 12px/1 Montserrat;letter-spacing:.08em;color:var(--ink);text-decoration:none;cursor:pointer}
.spx .pc a span{border-bottom:1px solid currentColor;padding-bottom:3px}
.spx .pc .in{transition:opacity .25s ease}
.spx .pc .in.out{opacity:0}
.spx .pc.hint{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;pointer-events:none}
.spx .pc.hint p{font-size:14px;opacity:.65}
.spx .pt{position:absolute;left:16px;right:16px;z-index:2400;text-align:center;color:var(--ink);opacity:0;transition:opacity .45s ease;pointer-events:none}
.spx .pt.on{opacity:1}
.spx .pt h2{margin:0;font:500 26px/1.1 Lora,serif}
.spx .pt p{margin:3px 0 0;font:italic 400 14px/1.3 Lora,serif;opacity:.8}
.spx .tg{position:absolute;z-index:2401;color:var(--ink);font:600 9px/1.25 Montserrat;letter-spacing:.16em;text-transform:uppercase;opacity:0;transition:opacity .4s ease .05s;pointer-events:none}
.spx .tg i{display:block;font:italic 400 13px/1.25 Lora,serif;letter-spacing:0;text-transform:none;margin-top:2px}
.spx .tg.on{opacity:1}
.spx .tg.r{text-align:right}
.spx .pl{position:absolute;left:0;right:0;z-index:2400;text-align:center;opacity:0;transition:opacity .45s ease .5s;pointer-events:none}
.spx .pl.on{opacity:1;pointer-events:auto}
.spx .pl a{font:600 12px/1 Montserrat;letter-spacing:.08em;color:var(--ink);text-decoration:none;cursor:pointer;margin:0 10px}
.spx .pl a span{border-bottom:1px solid currentColor;padding-bottom:3px}
.spx.phone .title span{display:none}
.spx.phone .title{top:132px}
.spx.phone.navA:not(.navB) .title{display:none}
.spx.embed .bar{display:none}
.spx::-webkit-scrollbar{display:none}
.spx.phone .head{height:56px;gap:0;justify-content:space-between;padding:0 18px}
.spx.phone .head img{height:21px}
.spx.phone .head .dot{width:18px;height:18px}
.spx.phone .nav{display:flex!important;top:58px;height:38px;align-items:center;padding:0 44px;gap:2px;scroll-padding:0 44px}
.spx.phone .nav .sep{display:none}
.spx.phone .nav button{padding:8px 10px;font-size:10px}
.spx.phone .arrow{display:flex!important;top:58px;height:38px;padding:0 12px;align-items:center;z-index:2950;transform:none;opacity:.8;background:var(--bgtop)}
.spx.phone .arrow b{font-size:26px;line-height:1}
.spx.phone .arrow.l{left:0;box-shadow:12px 0 10px -4px var(--bgtop)}
.spx.phone .arrow.r{right:0;box-shadow:-12px 0 10px -4px var(--bgtop)}
.spx.phone .title{display:none!important}
.spx.phone .cue{display:none}
.spx .lb{position:absolute;z-index:2401;color:var(--ink);pointer-events:none}
.spx .lb .l{display:block;overflow:hidden}
.spx .lb .l>span{display:inline-block;transform:translateY(105%);transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.spx .lb.on .l>span{transform:none}
.spx .lb.on .l:nth-child(2)>span{transition-delay:.07s}
.spx .lb.on .l:nth-child(3)>span{transition-delay:.14s}
.spx .lb.on{pointer-events:auto}
.spx .lb small{font:600 9px/1.2 Montserrat;letter-spacing:.18em;text-transform:uppercase;opacity:.65}
.spx .lb h2{margin:2px 0 0;font:500 21px/1.08 Lora,serif}
.spx .lb p{margin:0;font:italic 400 13px/1.3 Lora,serif;opacity:.82}
.spx .lb a{display:block;white-space:nowrap;margin-top:7px;font:600 10px/1 Montserrat;letter-spacing:.08em;color:var(--ink);text-decoration:none;cursor:pointer}
.spx .lb a span{border-bottom:1px solid currentColor;padding-bottom:2px}
.spx .lb.r{text-align:right}
.spx.light{--page:#e2dbc8;--below:#e9e3d3}
.spx.dark{--page:#0d0b10;--below:#1f1b25}
.spx{background:var(--page)}
.spx .stage{margin:8px;border-radius:22px;height:calc(100svh - 16px)}
.spx.phone .stage{margin:6px;border-radius:20px}
.spx .spx-below{background:var(--below)!important}
.spx.phone .lb small{font-size:11px;letter-spacing:.16em}
.spx.phone .lb h2{font-size:25px}
.spx.phone .lb p{font-size:15px}
.spx .lb a{font-size:12px}
.spx .lb a.pill{display:inline-block;background:var(--ink);color:var(--bgtop);padding:9px 15px;border-radius:20px;margin-top:9px;letter-spacing:.06em}
.spx .lb a.pill span{border:0;padding:0}
.spx .lb a.story,.spx .c4 a.story,.spx .pc a.story{font:600 12px/1 Montserrat;letter-spacing:.06em;color:var(--ink)}
.spx .lb a.story span,.spx .c4 a.story span{border-bottom:1.5px solid currentColor;padding-bottom:2px}
.spx.phone .cap{font-size:11px}
.spx.phone .cap i{font-size:15px}
.spx .hello{position:absolute;left:0;right:0;text-align:center;z-index:2960;pointer-events:none;color:var(--ink);transition:opacity .7s ease}
.spx .hello.off{opacity:0}
.spx .hello h1{margin:0;font:500 40px/1.05 Lora,serif;text-shadow:0 0 18px var(--bgtop),0 0 4px var(--bgtop)}
.spx .hello p{margin:8px 0 0;font:600 10px/1 Montserrat;letter-spacing:.22em;text-transform:uppercase;opacity:.75;text-shadow:0 0 10px var(--bgtop)}
.spx .c4{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;padding:56px 7vw;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent);min-height:auto}
.spx .c4 .tv{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:4/5;cursor:zoom-in;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 10%,transparent)}
.spx .c4 .tv img,.spx .tvc .tv img{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;pointer-events:none}
.spx .c4 .tv .hint{position:absolute;left:10px;bottom:10px;font:600 9px/1 Montserrat;letter-spacing:.16em;text-transform:uppercase;padding:6px 9px;border-radius:12px;background:color-mix(in srgb,var(--bgtop) 85%,transparent);color:var(--ink)}
.spx .c4 .stand{position:relative;height:auto;aspect-ratio:3/4.4;display:flex;justify-content:center;align-items:flex-end}
.spx .c4 .stand .fig2{height:100%}
.spx .c4 .words{grid-column:1/-1}
.spx .c4 h2{margin:0;font:500 40px/1.05 Lora,serif}
.spx .c4 .sub{margin:6px 0 0;font:italic 400 17px/1.35 Lora,serif;opacity:.8}
.spx .c4 .acts{margin-top:14px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.spx .c4 .acts a.pill{display:inline-block;background:var(--ink);color:var(--below);padding:10px 16px;border-radius:22px;font:600 12px/1 Montserrat;letter-spacing:.06em;text-decoration:none;cursor:pointer}
.spx .c4:nth-child(even) .tv{order:2}
.spx.phone .c4{gap:12px;padding:34px 14px 30px}
.spx.phone .c4 h2{font-size:30px}
.spx.phone .c4 .sub{font-size:15px}
.spx .tvc{position:fixed;inset:0;z-index:9500;background:color-mix(in srgb,var(--page) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;padding:14px;opacity:0;transition:opacity .35s ease;cursor:zoom-out}
.spx .tvc.on{opacity:1}
.spx .tvc .tv{position:relative;overflow:hidden;border-radius:18px;width:100%;aspect-ratio:4/5;max-height:78svh;margin:0 auto;transform:scale(.97);transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.spx .tvc.on .tv{transform:none}
.spx .tvc h3{margin:14px 4px 0;font:500 26px/1.1 Lora,serif;color:var(--ink)}
.spx .tvc small{margin:4px 4px 0;font:600 10px/1 Montserrat;letter-spacing:.18em;text-transform:uppercase;opacity:.6;color:var(--ink)}
.spx.phone .pl{display:flex;justify-content:center;align-items:center;gap:18px;transition:opacity .45s ease .55s}
.spx.phone .pl a{margin:0}
.spx.phone .pl a.pill{background:var(--ink);color:var(--bgtop);padding:11px 18px;border-radius:22px;font:600 12px/1 Montserrat;letter-spacing:.06em}
.spx.phone .pl a.pill span{border:0;padding:0}
.spx.phone .pl a.story{font:600 12px/1 Montserrat}
.spx.phone .pl a.story span{border-bottom:1.5px solid currentColor;padding-bottom:2px}
.spx.phone .c4,.spx.phone .c4:nth-child(even){grid-template-columns:1.05fr .95fr;align-items:end}
.spx.phone .c4 .stand{aspect-ratio:auto;height:62vw}
.spx{--r:24px}
.spx{background:var(--below)!important}
.spx .stage,.spx.phone .stage{margin:0!important;border-radius:0 0 var(--r) var(--r)!important;height:100svh!important;z-index:2}
.spx .spx-below{position:relative;z-index:1;margin-top:calc(-1 * var(--r));padding-top:var(--r)}
.spx .nav button,.spx .ix .row button,.spx .comes button,.spx .c4 .tv .hint,.spx .panel .zb button,.spx .c4 .acts a.pill,.spx .lb a.pill,.spx.phone .pl a.pill{border-radius:9px!important}
.spx .lb .lk{display:block;margin-top:8px}
.spx .lb .lk a{display:block;white-space:nowrap;font:600 13px/1.25 Montserrat;letter-spacing:.04em;color:var(--ink);text-decoration:none;margin-top:6px;cursor:pointer}
.spx .lb .lk a span{border-bottom:1.5px solid currentColor;padding-bottom:2px}
.spx.phone .pl{display:none!important}
.spx .hello{display:none!important}
.spx .arrive{position:absolute;left:0;right:0;top:92px;height:38px;display:flex;align-items:center;justify-content:center;gap:12px;z-index:2955;color:var(--ink);pointer-events:none;transition:opacity .9s ease}
.spx.phone .arrive{top:58px}
.spx .arrive em{font:italic 400 21px/1 Lora,serif}
.spx .arrive span{font:600 10px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.spx.arriving .nav,.spx.arriving .arrow{opacity:0!important}
.spx .nav,.spx .arrow{transition:opacity .9s ease .25s}
.spx:not(.arriving) .arrive{opacity:0}
.spx .c4 .head4{grid-column:1/-1;margin-bottom:4px}
.spx .c4 .head4 h2{margin:0}
.spx .c4.k1 .stand{aspect-ratio:auto;height:calc((50vw - 9vw) * 1.25 * 1.18)}
.spx .c4.k2{grid-template-columns:1fr}
.spx .c4.k2 .band{position:relative;grid-column:1/-1}
.spx .c4.k2 .band .tv{aspect-ratio:16/9;width:78%}
.spx .c4.k2 .band .stand{position:absolute;right:0;bottom:-6%;height:118%;width:auto;aspect-ratio:auto}
.spx.phone .c4.k1 .stand{height:74vw}
.spx.phone .c4.k2 .band .tv{aspect-ratio:4/3;width:74%}
.spx.phone .c4.k2 .band .stand{height:122%}
.spx.phone .c4,.spx.phone .c4:nth-child(even){align-items:end}
.spx .stage{touch-action:pan-y}
.spx .g5{position:relative;height:100svh;min-height:560px;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}
.spx .g5 .gm{position:absolute;left:6vw;bottom:150px;top:96px;aspect-ratio:var(--ar);transition:transform 1.9s cubic-bezier(.45,0,.2,1),opacity 1.9s ease}
.spx .g5 .gm .fig2{height:100%}
.spx .g5 .gp{position:absolute;inset:0 0 140px 0;clip-path:inset(var(--t) var(--r_) var(--b) var(--l) round 18px);transition:clip-path 1.9s cubic-bezier(.45,0,.2,1);cursor:pointer}
.spx .g5 .gp .tv{position:absolute;inset:0;overflow:hidden}
.spx .g5.open .gm{transform:translateX(-120%);opacity:0}
.spx .g5.open .gp{clip-path:inset(0 0 0 0 round 0)}
.spx .g5 .gw{position:absolute;left:6vw;right:6vw;bottom:24px}
.spx .g5 .gw h2{margin:0;font:500 38px/1.05 Lora,serif}
.spx .g5 .gw .sub{margin:4px 0 0;font:italic 400 16px/1.35 Lora,serif;opacity:.8}
.spx .g5 .gw .acts{margin-top:10px;display:flex;gap:22px}
.spx .g5 .gw .acts a{font:600 13px/1 Montserrat;letter-spacing:.04em;color:var(--ink);text-decoration:none;cursor:pointer}
.spx .g5 .gw .acts a span{border-bottom:1.5px solid currentColor;padding-bottom:2px}
.spx .g5 .kick{display:block;font:600 11px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin-bottom:8px}
.spx.phone .g5 .gm{left:4vw;bottom:150px;top:64px}
.spx.phone .g5 .gw h2{font-size:30px}
.spx .dd{position:absolute;left:50%;top:92px;transform:translateX(-50%);z-index:2958;display:none}
.spx.phone .dd{top:58px}
.spx.navDD .dd{display:block}
.spx.navDD .nav,.spx.navDD .arrow{display:none!important}
.spx.arriving .dd{opacity:0}
.spx .dd{transition:opacity .9s ease .25s}
.spx .dd>button{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:0;background:none;color:var(--ink);font:600 11px/1 Montserrat;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.spx .dd>button svg{width:12px;height:12px;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.spx .dd.open>button svg{transform:rotate(180deg)}
.spx .dd ul{position:absolute;left:50%;top:44px;min-width:250px;margin:0;padding:8px;list-style:none;border-radius:14px;transform:translate(-50%,-6px);opacity:0;pointer-events:none;
 background:color-mix(in srgb,var(--bgtop) 58%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 18px 40px rgba(14,47,53,.16),inset 0 0 0 1px color-mix(in srgb,var(--ink) 10%,transparent);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.75,.2,1)}
.spx .dd.open ul{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.spx .dd li{display:flex;justify-content:space-between;align-items:center;padding:12px 12px;border-radius:9px;font:600 12px/1 Montserrat;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.spx .dd li i{font-style:normal;opacity:.55;letter-spacing:0}
.spx .dd li.on{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.spx .dd li:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
.spx .g5 .tv img{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;pointer-events:none;max-width:none}
.spx .nav,.spx .arrow,.spx .dd,.spx .arrive,.spx .lb,.spx .info,.spx .pl,.spx .title,.spx .cue,.spx.phone .nav,.spx.phone .arrow,.spx.phone .title,.spx.phone .pl{display:none!important}
.spx .cm{position:absolute;left:50%;top:var(--cm-top,76px);transform:translateX(-50%);z-index:2960}
.spx.phone .cm{--cm-top:54px}
.spx .cm>button{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--ink);font:600 12px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;padding:8px 6px;cursor:pointer;white-space:nowrap}
.spx .cm>button svg{width:9px;height:9px;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.spx .cm.open>button svg{transform:rotate(180deg)}
.spx .cm ul{position:absolute;left:50%;top:30px;margin:0;padding:6px 0;list-style:none;width:max-content;border-radius:9px;transform:translate(-50%,-4px);opacity:0;pointer-events:none;
 background:color-mix(in srgb,var(--bgtop) 70%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 26px rgba(14,47,53,.12);transition:opacity .35s ease,transform .4s cubic-bezier(.2,.75,.2,1)}
.spx .cm.open ul{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.spx .cm li{padding:10px 20px;font:600 12px/1 Montserrat;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);white-space:nowrap;text-align:center;cursor:pointer;opacity:.62}
.spx .cm li.on{opacity:1}
.spx .cm li:hover{opacity:1}
.spx .fw{position:absolute;z-index:2401;color:var(--ink);pointer-events:none}
.spx .fw.on{pointer-events:auto}
.spx .fw .l{display:block;overflow:hidden}
.spx .fw .l>span{display:inline-block;transform:translateY(105%);transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.spx .fw.on .l>span{transform:none}
.spx .fw.on .l:nth-child(2)>span{transition-delay:.06s}
.spx .fw.on .l:nth-child(3)>span{transition-delay:.12s}
.spx .fw small{font:600 13px/1.3 Montserrat;letter-spacing:.18em;text-transform:uppercase;opacity:.65}
.spx .fw h2{margin:0;font:500 40px/1.08 Lora,serif}
.spx .fw p{margin:6px 0 0;font:italic 400 19px/1.35 Lora,serif;opacity:.8}
.spx .fw small{display:block;margin-bottom:10px}
.spx .fw a{font:600 14px/1.2 Montserrat;letter-spacing:.06em;color:var(--ink);text-decoration:none;cursor:pointer;white-space:nowrap}
.spx .fw a span{border-bottom:1.5px solid currentColor;padding-bottom:3px}
.spx.phone .fw h2{font-size:22px;line-height:1.08}
.spx.phone .fw p{font-size:14px}
.spx.phone svg.flow path{stroke-width:1.6}
.spx.phone .fw small{font-size:11px;letter-spacing:.1em}
.spx.phone .fw p{display:none}
.spx.phone .fw.tight h2{font-size:19px}
.spx.phone .fw.tight p{font-size:13px}
.spx.phone .fw.tight a{font-size:11px}
.spx.phone .fw.tight small{font-size:9px;letter-spacing:.12em}
.spx.phone .fw.tighter h2{font-size:16px}
.spx.phone .fw.tighter p{font-size:12px}
.spx.phone .fw.tighter a{font-size:10px}
.spx.phone .fw.tighter small{font-size:8px;letter-spacing:.1em}
.spx.phone .fw a{font-size:13px;white-space:normal;letter-spacing:.02em}
.spx.phone .fw a span{display:inline}
.spx.phone .fw.R{text-align:right}
.spx .fw.R{text-align:left}
.spx .fw.L{text-align:right}
.spx.phone .fw.L{text-align:left}
.spx .g5 .tv img{opacity:0;transition:opacity 1.2s ease}
.spx-below,.spx .spx-below#below{background:var(--below)}
.spx .sec{position:relative;height:100svh;min-height:640px;overflow:hidden;background:var(--sec,var(--below));color:var(--ink)}
.spx .sec+.sec{border-top:1px solid color-mix(in srgb,var(--ink) 7%,transparent)}
.spx .sec .art{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;pointer-events:none}
.spx .sec .art .ly{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.spx .sec .art .ly.in{opacity:1}
.spx .sec .art img{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;max-width:none}
.spx .sec .art .grad{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;display:none;
 background:linear-gradient(135deg,#c9a76a,#8e6fb8 45%,#4fa3a3)}
.spx.dark .sec .art img{display:none}
.spx.dark .sec .art .grad{display:block}
.spx .sec .veil{position:absolute;inset:0;pointer-events:none}
.spx .sec .veil:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--sec,var(--below)) 0,transparent 14%,transparent 55%,var(--sec,var(--below)) 78%)}
.spx .sec .mA .veil{background:linear-gradient(90deg,var(--sec) 0,transparent 16%,transparent 84%,var(--sec) 100%),linear-gradient(var(--sec) 0,transparent 16%)}
.spx .sec .mB .veil{background:radial-gradient(ellipse 46% 56% at 50% 40%,transparent 48%,var(--sec) 100%)}
.spx .sec .mC .veil{background:linear-gradient(90deg,var(--sec) 0,transparent 10%,transparent 90%,var(--sec) 100%)}
.spx .sec .mD .veil{background:radial-gradient(circle at 60% 44%,transparent 30%,var(--sec) 60%)}
.spx .sec .art.legs .ly{opacity:0}
.spx .sec .art.legs .ly.in{opacity:.55}
.spx .sec .floor{position:absolute;left:0;right:0;bottom:calc(var(--fl) - 1px);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ink) 14%,transparent) 30%,color-mix(in srgb,var(--ink) 14%,transparent) 70%,transparent)}
.spx .sec .row{position:absolute;left:0;right:0;top:0;bottom:0}
.spx .sec .mdl{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,opacity;cursor:pointer}
.spx .sec .mdl img{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;max-width:none}
.spx .sec .mdl img.sh{opacity:.62}
.spx.dark .sec .mdl img.sh{opacity:.9}
.spx .sec .wd{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--fl) - 150px);width:min(680px,80vw);text-align:center;z-index:5}
.spx .sec .wd small{display:block;font:600 13px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin-bottom:8px}
.spx .sec .wd h2{margin:0;font:500 44px/1.05 Lora,serif}
.spx .sec .wd p{margin:6px 0 0;font:italic 400 19px/1.35 Lora,serif;opacity:.8}
.spx .sec .wd .r{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:12px;font:600 14px/1 Montserrat;letter-spacing:.04em}
.spx .sec .wd .r a{color:var(--ink);text-decoration:none;cursor:pointer;margin:0 11px}
.spx .sec .wd .r a span{border-bottom:1.5px solid currentColor;padding-bottom:3px}
.spx .sec .wd .dots{display:flex;gap:7px;margin-left:8px}
.spx .sec .wd .dots i{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 22%,transparent)}
.spx .sec .wd .l{display:block;overflow:hidden}
.spx .sec .wd .l>span{display:inline-block;transition:opacity .45s ease,transform .6s cubic-bezier(.2,.75,.2,1)}
.spx .sec .wd.out .l>span{opacity:0;transform:translateY(8px)}
.spx .sec .hd{position:absolute;left:5vw;top:30px;font:600 13px/1 Montserrat;letter-spacing:.22em;text-transform:uppercase;opacity:.6;z-index:5}
.spx .sec .hd b{font-weight:600;opacity:1}
.spx .sec .ar{position:absolute;top:50%;transform:translateY(-50%);z-index:6;border:0;background:none;color:var(--ink);font:300 44px/1 Lora,serif;opacity:.5;cursor:pointer;padding:16px 18px;transition:opacity .3s}
.spx .sec .ar:hover{opacity:1}
.spx .sec .ar.l{left:2vw}
.spx .sec .ar.r{right:2vw}
.spx .sec .all{position:absolute;right:5vw;top:30px;font:600 13px/1 Montserrat;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;z-index:5}
.spx .sec .all span{border-bottom:1.5px solid currentColor;padding-bottom:3px}
.spx .fw{visibility:hidden}
.spx .fw.on{visibility:visible}
.spx .gsw{position:absolute;right:28px;top:var(--cm-top,76px);z-index:2961;border:0;background:none;color:var(--ink);font:600 10px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;padding:8px 6px;cursor:pointer;opacity:.7}
.spx .gsw:hover{opacity:1}
.spx.light{--below:#e6dfcd;--sec2:#ded6c2}
.spx.dark{--below:#1c1821;--sec2:#231e2a}
.spx .fw h2{font-size:40px}
.spx .fw p{font-size:19px}
.spx .sec .veil,.spx .sec .mA .veil,.spx .sec .mB .veil,.spx .sec .mC .veil,.spx .sec .mD .veil{background:none}
.spx .sec .veil:after{background:linear-gradient(transparent 56%,var(--sec,var(--below)) 80%)}
.spx .sec .mdl img.sh{opacity:.62}
.spx .sec.dk{--ink:#efeadb;color:#efeadb}
.spx .sec.dk .art img{display:none}
.spx .sec.dk .art .grad{display:block}
.spx .sec.dk .mdl img.sh{opacity:.9}
.spx .sec.dk .wd .r a,.spx .sec.dk .all,.spx .sec.dk .ar{color:#efeadb}
.spx .sec.dk .floor{background:linear-gradient(90deg,transparent,rgba(239,234,219,.16) 30%,rgba(239,234,219,.16) 70%,transparent)}
.spx.light{--dark:#1f1b25}
.spx.dark{--dark:#15121a}
.spx .cm>button b{display:inline-block;width:1px;height:12px;background:currentColor;opacity:.45;margin:0 8px -1px}
.spx .cm>button .mk{display:inline-block;width:12px;height:12px;margin:0 6px -1px;background:currentColor;-webkit-mask:url("sp-ex-sp-mark-0e32f5eb.svg") center/contain no-repeat;mask:url("sp-ex-sp-mark-0e32f5eb.svg") center/contain no-repeat}
.spx .op{position:fixed;left:14px;bottom:14px;z-index:9500;background:rgba(255,254,250,.96);color:#0e2f35;border-radius:9px;padding:8px 10px;font:600 11px/1.3 Montserrat;box-shadow:0 8px 30px rgba(14,47,53,.18);display:none;max-height:70vh;overflow:auto}
.spx .op.show{display:block}
.spx .op h4{margin:4px 0 6px;font:600 10px Montserrat;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.spx .op label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:3px 0}
.spx .op select{border:1px solid rgba(14,47,53,.25);border-radius:9px;padding:3px 6px;font:600 11px Montserrat;background:#fff;color:#0e2f35}
.spx .op .tag{cursor:pointer;opacity:.6;letter-spacing:.14em;text-transform:uppercase;font-size:10px}
.spx @property --bgtop{syntax:'<color>';inherits:true;initial-value:#f4f0e5}
.spx @property --bg{syntax:'<color>';inherits:true;initial-value:#efeadb}
.spx .stage{transition:--bgtop 1.6s ease,--bg 1.6s ease}
.spx .cm{--cm-top:66px}
.spx.phone .cm{--cm-top:44px}
.spx #sets,.spx .cm,.spx .arrive,.spx svg.flow{opacity:var(--gate,0)}
.spx .sec .gnd{z-index:0}
.spx .sec .art{z-index:1}
.spx .sec .veil{z-index:5}
.spx .sec .floor{z-index:5}
.spx .sec .row{z-index:6}
.spx .sec .wd{z-index:7}
.spx .sec .hd,.spx .sec .all,.spx .sec .ar{z-index:8}
.spx:not(.arriving) .arrive{opacity:0!important}
.spx .sec{touch-action:pan-y}
.spx .sec+.sec{margin-top:0;border-top:0}
.spx .sec .art{top:0}
.spx-below,.spx .spx-below#below{margin-top:0!important;padding-top:0!important}
.spx .sec:first-child{margin-top:calc(-1 * var(--r,24px))}
.spx .sec:first-child .gnd .top{top:0}
.spx .sec .wd{color:#0e2f35;bottom:38px}
.spx .sec .wd .r a{color:#0e2f35}
.spx .sec .wd h2{color:var(--title,#0e2f35)}
.spx .sec .hd,.spx .sec .all,.spx .sec .ar{color:var(--top-ink,#0e2f35)}
.spx .sec .wd,.spx .sec .wd .r a{color:var(--floor-ink,#0e2f35)}
.spx .sec .hd{font-size:14px;letter-spacing:.24em;opacity:.9}
.spx .sec .wd small{opacity:.78}
.spx .sec .floor{bottom:calc(var(--fl) - 19px)}
.spx .sec .gnd{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.spx .sec .gnd.in{opacity:1}
.spx .sec .gnd .top{position:absolute;left:0;right:0;top:0;height:46%}
.spx .sec .gnd .mid{position:absolute;left:0;right:0;top:46%;height:40%}
.spx .sec .art .ly{transition:none;opacity:0;visibility:hidden}
.spx .sec .art .ly.live{visibility:visible;will-change:opacity}
.spx .sec:not(.near) .gnd,.spx .sec:not(.near) .art,.spx .sec:not(.near) .veil{visibility:hidden}
.spx .sec.dk .art img,.spx.dark .sec .art img{display:block}
.spx .sec.dk .art .grad,.spx.dark .sec .art .grad{display:none}
.spx .sec .veil:after{background:linear-gradient(transparent 55%,var(--floor,var(--sec)) 78%)}
.spx .sec .floor{display:none}
.spx .sec .floor{background:linear-gradient(90deg,transparent,rgba(14,47,53,.14) 30%,rgba(14,47,53,.14) 70%,transparent)}
.spx .sec.dk .wd,.spx .sec.dk .hd,.spx .sec.dk .all,.spx .sec.dk .ar{color:#efeadb}
.spx .sec.dk .wd .r a{color:#efeadb}
.spx .sec .wd .r a{margin:0 11px}
.spx .op{top:auto;bottom:14px;left:14px}
.spx .op .tag{display:inline-block;padding:4px 2px}
.spx .op.min .body{display:none}
.spx .op.min{padding:6px 10px}
.spx @property --floor{syntax:'<color>';inherits:true;initial-value:#efeadb}
.spx @property --plate{syntax:'<color>';inherits:true;initial-value:#efeadb}
.spx @property --title{syntax:'<color>';inherits:true;initial-value:#0e2f35}
.spx .sec{transition:--floor 1.2s ease-in-out,--plate 1.2s ease-in-out,--title 1.2s ease-in-out,background-color 1.2s ease-in-out}
.spx .sec .gnd{transition:opacity 1.2s ease-in-out}
.spx .sec .wd,.spx .sec .wd .r a,.spx .sec .wd h2,.spx .sec .hd,.spx .sec .all,.spx .sec .ar{transition:color 1.2s ease-in-out}
.spx .sec .veil:after{background:linear-gradient(transparent 50%,var(--floor,var(--sec)) 70%)}
.spx .sec .art .glart{position:absolute;inset:0;width:100%;height:100%;display:block}
.spx .sec.gl .art .ly{display:none}
.spx .sec.gl,.spx .sec.gl .gnd{transition:none!important}
.spx .sec.gl .veil{display:none}
.spx .sec.gl .art{top:0;bottom:0}
.spx .cm.fixed{position:fixed;z-index:8896;opacity:1!important}
.spx .cm.inband ul{top:calc(100% + 6px)}
.spx .cm.fixed>button{color:inherit}
.spx .cm>button.up{position:absolute;left:100%;top:0;margin-left:14px;opacity:0;pointer-events:none;transition:opacity .4s ease;color:inherit}
.spx .cm>button.up i{font-style:normal;margin-right:6px}
.spx .cm.away>button.up{opacity:1;pointer-events:auto}
.spx .cm{overflow:visible}
.spx.phone .cm.fixed{transition:opacity .22s ease}
.spx .sp-desk__pill .spx-new{display:inline-flex!important;align-items:center;gap:6px;height:52px;width:auto!important;min-width:0!important;padding:0 14px 0 4px!important;border-radius:9px;font:600 10px/1 Montserrat,sans-serif;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:inherit;white-space:nowrap;cursor:default}
.spx .sp-desk__pill .spx-new i{font-style:normal;width:0;overflow:hidden;opacity:0;transition:width .3s ease,opacity .3s ease}
.spx .sp-desk__pill .spx-new.away{cursor:pointer}
.spx .sp-desk__pill .spx-new.away i{width:10px;opacity:1}
.spx .sec.gl .wd,.spx .sec.gl .wd .r a,.spx .sec.gl .wd h2,.spx .sec.gl .hd,.spx .sec.gl .all,.spx .sec.gl .ar{transition:color 1.2s ease-in-out!important}
.spx .bar label input[type=range]{width:120px;margin-left:6px}
.spx .bar label b{min-width:30px;text-align:right;font-weight:600}
.spx.phone .sec .hd{top:30px;left:52px;font-size:10.5px;letter-spacing:.18em;opacity:.9;white-space:nowrap}
.spx.phone .sec .all{top:30px;right:50px;left:auto;font-size:10.5px;letter-spacing:.14em;white-space:nowrap}
.spx.phone .sec .wd{width:calc(100vw - 102px);left:52px;transform:none;bottom:44px}
.spx.phone .sec .wd small{font-size:11px;margin-bottom:10px}
.spx.phone .sec .wd h2{font-size:34px;line-height:1.05}
.spx.phone .sec .wd p{font-size:16px;margin-top:8px}
.spx.phone .sec .wd .r{flex-wrap:wrap;gap:12px 16px;font-size:13px;margin-top:18px;letter-spacing:.02em}
.spx.phone .sec .wd .r a{white-space:nowrap}
.spx.phone .sec .wd .r a span{display:inline-block;padding-bottom:3px}
.spx.phone .cm>button,.spx.phone .cm li{font-size:12px}
.spx <style>
.phone .sec{scroll-snap-align:start}
.spx.phone .sec{height:100lvh}
.spx.phone .sec .wd{bottom:calc(100lvh - 100svh + 28px)}
.spx.phone .sec .wd small{font-size:11px;margin-bottom:8px}
.spx.phone .sec .wd h2{font-size:30px}
.spx.phone .sec .wd p{font-size:15px;margin-top:6px}
.spx.phone .sec .wd .r{margin-top:14px}
.spx.phone .stage,.spx.phone .sec,.spx.phone .sec .row{touch-action:pan-y pinch-zoom}
.spx.phone .cm ul{top:calc(100% + 6px);padding:8px 0;background:rgba(255,254,250,.5);-webkit-backdrop-filter:blur(14px) saturate(1.05);backdrop-filter:blur(14px) saturate(1.05);box-shadow:inset 0 0 0 1px rgba(14,47,53,.08),0 10px 26px rgba(14,47,53,.12)}
.spx.phone .cm.fixed>button{background:rgba(255,254,250,.42);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);box-shadow:inset 0 0 0 1px rgba(14,47,53,.08);border-radius:9px;padding:9px 14px}
.spx .cm .csay{position:absolute;left:50%;top:0;height:100%;display:flex;align-items:center;white-space:nowrap;transform:translateX(-50%);transform-origin:50% 0;font:500 22px/1.2 Lora,serif;letter-spacing:0;text-transform:none;color:#104e59;visibility:hidden;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.spx .cm.opening>button{transform-origin:50% 0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.spx .cm.opening ul{visibility:hidden}
.spx .cm.opening{transition:none!important}
.spx.phone .cm.fixed ul{left:0;width:100%;box-sizing:border-box;transform:translateY(-4px)}
.spx.phone .cm.fixed.open ul{transform:none}
.spx.phone .cm.fixed li{padding:10px 4px}
.spx .mkt{position:absolute;z-index:2401;overflow:hidden;white-space:nowrap;color:var(--ink);text-decoration:none;pointer-events:none}
.spx .mkt>span{display:inline-block;transform:translateY(105%);transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.spx .mkt.on>span{transform:none}
.spx .mkt.lbl{font:600 11px/13.2px Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.spx .mkt.srf{font:500 22px/26.4px Lora,serif;letter-spacing:0;text-transform:none}
.spx .mkt.cta{font:700 13px/15.6px Montserrat,sans-serif;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}
.spx .mkt.cta.on{pointer-events:auto}
.spx .mkh{position:absolute;z-index:2400;pointer-events:none;-webkit-tap-highlight-color:transparent}
.spx .mk-on .mkh{pointer-events:auto}
.spx .mkt.r.lbl>span{margin-right:-.1em}
.spx .mkt.r.cta>span{margin-right:-.02em}
.spx.phone svg.flow path.mkp{stroke-width:var(--mkw,1.6px)}
.spx.phone svg.flow path.mkp.edge{stroke-width:calc(var(--mkw,1.6px) + 2.9px)}
.spx .fig.ovl{visibility:hidden;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:none}
.spx .fig.ovl>img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;will-change:transform}
.spx.stA,.spx.stB{overflow-x:clip;overflow-y:visible}
.spx.stA .stage{position:sticky!important;top:0}
.spx.stA #below{margin-top:0;padding-top:0;z-index:5}
.spx.stA .sec:first-child,.spx.stB .sec:first-child{margin-top:0}
.spx.stA .sec{position:sticky;top:0;border-radius:var(--r) var(--r) 0 0;box-shadow:0 -12px 28px rgba(14,47,53,.13)}
.spx.stA .sec+.sec,.spx.stB .sec+.sec{border-top:0}
.spx.stB #below{display:contents}
.spx.stB .sec{position:sticky;bottom:calc(100dvh - 100lvh);border-radius:0 0 var(--r) var(--r);box-shadow:0 12px 28px rgba(14,47,53,.16)}
.spx.stB .stage{z-index:60}
.spx .snps{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}
.spx .snp{position:absolute;left:0;width:1px;height:1px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}
.spx .snp.end{scroll-snap-stop:normal}
.spx .sec .wd .l>span{transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.spx .sec .wd.out .l>span{opacity:1;transform:translateY(105%);transition-duration:.36s}
.spx.phone .sec .hd,.spx.phone .sec .all{display:none}
.spx .sec .wd:not(.out) .l:nth-child(2)>span{transition-delay:.07s}
.spx .sec .wd:not(.out) .l:nth-child(3)>span{transition-delay:.14s}
.spx .sec .wd:not(.out) .l:nth-child(4)>span{transition-delay:.21s}
.spx.phone .cm.fixed{transition:opacity .55s cubic-bezier(.4,0,.2,1)}
.spx.phone .cm ul{background:rgba(255,254,250,.42);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);box-shadow:inset 0 0 0 1px rgba(14,47,53,.08);border-radius:9px}
.spx .brk,.spx .brk0{display:none}
.spx .brk p,.spx .brk0 p{margin:0}
.spx.brkon .brk{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;height:216px;padding:34px 30px 46px;text-align:center;color:var(--ink);position:relative}
.spx.brkon .brk:first-child{margin-top:calc(-1 * var(--r,24px));height:calc(216px + var(--r,24px));padding-top:calc(34px + var(--r,24px))}
.spx .brk .bt{font:600 11px/1 Montserrat,sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin-bottom:13px}
.spx .brk .bh,.spx .brk0 .bh{font:italic 400 25px/1.25 Lora,serif;width:100%;max-width:316px;text-wrap:balance}
.spx .brk0 .bh{font-size:22px;line-height:1.3}
.spx .brk .l,.spx .brk0 .l{display:block;overflow:hidden;padding:.08em .12em .2em;margin:-.08em -.12em -.2em}
.spx .brk .l>span,.spx .brk0 .l>span{display:inline-block;white-space:nowrap;transform:translateY(118%);transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.spx .brk.on .l>span,.spx .brk0.on .l>span{transform:none}
.spx .brk p:not(:has(.l)),.spx .brk0 p:not(:has(.l)){visibility:hidden}
.spx.brkon .brk0{display:flex;position:absolute;left:0;right:0;bottom:0;height:var(--spx-under,0px);align-items:center;justify-content:center;box-sizing:border-box;padding:0 30px 14px;text-align:center;color:var(--ink);z-index:2400;pointer-events:none}
.spx.brkon .sec{border-radius:var(--r,24px)}
.spx.brkon #below{background:var(--brk,#f5f1e8)!important}
.spx .brk0 .bh{font-size:28px;line-height:1.22;font-weight:500}
.spx.brkon:not(.phone) .brk{height:300px;padding:64px 48px 84px}
.spx.brkon:not(.phone) .brk:first-child{height:calc(300px + var(--r,24px));padding-top:calc(64px + var(--r,24px))}
.spx.brkon:not(.phone) .brk .bt{font-size:13px;margin-bottom:18px}
.spx.brkon:not(.phone) .brk .bh{font-size:42px;line-height:1.18;max-width:1000px}
.spx.brkon .sec .hd,.spx.brkon .sec .all{display:none}
.spx .cm.fixed>button{background:rgba(255,254,250,.42);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);box-shadow:inset 0 0 0 1px rgba(14,47,53,.08);border-radius:9px;padding:9px 14px}
.spx .cm.fixed ul{top:calc(100% + 6px)}
.spx .cls{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--cls-h,360px);color:var(--ink);position:relative}
.spx.phone .cls{height:calc(var(--cls-h,360px) * .86)}
.spx .cls-emb{height:var(--cls-e,148px);aspect-ratio:278.08/314.26;display:block}
.spx.phone .cls-emb{height:calc(var(--cls-e,148px) * .86)}
.spx:not(.opton) .op{display:none!important}
/* the header's pill on a light ground, as its dark one: glass over the page, not a white plate (his 19:4x; on this page until his word for the site) */
body:has(#spx) .sp-desk__pill,body:has(#spx) .sp-desk__pill--solid{background:rgba(255,254,250,.42);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);box-shadow:inset 0 0 0 1px rgba(14,47,53,.08)}
/* and from the top of the page, not after 40 px of scroll: his sketch (2026-11-12 00:03) is one glass object, the pill and its band; a band alone under loose icons is not it (version 44) */
body.sy-chrome-dark:has(#spx) .sp-desk__pill,body.sy-chrome-dark:has(#spx) .sp-desk__pill--solid{background:rgba(14,47,53,.40);box-shadow:none}
/* in the theme: the site's own header above; the stage below it fills the rest of the glass */
.spx{position:relative;font:400 14px/1.5 Montserrat,sans-serif;background:var(--below)}
.spx .head{display:none!important}.spx .nav{top:14px}.spx.phone .nav{top:4px}.spx .arrive,.spx .dd{top:14px}.spx .cm{--cm-top:14px}.spx .gsw{top:14px}
.spx.sp-hero{padding-top:0!important;z-index:auto}   /* the hero's z-index 1 (sp-desk.css) makes the page root a stacking layer, and nothing inside it could ever rise above the site's pill (z 8895); on this page nothing needs that index, and the NEW ARRIVALS menu must sit in the pill's band (version 44) */   /* the product page's top room comes with .sp-hero; this page starts under the floating pill itself */.spx.phone .arrive,.spx.phone .dd{top:4px}
.spx.phone .arrow{top:4px!important}.spx .title{top:60px}
.spx .stage,.spx.phone .stage{height:calc(100svh - var(--spx-ho,0px) + var(--spx-under,0px))!important}   /* --spx-under: on a touch phone the ground runs on below the glass (version 61) */
.spx a{text-decoration:none}.spx h2,.spx h1,.spx h3{letter-spacing:normal;text-transform:none}