.design-variant { --ink:#112550; --paper:#fff; --surface:#fff; --panel:#fff; --muted:#51617d; --line:#d4def0; --accent:#2455ef; --tone:#edf2ff; --deep:#1739aa; --on-deep:#fff; --highlight:#c4dbff; --on-accent:#fff; --lime:var(--highlight); --warm:var(--highlight); background:var(--paper); color:var(--ink); padding-bottom:84px; }
.design-variant .site-header,.design-variant .main-nav { background:var(--paper); }
.design-variant .skip-link { background:var(--accent); color:var(--on-accent); }
.design-variant .main-nav .nav-action { background:var(--accent); color:var(--on-accent); }
.design-variant .hero,.design-variant .section-white { background:var(--paper); }
.design-variant .hero h1 .hero-line,.design-variant .hero-lead strong,.design-variant .hero-eyebrow { color:var(--ink); }
.design-variant .hero h1 .accent-line { color:var(--palette-safe,var(--accent)); }
.design-variant .hero-lead,.design-variant .microcopy,.design-variant .hero-scroll,.design-variant .baseline-end { color:var(--muted); }
.design-variant .hero-baseline,.design-variant .hero-scroll > span { border-color:var(--line); }
.design-variant .hero .button-lime,.design-variant .button,.design-variant .photo-corner { background:var(--accent); color:var(--on-accent); }
.design-variant .button:hover { background:var(--deep); color:var(--on-deep); }
.design-variant .status-dot { box-shadow:none; }
.design-variant .hero-photo,.design-variant .hero-photo figcaption { background:var(--panel); color:var(--ink); }
.design-variant .hero-photo img,.design-variant .portrait-card img { filter:none; }
.design-variant .hero-photo figcaption > span:first-child { color:var(--palette-safe,var(--accent)); }
.design-variant .hero-photo figcaption > span:last-child { color:var(--muted); }
.design-variant .proof-strip { background:var(--tone); }
.design-variant .trust-row strong { color:var(--ink); }
.design-variant .trust-row > div,.design-variant .trust-row > div + div { border-color:var(--line); }
.design-variant .situation[open] { background:var(--tone); }
.design-variant .situation-inner p { color:var(--muted); }
.design-variant .situation[open] .situation-toggle { background:var(--accent); border-color:var(--accent); color:var(--on-accent); }
.design-variant .journey-section,.design-variant .section-dark { background:var(--deep); color:var(--on-deep); }
.design-variant .journey-step::before { background:var(--deep); }
.design-variant .journey-step.is-visible::before { background:var(--highlight); }
.design-variant .journey-heading > p:not(.kicker),.design-variant .journey-step p,.design-variant .step-caption { color:var(--on-deep); }
.design-variant .journey-step,.design-variant .journey-steps { border-color:color-mix(in srgb,var(--on-deep) 38%,transparent); }
.design-variant .journey-heading .text-link,.design-variant .journey-section .kicker { color:var(--on-deep); }
.design-variant .flagship-card { background:var(--deep); color:var(--on-deep); }
.design-variant .flagship-main > p,.design-variant .flagship-main > p strong,.design-variant .flagship-facts p { color:var(--on-deep); }
.design-variant .flagship-facts { background:color-mix(in srgb,var(--deep) 86%,#000); border-color:color-mix(in srgb,var(--on-deep) 35%,transparent); }
.design-variant .flagship-card .button-lime { background:var(--highlight); color:var(--deep); }
.design-variant .format-card,.design-variant .article-card,.design-variant .card { background:var(--panel); border-color:var(--line); }
.design-variant .partner-section,.design-variant .cta-section { background:var(--tone); }
.design-variant .experience-list > div,.design-variant .cta-offer { border-color:var(--line); }
.design-variant .lead-form { background:var(--panel); border-color:var(--line); }
.design-variant .lead-form input,.design-variant .lead-form textarea { background:var(--panel); color:var(--ink); border-color:var(--line); }
.design-variant .lead-form input::placeholder,.design-variant .lead-form textarea::placeholder { color:var(--muted); }
.design-variant .site-footer { background:var(--deep); color:var(--on-deep); }
.design-variant .footer-title span,.design-variant .footer-meta span { color:var(--on-deep); }
.design-variant .page-hero { background:var(--tone); color:var(--ink); }
.design-variant .page-hero .kicker,.design-variant .page-meta { color:var(--palette-safe,var(--accent)); }
.design-variant .page-hero > .container > p:not(.kicker),.design-variant .breadcrumbs { color:var(--muted); }
.design-variant .page-meta > * { border-color:var(--accent); }
.design-variant .editorial-copy p,.design-variant .editorial-copy li { color:var(--muted); }
.design-variant .editorial-aside,.design-variant .note,.design-variant .portrait-caption { background:var(--tone); color:var(--ink); }
.design-variant .portrait-caption span { color:var(--muted); }
.design-variant .card-dark { background:var(--deep); color:var(--on-deep); }
.design-variant .card-dark p,.design-variant .result-item p { color:var(--on-deep); }
.design-variant .card-dark .card-tag,.design-variant .card-dark .card-index { color:var(--highlight); }

.theme-cobalt .hero { padding-top:52px; }
.theme-cobalt .hero-grid { grid-template-columns:1.4fr .9fr; gap:50px; }
.theme-cobalt .hero h1 { font-weight:750; font-size:clamp(64px,6.6vw,99px); letter-spacing:-.065em; }
.theme-cobalt .hero h1 .accent-line { display:table; background:var(--accent); color:var(--on-accent,#fff); padding:0 12px 10px 4px; margin:14px 0 0 -4px; }
.theme-cobalt .hero-photo { border:1px solid var(--line); box-shadow:16px 16px 0 var(--accent); grid-template-rows:minmax(365px,1fr) auto; }
.theme-cobalt .hero-photo figcaption { border:0; padding:24px; }
.theme-cobalt .hero-photo figcaption strong { font-size:34px; }
.theme-cobalt .photo-corner { display:none; }
.theme-cobalt .proof-strip { background:var(--accent); color:var(--on-accent,#fff); }
.theme-cobalt .proof-strip strong { color:var(--on-accent,#fff); }
.theme-cobalt .trust-row > div,.theme-cobalt .trust-row > div + div { border-color:#88a4ff; }
.theme-cobalt .situation summary { border-left:4px solid transparent; padding-left:20px; }
.theme-cobalt .situation[open] summary { border-color:var(--accent); }
.theme-cobalt .secondary-formats { gap:0; border:1px solid var(--line); }
.theme-cobalt .format-card { border:0; }
.theme-cobalt .format-card + .format-card { border-left:1px solid var(--line); }
.theme-cobalt .cta-section { background:var(--accent); color:var(--on-accent,#fff); }
.theme-cobalt .cta-section .kicker,.theme-cobalt .cta-grid > div > p:not(.kicker) { color:var(--on-accent,#fff); }
.theme-cobalt .cta-offer { border-color:#88a4ff; }
.theme-cobalt .cta-section .contact-links a:hover { color:#dce6ff; }

.theme-ember { --ink:#f5f5f7; --paper:#17191d; --surface:#22262c; --panel:#22262c; --muted:#b8c1cb; --line:#484e59; --accent:#ff7944; --tone:#252930; --deep:#101216; --on-deep:#f5f5f7; --highlight:#ff9b73; --on-accent:#15171b; font-family:Arial,Helvetica,sans-serif; }
.theme-ember .hero { padding-top:50px; }
.theme-ember .hero-grid { grid-template-columns:.82fr 1.35fr; gap:70px; }
.theme-ember .hero-copy { order:2; }
.theme-ember .hero-photo { order:1; grid-template-rows:minmax(340px,1fr) auto; border:0; border-top:12px solid var(--accent); background:var(--accent); }
.theme-ember .hero-photo picture { margin:0 16px; }
.theme-ember .hero-photo figcaption { background:var(--accent); color:#15171b; padding:27px 24px; border:0; }
.theme-ember .hero-photo figcaption > span:first-child,.theme-ember .hero-photo figcaption > span:last-child { color:#15171b; }
.theme-ember .hero-photo figcaption strong { font-size:39px; text-transform:uppercase; letter-spacing:-.05em; }
.theme-ember .photo-corner { display:none; }
.theme-ember .hero h1 { text-transform:uppercase; font-size:clamp(63px,5.9vw,88px); font-weight:800; letter-spacing:-.07em; line-height:.98; }
.theme-ember .hero h1 .accent-line { margin-top:19px; }
.theme-ember .hero-eyebrow { color:var(--palette-safe,var(--accent)); font-size:13px; }
.theme-ember .hero-lead { font-size:22px; }
.theme-ember .hero-lead strong { font-size:26px; }
.theme-ember .hero-actions { gap:20px; }
.theme-ember .hero-baseline { border-top:3px solid var(--accent); }
.theme-ember .proof-strip { background:var(--accent); color:#17191d; }
.theme-ember .trust-row strong { color:#17191d; }
.theme-ember .trust-row > div,.theme-ember .trust-row > div + div { border-color:#a7411b; }
.theme-ember .section-head h2,.theme-ember .journey-heading h2,.theme-ember .partner-title h2 { font-weight:800; letter-spacing:-.055em; }
.theme-ember .situation-list { border-color:var(--accent); }
.theme-ember .situation[open] { box-shadow:inset 5px 0 var(--accent); }
.theme-ember .situation-inner p strong { color:var(--ink); }
.theme-ember .journey-section { background:#17191d; border-block:1px solid var(--line); }
.theme-ember .journey-step { background:#252930; padding:30px 25px; border:1px solid var(--line); }
.theme-ember .journey-step::before { top:43px; }
.theme-ember .journey-step:last-child { padding-bottom:30px; }
.theme-ember .journey-step h3 { font-size:36px; }
.theme-ember .journey-step p { font-size:20px; color:var(--muted); }
.theme-ember .flagship-card { background:var(--accent); color:#17191d; }
.theme-ember .flagship-main > p,.theme-ember .flagship-main > p strong,.theme-ember .flagship-main > .card-tag { color:#17191d; }
.theme-ember .flagship-facts { background:#ff956b; border-color:#ad4923; }
.theme-ember .flagship-facts strong,.theme-ember .flagship-facts p,.theme-ember .flagship-arrow { color:#17191d; }
.theme-ember .flagship-card .button-lime { background:#17191d; color:white; }
.theme-ember .format-card { border-top:5px solid var(--accent); }
.theme-ember .format-card h3 { font-weight:750; }
.theme-ember .partner-section { background:#101216; }
.theme-ember .lead-form .button { background:var(--accent); color:#17191d; }
.theme-ember .cta-grid > div > p:not(.kicker) { color:var(--ink); }
.theme-ember .card-grid .card { border-color:var(--accent); }
.theme-ember .result-item { border-color:var(--line); }
.theme-ember .editorial-aside p { color:var(--ink); }

.theme-emerald { --ink:#073c31; --paper:#f4fbf8; --surface:#fff; --panel:#fff; --muted:#456960; --line:#c5dfd6; --accent:#007859; --tone:#e1f5ed; --deep:#074e3d; --on-deep:#fff; --highlight:#99e8c7; --on-accent:#fff; }
.theme-emerald .site-header { background:white; }
.theme-emerald .hero { padding-top:42px; }
.theme-emerald .hero-grid { grid-template-columns:1fr 1fr; gap:24px 70px; align-items:start; }
.theme-emerald .hero-copy { display:contents; }
.theme-emerald .hero-eyebrow { grid-column:1 / -1; justify-content:center; margin:0; }
.theme-emerald .hero h1 { grid-column:1 / -1; text-align:center; font-size:clamp(61px,5.65vw,83px); font-weight:600; margin:12px 0 28px; letter-spacing:-.055em; line-height:1.05; }
.theme-emerald .hero h1 .hero-line { display:inline; }
.theme-emerald .hero h1 .accent-line { display:inline; margin:0 0 0 16px; color:var(--palette-safe,var(--accent)); text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:12px; }
.theme-emerald .hero-lead { grid-column:1; grid-row:3; font-size:24px; margin:20px 0 0; max-width:530px; }
.theme-emerald .hero-lead strong { font-size:33px; font-weight:550; line-height:1.3; margin-top:23px; }
.theme-emerald .hero-actions { grid-column:1; grid-row:4; margin-top:8px; gap:23px; }
.theme-emerald .hero-scroll { grid-column:1; grid-row:5; margin:0; align-self:start; }
.theme-emerald .hero-photo { grid-column:2; grid-row:3 / 6; min-height:0; grid-template-rows:315px auto; border-radius:160px 160px 30px 30px; overflow:hidden; }
.theme-emerald .hero-photo picture { border-radius:160px 160px 0 0; }
.theme-emerald .hero-photo img { object-position:center top; }
.theme-emerald .hero-photo figcaption { background:var(--deep); color:white; border:0; padding:22px 30px; }
.theme-emerald .hero-photo figcaption > span:first-child { color:var(--highlight); }
.theme-emerald .hero-photo figcaption > span:last-child { color:white; }
.theme-emerald .hero-photo figcaption strong { font-size:34px; font-weight:550; margin:12px 0; }
.theme-emerald .photo-corner { display:none; }
.theme-emerald .hero-baseline { margin-top:48px; border-color:var(--line); }
.theme-emerald .button,.theme-emerald .nav-action { border-radius:99px; }
.theme-emerald .proof-strip { background:white; }
.theme-emerald .section-head h2,.theme-emerald .partner-title h2 { font-weight:550; }
.theme-emerald .situation-list { border:0; display:grid; gap:18px; }
.theme-emerald .situation { border:1px solid var(--line); background:white; border-radius:25px; overflow:hidden; }
.theme-emerald .situation summary,.theme-emerald .situation[open] summary { padding:30px; grid-template-columns:90px 1fr 60px; }
.theme-emerald .row-number { font-weight:400; }
.theme-emerald .situation h3 { font-weight:550; }
.theme-emerald .situation-inner { padding-left:150px; }
.theme-emerald .journey-section { border-radius:60px 60px 0 0; }
.theme-emerald .journey-heading h2 { font-weight:550; }
.theme-emerald .journey-step h3 { font-weight:550; }
.theme-emerald .flagship-card { border-radius:30px; }
.theme-emerald .flagship-main h3 { font-weight:550; }
.theme-emerald .format-card,.theme-emerald .card,.theme-emerald .article-card,.theme-emerald .editorial-aside,.theme-emerald .lead-form { border-radius:25px; }
.theme-emerald .steps-horizontal article { border-color:var(--line); }
.theme-emerald .cta-section { border-radius:60px 60px 0 0; }
.theme-emerald .page-hero h1 { font-weight:550; }

.design-switcher { position:fixed; z-index:90; left:50%; bottom:18px; transform:translateX(-50%); display:flex; align-items:center; gap:5px; padding:7px; background:#111722; color:white; border:1px solid #667080; border-radius:15px; box-shadow:0 10px 40px #0003; width:max-content; max-width:calc(100% - 24px); font:14px/1.35 Arial,sans-serif; }
.design-switcher a { display:flex; align-items:center; gap:9px; padding:13px 15px; border-radius:9px; white-space:nowrap; text-decoration:none; color:inherit; }
.design-switcher a:hover { background:#2c3442; }
.design-switcher a[aria-current] { background:white; color:#111722; }
.design-switcher .design-overview { border-right:1px solid #46515e; border-radius:0; padding-right:20px; margin-right:5px; }
.design-dot { display:inline-block; width:11px; height:11px; border-radius:50%; flex:0 0 11px; }
.dot-cobalt { background:#2455ef; }
.dot-ember { background:#ff7944; }
.dot-emerald { background:#007859; }
.design-embedded .design-switcher { display:none; }
.design-embedded body { padding-bottom:0; }
.design-embedded * { animation:none !important; transition:none !important; }

.design-gallery { margin:0; background:#f5f7fa; color:#172032; font:18px/1.5 Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.design-gallery * { box-sizing:border-box; }
.design-gallery a { color:inherit; text-decoration:none; }
.design-gallery :focus-visible { outline:3px solid #2455ef; outline-offset:5px; }
.gallery-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px 4vw; border-bottom:1px solid #dce1e9; background:white; font-size:16px; font-weight:600; }
.gallery-header a span { font-weight:400; color:#6b778a; margin-left:12px; }
.gallery-header > span { color:#6b778a; font-size:14px; }
.gallery-main { max-width:1550px; margin:auto; padding:55px 4vw 65px; }
.gallery-intro { max-width:900px; }
.gallery-intro > p:first-child { font-size:15px; text-transform:uppercase; letter-spacing:.09em; color:#59677c; }
.gallery-intro h1 { font-size:clamp(40px,4.5vw,66px); line-height:1.05; letter-spacing:-.05em; margin:20px 0 25px; }
.gallery-intro > p:last-child { max-width:780px; font-size:20px; color:#59677c; }
.design-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:45px; }
.design-option { background:white; border:1px solid #dce1e9; min-width:0; }
.design-thumbnail { display:block; position:relative; border-bottom:1px solid #dce1e9; overflow:hidden; }
.preview-window { position:relative; height:260px; overflow:hidden; background:#eef2f8; }
.preview-window iframe { display:block; position:absolute; left:0; top:0; width:1280px; height:960px; border:0; transform:scale(.28); transform-origin:top left; pointer-events:none; }
.preview-open { position:absolute; bottom:12px; right:12px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#172032; color:white; font-size:27px; transition:transform .25s; }
.design-thumbnail:hover .preview-open { transform:translate(2px,-2px); }
.option-details { padding:26px; }
.option-title { display:flex; gap:18px; align-items:baseline; }
.option-title > span { font-size:32px; color:#738096; letter-spacing:-.04em; }
.option-title h2 { font-size:32px; line-height:1.1; letter-spacing:-.04em; margin:0; }
.option-colors { display:flex; align-items:center; gap:10px; font-size:14px; color:#56657a; }
.option-details > p:not(.option-colors) { color:#56657a; font-size:17px; min-height:104px; }
.option-link { display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid #dce1e9; padding-top:18px; margin-top:24px; font-size:16px; font-weight:600; }
.option-link > span { font-size:26px; }
.option-cobalt { border-top:5px solid #2455ef; }
.option-ember { border-top:5px solid #ff7944; }
.option-emerald { border-top:5px solid #007859; }
.gallery-note { max-width:900px; color:#59677c; font-size:16px; margin-top:35px; }

@media (max-width:1180px) {
 .theme-cobalt .hero-grid { gap:35px; }
 .theme-ember .hero-grid { gap:40px; }
 .theme-ember .hero h1 { font-size:6vw; }
 .theme-ember .hero-photo figcaption strong { font-size:32px; }
 .theme-emerald .hero-grid { gap:23px 45px; }
 .theme-emerald .hero h1 { font-size:5.6vw; }
 .theme-emerald .hero-lead strong { font-size:30px; }
 .theme-emerald .hero-photo { grid-template-rows:300px auto; }
 .option-details { padding:22px; }
}
@media (max-width:980px) {
 .theme-cobalt .hero h1 { font-size:6.9vw; }
 .theme-cobalt .hero-grid { grid-template-columns:1.25fr 1fr; gap:30px; }
 .theme-cobalt .hero-photo figcaption strong { font-size:29px; }
 .theme-ember .hero-grid { grid-template-columns:.85fr 1.2fr; gap:30px; }
 .theme-ember .hero h1 { font-size:6.05vw; }
 .theme-ember .hero-photo figcaption { padding:23px 20px; }
 .theme-ember .hero-photo figcaption strong { font-size:28px; }
 .theme-ember .hero-lead { font-size:20px; }
 .theme-ember .hero-lead strong { font-size:23px; }
 .theme-emerald .hero h1 { font-size:5.5vw; }
 .theme-emerald .hero-lead { font-size:21px; margin-top:0; }
 .theme-emerald .hero-lead strong { font-size:25px; }
 .theme-emerald .hero-grid { gap:22px 30px; }
 .theme-emerald .hero-photo { grid-template-rows:280px auto; border-radius:120px 120px 25px 25px; }
 .theme-emerald .hero-photo picture { border-radius:120px 120px 0 0; }
 .theme-emerald .hero-photo figcaption { padding:22px; }
 .theme-emerald .hero-photo figcaption strong { font-size:28px; }
 .theme-emerald .situation summary,.theme-emerald .situation[open] summary { grid-template-columns:75px 1fr 53px; gap:20px; }
 .theme-emerald .situation-inner { padding-left:125px; }
 .gallery-main { padding-top:35px; }
 .design-options { gap:16px; }
 .option-title { gap:10px; }
 .option-title h2 { font-size:26px; }
 .option-details { padding:18px; }
 .option-details > p:not(.option-colors) { font-size:16px; min-height:144px; }
}
@media (max-width:680px) {
 .design-variant { padding-bottom:86px; }
 .theme-cobalt .hero,.theme-ember .hero,.theme-emerald .hero { padding-top:30px; }
 .theme-cobalt .hero-grid,.theme-ember .hero-grid { grid-template-columns:1fr; gap:26px; }
 .theme-cobalt .hero h1 { font-size:clamp(39px,10.9vw,70px); }
 .theme-cobalt .hero h1 .accent-line { padding:3px 9px 8px 3px; margin-top:10px; }
 .theme-cobalt .hero-photo { margin-right:10px; box-shadow:10px 10px 0 var(--accent); grid-template-rows:335px auto; min-height:0; }
 .theme-cobalt .hero-photo figcaption strong { font-size:33px; }
 .theme-cobalt .situation summary,.theme-cobalt .situation[open] summary { padding-left:8px; }
 .theme-cobalt .format-card + .format-card { border-left:0; border-top:1px solid var(--line); }
 .theme-ember .hero-copy { order:0; }
 .theme-ember .hero-photo { order:1; grid-template-rows:330px auto; min-height:0; }
 .theme-ember .hero h1 { font-size:clamp(35px,10.3vw,66px); letter-spacing:-.07em; }
 .theme-ember .hero h1 .accent-line { margin-top:13px; }
 .theme-ember .hero-eyebrow { font-size:11px; }
 .theme-ember .hero-photo figcaption strong { font-size:34px; }
 .theme-ember .hero-lead strong { font-size:24px; }
 .theme-ember .journey-step { padding:25px 19px; grid-template-columns:1fr; }
 .theme-ember .journey-step h3 { font-size:33px; }
 .theme-emerald .hero-grid { display:flex; flex-direction:column; gap:25px; }
 .theme-emerald .hero-copy { display:contents; }
 .theme-emerald .hero-eyebrow { justify-content:flex-start; font-size:11px; order:0; }
 .theme-emerald .hero h1 { text-align:left; font-size:clamp(40px,11vw,66px); margin:0 0 10px; order:1; }
 .theme-emerald .hero h1 .hero-line { display:block; }
 .theme-emerald .hero h1 .accent-line { display:table; margin:10px 0 0; text-underline-offset:8px; text-decoration-thickness:2px; }
 .theme-emerald .hero-lead { font-size:20px; order:2; margin:0; }
 .theme-emerald .hero-lead strong { font-size:27px; margin-top:17px; }
 .theme-emerald .hero-actions { order:3; margin:0; gap:18px; }
 .theme-emerald .hero-scroll { order:4; }
 .theme-emerald .hero-photo { order:5; width:100%; grid-template-rows:330px auto; border-radius:140px 140px 25px 25px; margin:8px 0 0; }
 .theme-emerald .hero-photo picture { border-radius:140px 140px 0 0; }
 .theme-emerald .hero-photo figcaption strong { font-size:32px; }
 .theme-emerald .hero-baseline { margin-top:30px; }
 .theme-emerald .situation summary,.theme-emerald .situation[open] summary { grid-template-columns:39px minmax(0,1fr) 30px; gap:10px; padding:23px 15px; }
 .theme-emerald .situation h3 { font-size:23px; }
 .theme-emerald .situation .row-number { font-size:38px; }
 .theme-emerald .situation-toggle { width:30px; height:30px; }
 .theme-emerald .situation-inner { padding:0 20px 25px; }
 .theme-emerald .journey-section,.theme-emerald .cta-section { border-radius:30px 30px 0 0; }
 .theme-emerald .flagship-card { border-radius:22px; }
 .design-switcher { bottom:10px; gap:2px; padding:5px; max-width:calc(100% - 16px); font-size:12px; border-radius:11px; }
 .design-switcher a { padding:11px 10px; gap:6px; }
 .design-switcher .design-overview { padding-right:11px; margin-right:0; font-size:12px; }
 .design-switcher a b { display:none; }
 .design-dot { width:9px; height:9px; flex-basis:9px; }
 .gallery-header { padding:20px; font-size:15px; }
 .gallery-header a span { display:block; margin:5px 0 0; font-size:13px; }
 .gallery-header > span { font-size:12px; }
 .gallery-main { padding:30px 20px 45px; }
 .gallery-intro h1 { font-size:41px; }
 .gallery-intro > p:first-child { font-size:12px; }
 .gallery-intro > p:last-child { font-size:18px; }
 .design-options { grid-template-columns:1fr; gap:25px; margin-top:30px; }
 .option-details { padding:23px; }
 .option-title h2 { font-size:32px; }
 .option-details > p:not(.option-colors) { min-height:0; font-size:18px; }
 .gallery-note { font-size:16px; margin-top:30px; }
}
@media (max-width:360px) {
 .theme-cobalt .hero h1 { font-size:36px; }
 .theme-ember .hero h1 { font-size:33px; }
 .theme-emerald .hero h1 { font-size:36px; }
 .theme-emerald .hero-eyebrow,.theme-ember .hero-eyebrow { font-size:10px; }
 .theme-emerald .situation h3 { font-size:20px; }
 .theme-emerald .situation summary,.theme-emerald .situation[open] summary { padding-inline:12px; grid-template-columns:35px minmax(0,1fr) 28px; gap:9px; }
 .theme-emerald .situation .row-number { font-size:35px; }
 .gallery-intro h1 { font-size:35px; }
}
@media (prefers-reduced-motion:reduce) {
 .design-gallery * { animation:none !important; transition:none !important; }
}