.commerce-heading{padding:12px 0 28px}.commerce-heading h1{font-size:43px;letter-spacing:-1.8px;margin:17px 0 15px;line-height:1.15}.commerce-heading p{font-size:13px;color:var(--muted,#839078);line-height:1.8}.commerce-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:30px;align-items:start;margin-bottom:60px}.cart-list,.commerce-panel,.order-summary{background:var(--surface,#fff);border:1px solid var(--line,#e0e7d7);border-radius:20px;padding:27px}.order-summary{position:sticky;top:calc(var(--header-height,130px) + 20px)}.order-summary>h2{font-size:22px;margin:15px 0 28px}.summary-line{display:flex;justify-content:space-between;margin:18px 0;font-size:12px;color:var(--muted,#8a967f)}.summary-line b{font-weight:500;color:var(--ink)}.summary-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;font-size:15px;margin-top:18px}.summary-total strong{font-size:25px;letter-spacing:-.5px}.summary-trust{display:grid;gap:12px;font-size:10px;color:var(--muted);padding:25px 0 0}.order-summary>.notice{font-size:10px;margin-top:20px;line-height:1.8}.cart-list-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:10px}.cart-product{display:flex;gap:22px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.cart-product>a{width:110px;height:125px;flex-shrink:0;background:#f2f4ec;border-radius:15px}.cart-product img{width:100%;height:100%;object-fit:contain;padding:10px}.cart-product-info{flex:1}.cart-product h2{font-size:15px;letter-spacing:-.1px;line-height:1.45;margin:10px 0}.cart-product p{font-size:10px;color:var(--muted);line-height:1.6}.cart-product-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:17px}.cart-product-actions .link{font-size:10px;text-decoration:underline;text-underline-offset:3px}.cart-product-actions .qty{margin:0;gap:15px;border:1px solid var(--line);border-radius:30px;padding:6px}.cart-product-actions .qty button{width:24px;height:24px}.cart-item-total{text-align:right;align-self:flex-start;margin-top:8px}.cart-item-total strong{display:block;font-size:18px}.cart-item-total small{display:block;font-size:9px;color:var(--muted);margin-top:8px}.continue-shopping{display:inline-block;font-size:12px;margin-top:24px;color:var(--muted)}.commerce-empty{text-align:center;padding:55px 20px 90px;background:var(--surface);border:1px solid var(--line);border-radius:22px;margin-bottom:50px}.empty-orbit{width:110px;height:110px;display:grid;place-items:center;font-size:55px;border-radius:50%;background:#eaf0dc;color:#456233;margin:0 auto 25px}.commerce-empty p{font-size:13px;color:var(--muted);margin:20px 0 25px}.checkout-steps{display:flex;gap:35px;font-size:11px;margin:5px 0 30px;padding:20px 0;border-block:1px solid var(--line);color:var(--muted)}.checkout-steps .active{color:var(--ink);font-weight:700}.checkout-form{display:flex;flex-direction:column;gap:22px}.checkout-form .commerce-panel h2{font-size:21px;display:flex;gap:12px;align-items:center;margin-bottom:25px}.step-number{border:1px solid var(--line);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:12px}.checkout-form label{font-size:11px;line-height:1.5}.checkout-form .field{margin:8px 0 18px;font-size:12px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.delivery-choice{display:flex;align-items:center;gap:15px;font-size:11px;padding:18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.delivery-choice>span{font-size:25px}.delivery-choice p{font-size:10px;color:var(--muted);margin-bottom:0}.delivery-choice>b{margin-left:auto;white-space:nowrap}.payment-cards{display:grid;gap:14px;margin:10px 0 22px}.payment-choice{position:relative;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:15px;padding:20px;cursor:pointer;transition:border-color .2s,background .2s;background:var(--surface)}.payment-choice:has(input:checked){border-color:#88a55f;background:#f0f5e6}.payment-choice input{accent-color:#4d7137;width:15px;height:15px;margin:0;flex-shrink:0}.payment-choice .payment-symbol{font-size:24px;color:#68804a}.payment-choice strong{display:block;font-size:12px}.payment-choice small{display:block;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}.payment-choice>b{margin-left:auto;color:#557333;opacity:0}.payment-choice:has(input:checked)>b{opacity:1}.checkout-submit{padding:19px 25px;justify-content:space-between;border-radius:15px;font-size:14px}.checkout-submit:disabled{opacity:.5;cursor:wait}.checkout-error{font-size:12px;color:#b5655e;line-height:1.7;margin:0}.checkout-items{border-top:1px solid var(--line);padding-top:20px;margin:0 0 20px}.checkout-items>div{display:flex;gap:12px;align-items:center;font-size:10px;padding:10px 0}.checkout-items img{width:44px;height:50px;object-fit:contain;background:#f1f4e9;border-radius:8px}.checkout-items span{line-height:1.6}.checkout-items small{display:block;color:var(--muted);margin-top:4px}.wallet-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin-bottom:60px;align-items:start}.wallet-layout .commerce-panel{margin-top:25px}.wallet-layout aside .commerce-panel{margin-top:0}.wallet-hero{position:relative;overflow:hidden;min-height:245px;background:linear-gradient(130deg,#203c2b,#425b2f);border-radius:23px;color:#f0f8e3;padding:34px}.wallet-hero>span{font-size:9px;letter-spacing:2px}.wallet-hero>strong{display:block;font-size:52px;margin:22px 0 18px;font-family:Manrope;letter-spacing:-2px}.wallet-hero p{font-size:11px;color:#b0c19a;position:relative;z-index:1}.wallet-chip{position:absolute;right:20px;top:10px;font-size:200px;color:#def29919;line-height:1;transform:rotate(12deg)}.wallet-layout h2{font-size:21px}.wallet-layout .commerce-panel>p{font-size:12px;color:var(--muted);line-height:1.7}.fund-options{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.custom-funds{display:flex;align-items:center;gap:15px;justify-content:space-between}.custom-funds label{font-size:10px;flex:1}.custom-funds .field{margin-bottom:0}.custom-funds button{white-space:nowrap;font-size:11px}.wallet-transactions>div{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);font-size:11px}.wallet-transactions strong{font-weight:500;font-size:11px}.wallet-transactions small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.wallet-transactions b{margin-left:auto;white-space:nowrap;font-size:13px}.wallet-transactions .positive{color:#618447}.transaction-icon{background:var(--surface-soft);border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font-size:16px}.wallet-order{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding:20px 0;border-bottom:1px solid var(--line)}.wallet-order strong{font-size:11px}.wallet-order small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.wallet-order b{font-size:12px;white-space:nowrap}.celebration{position:relative;isolation:isolate;text-align:center;padding:50px 20px 45px;overflow:hidden;border-radius:25px;background:linear-gradient(160deg,#eaf1da,#f4e9f6);margin:20px 0 35px;color:#283d26}.celebration-glow{position:absolute;z-index:-1;width:460px;height:460px;background:radial-gradient(circle,#d4ec8977,transparent 70%);border-radius:50%;left:calc(50% - 230px);top:-80px;animation:successGlow 2s ease-out}.success-ring{width:88px;height:88px;border-radius:50%;border:1px solid #b6d28d;margin:0 auto 28px;display:grid;place-items:center;background:#edf6da;box-shadow:0 0 0 12px #dcecbf66,0 0 0 25px #dcecbf22;animation:successPop .9s cubic-bezier(.2,1.6,.4,1)}.success-ring span{font-size:43px;color:#6a8b3e}.celebration h1{font-size:66px;letter-spacing:-3px;line-height:1;margin:22px 0}.celebration h1 em{font-style:normal;color:#9371aa}.celebration p{font-size:13px;line-height:1.9;color:#7a886c}.order-number{font-size:11px;letter-spacing:1px;margin:22px 0}.celebration>.eyebrow{justify-content:center;font-size:8px;letter-spacing:2px}.celebration-stars{position:absolute;right:10%;top:28%;font-size:40px;letter-spacing:20px;color:#bd99d3;transform:rotate(10deg);animation:float 5s ease-in-out infinite}.receipt-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin-bottom:60px;align-items:start}.receipt-item{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);font-size:11px}.receipt-item img{width:65px;height:75px;object-fit:contain;background:#f1f5e9;border-radius:12px}.receipt-item small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.receipt-item>b{margin-left:auto}.receipt-details{font-size:12px;line-height:1.8}.receipt-details dt{color:var(--muted);font-size:10px;margin-top:20px}.receipt-details dd{margin:4px 0 0}.commerce-page #app{min-height:65vh}.commerce-panel>.section-head{margin:0 0 15px}.commerce-page .commerce-panel .section-head h2{margin:0}select option{background:#fff!important;color:#203520!important}select{color:var(--ink)}.mega{color:var(--ink);grid-template-columns:210px minmax(0,1fr);padding:25px;gap:30px;max-height:75vh;overflow-y:auto;isolation:isolate}.mega-body{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;min-width:0}.mega-body>div{min-width:0;display:flex;flex-direction:column;gap:4px}.mega-body .side-link{color:var(--ink)!important;opacity:1!important;visibility:visible!important;line-height:1.6;font-size:11px;white-space:normal;word-break:normal;padding:11px;border-radius:8px;transition:background .2s}.mega-body .side-link:hover{background:var(--surface-soft)}.mega-list{color:var(--ink)}.mega-list .chip{line-height:1.5}.mega-body button,.mega-body a{-webkit-text-fill-color:currentColor!important}.story-pin[data-phase="0"]{background:#2b181e}.story-pin[data-phase="0"] .scene-noise{background:radial-gradient(ellipse at 75% 45%,#64383d80,transparent 70%),linear-gradient(120deg,#211318,#352128)}.story-pin[data-phase="0"] .scene-copy h1 em{color:#efa8a0}.story-pin[data-phase="1"] .scene-noise{background:radial-gradient(ellipse at 75% 45%,#39567377,transparent 70%),linear-gradient(120deg,#101c2b,#1e3445)}.story-pin[data-phase="2"] .scene-noise{background:radial-gradient(ellipse at 75% 45%,#67517e77,transparent 70%),linear-gradient(120deg,#20182c,#392b42)}.scene-noise{transition:background .8s}.scene-object{top:19%;height:58%;width:83%;left:7%;right:auto;object-fit:contain}.scene-boot{transform-origin:center}.scene-phone{height:56%;top:19%;width:78%;left:10%}.scene-shirt{height:61%;top:17%;width:83%;left:8%}.story-pin{min-height:490px}.scene-copy h1{font-size:clamp(38px,4.2vw,63px);letter-spacing:-2.8px}.scene-copy>p{max-width:390px}.scene-stage{overflow:visible}.scene-tag{bottom:18%;right:16px}.scene-topline{z-index:15}.scene-copy{padding-left:40px}.scene-copy h1 br{display:block}.department-edit{perspective:1400px}.department-poster img{transition:transform .7s}.department-poster:hover img{transform:rotate(-4deg) scale(1.04)}.module-workspace{padding:28px}.studio-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 23px}.studio-tabs button{border-radius:30px;padding:11px 20px;font-size:11px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.studio-tabs .active{background:#30472a;color:#e1efcf;border-color:#30472a}.studio-tabs>span{font-size:10px;color:var(--muted);margin-left:auto}.selection-bar{padding:14px 20px;display:flex;gap:10px;align-items:center;background:var(--surface-soft);border-bottom:1px solid var(--line);flex-wrap:wrap}.selection-bar>span{font-size:9px;color:var(--muted);margin-left:auto}.admin-product input[type=checkbox]{accent-color:#668c42;width:15px;height:15px;flex-shrink:0}.module-heading h2{font-size:25px;margin-bottom:15px}.module-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:25px}.action-group{margin:30px 0}.action-group h3{font-size:14px;font-weight:600}.action-group h3 small{display:inline-block;border-radius:20px;padding:4px 8px;font-size:9px;margin-left:8px;background:var(--surface-soft);color:var(--muted)}.action-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.action-group button{padding:16px;border-radius:12px;background:var(--surface-soft);color:var(--ink);font-size:11px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.5;border:1px solid var(--line);transition:transform .2s,background .2s}.action-group button:hover{transform:translateY(-3px);background:#e5efd6}.action-group button>span{color:#87a266}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-field{display:block;font-size:11px}.setting-field>.field{margin:9px 0 0}.setting-toggle{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid var(--line);background:var(--surface-soft);border-radius:12px}.setting-toggle input{accent-color:#799e4d;width:18px;height:18px}.order-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-order-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:15px;padding:22px 15px;background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink);text-align:left;font-size:12px}.admin-order-row small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.admin-toolbar{flex-wrap:wrap}.admin-toolbar>label{min-width:240px}.admin-toolbar>select{max-width:190px}.studio-tabs+ .admin-stats{margin-top:10px}.commerce-page .notice{font-size:11px}body[data-admin] .drawer{width:650px}[data-theme="dark"] .payment-choice:has(input:checked){background:#2a3c24;border-color:#7e9b5e}[data-theme="dark"] .payment-choice input{accent-color:#c8e790}[data-theme="dark"] .payment-choice>b{color:#c4df99}[data-theme="dark"] .action-group button:hover{background:#304529}[data-theme="dark"] .celebration{background:linear-gradient(140deg,#253822,#32243c);color:#e7f0dd}[data-theme="dark"] .celebration p{color:#b1c29f}[data-theme="dark"] .celebration h1 em{color:#c7a7de}[data-theme="dark"] .success-ring{background:#344b2d;border-color:#719654}[data-theme="dark"] .success-ring span{color:#d0ec9c}[data-theme="dark"] .studio-tabs button{background:#22331e;border-color:#425338;color:#c9ddba}[data-theme="dark"] .studio-tabs .active{background:#cbe895;color:#20341c}[data-theme="dark"] select option{background:#21301f!important;color:#e0edcf!important}[data-hero-theme="forest"] .scene-noise{background:linear-gradient(120deg,#142219,#284c31)!important}[data-hero-theme="midnight"] .scene-noise{background:linear-gradient(120deg,#10151e,#20344d)!important}@keyframes successPop{0%{transform:scale(0) rotate(-45deg);opacity:0}70%{transform:scale(1.13) rotate(6deg);opacity:1}100%{transform:scale(1) rotate(0)}}@keyframes successGlow{from{transform:scale(.1);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:1000px){.commerce-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.cart-list,.commerce-panel,.order-summary{padding:22px}.cart-product{gap:15px}.cart-product>a{width:80px;height:100px}.cart-product h2{font-size:13px}.cart-item-total strong{font-size:15px}.mega-body{grid-template-columns:repeat(3,minmax(0,1fr))}.action-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-copy h1{font-size:45px;letter-spacing:-2.3px}.scene-copy{padding-left:30px}}
@media(max-width:700px){.commerce-heading h1{font-size:34px}.commerce-layout,.wallet-layout,.receipt-layout{grid-template-columns:1fr;gap:22px}.order-summary{position:static}.cart-product{position:relative;align-items:flex-start;flex-wrap:wrap;padding:23px 0}.cart-product>a{width:75px;height:95px}.cart-product-info{min-width:calc(100% - 95px)}.cart-item-total{position:absolute;left:0;top:120px;font-size:13px}.cart-item-total small{display:none}.cart-product-actions{gap:10px}.cart-product-actions .qty{gap:10px}.cart-list{padding:20px}.cart-product .meta{font-size:8px;letter-spacing:.4px;margin-top:0}.cart-product-actions .link{font-size:9px}.checkout-steps{gap:20px;font-size:10px}.checkout-form .commerce-panel h2{font-size:18px}.payment-choice{padding:16px;gap:10px}.payment-choice strong{font-size:11px}.payment-choice small{font-size:9px}.form-two{gap:13px}.wallet-hero{padding:28px;min-height:220px}.wallet-hero>strong{font-size:45px}.custom-funds{display:block}.custom-funds .btn{margin-top:15px}.celebration{padding:40px 15px}.celebration h1{font-size:49px;letter-spacing:-2px}.celebration-stars{font-size:25px;right:0;top:20%;opacity:.6}.receipt-item{font-size:10px;gap:12px}.receipt-item img{width:50px;height:60px}.receipt-item small{font-size:9px}.module-workspace{padding:20px}.action-group>div{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.studio-tabs button{font-size:10px;padding:10px 13px}.studio-tabs>span{margin-left:0;width:100%;margin-top:8px}.selection-bar>span{margin-left:0}.admin-order-row{flex-wrap:wrap;font-size:11px}.admin-toolbar>select{max-width:160px}.scene-copy h1{font-size:33px;letter-spacing:-1.8px}.scene-copy{padding:38px 22px 0}.scene-object{height:92%;width:83%;top:-1%;left:8%}.scene-phone{height:83%;top:0;width:70%;left:14%}.scene-shirt{height:92%;top:-1%;width:83%;left:8%}.scene-tag{bottom:23%;right:10px}.story-pin{min-height:510px}.mega{grid-template-columns:1fr;padding:18px;max-height:70vh}.mega-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;border:0;border-bottom:1px solid var(--line);padding:0 0 15px;gap:10px}.mega-list>strong{width:100%}.mega-body{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mega-body>div,.mega-body>div:last-child{display:flex}.mega-body .side-link{font-size:10px;padding:10px 6px;line-height:1.5}.commerce-panel .form-two{grid-template-columns:1fr 1fr}}
@media print{header,footer,.celebration-stars,#celebrationCanvas,.receipt-layout .btn,.receipt-layout .chip,.celebration .chip{display:none!important}.receipt-layout{display:block}.commerce-panel{break-inside:avoid}.celebration{background:white!important;color:black!important}.receipt-layout .commerce-panel{margin:20px 0}}
/* Content stays readable regardless of observer timing or viewport size. */
.reveal,.reveal:not(.visible){opacity:1!important;transform:none!important;visibility:visible!important}
input,textarea,select,.field{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;caret-color:var(--ink);opacity:1!important;background:var(--surface)!important}
input::placeholder,textarea::placeholder{color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important;opacity:1}
.field:focus{outline:2px solid #a879d1;outline-offset:2px}
.head-actions button[onclick="openWallet()"],.head-actions button[onclick="openCart()"]{display:flex;gap:9px;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;font-size:14px;font-weight:700;box-shadow:0 5px 15px #233c3010;transition:transform .2s,box-shadow .2s}
.head-actions button[onclick="openWallet()"]{background:#e5d6ff;color:#492b70}.head-actions button[onclick="openCart()"]{background:#d9f978;color:#263b21}
.head-actions button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.head-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #233c3020}.head-actions .label{display:inline!important}.head-actions{gap:10px}.head{gap:22px}.search{min-width:160px}
.scroll-story{height:235svh;min-height:1300px}.story-pin{min-height:380px;height:calc(100svh - var(--header-height) - 24px);top:calc(var(--header-height) + 8px)}
.scene-object.scene-boot{height:80%;width:98%;left:0;top:5%}.scene-object.scene-phone{height:67%;top:11%}.scene-tag{bottom:7%;right:10px;max-width:180px}.scene-copy h1{font-size:clamp(34px,4.2vw,62px)}
.story-pin[data-phase="0"] .scene-noise{background:radial-gradient(ellipse at 72% 45%,#3c6dc270,transparent 70%),linear-gradient(120deg,#0e1d37,#172c53)}.story-pin[data-phase="0"] .scene-copy h1 em{color:#a8c9ff}
.product-pic{position:relative}.product-pic .product-alternate{position:absolute;inset:0;object-fit:contain;width:100%;height:100%;padding:22px;opacity:0;pointer-events:none;transform:rotateY(-25deg) scale(.9);transition:opacity .35s,transform .6s}.product:hover .product-alternate,.product:focus-within .product-alternate{opacity:1;transform:rotateY(0) scale(1.06)}.product-pic:has(.product-alternate):hover>a>img{opacity:0}.product-pic>a>img{transition:opacity .35s,transform .6s}.product:hover .product-pic>a>img{transform:scale(1.09) rotate(-5deg)}.hover-spark{position:absolute;left:15px;bottom:18px;font-size:30px;color:#9775c9;opacity:0;pointer-events:none}.product:hover .hover-spark{animation:giftSpark .8s ease-out}.product .quick{color:#17352a!important;background:#fff!important}.product h3{line-height:1.5}
@keyframes giftSpark{0%{opacity:0;transform:translateY(20px) scale(.2) rotate(-60deg)}45%{opacity:1;transform:translateY(-22px) scale(1.4) rotate(30deg)}100%{opacity:0;transform:translateY(-65px) scale(.5) rotate(100deg)}}
.scroll-play{height:175svh;min-height:950px;position:relative;margin:60px 0}.play-pin{height:calc(92svh - var(--header-height));min-height:390px;position:sticky;top:calc(var(--header-height) + 20px);border-radius:28px;overflow:hidden;background:var(--play-bg);color:var(--play-ink);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:40px;isolation:isolate}.play-copy{position:relative;z-index:4;max-width:440px}.play-copy h2{font-size:clamp(32px,4.8vw,67px);letter-spacing:-2px;line-height:1.08;margin:22px 0}.play-copy p{font-size:14px;line-height:1.8;max-width:320px}.play-copy .chip{background:#ffffffb3;color:#23382a;margin-top:20px}.play-stage{position:relative;height:100%;min-height:300px}.play-product{position:absolute;object-fit:contain;width:70%;height:75%;top:10%;left:12%;filter:drop-shadow(0 25px 18px #182c382c);will-change:transform}.play-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid currentColor;opacity:.16;border-radius:50%;top:0;left:0}.play-ribbon{position:absolute;font-size:clamp(55px,10vw,155px);font-weight:800;opacity:.06;bottom:0;left:0;white-space:nowrap}.play-progress{position:absolute;bottom:25px;left:40px;right:40px;height:3px;background:#ffffff60}.play-progress span{display:block;height:100%;background:currentColor;width:var(--play-progress,0%)}.play-count{position:absolute;right:35px;top:25px;font-size:11px;letter-spacing:2px}
@media(max-width:1000px){.head-actions button[onclick="openWallet()"],.head-actions button[onclick="openCart()"]{padding:10px;font-size:12px}.head-actions button svg{width:20px;height:20px}.head-actions a .label{display:none!important}}
@media(max-width:700px){.head-actions{gap:5px}.head-actions button[onclick="openWallet()"],.head-actions button[onclick="openCart()"]{padding:8px;font-size:10px;gap:5px;border-radius:10px}.head-actions button svg{width:19px;height:19px}.head-actions a{display:none}.scroll-story{min-height:1100px;height:220svh}.story-pin{min-height:460px;grid-template-rows:43% 57%;height:calc(100svh - var(--header-height) - 12px)}.scene-copy h1{font-size:33px}.scene-copy{padding-top:35px}.scene-tag{font-size:9px;max-width:135px;bottom:15%;padding:10px}.scene-object.scene-boot{height:92%;top:-7%}.scene-object.scene-phone{height:80%;top:0}.scene-footer{bottom:10px}.scroll-play{height:150svh;min-height:850px;margin:35px 0}.play-pin{padding:25px;grid-template-columns:1fr;grid-template-rows:44% 56%;min-height:500px;height:calc(100svh - var(--header-height) - 25px)}.play-copy h2{font-size:35px;margin:15px 0}.play-copy p{font-size:11px}.play-copy .chip{margin-top:5px}.play-stage{min-height:220px}.play-progress{left:25px;right:25px;bottom:16px}.play-count{font-size:9px;right:20px;top:18px}.play-product{height:90%;top:0}}
@media(prefers-reduced-motion:reduce){.scroll-play{height:auto;min-height:0}.play-pin{position:relative;top:0}.play-product{will-change:auto}.hover-spark{display:none}.product *{transition:none!important}}
.search input{background:transparent!important}.department-poster{min-height:460px}.product{opacity:1!important}.play-copy .eyebrow{color:inherit}
/* Balanced navigation: all three shopping destinations carry equal visual weight. */
.head-actions .plain[onclick="openWallet()"],.head-actions .plain[onclick="openCart()"],.head-actions a[href="/saved/"]{min-height:42px;padding:10px 13px;border-radius:12px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:none;font-weight:600}
.head-actions a[href="/saved/"]{background:#f6dfed;color:#76385d}.head-actions button svg{width:21px;height:21px}.head-actions .count{font-size:10px;min-width:19px;height:19px;padding:2px 5px}.head-actions .label{display:inline!important}.head-actions{gap:7px}.head-actions a .label{display:inline!important}
.scene-phone{mix-blend-mode:screen}.story-pin[data-phase="1"] .scene-noise{background:radial-gradient(ellipse at 75% 45%,#58324888,transparent 70%),linear-gradient(120deg,#151021,#271526)}.scene-phone{height:66%!important;width:80%!important;top:12%!important}
.play-product{width:59%;height:67%;left:20%;top:15%}.play-product-0{z-index:3}.play-product-1{z-index:4}.play-product-2,.play-product-3,.play-product-4{z-index:5;opacity:0;filter:drop-shadow(0 16px 14px #182c3830)}.play-stage{perspective:1000px}.product{will-change:transform}.product-pic{overflow:hidden}.department-poster img{will-change:transform}.play-count{background:#ffffff80;padding:8px 12px;border-radius:20px}
@media(max-width:700px){.head-actions .plain[onclick="openWallet()"],.head-actions .plain[onclick="openCart()"],.head-actions a[href="/saved/"]{display:flex!important;padding:7px;font-size:10px;min-height:34px;gap:4px}.head-actions a[href="/saved/"] .label{display:none!important}.head-actions button svg{width:17px;height:17px}.head-actions{gap:4px}.head{gap:8px}.head .logo{font-size:30px}.play-product{height:78%;top:7%;width:64%;left:17%}}
@media(prefers-reduced-motion:reduce){.product{will-change:auto;transform:none!important}.play-product-2,.play-product-3,.play-product-4{opacity:1;transform:scale(.4);left:0;top:20%}.play-product-3{left:35%;top:40%}.play-product-4{left:50%;top:0}}
.scene-word,.play-ribbon{display:none!important}.scene-phone{mix-blend-mode:normal}.play-product{object-fit:contain;max-width:none;margin:0!important;z-index:2!important;filter:drop-shadow(0 14px 12px #182c3826)}.play-stage{height:100%;min-height:340px}.play-orbit{inset:8%;width:84%;height:84%;aspect-ratio:auto}.play-copy{max-width:370px}.play-pin{grid-template-columns:.8fr 1.2fr}.product{transition:none!important}.product-pic{transition:box-shadow .3s}.product:hover .product-pic{box-shadow:0 12px 30px #243b3315}.scene-shirt{height:70%!important;top:8%!important;width:90%!important;left:5%!important}
@media(max-width:700px){.play-pin{grid-template-columns:1fr;grid-template-rows:40% 60%}.play-stage{min-height:260px}.play-copy{max-width:100%}.scene-shirt{height:85%!important;top:0!important}}
/* Native text nodes inherit the animated heading/paragraph wrapper; no hidden base state. */
[data-entry-observed]{backface-visibility:hidden}main h1,main h2,main h3,main p,main .eyebrow,main .sub{transform-origin:0 50%}
@media(prefers-reduced-motion:reduce){[data-entry-observed]{animation:none!important;transform:none!important;opacity:1!important}}
/* Only the entrance timeline owns card movement. Avoid double transforms and initial flashes. */
.product{animation:none!important;will-change:auto}.reveal{transition:none!important}[data-entry-observed]{backface-visibility:visible}
.motion-lane{padding-top:40px!important;padding-bottom:40px!important}.motion-card[data-scrub-card],.product[data-scrub-card]{will-change:translate,rotate;transition:none!important;transform-origin:50% 55%}.motion-card>div>img,.product-pic>a>img{will-change:translate}.department-edit .products{padding:25px 12px}.rail-section{overflow:hidden}.motion-lane{scroll-behavior:auto!important;scroll-snap-type:none!important}
@media(prefers-reduced-motion:reduce){[data-scrub-card],.motion-card>div>img,.product-pic>a>img{translate:none!important;rotate:none!important;will-change:auto}}
/* Shopping grids retain their layout; only the product inside each frame moves. */
.product[data-scrub-card]{translate:none!important;rotate:none!important;will-change:auto}.product-pic>a{display:block;width:100%;height:100%;overflow:hidden}.product-pic>a>img{object-fit:contain;will-change:translate,rotate}.department-edit .products{padding:0}.motion-lane .motion-card{flex-shrink:0}.products{isolation:isolate}
/* Short sections reveal the next edit without sacrificing scroll storytelling. */
.story-pin{height:clamp(330px,54svh,510px)!important;min-height:330px!important}.scroll-story{height:170svh;min-height:1000px}.scene-copy{padding:25px 20px 25px 35px}.scene-copy h1{font-size:clamp(32px,3.7vw,52px);margin:12px 0}.scene-copy>p{font-size:12px;line-height:1.6;max-width:310px}.scene-cta{margin-top:16px}.scene-footer{bottom:12px}.scene-footer .scroll-hint{font-size:9px}.scene-chapter{font-size:8px}.scene-phone{height:78%!important;top:4%!important;width:62%!important;left:18%!important}.scene-object.scene-boot{height:82%;top:0;width:85%;left:0}.scene-shirt{height:72%!important;width:65%!important;left:15%!important;top:4%!important}.scene-companion{position:absolute;width:25%;height:32%;object-fit:contain;z-index:6;opacity:0;transition:opacity .5s,transform .7s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 8px 8px #0003)}.companion-0{left:3%;top:52%}.companion-1{right:0;top:4%}.companion-2{right:1%;bottom:9%}.companion-3{left:0;top:4%}.scene-proof[hidden],.scene-tag[hidden],.scene-topline[hidden]{display:none!important}.scene-copy>.scene-proof{display:none}.scene-orbit{opacity:.14}.scene-footer .scene-dots{margin-left:auto}.category-scroll{position:relative;margin:25px 0 35px}.category-pin{position:sticky;top:calc(var(--header-height) + 8px);height:clamp(300px,49svh,440px);margin:0!important;padding:22px!important;overflow:hidden;background:var(--surface-soft);border:1px solid var(--line);border-radius:22px}.category-pin .showcase-top{margin-bottom:15px}.category-pin h2{font-size:28px;margin:8px 0!important}.category-pin .sub{font-size:11px}.category-pin .eyebrow{display:none}.category-pin .showcase-track{height:calc(100% - 70px);display:flex;gap:18px;overflow-x:auto;scroll-behavior:auto;scroll-snap-type:none;scrollbar-width:none;padding:0}.category-story-card{flex:0 0 180px;display:flex;flex-direction:column;gap:9px;min-width:0}.category-story-card>div{flex:1;min-height:100px;overflow:hidden;border-radius:14px}.category-story-card img{height:100%;width:100%;object-fit:contain;padding:12px}.category-story-card strong{font-size:12px}.category-story-card>span{font-size:10px;color:var(--muted)}.play-pin{height:clamp(330px,53svh,510px);min-height:330px;padding:25px 35px}.play-stage{min-height:260px}.play-copy h2{font-size:clamp(30px,3.5vw,48px);margin:12px 0}.play-copy p{font-size:12px}.play-copy .eyebrow,.play-count{display:none}.scroll-play{height:125svh;min-height:700px;margin:35px 0}.department-edit{margin-block:35px}.department-poster{min-height:330px}.department-poster h3{font-size:27px}.department-edit .sub:empty{display:none}.department-edit .section-head{margin-bottom:20px}.full-bleed-edit{min-height:300px;padding:35px}.full-bleed-edit h2{font-size:42px}.full-bleed-edit p{font-size:12px}.rail-section .section-head .eyebrow,.rail-section .section-head .sub{display:none}
@media(max-width:700px){.story-pin{height:520px!important;grid-template-rows:38% 62%}.scene-copy{padding:20px}.scene-copy h1{font-size:32px}.scene-copy>p{font-size:10px;margin:8px 0}.scene-cta{margin-top:8px}.category-pin{height:340px}.category-story-card{flex-basis:150px}.category-pin h2{font-size:23px}.play-pin{height:480px;grid-template-rows:35% 65%;padding:22px;min-height:480px}.play-copy h2{font-size:30px}.play-stage{min-height:240px}.scroll-play{min-height:750px}.scene-companion{width:23%;height:30%}.full-bleed-edit h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.category-scroll{height:auto!important}.category-pin{position:relative;top:0}.scene-companion{transition:none}}
.hero-preview{position:sticky;top:calc(var(--header-height) + clamp(330px,54svh,510px) + 24px);display:flex;gap:18px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:15px 24px;margin-top:16px;max-height:160px;overflow:hidden}.hero-preview>strong{font-size:19px;max-width:120px}.hero-preview>a{flex:1;display:flex;gap:10px;align-items:center;font-size:11px}.hero-preview img{width:62px;height:85px;object-fit:contain}.scene-finish{display:none}
@media(max-width:700px){.hero-preview{display:none}}@media(max-height:740px){.hero-preview{padding:8px 16px}.hero-preview img{height:45px;width:40px}.hero-preview>strong{font-size:14px}.hero-preview>a{font-size:10px}}
/* Give products the width on small and medium viewports. */
@media(max-width:1100px){.department-layout{grid-template-columns:minmax(0,1fr);gap:18px}.department-poster{min-height:0!important;height:110px;display:grid;grid-template-columns:1fr 95px auto;align-items:center;gap:20px;padding:16px 24px;border-radius:16px}.department-poster small{display:none}.department-poster h3{font-size:24px!important;margin:0;letter-spacing:-.7px;max-width:none}.department-poster img{position:static;width:90px;height:85px;object-fit:contain;margin:0;border-radius:0}.department-poster>span{margin:0;font-size:12px;white-space:nowrap}.department-layout .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.department-layout .product-pic{height:210px}.department-edit .section-head h2{font-size:26px}.department-edit .section-head .eyebrow{display:none}}
@media(max-width:650px){.department-poster{display:none!important}.department-layout .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.department-layout .product-pic{height:180px}.department-edit .section-head h2{font-size:23px}.department-edit .section-head{gap:12px;align-items:center}.dept-link{font-size:11px!important;padding:9px 12px!important;white-space:nowrap}.department-edit .product h3{font-size:12px;line-height:1.5}.department-edit .meta{font-size:8px}}

/* One brand language across the persistent site navigation. */
.head .brand-symbol,.footer-content .brand-symbol{width:48px;height:38px;border-radius:0;background:transparent}
.head .brand-symbol img,.footer-content .brand-symbol img{width:94px;height:94px;left:-22px;top:-24px}
.head-actions .plain,.head-actions .plain[onclick="openWallet()"],.head-actions a[href="/saved/"]{background:#eef3e9;color:#214c3b;border:1px solid #dfe8d9;min-height:42px;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:600;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .2s,transform .2s}
.head-actions .plain[onclick="openCart()"]{background:#d8fa79;color:#21452e;border:1px solid #c5e86a;box-shadow:none}
.head-actions .plain:hover{background:#e1ecd8;transform:translateY(-1px)}
.head-actions .plain[onclick="openCart()"]:hover{background:#caef67}
.head-actions .count{background:#214c3b;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.head-actions .theme-toggle{background:#eef3e9;color:#214c3b;border:1px solid #dfe8d9;border-radius:12px;box-shadow:none;width:42px;height:42px}
[data-theme="dark"] .head-actions .plain,[data-theme="dark"] .head-actions .theme-toggle{background:#24372c;color:#e1efd4;border-color:#3b5040}
[data-theme="dark"] .head-actions .plain[onclick="openCart()"]{background:#d8fa79;color:#21452e;border-color:#c5e86a}
[data-theme="dark"] .head .brand-symbol,[data-theme="dark"] .footer-content .brand-symbol{background:#f6fff0;border-radius:8px}
@media(max-width:1000px){.head-actions .plain,.head-actions .plain[onclick="openWallet()"],.head-actions .plain[onclick="openCart()"],.head-actions a[href="/saved/"]{padding:9px;font-size:11px}}
@media(max-width:700px){.head .brand-symbol{width:38px;height:30px}.head .brand-symbol img{width:76px;height:76px;left:-18px;top:-20px}.head-actions .plain,.head-actions .plain[onclick="openWallet()"],.head-actions .plain[onclick="openCart()"],.head-actions a[href="/saved/"]{min-height:34px;padding:7px;font-size:10px;border-radius:9px;gap:4px}.head-actions .theme-toggle{width:34px;height:34px;border-radius:9px}.head-actions .account-nav-link{display:flex;font-size:10px}.head-actions{gap:4px}}
