:root{--ink:#171813;--black:#141410;--gold:#e5b93f;--muted-gold:#c7ac63;--paper:#f6f3eb;--line:#d9d4c7;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b98a09;outline-offset:6px}button{color:inherit}img{max-width:100%;display:block}h1,h2,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.055em}em{font-weight:400}h2{font-size:clamp(42px,4.4vw,70px)}.skip-link{position:fixed;left:20px;top:-100px;z-index:20;padding:14px;background:var(--gold)}.skip-link:focus{top:10px}.preview-banner{background:#22231c;color:#ded6bf;text-align:center;font-size:9px;letter-spacing:.13em;padding:7px 15px}.preview-banner span{margin:0 9px;color:var(--gold)}.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;height:104px;padding:0 5.4%;background:var(--black);color:#f2eddf;border-bottom:1px solid #ffffff17}.brand img{width:142px;height:80px;object-fit:contain}nav{display:flex;gap:34px;font-size:12px}nav a{padding:13px 0;color:#dedacb}nav a:hover{color:var(--gold)}.header-shop{font-size:11px;border-bottom:1px solid #e5b93f7a;padding:12px 0;display:flex;gap:32px}.header-shop span{color:var(--gold)}.menu-toggle{display:none}.hero{background:var(--black);color:#f6f0e2;position:relative;min-height:660px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:62px 9% 96px 10%;gap:5%;overflow:hidden}.hero-watermark{position:absolute;width:960px;max-width:none;opacity:.07;left:-130px;top:22px;pointer-events:none;animation:drift 16s ease-in-out infinite alternate}.hero-copy{position:relative;z-index:1;animation:rise .9s both}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:500;line-height:1.5;margin-bottom:24px}.hero .eyebrow{color:#d7cdae}.eyebrow>span{display:inline-block;width:26px;height:1px;background:var(--gold);margin-right:12px;vertical-align:middle}h1{font-size:clamp(70px,7.6vw,122px);margin:28px 0 23px;line-height:.98}.hero h1 em{color:var(--gold);font-size:.96em}.hero-intro{font-size:15px;color:#c8c5b9;line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:17px 23px;font-size:12px;min-height:52px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-gold{color:#1c211a;background:var(--gold)}.button-gold:hover{background:#f1cd65}.hero-footnote{font-size:9px;letter-spacing:.17em;margin-top:31px;color:#989889}.hero-visual{position:relative;max-width:490px;width:100%;justify-self:end;animation:rise 1s .15s both}.hero-visual>img{width:100%;height:454px;object-fit:cover;object-position:52% center;filter:brightness(.87);border-radius:180px 180px 0 0}.photo-line{position:absolute;inset:-14px 14px 14px -14px;border:1px solid #b1995566;border-radius:195px 195px 0 0;z-index:1;pointer-events:none}.photo-caption{position:relative;z-index:2;background:#e5b93f;color:#1c211a;padding:21px 25px;margin:-5px -17px 0 28px}.photo-caption>span{font-size:8px;letter-spacing:.2em}.photo-caption a{display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:24px;margin-top:6px}.vertical-caption{position:absolute;writing-mode:vertical-rl;right:-34px;top:100px;font-size:8px;letter-spacing:.23em;color:#b9b29b}.scroll-cue{position:absolute;bottom:27px;left:10%;font-size:9px;letter-spacing:.13em;color:#bbb6a6;display:flex;gap:15px;align-items:center}.scroll-cue>span{font-size:19px;color:var(--gold)}.ritual{padding:103px 7% 90px;display:grid;grid-template-columns:.6fr 1.6fr .6fr;gap:5%;align-items:start;border-bottom:1px solid var(--line)}.section-index{font-size:9px;letter-spacing:.13em;padding-top:8px;color:#6e6e5f}.ritual h2{font-size:clamp(40px,4.1vw,65px);margin-bottom:30px}.ritual h2 em{color:#80733e}.ritual-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;font-size:13px;color:#67675b;max-width:660px}.ritual-mark{align-self:center;text-align:center}.ritual-mark img{width:175px;margin:auto;filter:brightness(.65)}.ritual-mark span{font-size:7px;letter-spacing:.2em;color:#7d714e;display:block;margin-top:18px}.collection{padding:95px 7% 104px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:39px}.collection-heading .eyebrow{color:#797767;margin-bottom:18px}.collection-heading h2{margin:0}.collection-heading>p{font-size:12px;color:#79796e;margin-bottom:4px;line-height:1.8}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px;padding:0 0 16px;margin-bottom:33px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:none;padding:8px 16px;font-size:11px;border-radius:0;color:#6b6e60;white-space:nowrap}.filters button:hover{border-color:#c0bdaa}.filters button[aria-pressed=true]{background:var(--ink);color:#f6f2e7}#collection-count{font-size:10px;color:#76796b;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 27px}.product{border:0;background:none;padding:0;text-align:left;width:100%;display:block}.product-photo{position:relative;display:block;overflow:hidden;background:#e2ddcf;aspect-ratio:1.06}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .4s}.product:hover .product-photo img{transform:scale(1.035);filter:brightness(.95)}.view-product{position:absolute;bottom:15px;left:15px;right:15px;display:flex;justify-content:space-between;background:#f7f4e9ed;padding:10px 14px;font-size:10px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.product:hover .view-product,.product:focus-visible .view-product{opacity:1;transform:translateY(0)}.product-meta{display:flex;gap:15px;justify-content:space-between;align-items:start;padding-top:16px}.product-meta small{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#737768;display:block;margin-bottom:4px}.product-meta strong{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.1;display:block;letter-spacing:-.025em}.product-price{font-size:11px;padding-top:19px;white-space:nowrap}.product-price:has(*){white-space:normal}.product[data-product=hair-oil] .product-price,.product[data-product=beard-oil] .product-price{max-width:80px;white-space:normal;font-size:9px;text-align:right;line-height:1.5}.editorial{display:grid;grid-template-columns:1fr 1fr;min-height:495px;background:#20221b;color:#f7f2e4}.editorial-photo{position:relative;overflow:hidden}.editorial-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.82)}.editorial-photo>span{position:absolute;left:35px;bottom:30px;font-size:9px;letter-spacing:.2em;color:#fff}.editorial-copy{padding:70px 13%;align-self:center}.editorial-copy .eyebrow{color:#c1ae77}.editorial-copy h2{font-size:clamp(43px,4.1vw,65px);margin-bottom:25px}.editorial-copy h2 em{color:var(--gold)}.editorial-copy>p:not(.eyebrow){color:#bcbcae;font-size:13px;line-height:1.9;max-width:325px}.text-link{display:flex;justify-content:space-between;gap:50px;border-bottom:1px solid #bca256;padding:15px 0;color:#e7d6a3;font-size:11px;margin-top:26px}.good-to-know{padding:91px 8%;display:grid;grid-template-columns:1fr 1.25fr;gap:10%}.good-to-know h2{font-size:47px}.good-to-know .eyebrow{font-size:9px;color:#797767}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:13px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:19px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;color:#6c6e60;padding-right:30px;margin:18px 0 5px}footer{background:var(--black);color:#e6e0cd;padding:54px 7% 23px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-bottom:39px}.footer-top img{width:185px}.footer-top p{font-family:var(--serif);font-size:31px;line-height:1.2;margin:0;letter-spacing:-.035em}.footer-top p em{color:#c8b474}.footer-top>a{font-size:10px;display:flex;gap:30px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff1c;padding-top:23px;font-size:8px;letter-spacing:.1em;color:#929285}.dialog-open{overflow:hidden}dialog{border:0;padding:0;background:var(--paper);max-width:960px;width:calc(100% - 40px);max-height:90dvh;color:var(--ink);overflow:auto}dialog::backdrop{background:#10130fe0;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:12px;top:12px;z-index:2;width:40px;height:40px;border:0;background:var(--paper);font-size:28px;line-height:1}.detail-layout{display:grid;grid-template-columns:1fr 1fr}.detail-photo img{width:100%;height:100%;min-height:590px;object-fit:cover}.detail-copy{padding:62px 38px 35px}.detail-copy .eyebrow{font-size:9px;margin-bottom:18px;color:#737666}.detail-copy h2{font-size:45px;margin-bottom:18px}.detail-price{font-size:17px;border-bottom:1px solid var(--line);padding-bottom:20px}.detail-copy>p:not(.eyebrow):not(.detail-price){font-size:13px;color:#666c5c}.detail-notes{font-size:11px!important}.preview-purchase{display:flex;gap:15px;background:#eae6d9;padding:18px;margin:25px 0}.preview-purchase>span{font-size:25px}.preview-purchase strong{font-size:11px;font-weight:500}.preview-purchase p{font-size:10px;color:#767767;margin:5px 0 0}.button-outline{border-color:#8d8f7e;background:none;width:100%}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{to{transform:translate(18px,-8px) rotate(1deg)}}
@media(min-width:1500px){.hero{padding-left:max(10%,calc((100vw - 1260px)/2));padding-right:max(9%,calc((100vw - 1260px)/2))}.collection,.ritual,.good-to-know{padding-left:max(7%,calc((100vw - 1300px)/2));padding-right:max(7%,calc((100vw - 1300px)/2))}}
@media(max-width:1000px){.site-header{padding:0 5%;height:93px}nav{gap:23px}.header-shop{display:none}.hero{padding:55px 7% 85px;gap:6%;min-height:595px}h1{font-size:82px}.hero-visual>img{height:370px}.hero-watermark{width:770px;left:-130px}.vertical-caption{right:-26px}.hero-footnote{font-size:8px}.hero .button{gap:22px}.ritual{grid-template-columns:.5fr 1.6fr;padding:75px 6%;gap:5%}.ritual-mark{display:none}.collection{padding:75px 6%}.product-grid{gap:35px 20px}.product-meta strong{font-size:21px}.product-meta{gap:8px}.editorial-copy{padding:45px 12%}.good-to-know{padding:75px 6%;gap:8%}}
@media(max-width:700px){html{scroll-padding-top:20px}.preview-banner{font-size:7px;letter-spacing:.03em;padding:7px 10px}.preview-banner span{margin:0 5px}.site-header{height:82px;padding:0 6%}.brand img{width:112px;height:67px}.menu-toggle{display:flex;gap:15px;align-items:center;background:none;border:0;color:#e6dbb9;font-size:11px;padding:12px 0}.menu-toggle>span{font-size:17px}nav{display:none;position:absolute;top:81px;left:0;right:0;background:#1c1e17;padding:20px 6% 25px;box-shadow:0 15px 20px #0003;flex-direction:column;gap:0}nav.is-open{display:flex}nav a{border-bottom:1px solid #ffffff16;padding:15px 0}.hero{padding:46px 7% 64px;grid-template-columns:1fr;gap:45px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:.16em;margin:0}h1{font-size:clamp(63px,15vw,95px);margin:25px 0 22px}.hero-intro{font-size:13px;margin-bottom:24px}.hero .button{gap:46px;font-size:11px;padding:15px 20px}.hero-footnote{display:none}.hero-watermark{width:660px;left:-60px;top:70px;opacity:.085}.hero-visual{width:82%;max-width:375px;margin-right:13px;justify-self:end}.hero-visual>img{height:300px;border-radius:150px 150px 0 0}.photo-line{inset:-10px 10px 10px -10px}.photo-caption{padding:15px 19px;margin:-4px -7px 0 11px}.photo-caption>span{font-size:7px}.photo-caption a{font-size:21px}.vertical-caption{right:-21px;font-size:7px;top:95px}.scroll-cue{left:7%;bottom:19px;font-size:8px}.ritual{padding:53px 7%;grid-template-columns:1fr;gap:24px}.section-index{font-size:8px;padding:0}.ritual h2{font-size:42px;margin-bottom:22px}.ritual-copy{gap:12px;grid-template-columns:1fr;font-size:12px;max-width:420px}.ritual-copy p{margin-bottom:0}.collection{padding:54px 6% 60px}.collection-heading{display:block;margin-bottom:25px}.collection-heading .eyebrow{font-size:8px;margin-bottom:16px}.collection-heading h2{font-size:45px}.collection-heading>p{font-size:11px;margin-top:18px}.collection-heading>p br{display:none}.collection-toolbar{display:block;margin-bottom:24px;padding-bottom:13px}.filters{gap:3px;flex-wrap:nowrap;overflow:auto;padding:3px 0 12px}.filters button{font-size:9px;padding:8px 10px}#collection-count{font-size:9px;display:block;margin-top:4px}.product-grid{grid-template-columns:repeat(2,1fr);gap:27px 14px}.product-photo{aspect-ratio:.85}.product-meta{display:block;padding-top:12px}.product-meta small{font-size:7px;letter-spacing:.08em;margin-bottom:5px}.product-meta strong{font-size:21px}.product-price{display:block;font-size:10px;padding-top:7px}.product[data-product=hair-oil] .product-price,.product[data-product=beard-oil] .product-price{max-width:none;text-align:left;font-size:9px}.view-product{opacity:1;transform:none;left:auto;right:8px;bottom:8px;width:28px;height:28px;overflow:hidden;font-size:0;padding:2px;justify-content:center;align-items:center;background:#f7f4e9df}.view-product>span{font-size:15px}.editorial{grid-template-columns:1fr;min-height:0}.editorial-photo{height:320px}.editorial-photo img{object-position:center 48%}.editorial-photo>span{left:7%;font-size:8px;bottom:23px}.editorial-copy{padding:43px 8% 46px}.editorial-copy .eyebrow{font-size:8px}.editorial-copy h2{font-size:48px}.editorial-copy>p:not(.eyebrow){font-size:12px}.text-link{max-width:340px}.good-to-know{padding:52px 7%;grid-template-columns:1fr;gap:22px}.good-to-know .eyebrow{font-size:8px}.good-to-know h2{font-size:42px;margin-bottom:0}.faq-list details{padding:17px 0}summary{font-size:12px}.faq-list p{font-size:11px}footer{padding:35px 7% 22px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:28px}.footer-top img{width:135px}.footer-top p{font-size:25px}.footer-top>a{width:100%;font-size:9px;justify-content:space-between;border-top:1px solid #ffffff16;padding-top:18px}.footer-bottom{flex-direction:column;gap:6px;font-size:7px;padding-top:17px}.detail-layout{grid-template-columns:1fr}dialog{width:calc(100% - 24px);max-height:92dvh}.detail-photo img{height:270px;min-height:0;object-position:center 48%}.detail-copy{padding:28px 25px}.detail-copy h2{font-size:37px}.detail-copy .eyebrow{font-size:8px;margin-bottom:12px}.detail-price{font-size:15px}.preview-purchase{margin:20px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*:not(.cinematic-hero, .cinematic-hero *),*:not(.cinematic-hero, .cinematic-hero *)::before,*:not(.cinematic-hero, .cinematic-hero *)::after{animation:none!important;transition:none!important}}
.results-story{padding:85px 14%;display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center;border-bottom:1px solid var(--line);background:#eeebdf}.results-story h2{font-size:58px}.results-copy .eyebrow{font-size:8px;color:#747666}.results-copy>p:not(.eyebrow){font-size:13px;color:#666b5c;max-width:330px}.results-copy .source-note{font-size:10px!important;color:#838374!important}.results-story figure{margin:0}.results-story figure img{width:100%;max-width:350px}.results-story figcaption{font-size:9px;margin-top:12px;color:#777b6a}.results-story figcaption a{text-decoration:underline;text-underline-offset:3px}.header-shop.bag-trigger{background:none;border:0;border-bottom:1px solid #e5b93f7a;color:inherit;gap:13px}.bag-count{font-size:10px;background:var(--gold);color:var(--black);min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0 4px}.preview-tools{border-top:1px solid #ffffff16;margin-top:22px;padding-top:15px;display:flex;gap:23px;align-items:center}.preview-tools>span{font-size:7px;letter-spacing:.13em;color:#a4a18c}.preview-tools button{border:0;background:none;color:#cabd93;font-size:9px;padding:8px 0}.floating-preview{position:fixed;z-index:8;bottom:14px;right:18px;display:flex;border:1px solid #a9904c70;background:#161811ef;color:#e6ddc5;box-shadow:0 4px 24px #0002}.floating-preview button{background:none;border:0;border-right:1px solid #bba35d33;color:inherit;padding:9px 14px;font-size:9px;display:flex;align-items:center;gap:8px}.floating-preview button:last-child{border-right:0}#add-to-bag{width:100%}#bag-feedback{font-size:11px!important;min-height:18px;margin:8px 0}.demo-header{padding:35px 40px 0}.demo-header .eyebrow{font-size:8px;color:#7a785e;margin-bottom:12px}.demo-header h2{font-size:44px;margin-bottom:10px}.demo-note{font-size:11px;color:#777968}.demo-tabs{display:flex!important;position:static!important;padding:13px 0 0!important;flex-direction:row!important;background:none!important;box-shadow:none!important;border-bottom:1px solid var(--line);gap:22px}.demo-tabs button{border:0;background:none;padding:10px 0;color:#646b59;font-size:12px}.demo-tabs button[aria-current=true]{border-bottom:2px solid #a5842c;color:#252e20}.demo-tabs .bag-count{margin-left:4px}#demo-content{padding:26px 40px 38px}.empty-state{padding:30px 0}.empty-state h3{font:32px var(--serif);margin:0 0 13px}.empty-state p,.demo-small{font-size:12px;color:#737768}.bag-line{display:grid;grid-template-columns:70px 1fr auto;gap:17px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.bag-line img{width:70px;height:70px;object-fit:cover}.bag-line h3{font:22px var(--serif);margin:0 0 6px}.bag-line p{font-size:11px;margin:0;color:#737868}.quantity{display:flex;align-items:center;gap:13px;margin-top:10px}.quantity button{border:1px solid var(--line);background:none;width:27px;height:27px;line-height:1;padding:0;font-size:15px}.quantity span{font-size:11px}.quantity .remove{border:0;font-size:9px;width:auto;text-decoration:underline;margin-left:7px}.bag-line-total{font-size:13px}.demo-total{display:flex;justify-content:space-between;padding:20px 0 5px;font-size:17px}.demo-total+ p{font-size:10px;color:#777968;margin:5px 0 20px}.demo-actions{display:flex;gap:12px;flex-wrap:wrap}.demo-actions .button{width:auto}.sample-profile{background:#e9e5d7;padding:22px;margin-bottom:23px;font-size:12px}.sample-profile h3{font:25px var(--serif);margin:0 0 12px}.sample-profile p{margin:6px 0}.sample-profile .demo-small{font-size:10px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-form label{font-size:10px;display:flex;flex-direction:column;gap:5px}.profile-form input{font:13px var(--sans);padding:10px;border:1px solid #c6c5b2;background:#fffdf6;border-radius:0;width:100%}.profile-form .full{grid-column:1/-1}.profile-form button{justify-self:start;grid-column:1/-1}.order-card{border:1px solid #d3d1bf;padding:23px;margin-bottom:20px}.order-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.order-top h3{font:24px var(--serif);margin:0}.status-pill{background:#dedfcd;color:#4c5b3d;padding:5px 10px;font-size:10px}.order-card p{font-size:12px;margin-bottom:8px;color:#606a54}.order-items{list-style:none;padding:0;font-size:12px}.order-items li{display:flex;justify-content:space-between;gap:20px;padding:6px 0}.status-track{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:23px 0 14px}.status-step{padding-top:9px;border-top:3px solid #d6d6c6;font-size:9px;color:#898b7c}.status-step.active{border-color:#a28b40;color:#384b2c}.staff-controls{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;flex-wrap:wrap}.staff-controls label{font-size:11px}.staff-controls select{font:12px var(--sans);padding:8px;background:#fffdf5;border:1px solid #a9ae98}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.metric{background:#e9e5d7;padding:17px}.metric small{display:block;font-size:9px;color:#747c67}.metric strong{font:30px var(--serif);display:block;margin-top:8px}.dashboard-note{border-top:1px solid var(--line);margin-top:25px;padding-top:17px;font-size:10px;color:#737767}.reset-demo{border:0;padding:0;background:none;text-decoration:underline;font-size:10px;color:#747967;margin-top:15px}.confirmation-mark{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:#e1d4a7;border-radius:50%;margin-bottom:17px;font-size:24px}.checkout-summary{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.checkout-summary p{display:flex;justify-content:space-between;font-size:13px}.checkout-summary p:last-child{margin:0}.mini-success{font-size:11px;color:#456036;margin-top:12px}
@media(max-width:700px){.results-story{padding:50px 7%;grid-template-columns:1fr;gap:25px}.results-story h2{font-size:42px;margin-bottom:23px}.results-story figure{max-width:340px}.results-copy>p:not(.eyebrow){font-size:12px}.preview-tools{flex-wrap:wrap;gap:15px;padding-bottom:35px}.preview-tools>span{width:100%}.floating-preview{right:10px;bottom:10px}.floating-preview button{font-size:8px;padding:8px 12px}.floating-preview .bag-count{height:17px;min-width:17px;font-size:8px}.demo-header{padding:32px 22px 0}.demo-header h2{font-size:37px}.demo-header .eyebrow{font-size:7px}.demo-note{font-size:10px;padding-right:5px}#demo-content{padding:22px}.bag-line{grid-template-columns:55px 1fr auto;gap:11px}.bag-line img{width:55px;height:65px}.bag-line h3{font-size:20px}.bag-line-total{font-size:11px}.demo-actions{display:grid;grid-template-columns:1fr}.demo-actions .button{width:100%}.profile-form{grid-template-columns:1fr}.sample-profile{padding:17px}.order-card{padding:17px}.order-top h3{font-size:21px}.order-top{gap:12px}.status-pill{font-size:8px}.metric{padding:12px}.metric strong{font-size:25px}.metric small{font-size:8px}.order-items{font-size:11px}.staff-controls{gap:10px}}
.inline-bag{border:0;background:none;text-decoration:underline;font-size:11px;color:#5f662e;padding:0 0 0 4px}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}

.scroll-reveal{opacity:0;transform:translateY(23px);transition:opacity .7s ease,transform .7s ease}.scroll-reveal.has-arrived{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none}}

/* Shipping fields reuse the existing checkout typography and palette. */
.shipping-form{margin:20px 0}.shipping-form select{font:13px var(--sans);padding:10px;border:1px solid #c6c5b2;background:#fffdf6;border-radius:0;width:100%}.shipping-form .full{margin:0}.shipping-form input:focus,.shipping-form select:focus{outline:2px solid #a5842c;outline-offset:2px}.shipping-form button[disabled]{opacity:.6;cursor:wait}@media(max-width:520px){.shipping-form{grid-template-columns:1fr}}