/* Identity shared with Matthieu Fonta; palette from the supplied brand board. */
:root{--linen:#F5EFE6;--stone:#D7C9B5;--brown:#A9733E;--amber:#D59B62;--pine:#24352F;--charcoal:#1E1E1B;--ink:var(--charcoal);--dark:var(--charcoal);--panel:#252521;--cream:var(--linen);--accent:var(--amber);--muted:var(--stone);--line:rgba(213,155,98,.25);--body:'Montserrat',Arial,sans-serif;--detail:'IBM Plex Mono',monospace}
body{font-weight:400}h1,h2,h3{font-weight:700}
.header{background:linear-gradient(180deg,#1e1e1bf5,#1e1e1bb3);border-bottom-color:#d7c9b52b}
.header .logo,footer .logo{gap:20px}
.monogram{width:50px;height:50px;padding:0;letter-spacing:0;flex:none}
.monogram img{width:100%;height:100%;object-fit:contain}
.logo-corner{width:17px;height:17px;top:-9px;left:-9px;border-width:2px}
.logo-type{font:500 27px/1.05 var(--heading);letter-spacing:3.2px;border-left:1px solid var(--accent);padding:2px 0 2px 20px;white-space:nowrap}
.header .logo-type .brand-byline,footer .logo-type .brand-byline{font:500 10px/1.5 var(--body);letter-spacing:2.6px;margin-top:8px;color:var(--cream)}
.logo-type .brand-byline b{font-weight:600;letter-spacing:2.6px;color:var(--accent)}
.eyebrow{font-family:var(--detail);font-weight:500;letter-spacing:2.4px}
.dark-eye{color:#8C5B30}
.hero .eyebrow{color:var(--stone);letter-spacing:2.8px}
.hero-vertical,.hero-index,.scroll-cue,.project-kind,.project-caption p,.product-category,.product-stage>span,.operation-steps small,.operation-summary>div>span,.reward-grid article>span,.dialog-head,.contact-location{font-family:var(--detail);font-weight:400}
.hero-vertical{color:var(--stone);letter-spacing:2px}
.hero-inner>.eyebrow:before{content:'';display:block;width:21px;height:21px;border-left:2px solid var(--accent);border-top:2px solid var(--accent);margin-right:6px;flex:none}
.hero-inner>.eyebrow>.dot{display:none}
.hero-bottom p{color:var(--linen)}.hero .hero-index{color:var(--stone)}
.button{background:var(--amber);border-color:var(--amber);font-weight:700;color:var(--charcoal)}
.button-outline{background:transparent;color:var(--linen);border-color:var(--line)}
.button:hover{background:var(--linen);border-color:var(--linen);color:var(--charcoal)}
.text-link{font-weight:700}.ticker{background:var(--amber)}
.promise-symbol{color:var(--brown)}.commercial-counts i{color:#8C5B30}
.commission-options article{background:var(--panel)}.commission-options .partner-commission{background:var(--amber)}
.simulator-panel{background:#EBE1D3;border-color:#CAB89F}.simulator-result,.family-pack{background:var(--pine)}
.simulator-fields>label>output{color:#83502C}.simulator-fields input[type=range]{accent-color:var(--brown)}
.operation-summary{background:var(--pine)}.operation-summary>div>span{font-size:9px;letter-spacing:1px}
.first-print-price{background:var(--charcoal)}.product{background:#EBE1D3}
.product-category{color:#83502C;letter-spacing:.6px}
.products-intro,.product-content>p,.club-promises p,.commercial-intro .section-heading>p,.simulator-copy>p:not(.eyebrow){color:#66594B}
.family-pack{position:relative;padding-top:55px}.family-pack:before{content:'';position:absolute;top:20px;right:20px;width:23px;height:23px;border-right:2px solid var(--amber);border-top:2px solid var(--amber)}
.reward-grid article{background:var(--panel)}
.contact{background:var(--pine)}.contact .contact-pending{color:var(--stone)}
.contact input,.contact select,.contact textarea{background:#1e1e1b66;border-color:#d7c9b54d}
.contact input::placeholder,.contact textarea::placeholder{color:#c9bcab}
.contact-location{letter-spacing:1.5px}
footer{background:var(--charcoal)}footer .logo{display:inline-flex}footer .monogram{width:57px;height:57px}footer .logo-type{font-size:29px}
.footer-bottom{color:var(--stone)}.footer-links{margin-top:-39px}.dialog-head{font-size:9px;letter-spacing:1px}
@media(max-width:1100px){.header .logo{gap:16px}.header .logo-type{font-size:24px;letter-spacing:2.4px;padding-left:16px}.header .monogram{width:45px;height:45px}.header{gap:24px}.header nav{gap:18px}.header nav a{letter-spacing:1px}}
@media(max-width:900px){.header .logo-type{font-size:23px;letter-spacing:2px}.header .logo{gap:15px}.header .logo-type .brand-byline{letter-spacing:2px}.hero .eyebrow{letter-spacing:2px}}
@media(max-width:640px){.header{height:85px;padding-inline:24px}.header .logo{gap:15px}.header .monogram{width:40px;height:40px}.logo-corner{width:13px;height:13px;top:-7px;left:-7px;border-width:1.5px}.header .logo-type{font-size:25px;letter-spacing:2.4px;padding-left:15px}.header .logo-type .brand-byline{font-size:9px;letter-spacing:2px;margin-top:7px}.hero .eyebrow{font-size:6px;letter-spacing:1.2px}.hero-inner>.eyebrow:before{width:16px;height:16px;margin-right:0}.hero-vertical{font-size:6px;letter-spacing:1.3px}.operation-summary>div>span{font-size:8px}.product-category{font-size:8px;letter-spacing:.7px}.contact-location{font-size:9px!important;letter-spacing:1px}footer .monogram{width:48px;height:48px}footer .logo-type{font-size:28px;padding-left:18px;letter-spacing:2.5px}footer .logo-type .brand-byline{font-size:9px;letter-spacing:2px}.footer-links{margin-top:30px}.dialog-head{font-size:7px;letter-spacing:.5px}}
/* Copper carries emphasis on light surfaces; amber stays on dark surfaces. */
.commercial-intro .accent,.simulator-section .accent,.products-section .accent,.mediaday-real .accent{color:var(--brown)}
@media(max-width:640px){.hero .eyebrow{font-size:7px;letter-spacing:.7px;line-height:1.6;max-width:290px;gap:10px}}