:root {
    --ink: #0d1512;
    --ink-soft: #14201b;
    --copper: #c9794f;
    --copper-light: #e0a17d;
    --paper: #f4f1eb;
    --white: #fff;
    --muted: #69726d;
    --line: rgba(21, 35, 29, .16);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, Arial, sans-serif; letter-spacing: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.site-shell { min-height: 100vh; overflow: hidden; }
.site-header { min-height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; padding: 12px clamp(20px, 4vw, 68px); background: var(--ink); color: var(--white); border-bottom: 1px solid rgba(201, 121, 79, .55); }
.wordmark { display: flex; align-items: center; gap: 12px; font-family: "Cormorant Garamond", Georgia, serif; font-size: 21px; letter-spacing: 0; }
.wordmark small { display: block; color: var(--copper-light); font: 500 10px Inter, Arial, sans-serif; letter-spacing: .18em; }
.wordmark-mark { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--copper); border-radius: 50%; color: var(--copper-light); font-size: 25px; }
.primary-nav { display: flex; align-items: center; gap: 30px; color: #e4e6e4; font-size: 14px; }
.primary-nav a:hover, .text-link:hover, .footer-links a:hover { color: var(--copper-light); }
.cart-link { justify-self: end; display: flex; gap: 9px; align-items: center; font-size: 13px; text-transform: uppercase; }
.cart-link span { min-width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--copper); border-radius: 50%; }
.hero { position: relative; height: 368px; min-height: 0; display: grid; grid-template-columns: minmax(520px, 600px) minmax(0, 1fr); gap: clamp(20px, 2vw, 32px); align-items: start; padding: 34px clamp(28px, 3.2vw, 48px); overflow: hidden; background: var(--ink); color: var(--white); }
.hero > img { display: block; width: 100%; height: auto; align-self: start; justify-self: start; margin: 0; object-fit: contain; object-position: left top; }
.hero-copy { position: relative; width: 100%; margin: 0; padding: 0 0 4px clamp(24px, 2.2vw, 38px); text-align: left; border-left: 1px solid rgba(201, 121, 79, .46); }
.eyebrow { color: var(--copper-light); font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
h1, h2, h3 { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; letter-spacing: 0; }
.hero h1 { max-width: 590px; margin: 9px 0 0; font-size: clamp(40px, 4vw, 60px); line-height: .96; }
.hero p { max-width: 570px; margin: 18px 0 0; color: #d5dad7; font-size: 16px; line-height: 1.62; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 18px 24px; margin-top: 27px; }
@media (min-width: 1081px) and (max-width: 1390px) {
    .hero h1 { font-size: 48px; }
    .hero p { margin-top: 14px; font-size: 15px; line-height: 1.5; }
    .hero-actions { margin-top: 20px; }
}
.button, button.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 22px; border: 1px solid var(--copper); border-radius: 2px; background: transparent; color: var(--ink); font: 600 13px Inter, Arial, sans-serif; text-transform: uppercase; letter-spacing: .08em; cursor: pointer; }
.button.primary, .woocommerce button.button.alt, .woocommerce a.button.alt { background: var(--copper); color: var(--ink); }
.text-link { border-bottom: 1px solid var(--copper); padding-bottom: 5px; font-size: 14px; }
.trust-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border-bottom: 1px solid var(--line); }
.trust-strip span { padding: 18px; background: var(--paper); text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.section { padding: 82px clamp(20px, 6vw, 112px); }
.section-heading { max-width: 780px; margin-bottom: 46px; }
.categories .section-heading, .collections-index .section-heading { margin-right: auto; margin-left: auto; text-align: center; }
.section-heading h2, .coming-soon h2 { margin-top: 8px; font-size: clamp(38px, 4vw, 58px); line-height: 1; }
.section-heading p, .coming-soon p { color: var(--muted); line-height: 1.7; }
.category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); }
.category-card { min-height: 270px; display: flex; flex-direction: column; align-items: flex-start; padding: 32px; border-right: 1px solid var(--line); background: rgba(255,255,255,.4); }
.category-card:last-child { border-right: 0; }
.category-card.featured { background: var(--ink-soft); color: var(--white); }
.category-card > span { color: var(--copper); font-size: 12px; }
.category-card h3 { margin-top: 42px; font-size: 31px; line-height: 1; }
.category-card p { min-height: 66px; color: var(--muted); line-height: 1.55; }
.category-card.featured p { color: #bfc7c3; }
.category-card b { margin-top: auto; color: var(--copper); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.process { display: grid; grid-template-columns: .85fr 1.15fr; gap: 9vw; background: var(--white); }
.process .compact { margin: 0; }
.process ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.process li { display: grid; grid-template-columns: 55px 1fr; gap: 18px; padding: 27px 0; border-bottom: 1px solid var(--line); }
.process li > span { color: var(--copper); font-size: 12px; }
.process h3 { font-size: 28px; }
.process p { margin-bottom: 0; color: var(--muted); line-height: 1.6; }
.coming-soon { padding: 90px clamp(20px, 18vw, 340px); background: var(--ink); color: var(--white); text-align: center; }
.coming-soon p { color: #bdc5c1; }
.shop-layout, .content-page { max-width: 1220px; min-height: 55vh; margin: 0 auto; padding: 75px 28px; }
.shop-layout h1, .content-page h1 { margin-bottom: 32px; font-size: 52px; }
.collection-hero { min-height: 570px; display: grid; grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr); gap: clamp(48px, 7vw, 110px); align-items: center; padding: 78px clamp(28px, 7vw, 128px); overflow: hidden; background: var(--ink); color: var(--white); border-bottom: 1px solid rgba(201,121,79,.55); }
.collection-copy { position: relative; z-index: 1; max-width: 650px; }
.collection-copy h1 { margin-top: 12px; font-size: clamp(64px, 8vw, 112px); line-height: .82; }
.collection-lead { margin: 22px 0 0; color: var(--copper-light); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(29px, 3.2vw, 45px); font-weight: 600; line-height: 1; }
.collection-description { max-width: 610px; margin: 26px 0 0; color: #c7ceca; font-size: 16px; line-height: 1.75; }
.collection-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; margin-top: 34px; }
.woocommerce .collection-actions a.button.primary { background: var(--copper); color: var(--ink); }
.woocommerce .collection-actions a.button.primary:hover { background: var(--copper-light); color: var(--ink); }
.collection-actions p { margin: 0; color: #aeb8b3; font-size: 13px; line-height: 1.55; }
.collection-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 38px; background: rgba(224,161,125,.34); border: 1px solid rgba(224,161,125,.34); }
.collection-facts span { min-height: 78px; display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 15px 18px; background: rgba(13,21,18,.92); color: #adb7b2; font-size: 12px; line-height: 1.45; }
.collection-facts strong { color: var(--white); font-size: 14px; font-weight: 600; }
.collection-visual { position: relative; min-height: 414px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: repeat(12, 28px); }
.collection-preview { position: relative; margin: 0; overflow: hidden; border: 1px solid rgba(224,161,125,.45); background: var(--ink-soft); box-shadow: 0 22px 48px rgba(0,0,0,.24); }
.collection-preview::after { content: ""; position: absolute; inset: 0; border: 8px solid rgba(13,21,18,.3); pointer-events: none; }
.collection-preview img { width: 100%; height: 100%; object-fit: cover; }
.collection-preview-1 { z-index: 2; grid-column: 1 / 7; grid-row: 1 / 11; }
.collection-preview-2 { z-index: 3; grid-column: 6 / 11; grid-row: 3 / 13; }
.collection-preview-3 { z-index: 1; grid-column: 9 / 13; grid-row: 1 / 9; }
.collection-products { padding-top: 88px; }
.collection-products-heading { margin-bottom: 42px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.collection-products-heading h2 { margin-top: 8px; font-size: clamp(40px, 4.5vw, 60px); line-height: 1; }
.collection-products > .woocommerce { min-height: 0; }
.collections-index-hero { padding: 94px clamp(20px, 16vw, 300px); background: var(--ink); color: var(--white); text-align: center; border-bottom: 1px solid rgba(201,121,79,.55); }
.collections-index-hero h1 { margin-top: 12px; font-size: clamp(54px, 7vw, 94px); line-height: .9; }
.collections-index-hero p { max-width: 760px; margin: 28px auto 0; color: #c5ccc8; font-size: 17px; line-height: 1.75; }
.collections-index { padding-top: 82px; }
.collection-family-grid { display: grid; gap: 28px; max-width: 1220px; margin: 0 auto; }
.collection-family-card { min-height: 410px; display: grid; grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 2px; background: var(--white); }
.collection-family-media { min-height: 410px; display: grid; place-items: center; overflow: hidden; background: var(--ink-soft); color: var(--copper-light); font: 600 120px "Cormorant Garamond", Georgia, serif; }
.collection-family-media img { width: 100%; height: 100%; object-fit: cover; }
.collection-family-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(38px, 6vw, 78px); }
.collection-family-copy h2 { margin-top: 12px; font-size: clamp(46px, 5vw, 70px); line-height: .9; }
.collection-family-copy p { max-width: 590px; margin: 24px 0 0; color: var(--muted); line-height: 1.7; }
.collection-family-copy strong { margin-top: 38px; padding-bottom: 5px; border-bottom: 1px solid var(--copper); color: var(--copper); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.collections-coming { max-width: 760px; margin: 50px auto 0; color: var(--muted); text-align: center; line-height: 1.7; }
.collections-coming strong { color: var(--ink); }
.custom-order-intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: clamp(50px, 9vw, 130px); align-items: end; padding: 92px clamp(20px, 7vw, 128px); background: var(--ink); color: var(--white); border-bottom: 1px solid rgba(201,121,79,.55); }
.custom-order-intro h1 { max-width: 760px; margin-top: 12px; font-size: clamp(45px, 6vw, 78px); line-height: .96; }
.custom-order-intro > div > p { max-width: 720px; margin: 28px 0 0; color: #c5ccc8; font-size: 17px; line-height: 1.75; }
.custom-order-intro.is-compact { display: block; padding-right: clamp(20px, 25vw, 480px); }
.custom-order-intro.is-compact > p { max-width: 820px; margin: 26px 0 0; color: #c5ccc8; font-size: 17px; line-height: 1.75; }
.custom-order-intro.is-compact .button { margin-top: 28px; }
.custom-order-price { padding-left: 30px; border-left: 1px solid rgba(201,121,79,.55); }
.custom-order-price > span { display: block; color: var(--copper-light); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; }
.custom-order-price > strong { display: block; margin-top: 12px; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(35px, 4vw, 52px); font-weight: 600; }
.custom-order-price p { color: #aeb8b3; line-height: 1.65; }
.custom-order-price .button { margin-top: 12px; }
.possibility-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.possibility-grid article { min-height: 280px; display: flex; flex-direction: column; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.42); }
.possibility-grid article > span { color: var(--copper); font-size: 12px; }
.possibility-grid h3 { margin-top: auto; font-size: clamp(28px, 3vw, 38px); line-height: 1; }
.possibility-grid p { color: var(--muted); line-height: 1.6; }
.possibility-grid strong { color: var(--copper); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.possibility-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.possibility-list article { min-height: 190px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.42); }
.possibility-list h3 { font-size: clamp(25px, 2.2vw, 32px); line-height: 1; }
.possibility-list p { margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.custom-order-workflow { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; padding: 92px clamp(20px, 7vw, 128px); background: var(--white); }
.custom-order-workflow .section-heading { margin: 0; }
.custom-order-workflow ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.custom-order-workflow li { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.custom-order-workflow li > span { color: var(--copper); font-size: 12px; }
.custom-order-workflow h3 { font-size: 27px; }
.custom-order-workflow p { margin-bottom: 0; color: var(--muted); line-height: 1.6; }
.custom-order-cta { padding: 88px clamp(20px, 18vw, 340px); background: var(--ink-soft); color: var(--white); text-align: center; }
.custom-order-cta h2 { margin-top: 10px; font-size: clamp(38px, 4vw, 58px); line-height: 1; }
.custom-order-cta p { color: #bdc5c1; line-height: 1.7; }
.custom-order-cta .button { margin-top: 18px; }
.inquiry-intro { padding: 88px clamp(20px, 14vw, 260px) 76px; background: var(--ink); color: var(--white); border-bottom: 1px solid rgba(201,121,79,.55); }
.inquiry-intro h1 { max-width: 780px; margin-top: 12px; font-size: clamp(46px, 6vw, 78px); line-height: .96; }
.inquiry-intro p { max-width: 760px; margin: 26px 0 0; color: #c5ccc8; font-size: 17px; line-height: 1.75; }
.inquiry-layout { display: grid; grid-template-columns: minmax(260px, .6fr) minmax(0, 1.4fr); gap: clamp(48px, 8vw, 110px); align-items: start; max-width: 1260px; margin: 0 auto; padding: 92px 28px 110px; }
.inquiry-guide { position: sticky; top: 28px; }
.inquiry-guide h2 { margin-top: 10px; font-size: clamp(34px, 4vw, 48px); line-height: 1; }
.inquiry-guide ol { margin: 34px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.inquiry-guide li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.inquiry-guide li > span { color: var(--copper); font-size: 11px; }
.inquiry-guide strong { font-family: "Cormorant Garamond", Georgia, serif; font-size: 23px; font-weight: 600; }
.inquiry-guide li p { margin: 5px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.inquiry-price-note { margin: 26px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.inquiry-price-note strong { display: block; color: var(--ink); font-family: Inter, Arial, sans-serif; font-size: 14px; }
.request-form { min-width: 0; padding: clamp(28px, 5vw, 54px); border: 1px solid var(--line); border-top: 3px solid var(--copper); border-radius: 2px; background: var(--white); box-shadow: 0 20px 60px rgba(13,21,18,.08); }
.form-section, .ai-consent { min-width: 0; margin: 0; padding: 30px 0; border: 0; border-top: 1px solid var(--line); }
.form-section:first-of-type { padding-top: 0; border-top: 0; }
.form-section legend, .ai-consent legend { padding: 0 0 18px; font-family: "Cormorant Garamond", Georgia, serif; font-size: 27px; font-weight: 600; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.form-field { min-width: 0; display: grid; gap: 8px; }
.form-field.full { grid-column: 1 / -1; }
.form-field label { font-size: 13px; font-weight: 600; line-height: 1.4; }
.optional { color: var(--muted); font-weight: 400; }
.form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 49px; padding: 12px 14px; border: 1px solid rgba(21,35,29,.25); border-radius: 2px; background: #f7f8f5; color: var(--ink); font: inherit; line-height: 1.45; }
.form-field textarea { min-height: 150px; resize: vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--copper); outline: 2px solid rgba(201,121,79,.2); outline-offset: 2px; }
.form-field input[type="file"] { padding: 9px 10px; }
.field-help { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ai-consent { margin: 4px 0 30px; padding: 27px; border: 1px solid var(--line); background: #f7f5f0; }
.ai-consent legend { width: calc(100% + 2px); margin-left: -1px; padding: 0 1px 12px; background: #f7f5f0; }
.consent-intro { margin: 2px 0 15px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.consent-option, .rights-confirmation { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; cursor: pointer; }
.consent-option { padding: 15px 0; border-bottom: 1px solid var(--line); font-size: 13px; line-height: 1.55; }
.consent-option:first-of-type { border-top: 1px solid var(--line); }
.consent-option input, .rights-confirmation input { width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--copper); }
.ai-info { margin-top: 18px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.ai-info summary { color: #955132; font-weight: 600; cursor: pointer; }
.ai-info p { margin: 12px 0 0; }
.privacy-reference, .form-notice { color: var(--muted); font-size: 12px; line-height: 1.65; }
.privacy-reference { margin: 16px 0 0; }
.form-notice { margin: 0; }
.privacy-reference a, .form-notice a { color: #955132; text-decoration: underline; text-underline-offset: 3px; }
.rights-confirmation { padding: 4px 0 12px; font-size: 13px; line-height: 1.55; }
.request-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 30px; }
.request-actions .text-link { font-size: 13px; }
.form-status { display: none; margin: 18px 0 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 2px; font-size: 13px; line-height: 1.55; }
.form-status.is-visible { display: block; }
.form-status.is-success { border-color: #789174; background: #eef4ec; }
.form-status.is-error { border-color: #b87266; background: #f8ece9; }
[hidden] { display: none !important; }
.site-footer { display: grid; grid-template-columns: 1fr auto; gap: 24px 70px; padding: 55px clamp(20px, 6vw, 112px); background: #080d0b; color: #d6dad8; }
.site-footer p { color: #929c97; }
.footer-links { display: flex; gap: 24px; }
.site-footer small { grid-column: 1 / -1; color: #818b86; border-top: 1px solid rgba(255,255,255,.1); padding-top: 20px; }
.maynora-configurator { margin: 28px 0; padding: 24px; border: 1px solid var(--line); background: #fff; }
.maynora-configurator h3 { font-size: 28px; }
.maynora-field { margin-top: 20px; }
.maynora-field label, .maynora-field legend { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; }
.maynora-field select, .maynora-field textarea, .maynora-field input[type="text"], .maynora-field input[type="file"] { width: 100%; max-width: 100%; padding: 12px; border: 1px solid var(--line); background: var(--white); font: inherit; }
.maynora-options { display: grid; gap: 10px; }
.maynora-options label { display: flex; gap: 9px; align-items: flex-start; font-weight: 400; line-height: 1.45; }
.maynora-field small { display: block; margin-top: 7px; color: var(--muted); line-height: 1.5; }
.maynora-configurator details { margin-top: 16px; color: var(--muted); font-size: 13px; line-height: 1.6; }
@media (max-width: 1080px) {
    .site-header { grid-template-columns: 1fr auto; min-height: 66px; }
    .primary-nav { display: none; }
    .hero { height: auto; min-height: auto; grid-template-columns: 1fr; gap: 30px; padding: 26px 20px 42px; overflow: visible; }
    .hero > img { width: 100%; height: auto; min-height: 0; object-fit: contain; }
    .hero-copy { display: block; margin: 0; padding: 28px 0 0; border-top: 1px solid rgba(201, 121, 79, .34); border-left: 0; }
    .hero h1 { font-size: 44px; }
    .hero-actions { justify-content: flex-start; margin-top: 26px; }
    .trust-strip { grid-template-columns: 1fr; }
    .section { padding: 72px 20px; }
    .category-grid, .process { grid-template-columns: 1fr; }
    .category-card { min-height: 255px; border-right: 0; border-bottom: 1px solid var(--line); }
    .coming-soon { padding: 72px 20px; }
    .collection-hero { min-height: 0; grid-template-columns: 1fr; gap: 48px; padding: 64px 20px; }
    .collection-copy h1 { font-size: 64px; }
    .collection-visual { min-height: 340px; grid-template-rows: repeat(12, 23px); }
    .collection-products { padding: 66px 20px 82px; }
    .collections-index-hero { padding: 68px 20px; }
    .collection-family-card { grid-template-columns: 1fr; }
    .collection-family-media { min-height: 320px; }
    .custom-order-intro, .custom-order-workflow { grid-template-columns: 1fr; }
    .custom-order-intro { padding: 64px 20px; }
    .custom-order-intro.is-compact { padding: 64px 20px; }
    .custom-order-price { padding: 26px 0 0; border-top: 1px solid rgba(201,121,79,.55); border-left: 0; }
    .possibility-grid { grid-template-columns: 1fr; }
    .possibility-grid article { min-height: 245px; }
    .possibility-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .custom-order-workflow { padding: 72px 20px; }
    .custom-order-cta { padding: 72px 20px; }
    .inquiry-intro { padding: 64px 20px; }
    .inquiry-layout { grid-template-columns: 1fr; padding: 66px 20px 82px; }
    .inquiry-guide { position: static; }
    .request-form { padding: 28px 20px; }
    .form-grid { grid-template-columns: 1fr; }
    .form-field.full { grid-column: auto; }
    .ai-consent { padding: 22px 17px; }
    .request-actions { align-items: flex-start; flex-direction: column; }
    .site-footer { grid-template-columns: 1fr; }
    .site-footer small { grid-column: auto; }
}
@media (max-width: 620px) {
    .hero h1 { font-size: 38px; }
    .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
    .collections-index-hero h1 { font-size: 54px; }
    .collection-family-media { min-height: 260px; }
    .collection-family-copy { padding: 34px 24px 40px; }
    .collection-family-copy h2 { font-size: 46px; }
    .collection-copy h1 { font-size: 56px; }
    .collection-facts { grid-template-columns: 1fr; }
    .collection-actions { align-items: flex-start; flex-direction: column; }
    .possibility-list { grid-template-columns: 1fr; }
    .possibility-list article { min-height: 0; }
    .collection-visual { min-height: 282px; grid-template-columns: repeat(10, minmax(0, 1fr)); grid-template-rows: repeat(10, 25px); }
    .collection-preview-1 { grid-column: 1 / 7; grid-row: 1 / 9; }
    .collection-preview-2 { grid-column: 5 / 11; grid-row: 3 / 11; }
    .collection-preview-3 { display: none; }
}