/* Shared brand, navigation, footer and homepage. */
:root {--ink:#003159; --ink-soft:#315b75;
  --yellow:#fdb619; --yellow-light:#ffe3a3; --yellow-deep:#d58f00;
  --paper:#fbfaf6; --white:#fff; --soft:#f0eee6; --sand:#e6e3d9;
  --muted:#677373; --line:#d9ded9; --transparent:transparent;
  --font-body:"DM Sans",Arial,sans-serif; --font-display:"Manrope",Arial,sans-serif;
  --font-editorial:Georgia,"Times New Roman",serif;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-7:32px; --space-8:40px; --space-9:48px; --space-10:64px;
  --space-11:80px;
  --section-space:120px; --section-band-space:96px;
  --radius-sm:4px; --radius-md:12px; --radius-pill:999px;
  --size-xs:13px; --size-sm:13px; --size-base:16px; --size-body:16px; --size-lg:18px;
  --size-xl:22px; --size-2xl:28px; --size-3xl:36px; --size-4xl:52px; --size-hero:clamp(52px,5.2vw,72px);
  --leading-tight:1.08; --leading-heading:1.18; --leading-body:1.7;
  --tracking-tight:-.055em; --tracking-heading:-.045em; --tracking-wide:.12em;
  --weight-normal:400; --weight-bold:700;
  --container:1280px; --copy-width:460px; --border:1px; --stroke:1.6;
  --speed-fast:180ms; --speed-normal:320ms; --ease:cubic-bezier(.2,.7,.3,1);
  --shadow:0 16px 40px #00315912;
  --focus:3px solid var(--yellow-deep); --focus-offset:4px;}
*, *::before, *::after {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;background:var(--paper);color:var(--ink);font:var(--size-body)/var(--leading-body) var(--font-body);-webkit-font-smoothing:antialiased}
h1, h2, h3, p {margin:0}
h1, h2, h3 {font-family:var(--font-display);font-weight:var(--weight-bold)}
a {color:inherit;text-decoration:none}
button, input, select, textarea {font:inherit;color:inherit}
button, a, input, select, textarea {-webkit-tap-highlight-color:transparent}
button {cursor:pointer;border:0;background:none}
img {max-width:100%;display:block}
svg {display:block}
button:disabled {cursor:not-allowed;opacity:.5}
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {outline:var(--focus);outline-offset:var(--focus-offset)}
::selection {background:var(--yellow);color:var(--ink)}
[hidden] {display:none!important}
.icon-sprite {position:absolute;width:0;height:0;overflow:hidden}
.icon {width:var(--space-6);height:var(--space-6);fill:none;stroke:currentColor;stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.container {width:min(calc(100% - var(--space-10)),var(--container));margin-inline:auto}
.page-home .section {padding-block:var(--section-space)}
.page-home .eyebrow {font:var(--weight-bold) var(--size-xs)/1.5 var(--font-display);letter-spacing:var(--tracking-wide);display:flex;align-items:center;gap:var(--space-3)}
.page-home .serif {font-family:var(--font-editorial);font-style:italic;font-weight:var(--weight-normal);letter-spacing:var(--tracking-heading)}
h2 {font-size:var(--size-4xl);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}
h3 {font-size:var(--size-xl);line-height:1.4;letter-spacing:-.03em}
.button {display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);border:var(--border) solid var(--transparent);border-radius:var(--radius-sm);font:var(--weight-bold) var(--size-base)/1.4 var(--font-display);transition:background var(--speed-fast) var(--ease),color var(--speed-fast) var(--ease),transform var(--speed-fast) var(--ease)}
.button:hover {transform:translateY(-2px)}
.button:active {transform:translateY(0)}
.button-dark {background:var(--ink);color:var(--white)}
.button-dark:hover {background:var(--ink-soft)}
.page-home .button-yellow {background:var(--yellow);color:var(--ink)}
.page-home .button-yellow:hover {background:var(--yellow-deep)}
.page-home .text-link {display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--size-base);font-weight:var(--weight-bold);text-decoration:underline;text-underline-offset:var(--space-1);text-decoration-color:var(--transparent);transition:text-decoration-color var(--speed-fast) var(--ease)}
.page-home .text-link:hover {text-decoration-color:currentColor}
.page-home .text-link .icon {width:var(--space-5);height:var(--space-5)}
.page-home .status-dot {width:var(--space-2);height:var(--space-2);background:var(--yellow);border-radius:50%;flex-shrink:0}
.page-home .small-note {font-size:var(--size-sm);color:var(--muted)}
.page-home .sr-only {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link {position:fixed;top:var(--space-4);left:var(--space-4);z-index:100;transform:translateY(-200%);background:var(--yellow);padding:var(--space-3)}
.skip-link:focus {transform:translateY(0)}
.announcement {background:var(--ink);color:var(--white);font-size:var(--size-xs);padding-block:var(--space-2)}
.announcement .container {display:flex;justify-content:space-between;gap:var(--space-4)}
.announcement .container>span {letter-spacing:var(--tracking-wide);font-weight:var(--weight-normal)}
.announcement a {color:var(--yellow-light);font-size:var(--size-xs)}
.site-header {background:var(--paper);position:relative;z-index:30;border-bottom:var(--border) solid var(--transparent)}
.header-inner {height:92px;display:flex;align-items:center;justify-content:space-between;gap:23px}
.brand {display:inline-flex}
.brand img {width:190px;height:auto}
.main-nav {display:flex;margin-left:auto;align-items:center;gap:23px;font-size:var(--size-base);font-weight:var(--weight-normal)}
.main-nav a {transition:color var(--speed-fast) var(--ease)}
.main-nav a:hover {color:var(--yellow-deep)}
.header-actions {display:flex;gap:var(--space-4);align-items:center}
.header-quote {padding:var(--space-3) var(--space-5)}
.header-quote .icon {width:var(--space-5);height:var(--space-5)}
.menu-button {display:none;width:var(--space-9);height:var(--space-9);padding:var(--space-3)}
.menu-button span {display:block;height:2px;background:var(--ink);margin-block:6px;transition:transform var(--speed-fast) var(--ease)}
.page-home .hero {display:grid;grid-template-columns:1.08fr 1fr;gap:var(--space-9);padding-block:var(--space-8) var(--space-11);align-items:center}
.page-home .hero-copy {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}
.page-home .hero h1 {font-size:var(--size-hero);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);max-width:100%}
.page-home .highlight {position:relative;display:inline-block;z-index:0}
.page-home .highlight::after {content:"";position:absolute;left:0;right:0;bottom:6px;height:20%;z-index:-1;background:var(--yellow);transform:rotate(-1.5deg)}
.page-home .hero-description {color:var(--muted);max-width:var(--copy-width);font-size:var(--size-body)}
.page-home .hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);padding-block:var(--space-2)}
.page-home .hero-proof {display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);font-size:var(--size-sm)}
.page-home .hero-proof b, .page-home .hero-proof span {display:block}
.page-home .hero-proof b {font-weight:var(--weight-normal);font-size:var(--size-base)}
.page-home .hero-proof span {color:var(--muted)}
.page-home .proof-symbol {width:var(--space-8);height:var(--space-8);border:var(--border) solid var(--line);border-radius:50%;display:grid;place-items:center}
.page-home .proof-symbol .icon {width:var(--space-5);height:var(--space-5)}
.page-home .hero-visual {height:520px;position:relative;background:var(--ink);padding:var(--space-3);border-radius:var(--radius-md)}
.page-home .hero-photo {width:100%;height:100%;object-fit:cover;object-position:55% center;border-radius:var(--radius-sm)}
.page-home .image-label {position:absolute;top:var(--space-7);left:var(--space-7);font-size:var(--size-xs);letter-spacing:var(--tracking-wide);font-weight:var(--weight-normal);color:var(--white);display:flex;gap:var(--space-2);align-items:center;z-index:1}
.page-home .hero-photo-footer {position:absolute;bottom:var(--space-7);left:var(--space-7);right:var(--space-7);display:flex;justify-content:flex-end;color:var(--white);font-size:var(--size-xs);letter-spacing:.06em}
.page-home .round-stamp {position:absolute;right:-12px;top:-20px;transform:rotate(12deg);height:142px;width:142px;background:var(--yellow);border-radius:50%;border:6px solid var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1);font-size:var(--size-xs);line-height:1.1;letter-spacing:.01em;text-align:center;font-weight:var(--weight-bold)}
.page-home .round-stamp .icon {height:var(--space-7);width:var(--space-7)}
.page-home .floating-note {position:absolute;bottom:var(--space-10);left:-30px;background:var(--paper);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow);border-radius:var(--radius-sm)}
.page-home .floating-note>.icon {width:var(--space-7);height:var(--space-7)}
.page-home .floating-note b, .page-home .floating-note span {display:block;font-size:var(--size-base)}
.page-home .floating-note span {font-size:var(--size-sm);color:var(--muted)}
.page-home .ticker {background:var(--yellow);padding-block:var(--space-5);overflow:hidden}
.page-home .ticker-track {display:flex;align-items:center;gap:var(--space-6);width:max-content;white-space:nowrap}
.page-home .ticker span {font-size:var(--size-lg);font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.02em}
.page-home .ticker .icon {width:var(--space-5);height:var(--space-5);flex:none}
.page-home .stats {padding-block:var(--space-9);display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;border-bottom:var(--border) solid var(--line)}
.page-home .stats>div {padding-left:var(--space-7);padding-right:var(--space-5);border-left:var(--border) solid var(--line)}
.page-home .stats>div:first-child {padding-left:0;border:0}
.page-home .stats b {font-family:var(--font-display);font-size:var(--space-8);line-height:1.3;letter-spacing:var(--tracking-heading)}
.page-home .stats b span {font-size:var(--size-2xl);color:var(--yellow-deep)}
.page-home .stats p {font-size:var(--size-base);color:var(--muted)}
.page-home .stats .stats-note {display:flex;align-items:center;gap:var(--space-5)}
.page-home .stats-note .icon {width:var(--space-9);height:var(--space-9);color:var(--yellow-deep)}
.page-home .stats-note p {color:var(--ink)}
.page-home .stats-note strong {font-weight:var(--weight-normal)}
.page-home .section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-7);margin-bottom:var(--space-8)}
.page-home .section-heading .eyebrow {margin-bottom:var(--space-5)}
.page-home .section-heading>p {color:var(--muted);font-size:var(--size-base);padding-bottom:var(--space-2);max-width:360px}
.page-home .filter-bar {display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-7)}
.page-home .filter-button {border:var(--border) solid var(--line);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-size:var(--size-base);font-weight:var(--weight-normal);transition:background var(--speed-fast) var(--ease),color var(--speed-fast) var(--ease),border-color var(--speed-fast) var(--ease)}
.page-home .filter-button span {font-size:var(--size-xs);margin-left:var(--space-2);opacity:.65}
.page-home .filter-button:hover {border-color:var(--ink)}
.page-home .filter-button.is-active {color:var(--white);background:var(--ink);border-color:var(--ink)}
.page-home .filter-hint {margin-left:auto;font-size:var(--size-base);color:var(--muted);display:flex;align-items:center;gap:var(--space-3)}
.page-home .filter-hint .icon {width:var(--space-4);height:var(--space-4)}
.page-home .product-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-6)}
.page-home .product-card {min-width:0}
.page-home .product-visual {position:relative;width:100%;aspect-ratio:1.3;display:grid;place-items:center;background:var(--soft);border-radius:var(--radius-md);overflow:hidden}
.page-home .product-badge {position:absolute;top:var(--space-4);left:var(--space-4);font-size:var(--size-xs);letter-spacing:.06em;border:var(--border) solid #00315920;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);background:#fbfaf6d9;z-index:1}
.page-home .print-art {display:block;width:100%;height:100%;object-fit:cover}
.page-home .product-name-row {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-5)}
.page-home .product-page-link {display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--size-base);color:var(--muted);white-space:nowrap}
.page-home .product-page-link:hover {color:var(--ink)}
.page-home .product-page-link .icon {width:16px;height:16px}
.page-home .product-name-row h3 {font-size:var(--size-lg)}
.page-home .product-card>p {font-size:var(--size-base);color:var(--muted);margin-top:var(--space-1)}
.page-home .collection-footer {display:flex;align-items:center;justify-content:center;gap:var(--space-5);font-size:var(--size-base);border-top:var(--border) solid var(--line);margin-top:var(--space-9);padding-top:var(--space-6)}
.page-home .collection-footer p {color:var(--muted)}
.page-home .bundle-section {padding-block:var(--section-band-space);background:var(--soft)}
.page-home .bundle-layout {display:grid;grid-template-columns:1fr 1fr;gap:var(--space-11);align-items:center}
.page-home .bundle-copy {display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-5);min-width:0}
.page-home .bundle-copy>p:not(.eyebrow) {color:var(--muted);max-width:var(--copy-width)}
.page-home .bundle-tabs {display:flex;gap:var(--space-6);border-bottom:var(--border) solid var(--line);width:100%;margin-top:var(--space-3)}
.page-home .bundle-tabs button {font-size:var(--size-base);padding:var(--space-3) 0;border-bottom:2px solid transparent;white-space:nowrap}
.page-home .bundle-tabs button[aria-selected=true] {border-color:var(--ink);font-weight:var(--weight-bold)}
.page-home #kit-panel {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.page-home #kit-panel h3 {font-size:var(--size-lg)}
.page-home #kit-panel p {font-size:var(--size-base);color:var(--muted)}
.page-home .kit-includes {display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-2) var(--space-4)}
.page-home .kit-includes span {font-size:var(--size-base);padding:var(--space-1) var(--space-3);border:var(--border) solid var(--line);border-radius:var(--radius-pill)}
.page-home .bundle-art {width:100%;aspect-ratio:1;position:relative;background:var(--sand);border-radius:var(--radius-md);overflow:hidden;display:grid;place-items:center}
.page-home .finish-section {display:grid;grid-template-columns:1fr 1fr;gap:var(--space-11);align-items:center}
.page-home .finish-copy {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.page-home .finish-copy>p:not(.eyebrow) {color:var(--muted)}
.page-home .finish-stage {background:var(--sand);border-radius:var(--radius-md);min-height:570px;position:relative;overflow:hidden}
.page-home .finish-photo {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.page-home .stage-label {position:absolute;top:var(--space-6);left:var(--space-6);z-index:1;font:var(--weight-normal) var(--size-xs) var(--font-display);letter-spacing:var(--tracking-wide);background:#faf9f3e8;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}
.page-home .stage-footer {position:absolute;bottom:var(--space-6);left:var(--space-6);right:var(--space-6);z-index:1;display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--size-xs);font-weight:var(--weight-normal);letter-spacing:.06em}
.page-home .finish-options {width:100%;display:flex;flex-direction:column;gap:var(--space-2)}
.page-home .finish-option {display:flex;gap:var(--space-4);width:100%;align-items:center;text-align:left;border:var(--border) solid var(--line);border-radius:var(--radius-sm);padding:var(--space-4);transition:background var(--speed-fast) var(--ease),border-color var(--speed-fast) var(--ease)}
.page-home .finish-option.is-active {border-color:var(--ink);background:var(--soft)}
.page-home .finish-option:hover {border-color:var(--ink)}
.page-home .finish-option b, .page-home .finish-option small {display:block}
.page-home .finish-option b {font-size:var(--size-base)}
.page-home .finish-option small {font-size:var(--size-sm);color:var(--muted)}
.page-home .finish-option>.icon {margin-left:auto;width:var(--space-5);height:var(--space-5)}
.page-home .finish-dot {width:var(--space-8);height:var(--space-8);border-radius:50%;flex-shrink:0;background:var(--ink)}
.page-home .finish-dot.gloss {background:linear-gradient(120deg,var(--ink) 20%,#96a7ab 50%,var(--ink) 80%)}
.page-home .finish-dot.foil {background:linear-gradient(120deg,var(--yellow-deep),var(--yellow-light),var(--yellow-deep))}
.page-home .why-section {background:var(--ink);color:var(--paper);padding-block:var(--section-band-space)}
.page-home .why-section .eyebrow {color:var(--yellow)}
.page-home .why-section .section-heading>p {color:#c8d1d3}
.page-home .why-section .serif {color:var(--yellow-light)}
.page-home .benefit-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-9);padding-block:var(--space-4) var(--space-9)}
.page-home .benefit-grid article {position:relative;border-top:var(--border) solid #ffffff30;padding-top:var(--space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.page-home .benefit-number {font-size:var(--size-sm);color:#c8d1d3}
.page-home .benefit-grid article>.icon {position:absolute;top:var(--space-6);right:0;width:var(--space-7);height:var(--space-7);color:var(--yellow)}
.page-home .benefit-grid h3 {margin-top:var(--space-5)}
.page-home .benefit-grid p {color:#c8d1d3;font-size:var(--size-base);max-width:360px}
.page-home .why-bottom {display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);border-top:var(--border) solid #ffffff30;padding-top:var(--space-6)}
.page-home .why-bottom>span {font-size:var(--size-xs);letter-spacing:var(--tracking-wide)}
.page-home .why-bottom .text-link {color:var(--yellow-light)}
.page-home .process-tabs {display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.page-home .process-tabs button {border-top:2px solid var(--line);text-align:left;display:grid;grid-template-columns:1fr auto;gap:var(--space-4);padding:var(--space-5) 0;transition:border-color var(--speed-fast) var(--ease),color var(--speed-fast) var(--ease);color:var(--muted)}
.page-home .process-tabs button>span {grid-column:1 / -1;font-family:var(--font-display);font-size:var(--size-2xl)}
.page-home .process-tabs button b {font-size:var(--size-lg);font-family:var(--font-display)}
.page-home .process-tabs button>.icon {width:var(--space-5);height:var(--space-5)}
.page-home .process-tabs button[aria-selected=true] {border-color:var(--yellow-deep);color:var(--ink)}
.page-home .process-tabs button[aria-selected=true]>span {color:var(--yellow-deep)}
.page-home .process-panel {display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-11);background:var(--soft);border-radius:var(--radius-md);padding:var(--space-8);margin-top:var(--space-6)}
.page-home .process-panel>div:first-child {display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-4)}
.page-home .process-panel h3 {font-size:var(--size-xl)}
.page-home .process-panel p {font-size:var(--size-base);color:var(--muted)}
.page-home .process-panel .text-link {margin-top:var(--space-2)}
.page-home .process-checklist {display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);font-size:var(--size-base)}
.page-home .process-checklist span {display:flex;align-items:center;gap:var(--space-3)}
.page-home .process-checklist .icon {width:var(--space-5);height:var(--space-5);color:var(--yellow-deep)}
.page-home .inspiration-section {background:var(--soft);padding-block:var(--section-band-space)}
.page-home .inspiration-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.page-home .inspiration-card {display:block}
.page-home .inspiration-image {aspect-ratio:1;position:relative;border-radius:var(--radius-md);overflow:hidden;transition:transform var(--speed-normal) var(--ease),box-shadow var(--speed-normal) var(--ease);background:var(--sand)}
.page-home .inspiration-card:hover .inspiration-image {transform:translateY(-4px);box-shadow:var(--shadow)}
.page-home .inspiration-image img {width:100%;height:100%;object-fit:cover;object-position:60% center}
.page-home .image-tag {position:absolute;left:var(--space-4);bottom:var(--space-4);background:var(--paper);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--size-xs);letter-spacing:.06em;z-index:1}
.page-home .inspiration-card>div:not(.inspiration-image) {display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;padding-top:var(--space-5)}
.page-home .inspiration-card h3 {font-size:var(--size-lg)}
.page-home .inspiration-card .icon {width:var(--space-5);height:var(--space-5)}
.page-home .inspiration-card>p {color:var(--muted);font-size:var(--size-base);padding-top:var(--space-1)}
.page-home .inspiration-disclaimer {padding-top:var(--space-7)}
.page-home .delivery-section {display:grid;grid-template-columns:1fr 1fr;gap:var(--space-11);align-items:center;border-bottom:var(--border) solid var(--line)}
.page-home .delivery-section>div:first-child {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.page-home .delivery-section>div:first-child>p:not(.eyebrow) {color:var(--muted);max-width:var(--copy-width)}
.page-home .delivery-pills {display:flex;gap:var(--space-5);flex-wrap:wrap;font-size:var(--size-base);padding-top:var(--space-3)}
.page-home .delivery-pills>span {display:flex;gap:var(--space-2);align-items:center}
.page-home .delivery-pills .icon {width:var(--space-4);height:var(--space-4)}
.page-home .delivery-card {background:var(--yellow-light);border-radius:var(--radius-md);padding:var(--space-8);position:relative;display:flex;flex-direction:column;gap:var(--space-5)}
.page-home .delivery-card>.icon {position:absolute;top:var(--space-7);right:var(--space-7);width:var(--space-8);height:var(--space-8)}
.page-home .delivery-card>.eyebrow {padding-right:var(--space-8)}
.page-home .delivery-card h3 {font-size:var(--size-3xl);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}
.page-home .delivery-card h3>span {color:var(--yellow-deep)}
.page-home .delivery-card>p {font-size:var(--size-base)}
.page-home .delivery-card small {font-size:var(--size-xs);color:var(--ink-soft);padding-top:var(--space-3);border-top:var(--border) solid #00315926}
.page-home .faq-section {display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--space-11)}
.page-home .faq-section>div:first-child {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.page-home .faq-section>div:first-child>p:not(.eyebrow) {color:var(--muted);font-size:var(--size-base);padding-top:var(--space-3)}
.page-home .faq-list details {border-bottom:var(--border) solid var(--line)}
.page-home .faq-list details:first-child {border-top:var(--border) solid var(--line)}
.page-home .faq-list summary {list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6);font-size:var(--size-body);font-weight:var(--weight-normal)}
.page-home .faq-list summary::-webkit-details-marker {display:none}
.page-home .faq-list .icon {width:var(--space-5);height:var(--space-5);transition:transform var(--speed-fast) var(--ease)}
.page-home .faq-list details[open] .icon {transform:rotate(45deg)}
.page-home .faq-list details>p {font-size:var(--size-base);color:var(--muted);padding:0 var(--space-9) var(--space-6) 0}
.page-home .quote-section {background:var(--yellow);padding-block:var(--section-band-space)}
.page-home .quote-layout {display:grid;grid-template-columns:1fr 1fr;gap:var(--space-11);align-items:center}
.page-home .quote-copy {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);position:relative;align-self:stretch;padding-top:var(--space-4)}
.page-home .quote-copy>p:not(.eyebrow) {max-width:400px;color:var(--ink-soft)}
.page-home .quote-phone {display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--size-lg);font-weight:var(--weight-bold);padding-top:var(--space-5)}
.page-home .office-hours {font-size:var(--size-xs);letter-spacing:var(--tracking-wide)}
.page-home .quote-star {margin-top:auto;padding-top:var(--space-7)}
.page-home .quote-star .icon {width:var(--space-11);height:var(--space-11);stroke-width:1.2}
.page-home .quote-form {background:var(--paper);padding:var(--space-7);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-5)}
.page-home .form-title h3 {font-size:var(--size-lg)}
.page-home .form-title>span {font-size:var(--size-base);color:var(--muted)}
.page-home .form-grid {display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
label {display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--size-base);font-weight:var(--weight-normal)}
input, select, textarea {width:100%;min-width:0;padding:var(--space-3);border:var(--border) solid var(--line);background:var(--white);border-radius:var(--radius-sm);font-size:var(--size-base);font-weight:var(--weight-normal);transition:border-color var(--speed-fast) var(--ease)}
input:hover, select:hover, textarea:hover {border-color:var(--ink)}
textarea {resize:vertical;min-height:96px}
input::placeholder, textarea::placeholder {color:#87918f}
.page-home .quote-form .button {width:100%;justify-content:space-between}
.page-home .form-note {font-size:var(--size-xs);text-align:center;color:var(--muted)}
.page-home .form-status {margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--size-base);line-height:1.5}
.page-home .form-status[data-state="loading"] {background:var(--soft);color:var(--ink)}
.page-home .form-status[data-state="success"] {background:#e4f2e8;color:#175235}
.page-home .form-status[data-state="error"] {background:#fff0e8;color:#833929}
.page-home .quote-form .button:disabled {cursor:wait;opacity:.7;transform:none}
.site-footer {padding-block:var(--space-10) var(--space-6)}
.footer-main {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-8);padding-bottom:var(--space-9)}
.footer-brand p {font-size:var(--size-base);color:var(--muted);margin-top:var(--space-5)}
.footer-links {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);font-size:var(--size-base);color:var(--muted)}
.footer-links b {font-size:var(--size-xs);color:var(--ink);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}
.footer-links a:hover {color:var(--ink);text-decoration:underline}
.footer-contact {display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);color:var(--ink)}
.footer-bottom {border-top:var(--border) solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding-top:var(--space-5);font-size:var(--size-xs);color:var(--muted)}
.footer-bottom small {font-size:var(--size-xs)}
.footer-bottom .back-to-top {font-size:var(--size-base);padding:0}
.floating-chat {position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:25;background:var(--ink);color:var(--white);padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);border:var(--border) solid #ffffff40;box-shadow:var(--shadow);font-size:var(--size-base);transition:background var(--speed-fast) var(--ease),transform var(--speed-fast) var(--ease)}
.floating-chat:hover {background:var(--ink-soft);transform:translateY(-2px)}
.page-home .design-support {padding-block:var(--space-10);border-bottom:var(--border) solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}
.page-home .design-support>div:first-child {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.page-home .design-support h2 {font-size:var(--size-3xl)}
.page-home .design-support p:not(.eyebrow) {font-size:var(--size-base);color:var(--muted)}
.page-home .design-support-action {display:flex;gap:var(--space-8);align-items:center}
.page-home .sketch-arrow {width:190px;height:100px;color:var(--yellow-deep)}
@media(min-width:1500px) {
:root {--container:1360px;--size-hero:76px}
.page-home .hero-visual {height:560px}
}
@media(max-width:1100px) {
:root {--size-hero:clamp(52px,5.2vw,60px);--size-4xl:44px;--section-space:96px}
.page-home .hero {gap:var(--space-7)}
.page-home .hero-visual {height:480px}
.page-home .hero-actions {align-items:flex-start;flex-direction:column;gap:var(--space-4)}
.page-home .filter-hint {display:none}
.page-home .bundle-layout, .page-home .finish-section, .page-home .delivery-section, .page-home .quote-layout, .page-home .faq-section {gap:var(--space-9)}
.page-home .form-grid {grid-template-columns:minmax(0,1fr)}
.page-home .finish-stage {min-height:520px}
.page-home .stage-footer>span:last-child {display:none}
.footer-main {gap:var(--space-6)}
.page-home .stats>div {padding-left:var(--space-5)}
.page-home .stats-note .icon {width:var(--space-7);height:var(--space-7)}
}
@media(max-width:970px) {
.main-nav {display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:var(--space-6) var(--space-7);border-bottom:var(--border) solid var(--line);box-shadow:var(--shadow)}
.main-nav.is-open {display:flex;flex-direction:column;align-items:flex-start}
.menu-button {display:block}
.menu-button[aria-expanded=true] span:first-child {transform:translateY(4px) rotate(45deg)}
.menu-button[aria-expanded=true] span:last-child {transform:translateY(-4px) rotate(-45deg)}
.header-inner {height:80px}
.page-home .hero {grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:var(--space-7)}
.page-home .hero-visual {height:clamp(420px,48vw,520px)}
.page-home .hero-description {font-size:var(--size-base)}
.page-home .hero-proof {font-size:var(--size-xs)}
.page-home .hero-proof b {font-size:var(--size-sm)}
.page-home .hero-proof span {font-size:var(--size-xs)}
.page-home .round-stamp {width:132px;height:132px;right:-12px}
.page-home .floating-note {left:-15px;padding:var(--space-3)}
.page-home .floating-note b {font-size:var(--size-base)}
.page-home .floating-note span {font-size:var(--size-xs)}
.page-home .ticker span {font-size:var(--size-base)}
.page-home .stats {grid-template-columns:repeat(3,1fr)}
.page-home .stats-note {display:none!important}
.page-home .product-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.page-home .bundle-layout {grid-template-columns:minmax(0,1fr);gap:var(--space-8)}
.page-home .finish-section {gap:var(--space-7)}
.page-home .bundle-art {aspect-ratio:1.4}
.page-home .bundle-copy h2, .page-home .finish-copy h2 {font-size:38px}
.page-home .bundle-tabs {gap:var(--space-4);overflow-x:auto}
.page-home .finish-stage {min-height:470px}
.page-home .benefit-grid {gap:var(--space-6)}
.page-home .process-panel {gap:var(--space-8)}
.page-home .inspiration-card h3 {font-size:var(--size-base)}
.page-home .delivery-section, .page-home .faq-section, .page-home .quote-layout {gap:var(--space-7)}
.page-home .delivery-card {padding:var(--space-7)}
.page-home .delivery-card h3 {font-size:var(--size-2xl)}
.page-home .quote-form {padding:var(--space-6)}
.page-home .form-grid {gap:var(--space-3)}
.page-home .sketch-arrow {display:none}
}
@media(max-width:760px) {
:root {--size-hero:clamp(30px,10vw,48px);--size-4xl:40px;--section-space:72px;--section-band-space:72px}
.container {width:calc(100% - var(--space-8))}
.announcement .container {justify-content:center}
.announcement .container>span {display:none}
.announcement a {text-align:center;line-height:1.4}
.brand img {width:190px}
.header-inner {height:76px}
.header-quote {font-size:var(--size-base);padding:var(--space-3);gap:var(--space-2)}
.header-quote .icon {width:var(--space-4);height:var(--space-4)}
.header-actions {gap:var(--space-1)}
.menu-button {width:var(--space-8);height:var(--space-8)}
.page-home .hero {grid-template-columns:1fr;gap:var(--space-9);padding-block:var(--space-7) var(--space-9)}
.page-home .hero h1 {font-size:var(--size-hero)}
.page-home .hero-copy {gap:var(--space-5)}
.page-home .hero-description {font-size:var(--size-body)}
.page-home .hero-actions {flex-direction:row;align-items:center;gap:var(--space-5)}
.page-home .hero-proof {padding-top:var(--space-2)}
.page-home .hero-proof b {font-size:var(--size-base)}
.page-home .hero-proof span {font-size:var(--size-xs)}
.page-home .hero-visual {height:440px;margin-inline:var(--space-1)}
.page-home .round-stamp {width:128px;height:128px;right:-12px;top:-16px}
.page-home .floating-note {left:-8px;padding:var(--space-4)}
.page-home .floating-note b {font-size:var(--size-base)}
.page-home .floating-note span {font-size:var(--size-sm)}
.page-home .image-label {top:var(--space-6);left:var(--space-6);font-size:var(--size-xs)}
.page-home .hero-photo-footer {left:var(--space-6);right:var(--space-6);font-size:var(--size-xs)}
.page-home .ticker {padding-block:var(--space-4)}
.page-home .section-heading {flex-direction:column;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-7)}
.page-home .section-heading .eyebrow {margin-bottom:var(--space-4)}
.page-home .section-heading>p {font-size:var(--size-base);max-width:none}
.page-home .filter-bar {gap:var(--space-2);margin-bottom:var(--space-6)}
.page-home .filter-button {font-size:var(--size-base);padding:var(--space-2) var(--space-3)}
.page-home .product-grid {gap:var(--space-6) var(--space-4)}
.page-home .product-visual {aspect-ratio:1}
.page-home .product-badge {top:var(--space-3);left:var(--space-3);font-size:var(--size-xs);padding:var(--space-1) var(--space-2)}
.page-home .product-name-row {padding-top:var(--space-3)}
.page-home .product-name-row h3 {font-size:var(--size-base)}
.page-home .product-card>p {font-size:var(--size-base)}
.page-home .collection-footer {flex-direction:column;gap:var(--space-2);text-align:center;margin-top:var(--space-7)}
.page-home .bundle-layout, .page-home .finish-section, .page-home .delivery-section, .page-home .faq-section, .page-home .quote-layout {grid-template-columns:minmax(0,1fr);gap:var(--space-8)}
.page-home .bundle-copy h2, .page-home .finish-copy h2 {font-size:var(--size-4xl)}
.page-home .bundle-art {width:100%;aspect-ratio:1.1;max-width:none;margin-inline:0}
.page-home .bundle-tabs {gap:var(--space-6)}
.page-home .finish-visual {order:2}
.page-home .finish-stage {min-height:470px}
.page-home .finish-copy {gap:var(--space-4)}
.page-home .benefit-grid {grid-template-columns:1fr;gap:var(--space-7);padding-top:0}
.page-home .benefit-grid article {gap:var(--space-3)}
.page-home .benefit-grid h3 {margin-top:var(--space-2)}
.page-home .benefit-grid p {max-width:none}
.page-home .benefit-number {font-size:var(--size-xs)}
.page-home .benefit-grid article>.icon {width:var(--space-6);height:var(--space-6)}
.page-home .why-bottom {flex-direction:column;align-items:flex-start;gap:var(--space-4)}
.page-home .why-bottom>span {font-size:var(--size-xs)}
.page-home .process-tabs {grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-6)}
.page-home .process-tabs button {grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4) 0}
.page-home .process-tabs button>span {font-size:var(--size-xl)}
.page-home .process-tabs button b {font-size:var(--size-base)}
.page-home .process-tabs button>.icon {display:none}
.page-home .process-panel {grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-6)}
.page-home .process-panel h3 {font-size:var(--size-lg)}
.page-home .process-checklist {border-top:var(--border) solid var(--line);padding-top:var(--space-5)}
.page-home .inspiration-grid {grid-template-columns:1fr;gap:var(--space-7)}
.page-home .inspiration-image {aspect-ratio:1.3}
.page-home .inspiration-card h3 {font-size:var(--size-lg)}
.page-home .inspiration-disclaimer {font-size:var(--size-xs)}
.page-home .delivery-card {padding:var(--space-7)}
.page-home .delivery-card h3 {font-size:var(--size-3xl)}
.page-home .faq-list summary {font-size:var(--size-base);padding-block:var(--space-5)}
.page-home .faq-list details>p {padding-right:var(--space-5)}
.page-home .quote-star {display:none}
.page-home .quote-copy>p:not(.eyebrow) {max-width:none}
.page-home .quote-phone {padding-top:var(--space-2)}
.page-home .quote-form {padding:var(--space-6)}
.site-footer {padding-top:var(--space-9)}
.footer-main {grid-template-columns:1fr 1fr;gap:var(--space-7)}
.footer-brand {grid-column:1 / -1}
.footer-bottom {flex-direction:column;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-9)}
.floating-chat {bottom:var(--space-4);right:var(--space-4);padding:var(--space-3);gap:var(--space-2)}
.floating-chat>span {display:none}
.header-actions {flex-shrink:0}
.header-quote {white-space:nowrap}
.page-home .design-support {flex-direction:column;align-items:flex-start;gap:var(--space-6);padding-block:var(--space-9)}
.page-home .design-support h2 {font-size:var(--size-3xl)}
}
@media(max-width:580px) {
.page-home .stats {grid-template-columns:1fr;padding-block:0;gap:0;text-align:center}
.page-home .stats>div {display:flex;align-items:baseline;justify-content:center;gap:var(--space-4);padding:var(--space-5) 0;border-left:0;border-top:var(--border) solid var(--line)}
}
@media(max-width:480px) {
:root {--size-4xl:34px}
.header-quote {display:none}
.page-home .stats>div {display:block}
.container {width:calc(100% - var(--space-7))}
.page-home .hero-visual {height:360px}
.page-home .hero-actions {flex-direction:column;align-items:flex-start}
.page-home .product-grid {grid-template-columns:1fr;gap:var(--space-6)}
.page-home .bundle-tabs {gap:var(--space-4);overflow-x:auto}
.page-home .finish-stage {min-height:400px}
.page-home .quote-form {padding:var(--space-5)}
.page-home .round-stamp {right:0}
.page-home .image-label {display:none}
}



@media(min-width:761px) and (max-width:820px) {
.page-home .image-label {display:none}
}
@media(prefers-reduced-motion:reduce) {
html {scroll-behavior:auto}
*, *::before, *::after {transition:none!important;animation:none!important}
.button:hover, .floating-chat:hover, .page-home .inspiration-card:hover .inspiration-image {transform:none}
}
.icon.inline-icon {display:inline-block;width:1em;height:1em;vertical-align:-.15em}
.page-home .icon.inline-dot {width:.5em;height:.5em;vertical-align:.05em}
.privacy-trigger {padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px;text-align:left}
.privacy-trigger:hover {color:var(--ink)}
.page-home .form-note .privacy-trigger {color:var(--ink)}
body.privacy-open {overflow:hidden}
.privacy-dialog {width:min(680px,calc(100% - 32px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:var(--radius-md);background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}
.privacy-dialog[open] {display:flex;flex-direction:column}
.privacy-dialog::backdrop {background:#002847b3}
.privacy-header {display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:var(--border) solid var(--line);flex-shrink:0}
.privacy-header h2 {font-size:var(--size-2xl);line-height:1.2}
.privacy-close {display:grid;place-items:center;width:44px;height:44px;padding:var(--space-2);flex-shrink:0;border-radius:var(--radius-sm)}
.privacy-close:hover {background:var(--soft)}
.privacy-content {min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6);font-size:var(--size-base);overflow-wrap:anywhere}
.privacy-content section+section {margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--border) solid var(--line)}
.privacy-content h3 {font-size:var(--size-lg);margin-bottom:var(--space-3)}
.privacy-content p+p {margin-top:var(--space-3)}
.privacy-content a {text-decoration:underline;text-underline-offset:3px}
.privacy-content .privacy-providers {margin-top:var(--space-6);font-size:var(--size-xs)}
@media(max-width:480px) {
.privacy-header {padding:var(--space-4)}
.privacy-header h2 {font-size:var(--size-xl)}
.privacy-content {padding:var(--space-4)}
}

/* Red packet content and seasonal theme. */
.page-redpacket {--packet-content-gutter: 7%;
  --packet-red: #b92722;
  --packet-cream: #fff4d9;
  --packet-gold: #f6d48f;
  --packet-ink: #382e27;
  --packet-green: #174e42;
  --packet-line: #ded6c5;}
.page-redpacket .red-packet-content figure, .page-redpacket .red-packet-content ul {margin: 0;}
.page-redpacket .red-packet-content button {margin: 0; padding: 0; font: inherit;}
.page-redpacket .red-packet-content img, .page-redpacket .red-packet-content svg {vertical-align: middle;}
.page-redpacket .red-packet-content {margin: 0;
  background: #fffcf4;
  color: var(--packet-ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.7;}
.page-redpacket .red-packet-content .eyebrow {font-size: 0.8125rem;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: 20px;}
.page-redpacket .red-packet-content .button {display: inline-block;
  text-align: center;
  line-height: 1.4;
  padding: 15px 25px;
  border: 0;
  border-radius: 4px;
  font-weight: 700;
  transition: transform .2s,box-shadow .2s;}
.page-redpacket .red-packet-content .button:hover {transform: translateY(-3px); box-shadow: 0 7px 16px #0002;}
.page-redpacket .red-packet-content .cream {background: var(--packet-cream); color: var(--packet-red);}
.page-redpacket .red-packet-content .red {background: var(--packet-red); color: var(--packet-cream);}
.page-redpacket .red-packet-content .section {padding: 75px var(--packet-content-gutter); scroll-margin-top: 15px;}
.page-redpacket .red-packet-content .section-heading {margin-bottom: 30px;}
.page-redpacket .red-packet-content .section .eyebrow {color: var(--packet-red);}
.page-redpacket .red-packet-content h2 {font-size: clamp(36px, calc(28px + 1.1vw), 44px); line-height: 1.5; letter-spacing: -1px;}
.page-redpacket .red-packet-content .catalog-lead {margin-top: 20px; color: #776f60; line-height: 1.9;}
.page-redpacket .red-packet-content .hero-desc, .page-redpacket .red-packet-content .catalog-lead, .page-redpacket .red-packet-content .reviews-lead, .page-redpacket .red-packet-content .faq-lead {font-size: 18px;}
.page-redpacket .red-packet-content .section > * {min-width: 0;}
.page-redpacket .red-packet-content .hero {isolation: isolate;
  color: var(--packet-cream);
  background-color: #b7231e;
  background-image: radial-gradient(ellipse 65% 85% at 50% 78%, #f2b566 0%, #e5793a 22%, #ce402b 48%, #a92425 74%, #811c26 100%);
  text-align: center;}
.page-redpacket .red-packet-content .hero-copy {position: relative;
  z-index: 2;
  width: min(100% - 3rem, 72rem);
  margin-inline: auto;
  padding-top: 60px;}
.page-redpacket .red-packet-content .hero .eyebrow {display: inline-block;
  max-width: 100%;
  margin-bottom: 1.5rem;
  padding: .625rem 1.25rem;
  color: #8e201c;
  background: linear-gradient(110deg, #ffe8b7, #f6d48f);
  line-height: 1.6;
  letter-spacing: .14em;
  transform: rotate(-1.5deg);
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);}
.page-redpacket .red-packet-content .hero h1 {font-size: clamp(2.5rem, 5.2vw, 5.125rem);
  line-height: 1.3;
  letter-spacing: .02em;
  overflow-wrap: anywhere;}
.page-redpacket .red-packet-content .hero h1 span {display: inline-block; color: #ffe3a1;}
.page-redpacket .red-packet-content .hero-desc {max-width: 38rem; margin: 1.25rem auto 1.5rem; line-height: 1.8;}
.page-redpacket .red-packet-content .hero-desc br {display: none;}
.page-redpacket .red-packet-content .hero .button {max-width: 100%;}
.page-redpacket .red-packet-content .hero-illustration {margin-top: calc(60px - 19.0411vw); overflow: hidden; pointer-events: none;}
.page-redpacket .red-packet-content .hero-scene {display: grid; width: 100%; aspect-ratio: 1460 / 768;}
.page-redpacket .red-packet-content .hero-scene > img {grid-area: 1 / 1;
  width: 100%;
  height: auto;}
.page-redpacket .red-packet-content .hero-scene-background {transform: translateY(var(--hero-depth-offset, 0px));}
.page-redpacket .red-packet-content .hero-scene-foreground {align-self: end; z-index: 1;}
.page-redpacket .welcome-confetti {position: fixed;
  inset: 0;
  z-index: 20;
  overflow: hidden;
  pointer-events: none;}
.page-redpacket .welcome-confetti-piece {position: absolute;
  top: 0;
  width: 8px;
  height: 15px;
  border-radius: 2px;}
.page-redpacket .red-packet-content .ticker {overflow: hidden;
  padding: 16px 0;
  background: var(--packet-green);
  color: var(--packet-cream);}
.page-redpacket .red-packet-content .ticker-track {display: flex;
  width: max-content;
  font-size: 21px;
  letter-spacing: 3px;}
.page-redpacket .red-packet-content .ticker-group {display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 32px;
  padding-right: 32px;
  white-space: nowrap;}
.page-redpacket .red-packet-content .ticker-group b {color: var(--packet-gold); font-weight: 400;}
.page-redpacket .red-packet-content h1, .page-redpacket .red-packet-content h2 {font-family: 'Noto Serif SC', serif; font-weight: 700;}
.page-redpacket .red-packet-content :focus, .page-redpacket .red-packet-content :focus-within, .page-redpacket .red-packet-content :focus-visible {outline: none;}
.page-redpacket .red-packet-content button:focus-visible, .page-redpacket .red-packet-content a:focus-visible, .page-redpacket .red-packet-content summary:focus-visible {text-decoration: underline; text-underline-offset: 4px;}
.page-redpacket .red-packet-content .faq {position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(32px, 7vw, 110px);}
.page-redpacket .red-packet-content .faq-intro {align-self: start;}
.page-redpacket .red-packet-content .faq-contact {margin-top: 36px;}
.page-redpacket .red-packet-content .faq-lead {margin-top: 24px;
  line-height: 1.8;
  color: #796650;}
.page-redpacket .red-packet-content .faq details {overflow: hidden; border-bottom: 1px solid var(--packet-line);}
.page-redpacket .red-packet-content .faq summary {position: relative;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 16px;
  padding: 24px 32px 24px 0;
  cursor: pointer;
  list-style: none;
  font-size: 18px;
  line-height: 1.7;}
.page-redpacket .red-packet-content .faq summary::-webkit-details-marker {display: none;}
.page-redpacket .red-packet-content .faq-number {padding-top: 4px; color: #a17c52; font-size: 13px;}
.page-redpacket .red-packet-content .faq summary::after {content: '+';
  position: absolute;
  top: 24px;
  right: 0;
  color: var(--packet-red);
  font-size: 22px;}
.page-redpacket .red-packet-content .faq details:first-child summary {padding-top: 0;}
.page-redpacket .red-packet-content .faq details:first-child summary::after {top: 0;}
.page-redpacket .red-packet-content .faq details[open] summary::after {content: '-';}
.page-redpacket .red-packet-content .faq details[open] summary {color: var(--packet-red);}
.page-redpacket .red-packet-content .faq details p {margin: 0 32px 24px 0;
  line-height: 1.9;
  color: #62554a;}
.page-redpacket .red-packet-content [hidden] {display: none !important;}
.page-redpacket .red-packet-content #catalog-title {font-size: clamp(36px, 3.4vw, 54px); line-height: 1.45;}
.page-redpacket .red-packet-content #catalog-title br {display: none;}
.page-redpacket .red-packet-content .catalog-toolbar {display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding-top: 30px;
  margin-bottom: 40px;
  border-top: 1px solid var(--packet-line);}
.page-redpacket .red-packet-content .catalog-filters {display: flex;
  max-width: 100%;
  gap: 3px;
  padding: 6px;
  border-radius: 8px;
  background: #f4eee1;}
.page-redpacket .red-packet-content .catalog-filters button {
  min-width: 0;
  white-space: nowrap;
  min-height: 44px;
  padding: 8px 15px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #76634e;}
.page-redpacket .red-packet-content .catalog-filters button[aria-pressed="true"] {color: #fff;
  background: var(--packet-red);
  font-weight: 700;}
.page-redpacket .red-packet-content .catalog-premium-note {margin:0 0 40px;padding-left:15px;border-left:3px solid var(--packet-red);font-size:16px;line-height:1.8;color:var(--packet-ink)}
.page-redpacket .red-packet-content .catalog-status {margin-left: auto; color: #796650; font-size: 13px;}
.page-redpacket .red-packet-content .catalog-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px 15px;
  padding: 0;
  list-style: none;}
.page-redpacket .red-packet-content .catalog-image {width: 100%; height: auto; margin-bottom: 5px; border: 1px solid var(--packet-line);}
.page-redpacket .red-packet-content .catalog-open {display: block; width: 100%; border: 0; background: transparent; cursor: zoom-in;}
.page-redpacket .red-packet-content .catalog-open:focus-visible {box-shadow: 0 0 0 2px var(--packet-line);}
.page-redpacket .catalog-preview {width: min(900px, calc(100% - 40px));
  height: 90vh;
  max-height: none;
  padding: 60px 24px 24px;
  border: 0;
  background: transparent;
  color: var(--packet-cream);}
.page-redpacket .catalog-preview[open] {display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 16px;}
.page-redpacket .catalog-preview::backdrop {background: #241d18b3;}
.page-redpacket #catalog-preview-image {width: 100%; height: 100%; min-height: 0; object-fit: contain;}
.page-redpacket #catalog-preview-caption {text-align: center;}
.page-redpacket .catalog-preview-close {position: absolute;
  top: 8px;
  right: 8px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: var(--packet-cream);}
.page-redpacket .catalog-preview-close:focus-visible {background: #ffffff1a;}
html.catalog-preview-open {overflow: hidden;}
.page-redpacket .red-packet-content .catalog-caption {padding-top: 8px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; font-weight: 700;}
.page-redpacket .red-packet-content .catalog-caption a {color: var(--packet-red); font-size: 13px; font-weight: 400;}
.page-redpacket .red-packet-content .catalog-more {display: block; width: fit-content; margin: 50px auto 0;}
.page-redpacket .red-packet-content .catalog-empty {margin: 24px 0; text-align: center; color: #796650;}
.page-redpacket .red-packet-content .catalog-note {margin-top: 30px; font-size: 13px; color: #8b6b46; text-align: center;}
.page-redpacket .red-packet-content .catalog-back {display: block; width: fit-content; margin: 16px auto 0; color: var(--packet-red);}
.page-redpacket .red-packet-content .reviews {overflow: hidden;
  display: grid;
  grid-template-columns: minmax(22rem, 1fr) minmax(0, 1.5fr);
  align-items: start;
  gap: clamp(32px, 5vw, 80px);
  background: #f4eee1;}
.page-redpacket .red-packet-content #designs {position: relative; isolation: isolate; overflow: hidden;}
.page-redpacket .red-packet-content .catalog-watermark, .page-redpacket .red-packet-content .faq-watermark {position: absolute;
  z-index: -1;
  font-family: 'Noto Serif SC', serif;
  font-size: clamp(230px, 32vw, 360px);
  font-weight: 700;
  line-height: 1;
  color: #b9272210;
  pointer-events: none;
  user-select: none;}
.page-redpacket .red-packet-content .catalog-watermark {top: -.1em; right: .06em; transform: rotate(12deg);}
.page-redpacket .red-packet-content .faq-watermark {left: -.08em; bottom: -.16em; transform: rotate(-12deg);}
.page-redpacket .red-packet-content .reviews-intro h2 {margin-bottom: 24px; line-height: 1.45;}
.page-redpacket .red-packet-content .reviews-lead {margin-top: 30px; color: #68594b;}
.page-redpacket .red-packet-content .reviews-note {display: inline-block;
  max-width: 100%;
  padding: 12px 20px;
  background: #fffcf4;
  clip-path: polygon(0 0, 100% 0, 98% 25%, 100% 50%, 98% 100%, 0 100%, 2% 75%, 0 50%, 2% 25%);
  font-size: 16px;
  color: #7e6b58;
  transform: rotate(-2deg);}
.page-redpacket .red-packet-content .review-track {display: flex;
  gap: 20px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 24px;
  scrollbar-width: none;
  cursor: grab;
  padding: 12px 24px 36px;
  list-style: none;}
.page-redpacket .red-packet-content .review-track::-webkit-scrollbar {display: none;}
.page-redpacket .red-packet-content .review-card {flex: 0 0 calc((100% - 20px) / 1.5);
  min-width: 0;
  scroll-snap-align: start;}
.page-redpacket .red-packet-content .review-card:last-child {scroll-snap-align: end;}
.page-redpacket .red-packet-content .review-card:nth-child(even) {transform: translateY(24px);}
.page-redpacket .red-packet-content .review-card:nth-child(odd) img {transform: rotate(-2deg);}
.page-redpacket .red-packet-content .review-card:nth-child(even) img {transform: rotate(2deg);}
.page-redpacket .red-packet-content .review-card img {display: block; width: 100%; height: auto; border: 1px solid var(--packet-line); background: #fffcf4; box-shadow: 0 8px 18px #382e2710;}
.page-redpacket .red-packet-content .review-card figcaption {display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 20px;}
.page-redpacket .red-packet-content .review-card figcaption small {color: #85705c; font-size: 13px;}
.page-redpacket .red-packet-content .review-navigation {display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid var(--packet-line);}
.page-redpacket .red-packet-content .review-navigation > span {color: #78634f; font-size: 13px;}
.page-redpacket .red-packet-content .review-navigation button {display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border: 1px solid var(--packet-line);
  border-radius: 50%;
  background: #fff;
  color: var(--packet-red);}
.page-redpacket .red-packet-content .review-navigation button svg {width: 20px; height: 20px;}
.page-redpacket .red-packet-content .review-navigation button:disabled {opacity: .3; cursor: default;}
.page-redpacket .red-packet-content .review-navigation button:focus-visible {background: #fff8ed;}
.page-redpacket .red-packet-content .review-track:focus-visible {box-shadow: inset 0 -2px var(--packet-red);}
.page-redpacket .red-packet-content .review-track.is-dragging {cursor: grabbing; user-select: none;}
.page-redpacket .red-packet-content .review-track.is-dragging, .page-redpacket .red-packet-content .review-track.is-animating {scroll-snap-type: none;}
@media (min-width: 1600px) {
.page-redpacket {--packet-content-gutter: max(7%, calc((100vw - 1360px) / 2));}
}
@media (max-width: 1100px) {
.page-redpacket .red-packet-content .catalog-watermark {right: -.06em;}
.page-redpacket .red-packet-content .catalog-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
.page-redpacket {--packet-content-gutter: 5%;}
.page-redpacket .red-packet-content .hero-copy {width: min(100% - 3rem, 44rem);}
.page-redpacket .red-packet-content .hero h1 {font-size: clamp(2.5rem, 5.8vw, 4rem);}
.page-redpacket .red-packet-content .reviews {grid-template-columns: minmax(0, 1fr); gap: 35px;}
.page-redpacket .red-packet-content .reviews-intro h2 br {display: none;}
.page-redpacket .red-packet-content .review-track {gap: 23px;}
.page-redpacket .red-packet-content .review-card {flex-basis: calc((100% - 46px) / 2.5);}
}
@media (max-width: 760px) {
.page-redpacket .red-packet-content .faq-watermark {top: -.16em; right: -.08em; bottom: auto; left: auto;}
.page-redpacket .red-packet-content #faq-title br {display: none;}
.page-redpacket .catalog-preview {inset: 0; width: 100%; max-width: none; height: 100%; margin: 0; padding: 60px 0 20px;}
.page-redpacket .red-packet-content .button {padding: 13px 19px;}
.page-redpacket {--packet-content-gutter: 6%;}
.page-redpacket .red-packet-content .faq-contact {margin-top: 24px;}
.page-redpacket .red-packet-content .catalog-lead {margin-top: 16px;}
.page-redpacket .red-packet-content h2 {letter-spacing: -.5px;}
.page-redpacket .red-packet-content .eyebrow {margin-bottom: 15px;}
.page-redpacket .red-packet-content .hero-copy {width: calc(100% - 2.5rem);}
.page-redpacket .red-packet-content .hero h1 {font-size: clamp(2.125rem, 8.5vw, 3.5rem); letter-spacing: 0;}
.page-redpacket .red-packet-content .hero .eyebrow {letter-spacing: .1em; padding-inline: .875rem;}
.page-redpacket .red-packet-content .hero-desc {max-width: 28rem; margin-top: 1rem;}
.page-redpacket .red-packet-content .hero-desc br {display: revert;}
.page-redpacket .red-packet-content .hero .button {padding: .875rem 1.125rem;}
.page-redpacket .red-packet-content .hero-illustration {margin-top: calc(60px - 34.274vw);}
.page-redpacket .red-packet-content .hero-scene {width: 180%; margin-left: -40%;}
.page-redpacket .red-packet-content .ticker {padding: 12px 0;}
.page-redpacket .red-packet-content .ticker-track {font-size: 16px;}
.page-redpacket .red-packet-content .ticker-group {gap: 24px; padding-right: 24px;}
.page-redpacket .red-packet-content .faq {grid-template-columns: minmax(0, 1fr);}
.page-redpacket .red-packet-content .review-card {flex-basis: calc((100% - 23px) / 1.5);}
.page-redpacket .red-packet-content .reviews-intro h2 {margin-bottom: 12px;}
.page-redpacket .red-packet-content .reviews-lead {margin-top: 20px;}
}
@media (max-width: 570px) {
.page-redpacket .red-packet-content #catalog-title br, .page-redpacket .red-packet-content #faq-title br {display: revert;}
.page-redpacket .red-packet-content .catalog-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
.page-redpacket .red-packet-content .faq summary {grid-template-columns: 22px minmax(0, 1fr);
    gap: 12px;
    font-size: 16px;
    padding-right: 24px;}
.page-redpacket .red-packet-content .faq details p {margin-right: 24px;}
.page-redpacket .red-packet-content .catalog-status {flex-basis: 100%;}
}
@media (max-width: 360px) {
.page-redpacket .red-packet-content .hero-copy {width: calc(100% - 2rem);}
}
@media (hover: hover) {
.page-redpacket .red-packet-content .review-navigation button:not(:disabled):hover {background: var(--packet-red); color: #fff;}
}
/* Shared navigation accommodates the additional page without shrinking the logo. */
.main-nav .nav-packet {position:relative;padding-block:8px;white-space:nowrap}
.main-nav .nav-packet::before {content:"";position:absolute;bottom:2px;left:50%;width:24px;height:3px;transform:translateX(-50%);background:var(--yellow);border-radius:2px;transition:width var(--speed-fast) var(--ease)}
.main-nav .nav-packet::after {content:"";position:absolute;top:8px;right:-8px;width:5px;height:5px;background:#b92722;border-radius:50%}
.main-nav .nav-packet:hover::before,.main-nav .nav-packet:focus-visible::before {width:100%}

.page-redpacket .red-packet-content .ticker-group b svg {display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
@media(min-width:971px) and (max-width:1100px) {
  .header-quote {padding-inline:16px;gap:12px}
}

/* Independent overlay header for the seasonal landing page. */
.page-redpacket .packet-overlay-header {position:absolute;top:0;left:0;right:0;z-index:30;padding-block:24px;color:var(--packet-cream)}
.page-redpacket .packet-overlay-inner {display:flex;align-items:center;justify-content:space-between;gap:24px}
.page-redpacket .packet-overlay-brand {display:block;flex-shrink:0}
.page-redpacket .packet-overlay-brand img {width:190px;height:auto;filter:brightness(0) invert(1)}
.page-redpacket .packet-menu {position:relative;flex-shrink:0;font-size:16px}
.page-redpacket .packet-menu-trigger {display:block;min-height:44px;list-style:none;cursor:pointer;background:none;color:var(--packet-cream)}
.page-redpacket .packet-menu-trigger::-webkit-details-marker {display:none}
.page-redpacket .packet-menu-trigger span {background:currentColor}
.page-redpacket .packet-menu[open] .packet-menu-trigger span:first-child {transform:translateY(4px) rotate(45deg)}
.page-redpacket .packet-menu[open] .packet-menu-trigger span:last-child {transform:translateY(-4px) rotate(-45deg)}
.page-redpacket .packet-menu .icon {width:16px;height:16px}
.page-redpacket .packet-menu-links {position:absolute;top:calc(100% + 10px);right:0;width:180px;padding:6px;background:#fffcf4;color:var(--packet-ink);border:1px solid #811c261a;border-radius:12px;box-shadow:0 12px 32px #440c1a26}
.page-redpacket .packet-menu-links a {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 14px;border-radius:8px;white-space:nowrap}
.page-redpacket .packet-menu-links a:hover,.page-redpacket .packet-menu-links a:focus-visible {background:#b9272212}
.page-redpacket .red-packet-content .hero-copy {padding-top:130px}
@media(max-width:480px) {
  .page-redpacket .packet-overlay-header {padding-block:20px}
  .page-redpacket .packet-overlay-inner {gap:16px}
  .page-redpacket .packet-overlay-brand img {width:180px}
  .page-redpacket .packet-menu-trigger {padding-inline:12px}
}


/* Compact, independent footer for the seasonal landing page. */
.page-redpacket .packet-footer {padding-block:28px;background:#fffcf4;color:var(--packet-ink)}
.page-redpacket .packet-footer-inner {display:flex;align-items:center;justify-content:space-between;gap:16px 32px}
.page-redpacket .packet-footer small {font-size:13px;color:#796650;overflow-wrap:anywhere}
.page-redpacket .packet-footer-links {display:flex;align-items:center;gap:20px;flex-shrink:0;font-size:16px}
.page-redpacket .packet-footer-links a,.page-redpacket .packet-footer-links button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}
.page-redpacket .packet-footer-links .privacy-trigger {text-decoration:none}
.page-redpacket .packet-footer-links a:hover,.page-redpacket .packet-footer-links button:hover {color:var(--packet-red)}
.page-redpacket .packet-back-to-top {width:44px;padding:10px;border:1px solid var(--packet-line);border-radius:50%}
@media(max-width:760px) {
.page-redpacket .red-packet-content .hero-copy {padding-top:150px}
.page-redpacket .packet-footer-inner {flex-direction:column;gap:12px;text-align:center}
  .page-redpacket .packet-footer-links {order:-1;gap:16px}
}