/* TUNGRA / The elemental collection. Shared brand and commerce surfaces. */
:root {
  --paper:#f1eee7; --ivory:#e8e5dc; --ink:#171c19; --muted:#69716a;
  --olive:#826448; --accent:#b98960; --line:#d3d6cd; --white:#fcfaf5;
  --sans:Arial,Helvetica,sans-serif; --serif:Georgia,'Times New Roman',serif;
  --display:Impact,'Arial Narrow',Arial,sans-serif;
  --gutter:clamp(24px,5vw,80px); --focus-olive:#826448; --focus-halo:#b9896026;
}
body { font-size:15px; }
::selection { background:#b989604a; color:var(--ink); }
html { scroll-padding-top:100px; }
h2 { font-family:var(--sans); font-weight:600; font-size:clamp(36px,4.5vw,64px); letter-spacing:-.055em; line-height:1.06; }
h2 em { font-family:var(--serif); font-weight:400; letter-spacing:-.055em; }
.eyebrow { font-size:11px; font-weight:600; letter-spacing:.16em; }
.section { padding-top:108px; padding-bottom:108px; }
.button { min-height:56px; padding:17px 24px; font-size:13px; font-weight:600; letter-spacing:.015em; border-radius:0; }
.button-dark { background:var(--ink); }
.button-dark:hover { background:#394239; }
.button-copper { background:var(--accent); color:#141b16; border-color:var(--accent); }
.button-copper:hover { background:#d0a682; border-color:#d0a682; }
.text-link { font-size:13px; font-weight:500; padding-bottom:8px; }
.announcement { background:#252c26; color:#c1c7bb; font-size:9px; letter-spacing:.12em; height:29px; gap:13px; }
.site-header { height:86px; background:var(--ink); color:var(--paper); border-bottom:1px solid #ffffff15; position:sticky; top:0; z-index:40; }
.site-header::after { background:#ffffff1c; }
.wordmark { font-size:30px; font-weight:700; letter-spacing:.16em; }
.wordmark-dot { font-size:9px; margin-left:1px; top:0; }
.desktop-nav { margin-left:0; gap:36px; font-size:12px; letter-spacing:.015em; }
.desktop-nav a { padding:16px 0; }
.desktop-nav a:after { background:var(--accent); }
.bag-link { font-size:12px; gap:9px; }
.bag-count { background:#ffffff0e; border:1px solid #ffffff32; border-radius:0; font-size:10px; min-width:23px; height:23px; }
.header-actions { gap:24px; }
.menu-toggle { width:40px; height:44px; padding:8px; }
.menu-toggle span { background:var(--paper); }
.mobile-nav { position:fixed; top:86px; background:var(--ink); color:var(--paper); z-index:39; border-color:#ffffff25; padding-top:14px; box-shadow:0 25px 35px #1114; }
body[data-demo=true] .mobile-nav { top:115px; }
.mobile-nav a { border-color:#ffffff24; font-size:21px; padding:21px 0; }
.site-header :where(a,button):focus-visible,.mobile-nav a:focus-visible { outline-color:var(--accent); outline-offset:5px; }
.campaign-hero { background:#101410; height:min(760px,calc(100svh - 115px)); min-height:630px; max-height:none; }
.campaign-hero .hero-image { object-position:70% 50%; }
.campaign-hero .motion-hero-media { inset:-1.5%; }
.campaign-hero .hero-shade { background:linear-gradient(90deg,#0d120ed4 0%,#0d120e59 40%,transparent 63%),linear-gradient(0deg,#0c120db3,transparent 28%); }
.campaign-hero .hero-content { width:69%; max-width:1000px; padding:66px var(--gutter) 100px; }
.campaign-hero .hero-content>.eyebrow { color:#c9cabe; margin-bottom:29px; font-size:10px; display:flex; align-items:center; gap:12px; }
.live-mark { width:6px; height:6px; background:var(--accent); display:inline-block; flex:none; }
.campaign-hero h1 { font-family:var(--display); font-size:clamp(70px,8.1vw,125px); font-weight:400; letter-spacing:-.025em; line-height:.94; }
.campaign-hero h1>span,.campaign-hero h1>em { display:block; }
.campaign-hero h1>em { color:#c9a07a; font-style:normal; }
.brand-ready .campaign-hero h1>* { animation:brand-title-arrive .9s cubic-bezier(.22,1,.36,1) both; }
.brand-ready .campaign-hero h1>*:nth-child(2) { animation-delay:.13s; }
.brand-ready .campaign-hero h1>*:nth-child(3) { animation-delay:.26s; }
@keyframes brand-title-arrive { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
.campaign-hero .hero-description { font-size:14px; line-height:1.85; margin-top:25px; color:#c7ccc2; max-width:380px; }
.hero-actions { display:flex; align-items:center; gap:25px; margin-top:28px; }
.campaign-hero .hero-actions .button { margin:0; min-width:184px; }
.hero-secondary { display:flex; align-items:center; gap:18px; font-size:12px; border-bottom:1px solid #ffffff4d; padding:12px 0 9px; }
.hero-secondary:hover { color:#d8b799; }
.hero-edition { position:absolute; right:var(--gutter); bottom:96px; border-left:1px solid #c8a27888; padding-left:20px; color:#e2ded3; }
.hero-edition>span { display:block; font-size:8px; letter-spacing:.14em; }
.hero-edition>b { display:block; margin:15px 0 20px; font-family:var(--serif); font-size:28px; font-weight:400; line-height:1.12; }
.campaign-hero .hero-bottom { bottom:25px; color:#b8c0b3; font-size:10px; padding-top:19px; border-top:1px solid #ffffff28; }
.campaign-hero .hero-bottom>a { color:var(--paper); }
.brand-principles { display:flex; min-height:64px; background:#212920; color:#c3c9bc; justify-content:space-evenly; align-items:center; gap:20px; padding:15px var(--gutter); font-size:10px; letter-spacing:.14em; border-top:1px solid #ffffff15; }
.brand-principles span+span { padding-left:40px; border-left:1px solid #ffffff26; }
.section-heading { margin-bottom:44px; gap:32px; }
.section-heading .eyebrow { margin-bottom:20px; color:var(--olive); }
.section-intro { max-width:320px; }
.section-intro>p { font-size:14px; line-height:1.8; color:var(--muted); margin-bottom:23px; }
.product-grid { gap:25px; }
.product-photo { aspect-ratio:1 / 1.12; background:#e5e2d9; border:1px solid #dad8ce; }
.product-photo .card-primary-image,.product-photo .card-alternate-image { object-fit:cover; mix-blend-mode:multiply; transition:opacity .55s ease,transform .9s cubic-bezier(.22,1,.36,1); }
.product-photo .card-alternate-image { position:absolute; inset:0; opacity:0; mix-blend-mode:normal; }
.card-material-label { position:absolute; top:20px; left:20px; z-index:2; font-size:8px; letter-spacing:.16em; color:#596153; background:#f1eee7bd; padding:5px 7px; }
.product-quick-link { z-index:3; transform:none; opacity:1; left:18px; right:18px; bottom:17px; padding:12px 0 0; background:transparent; border-top:1px solid #787e6340; font-size:10px; letter-spacing:.12em; }
.product-quick-link>span { font-size:21px; }
.product-card-info { margin-top:20px; gap:10px; }
.product-card-info h3 { font-size:22px; font-weight:500; letter-spacing:-.025em; }
.product-card-info p { font-size:12px; margin-top:4px; }
.product-price { font-size:15px; font-weight:500; }
.product-meta { padding:16px 0 0; margin-top:16px; border-top:1px solid var(--line); font-size:10px; gap:9px; }
.card-id { margin-left:auto; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.finish-swatch { width:13px; height:13px; border:1px solid #0002; }
@media(hover:hover) and (pointer:fine) {
 .product-photo:hover .card-primary-image { opacity:0; transform:scale(1.04); }
 .product-photo:hover .card-alternate-image { opacity:1; transform:scale(1.04); }
 .product-photo:hover .product-quick-link { color:#151b15; background:#f1eee7cc; padding:10px 12px; border-color:transparent; }
}
.product-photo:focus-visible .card-alternate-image { opacity:1; }
/* Focus must not move a link underneath the pointer while it is being clicked. */
.motion-enabled .motion-reveal.motion-card,.motion-enabled .motion-interactive { transform:none; }
.material-manifesto { display:grid; grid-template-columns:1fr 1fr; background:#222b22; color:var(--paper); }
.manifesto-visual { position:relative; min-height:680px; overflow:hidden; background:#a8a895; }
.manifesto-visual>img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.manifesto-visual::after { content:''; position:absolute; inset:65% 0 0; background:linear-gradient(transparent,#0f190c90); pointer-events:none; }
.material-stamp { position:absolute; left:35px; top:35px; border:1px solid #f1eee788; color:#f4efe2; background:#222a2270; width:103px; height:108px; padding:12px 14px; display:flex; flex-direction:column; }
.material-stamp strong { font-family:var(--serif); font-size:50px; font-weight:400; line-height:1.15; }
.material-stamp span { font-size:8px; letter-spacing:.12em; margin-top:7px; }
.manifesto-caption { position:absolute; left:35px; bottom:30px; z-index:1; color:var(--paper); font-size:10px; letter-spacing:.06em; }
.manifesto-copy { padding:72px clamp(35px,5vw,85px); align-self:center; }
.manifesto-copy>.eyebrow { color:#c8a786; margin-bottom:26px; }
.manifesto-copy>h2 { font-family:var(--display); font-size:clamp(54px,5.4vw,82px); font-weight:400; letter-spacing:-.01em; line-height:.99; }
.manifesto-copy>h2 em { font-family:inherit; color:#c8a786; font-style:normal; letter-spacing:inherit; }
.manifesto-copy .manifesto-lead { font-family:var(--serif); font-size:24px; line-height:1.35; color:#efeadc; margin-top:30px; margin-bottom:18px; }
.manifesto-copy>p:not(.eyebrow):not(.manifesto-lead) { color:#c0c6b8; font-size:14px; line-height:1.9; max-width:430px; }
.material-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:34px 0; border-top:1px solid #ffffff29; padding-top:25px; }
.material-facts span { display:block; color:#c8a786; font-size:9px; margin-bottom:12px; }
.material-facts b { display:block; font-size:11px; font-weight:500; }
.material-facts p { font-size:10px; color:#a7b19e; line-height:1.5; margin-top:6px; }
.manifesto-copy .text-link { color:#eeeadd; font-size:12px; }
.finish-lab-intro { font-size:14px; line-height:1.85; color:var(--muted); padding-bottom:6px; }
.finish-lab-layout { display:grid; grid-template-columns:1.05fr 1fr; gap:8%; align-items:center; }
.finish-lab-image { background:#dfddd3; position:relative; overflow:hidden; }
.finish-lab-image>img { width:100%; aspect-ratio:1.13; object-fit:cover; transition:opacity .2s ease; }
.finish-lab-image>span { position:absolute; left:25px; bottom:24px; color:#fffaf0; font-size:9px; letter-spacing:.16em; text-shadow:0 1px 5px #0009; }
.finish-lab-copy { padding:25px 0; max-width:460px; }
.finish-tabs { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:38px; }
.finish-tabs button { display:flex; align-items:center; gap:10px; border:1px solid var(--line); padding:13px 16px; background:transparent; min-height:45px; text-transform:capitalize; font-size:12px; }
.finish-tabs button[aria-pressed=true] { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.finish-tabs button:hover { border-color:var(--olive); }
.finish-description .eyebrow { color:var(--olive); }
.finish-description h3 { font-family:var(--serif); font-size:54px; letter-spacing:-.04em; margin:16px 0; line-height:1.1; }
.finish-description p { font-size:15px; line-height:1.9; color:var(--muted); max-width:340px; min-height:86px; }
.finish-lab-copy>.button { margin-top:27px; min-width:260px; }
.finish-disclaimer { font-size:10px; color:var(--muted); margin-top:18px; }
.wear-editorial { display:grid; grid-template-columns:1fr 1fr; background:#dcd8cb; }
.wear-copy { align-self:center; padding:70px var(--gutter); }
.wear-copy>.eyebrow { color:var(--olive); margin-bottom:27px; }
.wear-copy h2 { font-family:var(--display); font-weight:400; font-size:clamp(44px,5vw,76px); line-height:1.02; letter-spacing:0; }
.wear-copy h2 em { font-family:inherit; font-style:normal; color:#78634d; letter-spacing:0; }
.wear-copy>p:not(.eyebrow) { font-size:14px; color:#5f675b; line-height:1.9; margin-top:25px; }
.wear-copy>.button { margin-top:30px; min-width:220px; }
.wear-image { min-height:570px; }
.wear-image img { width:100%; height:100%; object-fit:cover; }
.choice-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.choice-grid>a { display:block; padding:32px 34px 34px; transition:background .25s; }
.choice-grid>a+a { border-left:1px solid var(--line); }
.choice-grid>a:hover { background:#e6e4da; }
.choice-number { color:var(--olive); font-size:10px; letter-spacing:.1em; }
.choice-grid h3 { font-size:25px; letter-spacing:-.03em; margin:21px 0 13px; }
.choice-grid p { color:var(--muted); font-size:13px; max-width:270px; line-height:1.85; min-height:70px; }
.choice-grid .text-link { font-size:12px; margin-top:17px; border:none; }
.site-footer { padding:70px var(--gutter) 24px; background:#171e17; color:#e7e9dd; overflow:hidden; }
.footer-top { display:grid; grid-template-columns:1.1fr 1.4fr .8fr; padding:0; gap:70px; }
.footer-brand .wordmark { font-size:28px; }
.footer-brand>p { font-family:var(--serif); font-size:29px; line-height:1.2; margin-top:27px; color:#c0c8b5; letter-spacing:-.025em; }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:38px; }
.footer-links .eyebrow,.footer-note .eyebrow { color:#c49b75; font-size:9px; margin-bottom:18px; }
.footer-links a { font-size:12px; color:#c7cebd; margin-top:11px; }
.footer-links a:hover,.footer-bottom a:hover { color:var(--white); }
.footer-note p { color:#9faa95; line-height:1.9; font-size:12px; margin-bottom:20px; }
.footer-note .text-link { font-size:11px; }
.footer-signature { font-family:var(--display); font-size:clamp(100px,21.7vw,380px); letter-spacing:.03em; line-height:.86; padding-top:85px; margin-bottom:-.03em; color:#d4d6c3; text-align:center; user-select:none; }
.footer-bottom { border-top:1px solid #c7cebd29; margin-top:35px; padding-top:24px; display:flex; justify-content:space-between; gap:20px; font-size:10px; color:#a5af9d; }
.footer-bottom>div { display:flex; gap:22px; flex-wrap:wrap; }
.shop-intro { max-width:none; background:#e4e2d8; padding-top:68px; padding-bottom:58px; border-bottom:1px solid #d0d3c7; position:relative; }
.shop-intro h1,.commerce-title h1,.editorial-heading h1,.material-page-hero h1 { font-family:var(--display); font-size:clamp(64px,7.5vw,112px); line-height:.98; font-weight:400; letter-spacing:-.015em; }
.shop-intro h1 em,.commerce-title h1 em,.editorial-heading h1 em,.material-page-hero h1 em { font-style:normal; color:#876f54; }
.shop-intro .eyebrow { color:var(--olive); }
.shop-intro>p:last-child { font-size:15px; line-height:1.8; max-width:490px; color:var(--muted); }
.shop-section { padding-top:38px; }
.shop-toolbar { gap:30px; align-items:center; }
.filter-links { gap:25px; font-size:13px; flex-wrap:wrap; }
.filter-links a { min-height:44px; padding:10px 0; }
.search-form { border:1px solid #bfc5b7; background:#f9f7f1; padding-left:15px; min-height:46px; }
.search-form input { font-size:13px; min-width:0; padding:10px 0; }
.search-form button { width:45px; height:43px; }
.collection-count { font-size:12px; margin:26px 0; }
.commerce-page { padding-top:58px; }
.commerce-progress { display:flex; flex-wrap:wrap; gap:28px; padding:0 0 22px; margin:0 0 38px; border-bottom:1px solid var(--line); list-style:none; font-size:12px; color:var(--muted); }
.commerce-progress li { display:flex; align-items:center; gap:9px; }
.commerce-progress li>span { color:#899280; font-size:10px; }
.commerce-progress li[aria-current=step] { color:var(--ink); font-weight:600; }
.commerce-progress li[aria-current=step]>span { color:var(--olive); }
.commerce-progress a:hover { text-decoration:underline; text-underline-offset:4px; }
.commerce-title .eyebrow { color:var(--olive); margin-bottom:18px; }
.commerce-title>p:last-child { max-width:600px; font-size:14px; line-height:1.8; }
.cart-layout { grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr); gap:60px; }
.cart-item { padding:26px 0; }
.cart-item-details h2 { font-family:var(--serif); font-size:27px; font-weight:400; }
.cart-item-details>p { font-size:13px; }
.cart-item-total { font-size:15px; }
.remove-button { min-height:40px; font-size:12px; padding:8px; }
.summary-box,.checkout-summary,.order-details { background:#e4e6dc; border:1px solid #d4d8ca; padding:30px; }
.summary-box h2,.checkout-summary h2 { font-size:32px; }
.summary-row { font-size:14px; }
.summary-row.total { font-size:20px; }
.summary-note,.checkout-terms { font-size:12px; line-height:1.75; }
.checkout-form h2 { font-size:19px; font-weight:500; }
.field label { font-size:13px; }
.form-columns { align-items:end; }
.field input,.field select { background:#fbfaf5; border:1px solid #bfc5b7; border-radius:0; font-size:15px; line-height:1.6; height:52px; min-height:52px; padding:13px 15px; color:var(--ink); -webkit-appearance:none; appearance:none; }
.field input:hover,.field select:hover { border-color:#8b9585; }
.field input:focus,.field select:focus { border-color:#826448; outline:none; box-shadow:0 0 0 2px #b9896021; background:#fffdf7; }
.field select { color-scheme:light; }
.field select option { background:#fffdf7; color:#171c19; }
.select-control { position:relative; min-width:0; }
.field .select-control select { padding-right:44px; cursor:pointer; }
.select-control svg { position:absolute; right:15px; top:50%; width:16px; height:16px; transform:translateY(-50%); pointer-events:none; color:var(--ink); }
.shipping-coverage { margin-top:18px; border-top:1px solid var(--line); padding-top:16px; }
.shipping-coverage summary { cursor:pointer; font-size:13px; min-height:44px; padding:10px 0; }
.shipping-destinations { font-size:13px; line-height:1.8; }
.shipping-destinations p + p { margin-top:12px; }
.shipping-destinations strong { font-weight:500; }
.policy-page .shipping-destinations { margin-top:28px; }
.quantity-control { border-color:#bfc5b7; background:transparent; }
.quantity-control:focus-within,.search-form:focus-within { border-color:#826448; box-shadow:0 0 0 2px #b9896021; }
.quantity-control input:focus,.search-form input:focus { box-shadow:none; border:0; outline:none; }
.quantity-control button { min-width:36px; }
.demo-checkout-note { background:#e6e3d7; border-left:2px solid #b98960; }
.demo-checkout-note p { font-size:13px; color:#606856; }
.demo-checkout-note .eyebrow { font-size:10px; }
.checkout-summary-item h3 { font-size:14px; }
.checkout-summary-item p { font-size:12px; }
.checkout-summary-item>span { font-size:13px; }
.form-error { font-size:14px; }
.add-confirmation { font-size:14px; }
.toast { font-size:14px; background:#202c21; border:1px solid #b9896055; box-shadow:0 10px 40px #0003; }
.editorial-heading>p:last-child,.prose p,.prose li,.material-page-hero p:last-child { font-size:15px; line-height:1.9; color:#626d5d; }
.editorial-index { font-size:13px; position:sticky; top:120px; align-self:start; }
.prose h2 { font-family:var(--serif); font-weight:400; font-size:38px; }
.material-page-hero { background:#e1e2d6; }
.material-page-hero>div { padding-top:70px; padding-bottom:70px; }
.material-page-hero h1 { font-size:clamp(56px,6.2vw,94px); }
.size-table { font-size:14px; }
.size-table th { font-size:12px; padding-top:17px; padding-bottom:17px; }
.policy-page .prose h1 { font-size:60px; }
.order-intro { font-size:14px; }
.order-heading,.order-address { font-size:13px; }
@media(min-width:1700px) {
 .campaign-hero .hero-content { margin-left:calc((100vw - 1600px)/2); }
 .campaign-hero .hero-bottom { left:calc((100vw - 1600px)/2 + var(--gutter)); right:calc((100vw - 1600px)/2 + var(--gutter)); }
 .campaign-hero { height:790px; }
}
@media(max-width:1100px) {
 .campaign-hero { min-height:640px; }
 .campaign-hero .hero-content { width:77%; padding-top:76px; }
 .campaign-hero h1 { font-size:clamp(70px,9vw,106px); }
 .hero-edition { right:35px; bottom:85px; }
 .hero-edition>b { font-size:23px; }
 .section { padding-top:80px; padding-bottom:80px; }
 .manifesto-copy { padding:50px 32px; }
 .manifesto-visual { min-height:660px; }
 .material-facts { gap:12px; }
 .material-facts b { font-size:10px; }
 .product-grid { gap:18px; }
 .card-id { display:none; }
 .wear-copy { padding:55px 35px; }
 .wear-image { min-height:500px; }
 .footer-top { grid-template-columns:1fr 1.5fr; gap:55px; }
 .footer-note { display:none; }
 .choice-grid>a { padding:28px 22px; }
 .choice-grid h3 { font-size:23px; }
 .cart-layout { gap:35px; grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr); }
}
@media(max-width:760px) {
 :root { --gutter:24px; }
 .announcement { font-size:8px; letter-spacing:.065em; height:27px; }
 .site-header { height:74px; }
 .wordmark { font-size:27px; }
 .header-actions { gap:14px; }
 .bag-link svg { width:20px; }
 .mobile-nav { top:74px; }
 body[data-demo=true] .mobile-nav { top:101px; }
 .campaign-hero { height:auto; min-height:770px; }
 .campaign-hero .hero-content { width:100%; max-width:none; padding:44px 24px 355px; }
 .campaign-hero .hero-content>.eyebrow { font-size:8px; margin-bottom:24px; }
 .campaign-hero h1 { font-size:clamp(62px,13.8vw,100px); line-height:.96; max-width:650px; }
 .campaign-hero .hero-description { font-size:13px; margin-top:20px; }
 .hero-actions { gap:22px; margin-top:24px; flex-wrap:wrap; }
 .campaign-hero .hero-actions .button { min-width:175px; min-height:51px; }
 .hero-secondary { font-size:11px; }
 .campaign-hero .hero-image { object-position:80% 50%; }
 .campaign-hero>.hero-image,.campaign-hero .motion-hero-media { top:auto; bottom:0; height:430px; width:100%; inset-inline:0; }
 .campaign-hero .motion-hero-media .hero-image { height:100%; }
 .campaign-hero .hero-shade { background:linear-gradient(180deg,#101410 0%,#101410 42%,#101410cb 55%,transparent 73%,#10141055 100%); }
 .hero-edition { display:none; }
 .campaign-hero .hero-bottom { font-size:9px; bottom:20px; padding-top:15px; }
 .brand-principles { min-height:56px; padding:17px 20px; gap:15px; font-size:8px; letter-spacing:.05em; justify-content:space-between; }
 .brand-principles span+span { padding-left:14px; }
 .brand-principles span:last-child { display:none; }
 .section { padding-top:66px; padding-bottom:66px; }
 .section-heading { align-items:start; flex-direction:column; gap:22px; margin-bottom:29px; }
 .section-heading .eyebrow { font-size:9px; margin-bottom:16px; }
 h2 { font-size:40px; }
 .section-intro { display:flex; align-items:center; gap:20px; max-width:none; width:100%; justify-content:space-between; }
 .section-intro>p { font-size:12px; margin:0; }
 .section-intro .text-link { font-size:11px; min-width:118px; gap:15px; }
 .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 14px; }
 .product-photo { aspect-ratio:1 / 1.22; }
 .card-material-label { left:10px; top:11px; font-size:6px; padding:4px 5px; letter-spacing:.1em; }
 .product-quick-link { left:12px; right:12px; bottom:10px; font-size:8px; padding-top:6px; }
 .product-quick-link>span { font-size:18px; }
 .product-card-info { margin-top:15px; flex-wrap:wrap; gap:7px; }
 .product-card-info h3 { font-size:21px; }
 .product-card-info p { font-size:10px; }
 .product-price { font-size:13px; }
 .product-meta { font-size:9px; margin-top:11px; padding-top:11px; }
 .material-manifesto { grid-template-columns:1fr; }
 .manifesto-visual { min-height:0; aspect-ratio:1.2; }
 .material-stamp { left:24px; top:24px; width:85px; height:92px; }
 .material-stamp strong { font-size:40px; }
 .material-stamp span { font-size:6px; }
 .manifesto-caption { left:24px; bottom:24px; }
 .manifesto-copy { padding:50px 24px 55px; }
 .manifesto-copy>h2 { font-size:62px; }
 .manifesto-copy .manifesto-lead { font-size:25px; }
 .material-facts b { font-size:11px; }
 .finish-lab-intro { font-size:13px; }
 .finish-lab-layout { grid-template-columns:1fr; gap:0; }
 .finish-lab-image>img { aspect-ratio:1.1; }
 .finish-lab-copy { max-width:none; padding:29px 0 0; }
 .finish-tabs { margin-bottom:28px; }
 .finish-description h3 { font-size:48px; }
 .finish-description p { max-width:none; min-height:0; font-size:14px; }
 .finish-lab-copy>.button { width:100%; }
 .wear-editorial { grid-template-columns:1fr; }
 .wear-image { order:-1; min-height:0; aspect-ratio:1.14; }
 .wear-copy { padding:49px 24px 55px; }
 .wear-copy h2 { font-size:52px; }
 .choice-grid { grid-template-columns:1fr; }
 .choice-grid>a { padding:29px 0; position:relative; }
 .choice-grid>a+a { border-left:0; border-top:1px solid var(--line); }
 .choice-grid h3 { font-size:27px; margin-top:16px; }
 .choice-grid p { min-height:0; max-width:310px; font-size:14px; }
 .choice-grid .text-link { margin-top:12px; }
 .site-footer { padding-top:48px; }
 .footer-top { grid-template-columns:1fr; gap:38px; }
 .footer-brand { display:flex; justify-content:space-between; gap:20px; }
 .footer-brand>p { margin:0; font-size:22px; }
 .footer-links { gap:30px; }
 .footer-links a { font-size:13px; margin-top:15px; }
 .footer-signature { font-size:20.6vw; padding-top:55px; }
 .footer-bottom { flex-direction:column; gap:12px; font-size:9px; margin-top:25px; }
 .footer-bottom>div { gap:18px; }
 .shop-intro { padding-top:43px; padding-bottom:40px; }
 .shop-intro h1,.commerce-title h1,.editorial-heading h1 { font-size:69px; }
 .commerce-title h1 { font-size:clamp(50px,17vw,69px); }
 .empty-state { padding-left:0; padding-right:0; }
 .empty-state h2 { font-size:clamp(30px,9vw,42px); }
 .shop-intro>p:last-child { font-size:13px; }
 .shop-toolbar { align-items:stretch; flex-direction:column; gap:20px; }
 .filter-links { justify-content:space-between; gap:16px; font-size:12px; }
 .search-form { width:100%; }
 .collection-count { margin-top:23px; }
 .shop-section { padding-top:20px; }
 .commerce-page { padding-top:40px; }
 .cart-layout,.checkout-layout { grid-template-columns:1fr; gap:32px; }
 .cart-item { gap:13px; grid-template-columns:80px minmax(0,1fr) auto; }
 .cart-item-image img { width:80px; }
 .cart-item-details h2 { font-size:24px; }
 .cart-item-actions { gap:7px; flex-wrap:wrap; }
 .cart-item-total { font-size:13px; }
 .summary-box,.checkout-summary { padding:25px; position:static; }
 .checkout-summary { order:-1; }
 .form-columns { gap:12px; }
 .postal-country-row { grid-template-columns:1fr; gap:0; }
 .field input,.field select { font-size:16px; padding:12px; }
 .editorial-body { grid-template-columns:1fr; gap:36px; padding-top:35px; }
 .editorial-index { position:static; gap:14px; border-bottom:1px solid var(--line); padding-bottom:28px; }
 .editorial-heading { padding-bottom:40px; }
 .material-page-hero { grid-template-columns:1fr; }
 .material-page-hero>div { padding:45px 24px 0; }
 .material-page-hero h1 { font-size:62px; }
 .material-page-hero img { max-height:420px; object-fit:cover; }
 .prose h2 { font-size:33px; }
 .policy-page .prose h1 { font-size:45px; }
 .toast { right:16px; left:16px; max-width:none; bottom:20px; }
 body[data-page=product] .toast { bottom:95px; }
}
@media(max-width:380px) {
 .commerce-progress { display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:10px; }
 .commerce-progress li { flex-direction:column; align-items:flex-start; gap:5px; }
 .campaign-hero h1 { font-size:59px; }
 .campaign-hero .hero-content { padding-bottom:330px; }
 .hero-actions { gap:16px; }
 .campaign-hero .hero-actions .button { min-width:155px; padding:15px 18px; }
 .hero-secondary { gap:10px; }
 .section-intro { flex-direction:column; align-items:start; }
 .product-card-info h3 { font-size:19px; }
 .form-columns { grid-template-columns:1fr; gap:0; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { scroll-behavior:auto!important; }
 .product-photo img,.finish-lab-image>img { transition:none!important; }
 .campaign-hero h1>* { animation:none!important; }
}
@media(forced-colors:active) {
 .button,.finish-tabs button,.search-form,.field input,.field select { border:1px solid ButtonText; }
 .finish-tabs button[aria-pressed=true] { border:3px solid Highlight; }
}
@media (min-width:681px) and (max-width:1000px) { .postal-country-row { grid-template-columns:1fr; gap:0; } }