/* November 5: catalog replaces comparisons; two entry points to the form. */
.brand-marquee{border-bottom:1px solid #ffffff12;pointer-events:none;touch-action:pan-y;user-select:none}
.marquee-group{min-width:100vw;gap:80px;padding-right:80px}
.marquee-group span{font-size:15px;letter-spacing:.13em}
.marquee-group .marquee-more{color:#d6a645}
.catalogue-margin{display:flex;align-items:center;gap:32px;border-block:1px solid #c9c5ad;padding:25px 0;margin:22px 0 26px}
.catalogue-margin>strong{font-size:94px;letter-spacing:-.07em;font-weight:600;line-height:1;color:#967027;white-space:nowrap}
.catalogue-margin>strong>span{font-size:.48em;letter-spacing:-.04em}
.catalogue-margin>p{max-width:440px;font-size:19px;line-height:1.55;color:#53564e}
.catalogue-margin b{font-weight:600;color:#212529}
.product-content h3{line-height:1.35;min-height:2.7em}
.business{display:block;padding-top:38px}
.business-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.business-intro h2{font-size:clamp(34px,4vw,56px);line-height:1.1;letter-spacing:-.05em}
.business-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:400px;margin-top:24px;color:#64695f}
.business-copy .operation-videos{margin-top:0;gap:18px}
.business-copy .operation-videos video{max-height:420px}
@media(max-width:760px){
 .marquee-group{gap:44px;padding-right:44px}.marquee-group span{font-size:12px}
 .catalogue-margin{gap:20px;padding:21px 0;margin-top:23px}.catalogue-margin>strong{font-size:72px}.catalogue-margin>p{font-size:14px;line-height:1.6}
 .business-copy{grid-template-columns:1fr;gap:28px}.business-intro>p:not(.eyebrow){max-width:520px}
 .business-copy .operation-videos video{max-height:360px}
}
@media(max-width:400px){.catalogue-margin{gap:16px}.catalogue-margin>strong{font-size:62px}.catalogue-margin>p{font-size:13px}}

/* Hero without masthead or early access: official logo replaces the seal. */
.origin-title{margin-top:0}
.origin-subline{max-width:660px;gap:30px;margin-top:24px}
.origin-subline>p{max-width:430px;text-align:left;font-size:22px;line-height:1.5}
.hero-original,.hero-mayoreo{color:#d6a645;font-weight:600}
.hero-location{color:#f0786c;font-weight:600}
.hero-logo{flex:none;width:128px;height:108px}
.hero-logo img{width:357px;height:108px;margin-left:-114px;max-width:none}
@media(max-width:650px){
 .origin-subline{max-width:390px;gap:17px;margin-top:19px}
 .origin-subline>p{max-width:255px;font-size:16px;line-height:1.6}
 .hero-logo{width:96px;height:81px}
 .hero-logo img{width:268px;height:81px;margin-left:-86px}
}
@media(max-width:370px){.origin-subline{gap:12px}.origin-subline>p{font-size:14px}.hero-logo{width:85px;height:72px}.hero-logo img{width:238px;height:72px;margin-left:-76px}}

/* Architectural line icons replace the hero's small checkmarks. */
.origin-benefits{gap:16px 32px;margin-top:22px;color:#d4d8ca}
.origin-benefits li{gap:11px}
.origin-benefits svg{width:22px;height:22px;stroke:#d6a645;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;fill:none}
@media(max-width:650px){
 .origin-benefits{flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;margin:20px auto 0;gap:11px;font-size:13px;line-height:1.5}
 .origin-benefits svg{width:20px;height:20px}
}

/* Full-frame silent video loops alternate with the existing photographs. */
.photo-item video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#212529;pointer-events:none}

/* One palette: charcoal, warm ivory and the logo's gold. */
:root{--surface-charcoal:#212529;--surface-ivory:#f5f2e8;--surface-paper:#ffffff;--surface-line:#dcd4c3;--surface-muted:#666258;--surface-gold:#d6a645}
body{background:#ffffff}
.assortment{background:#ffffff;border-bottom:0}
.catalogue-margin{border-color:var(--surface-line)}
.catalogue-margin>p,.catalogue-note{color:var(--surface-muted)}
.product,.product-amber,.product-rose,.product-red,.product-grey{background:transparent}
.product-head{border-color:var(--surface-line);color:var(--surface-muted)}
.product-scene{background:#fff;border:1px solid #e9e3d7;border-radius:4px;margin-top:12px;box-shadow:0 6px 20px #21252905}
.product-content p{color:var(--surface-muted)}
.journey{background:radial-gradient(ellipse at 100% 0%,#d6a6450d,transparent 65%),var(--surface-charcoal);color:var(--surface-ivory);border-block:1px solid #d6a64540}
.journey-heading .eyebrow,.journey-number{color:var(--surface-gold)}
.journey-intro,.journey-step p,.journey-action p{color:#d0cbc0}
.journey-step h3{color:var(--surface-ivory)}
.journey-grid,.journey-step+.journey-step,.journey-action{border-color:#ffffff24}
.faq-section{background:transparent}
.faq-list,.faq-list details{border-color:var(--surface-line)}
.faq-list details[open]{background:var(--surface-paper)}
.faq-list details>p{color:var(--surface-muted)}
.site-footer{border-color:var(--surface-line);color:var(--surface-muted)}
.sticky-access{background:#ffffff;border-top:1px solid var(--surface-line);box-shadow:0 -6px 24px #21252908;backdrop-filter:blur(12px)}
.sticky-access>div>span{color:var(--surface-muted)}
.sticky-access .button{border-radius:4px;gap:20px}
@media(max-width:650px){.journey-step,.journey-step+.journey-step{border-color:#ffffff24}}
@media(max-width:400px){.sticky-access .button{font-size:10px;padding-inline:14px;gap:12px}}

/* Integrated catalogue headline and round editorial discount markers. */
.catalogue-margin{display:block;border:0;padding:0;margin:0 0 36px;max-width:780px}
.catalogue-margin h2{font-size:clamp(30px,3.7vw,48px);font-weight:500;line-height:1.16;letter-spacing:-.045em;color:#212529}
.catalogue-margin h2>span{color:#967027;font-weight:600}
.catalogue-margin .catalogue-subtitle{font-size:14px;line-height:1.75;max-width:580px;margin-top:18px;color:#666258}

.catalogue-margin .discount-disclosure{font-size:10px;line-height:1.6;max-width:580px;margin-top:10px;color:#666258}
.product-head{display:none}
.product-scene{position:relative;margin-top:0;padding:42px 10px 14px;height:260px;overflow:hidden}
.product-discount{position:absolute;top:10px;right:10px;z-index:1;width:54px;height:54px;border-radius:50%;background:#eed9d3;color:#893d35;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;box-shadow:0 2px 8px #2125290d;pointer-events:none}
.product-discount strong{font-size:19px;font-weight:600;letter-spacing:-.05em;line-height:1}
.product-discount small{font-size:11px;letter-spacing:-.025em}
.product-discount>span{font-size:6px;font-weight:500;letter-spacing:.055em;line-height:1}
@media(max-width:760px){.catalogue-margin{margin-bottom:26px}.catalogue-margin h2{font-size:32px}.catalogue-margin .catalogue-subtitle{font-size:13px;margin-top:15px}.product-scene{height:230px}}
@media(max-width:540px){.product-scene{height:205px;padding:42px 7px 12px}.product-discount{top:8px;right:8px;width:46px;height:46px}.product-discount strong{font-size:17px}.product-discount small{font-size:10px}.product-discount>span{font-size:5.5px}}
@media(max-width:360px){.catalogue-margin h2{font-size:28px}.product-scene{height:185px}}

/* Shared centered section headings; subtitle and official logo mirror the hero. */
.catalogue-margin{max-width:900px;margin:0 auto 38px;text-align:center}
.catalogue-margin h2{font-weight:600}
.catalogue-subline{display:flex;align-items:center;justify-content:center;gap:30px;max-width:660px;margin:24px auto 0;text-align:left}
.catalogue-margin .catalogue-subtitle{margin:0;max-width:430px;font-size:22px;line-height:1.5;letter-spacing:-.025em;color:#666258;text-align:left}



.catalogue-margin .discount-disclosure{margin:20px auto 0;max-width:600px;font-size:10px;line-height:1.7;text-align:center}
.product-content{text-align:center}
.product-discount strong{font-size:22px}
.product-discount small{font-size:13px}
.journey-heading{display:block;text-align:center}
.journey-heading h2{max-width:none;margin-inline:auto}
.journey-intro{max-width:450px;margin:16px auto 0}
.journey-step{text-align:center}
.journey-step p{margin-inline:auto}
.journey-action{justify-content:center;text-align:center}
.faq-section{grid-template-columns:1fr;gap:32px;max-width:860px}
.faq-intro{text-align:center}
.site-footer{border-top:0}
@media(max-width:650px){
 .catalogue-margin{margin-bottom:28px}
 .catalogue-subline{gap:17px;max-width:390px;margin-top:19px}
 .catalogue-margin .catalogue-subtitle{max-width:255px;font-size:16px;line-height:1.6;letter-spacing:-.01em}
 
 
 .catalogue-margin .discount-disclosure{font-size:9px;margin-top:18px}
 .journey-step,.journey-step+.journey-step{padding:23px 16px;text-align:center}
 .journey-number{position:static;margin-bottom:12px}
 .product-discount strong{font-size:20px}.product-discount small{font-size:12px}
}
@media(max-width:370px){.catalogue-subline{gap:12px}.catalogue-margin .catalogue-subtitle{font-size:14px}}

/* Same continuous subtitle typography as the hero, adapted to ivory. */
.catalogue-subtitle .catalogue-emphasis{display:inline;color:#967027;font-weight:600}

/* White opening, official logo first, centered text. */
.origin-hero{background:#fff;color:#212529;padding-top:24px}
.origin-intro>.hero-top-logo{display:block;margin:0 auto 24px}
.origin-title{color:#212529}
.origin-title span,.origin-hero .hero-original,.origin-hero .hero-mayoreo{color:#967027}
.origin-hero .hero-location{color:#a9473d}
.origin-hero .origin-subline{display:block;max-width:660px}
.origin-hero .origin-subline>p{max-width:600px;margin:0 auto;text-align:center;color:#666258}
.origin-benefits{color:#666258}
.origin-benefits svg{stroke:#967027}
.product-access{display:block;color:inherit;text-decoration:none;height:100%;border-radius:4px}
.product-access:focus-visible{outline:2px solid #967027;outline-offset:6px}
.product-access:hover .product-scene{border-color:#c7af83}
@media(max-width:650px){.origin-intro>.hero-top-logo{margin-bottom:20px}.origin-hero .origin-subline>p{max-width:350px}.origin-benefits{align-items:center;text-align:center}}

/* Catalogue follows the opening: logo, title, then centered subtitle. */
.catalogue-margin>.catalogue-logo{display:block;margin:0 auto 24px}
.catalogue-margin .catalogue-subline{display:block;max-width:660px;margin:24px auto 0;text-align:center}
.catalogue-margin .catalogue-subtitle{max-width:600px;margin:0 auto;text-align:center}
@media(max-width:650px){.catalogue-margin>.catalogue-logo{margin-bottom:20px}.catalogue-margin .catalogue-subline{margin-top:19px;max-width:390px}.catalogue-margin .catalogue-subtitle{max-width:350px}}

/* Pure white light surfaces, including the access dialog. */
#application,.flow-demo{background:#ffffff}

/* Larger brand marks; mobile opening ends at the gallery's bottom. */
.hero-top-logo,.catalogue-logo{width:180px;height:152px}
.hero-top-logo img,.catalogue-logo img{width:502px;height:152px;margin-left:-160px}
@media(max-width:650px){
 .origin-hero{height:100svh;min-height:560px;display:grid;grid-template-rows:auto minmax(150px,1fr);gap:18px;padding-top:12px;box-sizing:border-box}
 .origin-intro{margin:0 auto}
 .hero-top-logo,.catalogue-logo{--brand-height:clamp(100px,16svh,132px);height:var(--brand-height);width:calc(var(--brand-height)*1.185185)}
 .hero-top-logo img,.catalogue-logo img{height:var(--brand-height);width:calc(var(--brand-height)*3.305556);margin-left:calc(var(--brand-height)*-1.055556)}
 .origin-intro>.hero-top-logo{margin-bottom:16px}
 .origin-hero .origin-subline{margin-top:16px}
 .origin-benefits{margin-top:16px;gap:9px}
 .origin-gallery{margin-top:0;padding-bottom:0;min-height:150px;container-type:size}
 .origin-gallery .photo-track{--photo-height:100cqh;height:100%}
 .catalogue-margin>.catalogue-logo{margin-bottom:24px}
}
@media(max-width:650px) and (max-height:660px){
 .origin-hero{gap:14px;padding-top:8px}
 .origin-title{font-size:34px}
 .origin-hero .origin-subline{margin-top:12px}
 .origin-hero .origin-subline>p{font-size:14px;line-height:1.5}
 .origin-intro>.hero-top-logo{margin-bottom:12px}
 .origin-benefits{margin-top:12px;font-size:12px;gap:7px}
}

/* Compact transitions and a single brand mark introducing the community. */
.assortment{padding-block:28px}
.catalogue-margin{margin-bottom:24px}
.catalogue-margin .catalogue-subline{margin-top:16px}
.catalogue-margin .discount-disclosure{margin-top:12px}
.catalogue-note{margin-top:18px}
.journey{padding-block:40px}
.journey-heading>.community-logo{display:block;margin:0 auto 16px}
.journey-heading{margin-bottom:24px}
.journey-heading .eyebrow{margin-bottom:10px}
.journey-intro{margin-top:14px}
.journey-action{margin-top:24px;padding-top:18px}
.faq-section{padding-block:32px;gap:24px}
.faq-intro .eyebrow{margin-bottom:12px}
.site-footer{padding-block:16px 24px}
@media(max-width:650px){
 .assortment{padding-block:24px}
 .catalogue-margin{margin-bottom:22px}
 .catalogue-margin .catalogue-subline{margin-top:14px}
 .journey{padding-block:28px}
 .journey-heading>.community-logo{margin-bottom:14px}
 .journey-heading{margin-bottom:18px}
 .journey-step,.journey-step+.journey-step{padding-block:18px}
 .journey-action{margin-top:0;padding-top:16px}
 .faq-section{padding-block:28px;gap:20px}
}