.business-depth,.shop-depth { padding:80px max(5%,calc((100% - 1180px)/2)); }
.business-depth { background:#11191e; color:#ebf0ed; }.shop-depth { background:#f5e9e7; color:#462c39; }
.od-heading { max-width:740px; margin-bottom:34px; }.od-heading>span,.business-case>div>span,.od-case-next>span { display:block; font-size:10px; font-weight:700; letter-spacing:.16em; margin-bottom:18px; opacity:.7; }.od-heading h1 { font-size:clamp(46px,7vw,90px); }.od-heading h2,.od-columns h2,.od-case-next h2 { font-size:clamp(32px,4vw,56px); }.od-heading h1,.od-heading h2,.od-columns h2,.od-case-next h2 { line-height:1.08; letter-spacing:-.045em; margin:0 0 22px; }.od-heading p,.business-case p,.od-columns p,.od-columns li { font-size:16px; line-height:1.8; opacity:.8; }
.business-case { display:grid; grid-template-columns:1.15fr 1fr; background:#202c31; border:1px solid #ffffff20; color:inherit; text-decoration:none; }.business-case>img { width:100%; height:420px; object-fit:cover; }.business-case>div { padding:45px; align-self:center; }.business-case h3 { font-size:34px; line-height:1.1; margin:18px 0; }.business-case b,.od-link { display:inline-block; margin-top:20px; border-bottom:1px solid currentColor; padding:8px 0; color:inherit; text-decoration:none; font-size:14px; }.business-case:hover { border-color:#b8e6df; }
.od-faq { border-top:1px solid currentColor; margin:36px 0; }.od-faq details { border-bottom:1px solid #8885; padding:21px 0; }.od-faq summary { font-size:17px; font-weight:600; cursor:pointer; }.od-faq p { max-width:800px; line-height:1.8; font-size:15px; opacity:.8; margin:15px 0 0; }
.od-case { background:#11191e; color:#eff4f0; padding:60px 5% 85px; }.od-container { max-width:1180px; margin:auto; }.od-back { display:inline-block; color:#bdccc9; margin-bottom:35px; }.od-case-hero { width:100%; max-height:590px; object-fit:cover; }.od-meta { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #ffffff35; padding:30px 0; gap:25px; }.od-meta small,.od-meta b { display:block; }.od-meta small { font-size:9px; letter-spacing:.15em; color:#a9bab9; margin-bottom:9px; }.od-meta b { font-size:14px; }.od-columns { display:grid; grid-template-columns:1fr 1.3fr; gap:70px; padding:60px 0; border-bottom:1px solid #ffffff25; }.od-columns ol { margin:0; padding-left:20px; }.od-columns li+li { margin-top:20px; }.od-case-next { padding-top:70px; }.od-case-next>p { font-size:12px; opacity:.6; margin-top:30px; }
.shop-tools { margin:28px 0; }.shop-tools label { font-size:12px; display:block; }.shop-tools input { width:100%; margin:10px 0 15px; padding:14px; border:1px solid #68405255; border-radius:0; background:#ffffff66; color:inherit; font:inherit; }.shop-filters { display:flex; gap:8px; }.shop-filters button { padding:9px 15px; border:1px solid #68405244; background:transparent; color:inherit; cursor:pointer; border-radius:30px; }.shop-filters button[aria-pressed=true] { background:#502f3d; color:#fff; }.shop-tools #velvet-results { font-size:12px; margin:15px 0; }.product[hidden] { display:none!important; }
.shop-guide { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.shop-guide>a { color:inherit; text-decoration:none; padding:27px; border:1px solid #66425133; }.shop-guide span { font-size:10px; letter-spacing:.12em; }.shop-guide h3 { font-size:28px; margin:22px 0; }.shop-guide p { line-height:1.75; font-size:14px; }.shop-guide b { display:block; margin-top:25px; font-size:12px; }.shop-related { display:flex; flex-wrap:wrap; gap:15px 30px; }.shop-related a { color:inherit; padding-bottom:7px; border-bottom:1px solid #66425155; font-size:14px; }.od-store-review { display:block; margin-top:22px; padding:16px; text-align:center; background:#563347; color:white; text-decoration:none; }
.demo-checkout { background:#f8efeb; color:#492c3b; min-height:100vh; margin:0; font-family:Arial,sans-serif; }.checkout-shell { max-width:1150px; margin:auto; padding:0 5% 70px; }.checkout-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 0; border-bottom:1px solid #56334733; }.checkout-bar a { color:inherit; font-size:13px; }.checkout-brand { font-family:Georgia,serif; font-size:35px!important; text-decoration:none; }.checkout-notice { font-size:12px; line-height:1.7; padding:15px 0; border-bottom:1px solid #56334733; }.checkout-title { font-family:Georgia,serif; font-size:clamp(40px,6vw,68px); font-weight:400; margin:50px 0 15px; }.checkout-steps { display:flex; gap:25px; font-size:11px; letter-spacing:.08em; margin:25px 0 35px; }.checkout-columns { display:grid; grid-template-columns:1.5fr 1fr; gap:45px; }.checkout-items { border-top:1px solid #56334744; }.checkout-row { display:grid; grid-template-columns:75px 1fr auto; gap:20px; padding:23px 0; border-bottom:1px solid #56334733; align-items:center; }.checkout-row img { width:75px; height:95px; object-fit:cover; }.checkout-row a { color:inherit; font-size:15px; font-weight:600; text-decoration:none; }.checkout-row small { display:block; margin-top:8px; opacity:.7; }.checkout-qty { display:flex; gap:12px; align-items:center; margin-top:13px; }.checkout-qty button { width:26px; height:26px; background:transparent; border:1px solid #56334755; color:inherit; cursor:pointer; }.checkout-summary { background:white; padding:28px; align-self:start; border:1px solid #56334722; }.checkout-summary h2 { font-family:Georgia,serif; font-size:27px; font-weight:400; margin:0 0 22px; }.checkout-summary label { display:block; font-size:12px; margin-bottom:10px; }.checkout-summary select { width:100%; padding:12px; border:1px solid #56334744; background:#faf6f4; color:inherit; margin-bottom:24px; }.checkout-line { display:flex; justify-content:space-between; gap:15px; margin:15px 0; font-size:14px; }.checkout-total { font-size:19px; font-weight:700; border-top:1px solid #56334733; padding-top:20px; }.checkout-summary button { width:100%; padding:17px; margin-top:15px; border:0; background:#563347; color:white; cursor:pointer; font-size:14px; }.checkout-summary button:disabled { opacity:.4; cursor:default; }.checkout-summary p { font-size:11px; line-height:1.8; opacity:.75; }.checkout-confirmation { padding:30px; background:#e9ddd7; margin-top:35px; line-height:1.8; }.checkout-confirmation[hidden] { display:none; }.checkout-confirmation h2 { margin-top:0; font-family:Georgia,serif; font-weight:400; }.checkout-footer { margin-top:65px; border-top:1px solid #56334733; padding-top:25px; }.checkout-footer a { color:inherit; }
@media(max-width:750px) { .business-depth,.shop-depth { padding:55px 5%; }.business-case,.od-columns,.checkout-columns { grid-template-columns:1fr; gap:25px; }.business-case>img { height:270px; }.business-case>div { padding:27px; }.od-meta,.shop-guide { grid-template-columns:1fr; gap:20px; }.od-columns { padding:40px 0; }.checkout-row { gap:12px; grid-template-columns:60px 1fr auto; }.checkout-row img { width:60px; height:80px; }.checkout-steps { gap:12px; font-size:9px; }.checkout-bar { flex-wrap:wrap; } }