/* Homepage: shop-first layout (option A, 2026-10-26). */
/* Preview-only styles, matched to the live theme: ivory #f7f5ef, charcoal #444750, Manrope headings. */
.pv-main{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px) 72px}
/* The live header floats over the page (98 px on desktop), so the hero starts below it. */
.pv-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding:126px 0 64px}
.pv-hero h1{font:700 clamp(36px,5.2vw,60px)/1.06 Manrope,sans-serif;letter-spacing:-.045em;color:#292a2f;margin:14px 0 18px}
.pv-hero h1 em{font-style:normal;color:#444750}
.pv-lede{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:#55565c;max-width:36em;margin:0 0 28px}
.pv-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.pv-link{color:#292a2f;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.pv-hero-packs{position:relative;height:420px}
.pv-pack{display:flex;flex-direction:column;justify-content:space-between;background:#fffdf9;border:1px solid rgba(41,42,47,.14);border-radius:18px;padding:18px;color:#292a2f;text-decoration:none;box-shadow:0 18px 40px rgba(41,42,47,.10)}
.pv-pack-brand{font:800 13px Manrope,sans-serif;letter-spacing:.18em}
.pv-pack-name{font:700 26px/1.1 Manrope,sans-serif;letter-spacing:-.03em}
.pv-pack-kind{font:800 10px "DM Sans",sans-serif;letter-spacing:.16em;color:#66656b}
.pv-pack-lg{position:absolute;width:44%;aspect-ratio:3/4}
.pv-pack-1{left:6%;top:12%;z-index:1;background:#444750;color:#fffdf9;transform:rotate(-4deg)}.pv-pack-1 .pv-pack-kind{color:#d9d8dc}
.pv-pack-3{left:46%;top:4%;z-index:2;transform:rotate(4deg);background:#eef0e4}
.pv-section{padding:40px 0;border-top:1px solid rgba(41,42,47,.12)}
.pv-section h2{font:700 clamp(26px,3vw,34px)/1.15 Manrope,sans-serif;letter-spacing:-.03em;margin:0}
.pv-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}
.pv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.pv-card .pv-pack{aspect-ratio:16/6}
.pv-card{background:#fffdf9;border:1px solid rgba(41,42,47,.12);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.pv-card .pv-pack{border:0;border-radius:0;box-shadow:none;aspect-ratio:16/9;background:#eceae2}
.pv-card:nth-child(1) .pv-pack{background:#444750;color:#fffdf9}.pv-card:nth-child(1) .pv-pack-kind{color:#d9d8dc}
.pv-card-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.pv-card h3{font:700 19px/1.25 Manrope,sans-serif;letter-spacing:-.02em;margin:0}
.pv-card h3 a{color:inherit;text-decoration:none}.pv-card h3 span{color:#66656b;font-weight:600}
.pv-card p{margin:0;color:#55565c;font-size:15px;line-height:1.55}
.pv-sizes{display:flex;gap:6px}.pv-sizes span{font:700 12px "DM Sans",sans-serif;border:1px solid rgba(41,42,47,.2);border-radius:999px;padding:3px 10px}
.pv-weight{font-size:14px!important}.pv-weight strong{color:#292a2f}
.pv-card-foot{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding-top:6px}
.pv-price{font:700 13px "DM Sans",sans-serif;color:#9a5b12;background:#fbecd6;border-radius:999px;padding:4px 10px}
.pv-small{padding:8px 18px!important;font-size:14px!important}
.pv-note{margin:18px 0 0;color:#66656b;font-size:14px}
.pv-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:22px}
.pv-why-grid strong{font:700 18px Manrope,sans-serif;letter-spacing:-.02em}.pv-why-grid p{color:#55565c;margin:6px 0 0;line-height:1.55}
.pv-hub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;background:#444750;color:#fffdf9;border-radius:24px;padding:36px;border-top:0;margin-top:24px}
.pv-main .pv-hub .eyebrow{color:#d9d8dc}.pv-main .pv-hub h2{color:#fffdf9;margin:6px 0 10px}.pv-main .pv-hub p{color:#e3e2e6;line-height:1.6;margin:0}
.pv-hub-links{display:grid;gap:10px}.pv-main .pv-hub-links a{display:block;color:#fffdf9;font-weight:700;padding:12px 16px;border:1px solid rgba(255,253,249,.25);border-radius:12px;text-decoration:none;opacity:1}
.pv-hub-links a:hover{background:rgba(255,253,249,.08)}
/* Dark appearance: colours above are fixed for light mode. */
html[data-purdys-appearance="dark"] .pv-hero h1 em{color:#a9adb8}
html[data-purdys-appearance="dark"] .pv-pack{border-color:rgba(238,237,241,.14);box-shadow:0 18px 40px rgba(0,0,0,.35)}
html[data-purdys-appearance="dark"] .pv-pack-3{background:#33353c;color:#eeedf1}html[data-purdys-appearance="dark"] .pv-pack-3 .pv-pack-kind{color:#a9adb8}
html[data-purdys-appearance="dark"] .pv-section{border-top-color:rgba(238,237,241,.12)}
html[data-purdys-appearance="dark"] .pv-hub{background:#2c2e34;border:1px solid rgba(238,237,241,.1)}
@media(max-width:860px){.pv-hero{grid-template-columns:1fr;gap:28px;padding-top:28px}.pv-hero-packs{height:300px;max-width:420px}.pv-grid,.pv-why-grid{grid-template-columns:1fr}.pv-hub{grid-template-columns:1fr;padding:26px}.pv-card .pv-pack{aspect-ratio:16/7}}