/* Customer-side refinement: quieter framing, readable cards and smooth imagery. */
.header{height:80px}
.hero{min-height:0;padding-block:26px 32px;gap:40px}
.hero-copy{padding:0}
.hero h1{font-size:clamp(4.5rem,7.8vw,7.6rem);margin-bottom:18px}
.hero-copy .eyebrow{margin-bottom:18px}
.hero-copy>p{max-width:350px;margin-bottom:20px}
.hero-foot{margin-top:24px;font-size:12px}
.hero-visual{height:440px;background:var(--soft)}
.hero-visual.has-slides>img{display:none}
.hero-slides{position:absolute;inset:0;mix-blend-mode:multiply}
.hero-slides img{position:absolute;top:0;left:50%;transform:translateX(-50%);width:auto;max-width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.8s ease-in-out;will-change:opacity;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.hero-slides img.active{opacity:1}
.image-corner{font-size:12px;z-index:1}
.hero-colors{bottom:14px;left:14px}
.hero-motion-toggle{font-size:12px;top:14px;right:14px;min-height:44px}
.hero-sticker,.ticker{display:none}
.collection-note{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;border-block:1px solid var(--line);padding:17px 20px;font-size:14px;color:var(--muted)}
.collection-note span+span::before{content:'·';margin-right:32px}
.collection{padding-block:58px}
.home-grid{max-width:880px;gap:32px}
.product-image{aspect-ratio:1/1}
.product-image img{object-fit:contain;mix-blend-mode:multiply}
.card-info{padding-top:15px}
.product-color,.stock-label,.size-badge,.result-count{font-size:13px}
.price{font-size:16px}
.card-info h3{font-size:18px}
.detail-photo{max-height:620px;background:var(--soft)}
.detail-photo img{max-height:620px;object-fit:contain;mix-blend-mode:multiply}
.detail-note{font-size:12px;background:var(--paper);padding:5px 8px}
.brand-star{text-shadow:none;font-size:130px}
.preview-note{font-size:12px;letter-spacing:0;padding:8px 14px}
.preview-note a{text-decoration:underline;text-underline-offset:3px;margin-left:14px}
.preview-note span{font-size:12px}
body:has(.preview-note){padding-bottom:40px}
.eyebrow{font-size:12px}
.field-error:empty{display:none}
.menu-button,.quantity button,.colour-links a{min-width:44px;min-height:44px}
.colour-links a{border-width:10px}
.quantity{height:46px}
.text-button{min-height:36px;font-size:14px}
.section-heading{flex-wrap:wrap}
.status-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:60px;align-items:start}
.status-panel{border:1px solid var(--line);padding:36px;border-radius:5px}
.status-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--soft);font-size:30px;margin-bottom:26px}
.status-symbol.success{background:var(--lime)}
.status-panel h1{font-size:clamp(2.5rem,4vw,4rem)}
.status-panel>p{color:var(--muted);max-width:560px;line-height:1.8}
.status-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:28px}
.order-tracking{max-width:540px;margin-top:30px}.order-tracking .timeline{margin:14px 0}.private-order-note{font-size:14px!important;margin-top:24px}
.demo-tools{background:#eceae4;border:1px dashed #aaa69c;padding:18px;margin-bottom:30px;border-radius:4px}
.demo-tools p{font-size:14px;margin-bottom:12px;color:var(--muted)}
.demo-tools label{font-size:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.demo-tools select{min-height:44px;padding:9px;background:var(--paper);border:1px solid #aaa69c;max-width:100%}
.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.screen-card{display:block;border:1px solid var(--line);padding:28px;border-radius:4px}
.screen-card:hover{background:var(--soft)}
.screen-card h2{font-size:25px}
.screen-card p{color:var(--muted);margin-bottom:0}
.timeline{list-style:none;padding:0;margin:30px 0}
.timeline li{position:relative;padding:0 0 28px 36px;border-left:1px solid var(--line);margin-left:10px;color:var(--muted)}
.timeline li::before{content:'';position:absolute;width:13px;height:13px;border-radius:50%;border:2px solid #aaa69c;background:var(--paper);left:-7px;top:4px}
.timeline li.done{color:var(--ink)}
.timeline li.done::before{border-color:var(--ink);background:var(--ink)}
.timeline li.current::before{background:var(--lime)}
.timeline li:last-child{border-color:transparent;padding-bottom:0}
.timeline strong,.timeline small{display:block}
.timeline small{font-size:14px;margin-top:4px}
.compact-form{max-width:540px}
.preorder-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px}
.preorder-photo img{aspect-ratio:1/1;object-fit:contain;background:var(--soft)}
.preorder-photo h2{font-size:26px;margin-top:20px}
.check-field{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;margin:20px 0}
.check-field input{min-width:20px;height:20px;accent-color:var(--ink)}
.status-panel:focus{outline:none}
@media(prefers-reduced-motion:no-preference){.hero-slides{animation:hoodie-sway 12s ease-in-out infinite}.motion-paused .hero-slides{animation-play-state:paused}}
@keyframes hoodie-sway{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.015)}}
@media(max-width:1100px){.hero{gap:24px}.hero h1{font-size:8vw}.hero-visual{height:410px}.status-layout{gap:28px}}
@media(max-width:760px){
 .header{height:72px}.header nav{top:71px}.hero{gap:24px;padding-block:26px}.hero h1{font-size:clamp(4rem,16vw,7rem)}.hero-copy>p{font-size:16px;max-width:350px}.hero-copy .eyebrow{font-size:12px}.hero-visual{height:390px}.hero-motion-toggle{width:auto}.image-corner{font-size:12px;max-width:150px}.hero-colors{bottom:12px}.collection-note{gap:10px 22px;font-size:13px}.collection-note span+span::before{content:none}.collection{padding-block:40px}.home-grid{gap:16px}.section-heading .text-link{font-size:14px}.card-info h3{font-size:16px}.product-color,.stock-label,.size-badge{font-size:12px}.price{font-size:14px}.card-bottom{flex-wrap:wrap}.product-image{aspect-ratio:4/5}.card-arrow{width:36px;height:36px}.color-swatch{display:none}.footer-links,.footer-bottom{font-size:14px}.preview-note{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:12px}.preview-note span{display:none}.preview-note a{margin:0}.status-layout,.preorder-layout{grid-template-columns:1fr;gap:25px}.status-panel{padding:24px}.screen-grid{grid-template-columns:1fr}.status-actions{align-items:stretch;flex-direction:column}.status-actions .button{justify-content:center}.checkout-progress{font-size:12px;gap:14px}.review-items article{flex-wrap:wrap}.review-items h3,.review-items strong{font-size:14px}.review-items article>div{flex:1;min-width:120px}.review-items strong{margin-left:auto}.brand-star{font-size:72px}.preview-status{font-size:12px;white-space:normal}.bag-item{flex-wrap:wrap}.bag-item>strong{font-size:14px;margin-left:auto}.form-help,.order-summary>p{font-size:13px}.order-summary .summary-total{flex-wrap:wrap}.detail-photo img{max-height:480px}
}
@media(max-width:360px){.hero h1{font-size:15vw}.hero-visual{height:330px}.section-heading h2{font-size:2rem}.hero-color-label{min-width:0}}
