/* Rayhock website styles. Tokens first, then layout, components, pages, responsive rules. */
@font-face{font-family:"Marcellus";src:url(../fonts/marcellus.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Jost";src:url(../fonts/jost.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(../fonts/jost-i.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
/* Size-matched stand-in fonts: while Jost and Marcellus download, the system fonts are scaled to the same
   width and line height, so text does not jump when the brand fonts arrive (measured with tools in the build). */
@font-face{font-family:"Jost Fallback";src:local("Arial"),local("ArialMT"),local("Helvetica Neue"),local("Helvetica"),local("Roboto"),local("Liberation Sans"),local("Arimo");size-adjust:96.03%;ascent-override:111.43%;descent-override:39.05%;line-gap-override:0.00%}
@font-face{font-family:"Marcellus Fallback";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Times"),local("Liberation Serif"),local("Tinos"),local("Noto Serif");size-adjust:111.80%;ascent-override:87.13%;descent-override:25.03%;line-gap-override:0.00%}
:root{
  --navy:#122454;--midnight:#122454;--gold:#BF9F60;--gold-text:#95783F;--gold-light:#BF9F60;--ivory:#F6F2EA;--white:#fff;
  --ink:#4A536A;--muted:#666D80;--line:rgba(18,36,84,.13);--line-strong:rgba(18,36,84,.3);--line-dark:rgba(246,242,234,.16);--ivory-80:rgba(246,242,234,.82);
  --ok:#2E6B4F;--bad:#B3412E;--serif:"Marcellus","Marcellus Fallback",Georgia,serif;--sans:"Jost","Jost Fallback","Century Gothic",sans-serif;
  --pad:40px;--radius:4px
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;color:var(--navy)}
p,figure,blockquote,dl,dd,ul,ol{margin:0}
ul,ol{padding:0}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sr-only,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-999px;top:8px;z-index:200;background:var(--gold);color:var(--navy);padding:10px 16px;font-weight:500}
.skip-link:focus{left:8px}
.container{max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.section{padding:120px 0}
.section--tight{padding:80px 0}
.section--linen{background:var(--ivory)}
.section--navy{background:var(--navy);color:var(--ivory-80)}
.section--navy h2,.section--navy h3{color:var(--ivory)}
.eyebrow{font-size:15px;font-weight:500;color:var(--gold-text);margin-bottom:20px}
.eyebrow--light{color:var(--gold-light)}
.display{font-size:clamp(40px,4.6vw,62px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance;color:var(--navy)}
.h2{font-size:clamp(32px,3.3vw,46px);line-height:1.12;text-wrap:balance}
.h3{font-size:clamp(24px,2vw,28px);line-height:1.2}
.lead{font-size:18px;line-height:1.7;max-width:62ch}
.lead--light{color:var(--ivory-80)}
.muted{color:var(--muted)}
.small{font-size:14px}
.link-u{display:inline-block;color:var(--navy);font-weight:500;font-size:15px;border-bottom:1px solid var(--gold);padding-bottom:3px}
.link-u:hover{color:var(--gold-text)}
.link-light{color:var(--ivory);font-weight:500;border-bottom:1px solid rgba(246,242,234,.5);padding-bottom:4px}
.link-light:hover{border-color:var(--gold-light)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 8px 0 26px;border-radius:999px;border:1px solid transparent;font-size:16px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.btn__icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);transition:transform .2s}
.btn:hover .btn__icon{transform:rotate(45deg)}
.btn--navy{background:var(--navy);color:var(--ivory)}
.btn--navy:hover{background:var(--midnight)}
.btn--ivory{background:var(--ivory);color:var(--navy)}
.btn--ivory:hover{background:var(--white)}
.btn--outline{border-color:var(--navy);color:var(--navy);height:52px;padding-left:24px}
.btn--outline .btn__icon{width:38px;height:38px;background:var(--navy);color:var(--gold-light)}
.btn--outline:hover{background:var(--navy);color:var(--ivory)}
.btn--outline-light{border-color:rgba(191,159,96,.8);color:var(--ivory);height:50px;padding-left:22px}
.btn--outline-light .btn__icon{width:36px;height:36px}
.btn--outline-light:hover{background:rgba(191,159,96,.15)}
.btn--block{width:100%}
.chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--navy);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}
.chip:hover{border-color:var(--navy)}
.chip--solid{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.chip--solid:hover{background:var(--midnight)}
.chip--light{border-color:rgba(246,242,234,.4);color:var(--ivory)}
.chip--light:hover{border-color:var(--gold-light)}
.flash{padding:14px 0;font-size:15px;background:rgba(191,159,96,.16);color:var(--navy)}
.flash--success{background:#E8F1EC;color:#1E5A3F}
.flash--error{background:#FBEDEB;color:#7A2618}

/* Header */
.site-header{position:relative;z-index:40;background:var(--navy);color:var(--ivory);border-bottom:1px solid rgba(191,159,96,.35)}
.header-inner{height:88px;display:flex;align-items:center;gap:36px}
.brand{display:flex;align-items:center;gap:14px;color:var(--ivory);flex-shrink:0}
.brand img{width:48px;height:48px}
.brand span{font-family:var(--serif);font-size:21px;letter-spacing:.3em}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:30px}
.main-nav a{font-size:15px;color:rgba(246,242,234,.84);padding:10px 0}
.main-nav a:hover{color:var(--ivory)}
.main-nav a.is-active{color:var(--gold-light);box-shadow:inset 0 -1px 0 var(--gold)}
.nav-account{display:inline-flex;align-items:center;gap:8px;padding-left:22px!important;border-left:1px solid var(--line-dark)}
.main-nav .nav-quote{display:none}
.nav-toggle{display:none;margin-left:auto;width:46px;height:46px;border-radius:50%;border:1px solid rgba(191,159,96,.6);background:transparent;color:var(--ivory);align-items:center;justify-content:center;cursor:pointer}

/* Home hero */
.hero{position:relative;overflow:hidden;background:var(--navy)}
.hero__media{position:absolute;top:0;right:0;bottom:0;width:47%}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 78%}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,rgba(18,36,84,.55) 14%,rgba(18,36,84,0) 38%)}
.hero__inner{position:relative;min-height:760px;display:flex;align-items:center}
.hero__text{max-width:600px;padding:104px 0;display:flex;flex-direction:column;gap:26px}
.hero__text .display{color:var(--ivory)}
.hero__text .eyebrow{margin:0}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:6px}
.terms-row{list-style:none;display:flex;flex-wrap:wrap;gap:8px 0;margin-top:18px;font-size:14px;color:rgba(246,242,234,.72)}
.terms-row li{padding:0 18px;border-left:1px solid rgba(246,242,234,.25)}
.terms-row li:first-child{padding-left:0;border-left:0}
.seal{position:absolute;z-index:2;top:96px;left:calc(53% + 64px);width:240px;height:240px}
.seal__disk{position:absolute;inset:0;border-radius:50%;background:rgba(18,36,84,.6);border:1px solid rgba(217,188,122,.55)}
.seal__ring{position:absolute;inset:0;width:100%;height:100%;animation:rh-spin 20s linear infinite;transform-origin:center;transform-box:fill-box;will-change:transform}
.seal__ring text{fill:var(--gold-light);font-family:var(--serif);font-size:13.5px;letter-spacing:2px}
.seal__core{position:absolute;inset:52px;display:flex;align-items:center;justify-content:center}
.seal__core img{width:118px;height:118px}
@keyframes rh-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Home sections */
.trust{background:var(--midnight);color:var(--ivory-80)}
.trust__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust__grid>div{padding:36px 28px;border-left:1px solid var(--line-dark)}
.trust__grid>div:first-child{border-left:0;padding-left:0}
.trust h2{font-size:20px;color:var(--ivory);margin-bottom:8px}
.trust p{font-size:15px}
.section-head{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:end;margin-bottom:56px}
.section-title{margin-bottom:40px}
.pgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px}
.pcard{grid-column:span 4;display:flex;flex-direction:column;gap:10px}
.pcard:nth-child(1){grid-column:span 7}
.pcard:nth-child(2){grid-column:span 5}
.pcard__img{display:block;overflow:hidden;border-radius:var(--radius);background:var(--ivory);margin-bottom:12px}
.pcard__img img{width:100%;height:360px;object-fit:cover;transition:transform .5s}
.pcard:nth-child(-n+2) .pcard__img img{height:500px}
.pcard:hover .pcard__img img{transform:scale(1.03)}
.pcard__title{font-family:var(--serif);font-size:26px;color:var(--navy)}
.pcard__text{color:var(--muted)}
.pcard__link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--navy);margin-top:4px}
.motto{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.motto .h2{color:var(--gold-light);margin-bottom:20px}
.motto p{font-size:18px;line-height:1.75;max-width:52ch}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split__media img{width:100%;height:580px;object-fit:cover;border-radius:var(--radius)}
.split__text{display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.points{display:flex;flex-direction:column}
.points>div{padding:18px 0;border-top:1px solid var(--line)}
.points dt{font-family:var(--serif);font-size:21px;color:var(--navy);margin-bottom:4px}
.points dd{color:var(--muted)}
.steps{list-style:none;counter-reset:step}
.steps li{counter-increment:step;position:relative;padding:32px 0 32px 84px;border-top:1px solid var(--line)}
.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:30px;font-family:var(--serif);font-size:30px;color:var(--gold-text)}
.steps h3{font-size:24px;margin-bottom:6px}
.steps p{color:var(--muted);max-width:48ch}
.steps--compact li{padding:24px 0 24px 64px}
.steps--compact li::before{font-size:24px;top:22px}
.steps--compact h3{font-size:21px}
.duo{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:stretch}
.catalog-card{display:flex;gap:36px;align-items:center;background:var(--white);border:1px solid var(--line);padding:36px;border-radius:var(--radius)}
.catalog-card__text{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.founder-quote{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:36px;border-left:2px solid var(--gold)}
.founder-quote blockquote{font-family:var(--serif);font-size:28px;line-height:1.35;color:var(--navy)}
.founder-quote figcaption,.sign,.contact-quote figcaption{display:flex;flex-direction:column;font-size:15px}
.founder-quote figcaption strong,.sign strong,.contact-quote figcaption strong{color:var(--navy);font-weight:500}
.founder-quote figcaption span,.sign span,.contact-quote figcaption span{color:var(--muted)}
.founder-quote .link-u{align-self:flex-start}

/* Inner page heroes */
.page-hero{padding:96px 0}
.page-hero__grid{display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:center}
.page-hero__text{display:flex;flex-direction:column;gap:24px}
.page-hero__text .eyebrow{margin:0}
.page-hero__media img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius)}
.page-hero--simple{padding-bottom:64px}
.page-hero__lead{margin-top:24px}
.page-hero--simple .display{max-width:16ch}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.jump a{padding:9px 18px;border:1px solid var(--line-strong);border-radius:999px;font-size:15px;color:var(--navy)}
.jump a:hover{border-color:var(--navy)}

/* About */
.name{display:grid;grid-template-columns:4fr 7fr;gap:96px;align-items:center}
.name__emblem img{width:100%;max-width:300px;margin:0 auto}
.name__text .h2{margin-bottom:36px}
.name__parts>div{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line-dark)}
.name__parts dt{font-family:var(--serif);font-size:24px;letter-spacing:.2em;color:var(--gold-light)}
.name__parts dd{font-size:17px}
.name__motto{margin-top:28px;font-family:var(--serif);font-size:20px;color:var(--ivory)}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.statement{font-family:var(--serif);font-size:28px;line-height:1.35;color:var(--navy)}
.band img{width:100%;height:clamp(280px,38vw,520px);object-fit:cover}
.band--short img{height:clamp(240px,30vw,420px);object-position:50% 60%}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.value{background:var(--white);padding:32px 28px;border-top:2px solid var(--gold)}
.value__letter{display:block;font-family:var(--serif);font-size:64px;line-height:1;color:var(--gold-text);margin-bottom:22px}
.value h3{font-size:22px;margin-bottom:10px}
.value p{color:var(--muted);font-size:15px}
.founder{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:center}
.founder__img{aspect-ratio:3/4}
.founder__text{display:flex;flex-direction:column;gap:18px;font-size:17px;line-height:1.75}
.founder__text .eyebrow{margin:0}
.founder__motto{font-family:var(--serif);font-size:24px;color:var(--navy)}

/* Products */
.product__botanical{font-style:italic;color:var(--gold-text);font-size:15px}
.spec-list>div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:15px}
.spec-list>div:last-child{border-bottom:1px solid var(--line)}
.spec-list dt{color:var(--muted)}
.spec-list dd{color:var(--navy)}
.quote-band{background:var(--navy);padding:96px 0}
.quote-band__inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.quote-band h2{font-size:clamp(32px,3.4vw,46px);color:var(--ivory);margin-bottom:16px;max-width:18ch}
.quote-band p{color:var(--ivory-80);font-size:18px;max-width:56ch}
.ring-btn{flex-shrink:0;width:200px;height:200px;text-align:center;border-radius:50%;border:1px solid var(--gold);color:var(--ivory);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:500;transition:background-color .25s,color .25s}
.ring-btn:hover{background:var(--gold);color:var(--navy)}

/* Catalog */
.catalog-hero{background:var(--navy);padding:96px 0}
.catalog-hero__grid{display:grid;grid-template-columns:7fr 4fr;gap:80px;align-items:center}
.catalog-hero__text{display:flex;flex-direction:column;gap:24px}
.catalog-hero__text .display{color:var(--ivory)}
.catalog-hero__text .eyebrow{margin:0}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table{width:100%;min-width:620px;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.table th,.table td{padding:14px 18px 14px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.table thead th{font-size:13px;font-weight:500;color:var(--muted);border-bottom:1px solid var(--line-strong)}
.table tbody th{font-weight:500;color:var(--navy)}
.table td.strong{color:var(--navy);font-weight:500}
.table .group-start>*{border-top:1px solid var(--line-strong)}
.table--compare tbody th{width:150px}
.table--specs tbody th a{border-bottom:1px solid var(--gold)}
.table--compact{min-width:0;font-size:14px}
.source{margin-top:20px;font-size:13.5px;color:var(--muted);max-width:90ch}
.forms{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.forms>div{padding-top:22px;border-top:2px solid var(--gold)}
.forms h3,.checks h3,.terms h3{font-size:22px;margin-bottom:8px}
.forms p,.checks p{color:var(--muted);font-size:15px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.two-col .h3{margin-bottom:24px}
.two-col--wide .h2{margin-bottom:32px}
.check-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.check-list li{position:relative;padding-left:30px}
.check-list li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.check-list--light{color:var(--ivory-80)}
.terms{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.terms p{color:var(--ivory-80);font-size:15px}

/* Origin */
.origin-hero{position:relative;background:var(--midnight);overflow:hidden}
.origin-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.origin-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,36,84,.9) 0%,rgba(18,36,84,.55) 45%,rgba(18,36,84,.1) 80%)}
.origin-hero__text{position:relative;z-index:1;padding-top:140px;padding-bottom:140px;display:flex;flex-direction:column;gap:24px}
.origin-hero__text .display{color:var(--ivory);max-width:16ch}
.origin-hero__text .eyebrow{margin:0}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.facts figure{display:flex;flex-direction:column;gap:18px;padding-top:24px;border-top:1px solid rgba(217,188,122,.45)}
.facts p{font-family:var(--serif);font-size:24px;line-height:1.35;color:var(--ivory)}
.facts figcaption{font-size:13.5px;color:var(--gold-light)}
.regions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.region{display:flex;flex-direction:column;gap:8px}
.region img,.region__img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);margin-bottom:16px}
.region:nth-child(2) img{object-position:72% 50%}
.region h3{font-size:24px}
.region__place{color:var(--gold-text);font-weight:500}
.region p:last-child{color:var(--muted)}
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:0 48px}
.checks>div{padding:28px 0;border-top:1px solid var(--line)}

/* Quote */
.quote-grid{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.quote-aside{display:flex;flex-direction:column;gap:24px;position:sticky;top:24px}
.quote-aside .eyebrow{margin:0}
.contact-list>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.contact-list dt{color:var(--muted)}
.contact-list dd{color:var(--navy)}
.quote-aside__img img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius)}
.quote-aside__img figcaption{font-family:var(--serif);font-size:20px;color:var(--navy);margin-top:14px}
.quote-main{display:flex;flex-direction:column;gap:20px}
.gate{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px 24px;background:#FBF8F1;border:1px solid rgba(191,159,96,.7);border-radius:var(--radius)}
.gate__icon{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold-light);display:flex;align-items:center;justify-content:center}
.gate__body{display:flex;flex-direction:column;gap:8px;font-size:15px}
.gate__title{font-family:var(--serif);font-size:21px;color:var(--navy)}
.gate__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:rgba(191,159,96,.13);border-left:3px solid var(--gold);color:var(--navy);font-size:15px}
.notice .i{margin-top:4px;flex-shrink:0}
.form-alert{padding:12px 16px;background:#FBEDEB;border-left:3px solid var(--bad);color:#7A2618;font-size:15px}
.qform,.sent{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:40px;display:flex;flex-direction:column;gap:22px}
.qform__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.qform__foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13.5px;font-weight:500;color:var(--muted)}
.field__hint{font-weight:400;color:var(--gold-text)}
.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;background:transparent;padding:10px 0;font-size:16px;color:var(--navy);transition:border-color .2s,box-shadow .2s}
.field textarea{border:1px solid var(--line-strong);padding:12px 14px;line-height:1.6;resize:vertical;border-radius:var(--radius)}
.field select{appearance:none;-webkit-appearance:none;padding-right:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23122454' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 4px center}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold);box-shadow:none}
.field input::placeholder,.field textarea::placeholder{color:#9A9EAD}
.has-error input,.has-error select,.has-error textarea{border-color:var(--bad)}
.field__error{font-size:13px;color:var(--bad)}
.check{display:flex;align-items:flex-start;gap:12px;font-size:15px;cursor:pointer}
.check input{width:18px;height:18px;margin:3px 0 0;flex-shrink:0;accent-color:var(--navy)}
.check a{color:var(--navy);border-bottom:1px solid var(--gold)}
.check.has-error span{color:var(--bad)}
.sent{align-items:flex-start}
.sent__tick,.composer__tick{width:56px;height:56px;border-radius:50%;background:var(--navy);color:var(--gold-light);display:flex;align-items:center;justify-content:center}
.sent__actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font-family:var(--serif);font-size:20px;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:28px;width:10px;height:10px;border-right:1.5px solid var(--gold-text);border-bottom:1.5px solid var(--gold-text);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);top:32px}
.faq p{padding:0 0 20px;color:var(--muted);max-width:60ch}

/* Contact */
.contact-hero{padding:96px 0}
.contact-hero__grid{display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:center}
.contact-hero__text{display:flex;flex-direction:column;gap:24px}
.contact-hero__text .eyebrow{margin:0}
.local-time{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:15px}
.local-time .i{color:var(--gold-text)}
.local-time time{color:var(--navy);font-weight:500}
.contact-quote{margin-top:16px;padding-left:24px;border-left:2px solid var(--gold);display:flex;flex-direction:column;gap:14px}
.contact-quote blockquote{font-family:var(--serif);font-size:24px;line-height:1.4;color:var(--navy)}
.contact-hero__media img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius)}
.contact-hero__media figcaption{margin-top:14px;font-size:14px;color:var(--gold-text)}
.channels{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.channel{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:36px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}
.channel .eyebrow{margin:6px 0 0}
.channel>p:not(.eyebrow){color:var(--muted);font-size:15px}
.channel>:last-child{margin-top:auto}
.channel__icon{width:52px;height:52px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-text);display:flex;align-items:center;justify-content:center}
.channel__value{font-size:clamp(22px,2vw,28px);overflow-wrap:anywhere;color:var(--navy)}
.channel--feature{background:var(--navy);border-color:var(--navy);color:var(--ivory-80)}
.channel--feature .channel__value{color:var(--ivory)}
.channel--feature>p:not(.eyebrow){color:var(--ivory-80)}
.channel--feature .channel__icon{color:var(--gold-light)}
.channel__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:8px}
.contact-foot{margin-top:40px;font-size:16px;color:var(--muted);display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}

/* Legal */
.legal__inner{max-width:780px}
.legal h2{font-size:26px;margin:44px 0 14px}
.legal p,.legal li{line-height:1.75}
.legal ul{padding-left:20px;display:flex;flex-direction:column;gap:8px}
.legal a{color:var(--navy);border-bottom:1px solid var(--gold)}
.legal__draft{display:inline-block;margin-top:20px;padding:6px 14px;border-radius:999px;background:rgba(191,159,96,.16);color:var(--gold-text);font-size:14px;font-weight:500}
.legal .table-wrap{margin-top:12px}

/* Accounts */
.auth{padding:80px 0 120px;background:var(--ivory)}
.auth__grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,400px);gap:40px;justify-content:center;align-items:start}
.auth__card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:44px;display:flex;flex-direction:column;gap:22px}
.auth__form{display:flex;flex-direction:column;gap:20px}
.auth__links{font-size:14px}
.auth__links a{color:var(--navy);border-bottom:1px solid var(--gold)}
.auth__aside{background:var(--navy);color:var(--ivory-80);border-radius:var(--radius);padding:44px;display:flex;flex-direction:column;gap:22px}
.auth__aside h2{color:var(--ivory)}
.auth__aside .seal{position:relative;top:auto;left:auto;width:200px;height:200px}
.auth__aside .seal__core{inset:44px}
.auth__aside .seal__core img{width:96px;height:96px}
.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line)}
.tabs a{padding:10px 0;font-weight:500;color:var(--muted);margin-bottom:-1px;border-bottom:2px solid transparent}
.tabs a[aria-current]{color:var(--navy);border-color:var(--gold)}
.providers{display:flex;flex-direction:column;gap:10px}
.provider{display:flex;align-items:center;gap:14px;height:50px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;font-weight:500;color:var(--navy)}
.provider:hover{border-color:var(--navy);background:var(--ivory)}
.provider__mark{width:28px;height:28px;border-radius:50%;background:var(--navy);color:var(--ivory);font-family:var(--serif);font-size:14px;display:flex;align-items:center;justify-content:center}
.divider{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.pw{position:relative}
.pw input{padding-right:44px}
.pw__toggle{position:absolute;right:0;bottom:6px;width:36px;height:36px;border:0;background:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pw__toggle[aria-pressed="true"]{color:var(--gold-text)}
.meter{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.meter__bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.meter__bar span{height:4px;border-radius:2px;background:var(--line)}
.meter[data-level="1"] .meter__bar span:nth-child(-n+1){background:var(--bad)}
.meter[data-level="2"] .meter__bar span:nth-child(-n+2){background:#C9822B}
.meter[data-level="3"] .meter__bar span:nth-child(-n+3){background:var(--gold)}
.meter[data-level="4"] .meter__bar span{background:var(--ok)}
.meter__label{font-size:13px;color:var(--muted)}
.meter__rules{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--muted)}
.meter__rules li{position:relative;padding-left:16px}
.meter__rules li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;border:1px solid var(--line-strong)}
.meter__rules li.is-met{color:var(--ok)}
.meter__rules li.is-met::before{background:var(--ok);border-color:var(--ok)}
.account__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;margin-top:40px;align-items:start}
.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.panel .table-wrap{width:100%}
.stack-form{display:flex;flex-direction:column;gap:18px;width:100%}
.tag{display:inline-block;padding:2px 10px;border-radius:999px;background:rgba(191,159,96,.16);color:var(--gold-text);font-size:13px;font-weight:500}
.danger summary{cursor:pointer;color:var(--bad);font-size:14px}
.danger form{display:flex;flex-direction:column;gap:12px;margin-top:12px;align-items:flex-start}

/* Footer */
.site-footer{background:var(--midnight);color:var(--ivory-80);padding:80px 0 32px;font-size:15px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px}
.footer-grid h3{font-family:var(--sans);font-size:14px;font-weight:500;color:var(--gold-light);margin-bottom:18px}
.footer-grid a,.footer-grid span{display:block;margin-bottom:11px}
.footer-grid a:hover{color:var(--ivory)}
.footer-brand{display:flex;flex-direction:column;gap:16px;max-width:320px}
.footer-brand .brand img{width:56px;height:56px}
.footer-brand .brand span{margin:0}
.footer-motto{font-family:var(--serif);font-size:20px;color:var(--gold-light)}
.footer-note{font-size:13.5px;color:rgba(246,242,234,.6)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--line-dark);font-size:13.5px;color:rgba(246,242,234,.6)}
.footer-bottom nav{display:flex;gap:24px}

/* Floating contact dock (Home) */
.dock{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.dock__item{display:flex;align-items:center;gap:10px}
.dock__toggle{width:56px;height:56px;border-radius:50%;border:1px solid var(--gold);background:var(--navy);color:var(--gold-light);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px rgba(18,36,84,.3);transition:background-color .2s}
.dock__toggle:hover,.dock__item.is-open .dock__toggle{background:var(--midnight)}
.dock__reveal{display:flex;flex-direction:column;align-items:flex-end;padding:10px 18px;border-radius:14px;background:var(--navy);border:1px solid rgba(191,159,96,.6);box-shadow:0 10px 26px rgba(18,36,84,.3);opacity:0;transform:translateX(10px);pointer-events:none;transition:opacity .2s,transform .2s}
.dock__item.is-open .dock__reveal{opacity:1;transform:none;pointer-events:auto}
.dock__label{font-size:12px;color:var(--gold-light)}
.dock__value{background:none;border:0;padding:0;color:var(--ivory);font-size:15px;font-weight:500;cursor:pointer;border-bottom:1px solid rgba(217,188,122,.5)}

/* Message composer */
body.modal-open{overflow:hidden}
@keyframes rh-rise{from{opacity:0;transform:translateY(12px)}}
#composer-form{display:flex;flex-direction:column;gap:20px}
#composer-form .form-grid{gap:18px 24px}
.form-error{color:var(--bad);font-size:14px}

/* Cookie choice */
.cookie{position:fixed;left:24px;bottom:24px;z-index:90;max-width:420px;padding:22px 24px;background:var(--navy);color:var(--ivory-80);border:1px solid rgba(191,159,96,.55);border-radius:var(--radius);box-shadow:0 20px 50px rgba(18,36,84,.35);font-size:14px;display:flex;flex-direction:column;gap:16px}
.cookie[hidden]{display:none}
.cookie a{color:var(--gold-light);border-bottom:1px solid rgba(217,188,122,.5)}
.cookie__actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie .chip{color:var(--ivory);border-color:rgba(246,242,234,.4)}
.cookie .chip--solid{background:var(--gold);border-color:var(--gold);color:var(--navy)}

/* Responsive */
@media (max-width:1180px){
  .main-nav{gap:22px}
  .nav-account{padding-left:16px!important}
  .header-inner{gap:24px}
}
@media (max-width:1024px){
  :root{--pad:28px}
  .section{padding:96px 0}
  .header-inner{height:72px}
  .header-cta{display:none}
  .nav-toggle{display:inline-flex}
  .main-nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--pad) 28px;background:var(--navy);border-bottom:1px solid rgba(191,159,96,.35);box-shadow:0 20px 40px rgba(18,36,84,.35)}
  .main-nav.is-open{display:flex}
  .main-nav a{font-family:var(--serif);font-size:24px;padding:14px 0;border-bottom:1px solid var(--line-dark);color:var(--ivory)}
  .main-nav a.is-active{box-shadow:none}
  .nav-account{border-left:0;padding-left:0!important;font-family:var(--sans)!important;font-size:17px!important}
  .main-nav .nav-quote{display:inline-flex;align-self:flex-start;margin-top:22px;border-bottom:0!important;font-family:var(--sans)!important;font-size:16px!important;padding:0 8px 0 24px!important}
  .main-nav .nav-quote{color:var(--navy)!important}
  body.menu-open .dock{display:none}
  .seal{left:auto;right:40px}
  .trust__grid{grid-template-columns:1fr 1fr}
  .trust__grid>div:nth-child(3){border-left:0;padding-left:0}
  .trust__grid>div:nth-child(-n+2){border-bottom:1px solid var(--line-dark)}
  .section-head,.motto,.split,.process,.duo,.name,.vm,.founder,.two-col,.page-hero__grid,.contact-hero__grid,.catalog-hero__grid,.quote-grid,.account__grid{grid-template-columns:1fr;gap:48px}
  .section-head{gap:20px}
  .pcard,.pcard:nth-child(1),.pcard:nth-child(2){grid-column:span 6}
  .pcard:nth-child(5){grid-column:span 12}
  .pcard__img img,.pcard:nth-child(-n+2) .pcard__img img{height:340px}
  .values,.forms,.terms{grid-template-columns:1fr 1fr}
  .facts,.regions,.checks{grid-template-columns:1fr 1fr}
  .channels{grid-template-columns:1fr 1fr}
  .channel--feature{grid-column:span 2}
  .quote-aside{position:static}
  .page-hero__media,.contact-hero__media{max-width:520px}
  .name__emblem img{max-width:220px;margin:0}
  .auth__grid{grid-template-columns:minmax(0,560px)}
  .auth__aside{display:none}
}
@media (max-width:760px){
  :root{--pad:20px}
  .section{padding:72px 0}
  .section--tight{padding:56px 0}
  .brand img{width:40px;height:40px}
  .brand span{font-size:18px}
  .hero{display:flex;flex-direction:column}
  .hero__media{position:relative;order:2;width:100%;height:420px}
  .hero__media::after{background:linear-gradient(180deg,var(--navy) 0%,rgba(18,36,84,0) 35%)}
  .hero__inner{min-height:0}
  .hero__text{padding:56px 0 40px;gap:22px}
  .seal{top:auto;right:12px;bottom:250px;transform:scale(.6);transform-origin:bottom right}
  .terms-row{flex-direction:column;gap:6px}
  .terms-row li{padding:0;border:0}
  .trust__grid{grid-template-columns:1fr}
  .trust__grid>div{border-left:0!important;padding:22px 0!important;border-bottom:1px solid var(--line-dark)}
  .trust__grid>div:last-child{border-bottom:0}
  .pgrid{grid-template-columns:1fr;gap:36px}
  .pcard,.pcard:nth-child(n){grid-column:auto}
  .pcard__img img,.pcard:nth-child(-n+2) .pcard__img img{height:260px}
  .split__media img{height:340px}
  .steps li{padding-left:64px}
  .steps li::before{font-size:24px}
  .catalog-card{flex-direction:column;align-items:flex-start;padding:28px}
  .founder-quote{padding:8px 0 8px 24px}
  .founder-quote blockquote{font-size:24px}
  .values,.forms,.terms,.facts,.regions,.checks,.channels{grid-template-columns:1fr}
  .channel--feature{grid-column:auto}
  .channel{padding:28px}
  .name__parts>div{grid-template-columns:1fr;gap:6px}
  .statement{font-size:23px}
  .spec-list>div{grid-template-columns:1fr;gap:2px}
  .quote-band{padding:72px 0}
  .quote-band__inner{flex-direction:column;align-items:flex-start}
  .ring-btn{width:170px;height:170px}
  .origin-hero__text{padding-top:96px;padding-bottom:96px}
  .origin-hero::after{background:rgba(18,36,84,.68)}
  .form-grid{grid-template-columns:1fr}
  .qform,.sent{padding:26px 20px}
  .gate{grid-template-columns:1fr}
  .auth{padding:40px 0 80px}
  .auth__card{padding:28px 22px}
  .panel{padding:24px 20px}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .dock{right:16px;bottom:calc(16px + var(--cookie-h, 0px));transition:bottom .2s}
  .dock__toggle{width:52px;height:52px}
  .cookie{left:12px;right:12px;bottom:12px;max-width:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .seal__ring{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}


/* ===== October 2026 update: final canvas design ===== */
picture{display:contents}
/* Header: full bar on wide screens; menu button below 1180 px */
.header-inner{gap:24px}
.main-nav{gap:26px}
.main-nav .nav-account,.nav-langs{display:none}
.header-auth{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:13.5px;color:rgba(246,242,234,.7)}
.header-auth a{color:rgba(246,242,234,.9)}
.header-auth a:hover{color:var(--ivory)}
.header-auth__dash{margin-right:10px;padding:5px 12px;border:1px solid rgba(191,159,96,.6);border-radius:999px;color:var(--gold-light)!important}
.header-cta{flex-shrink:0}
.lang-menu{position:relative;flex-shrink:0}
.lang-menu__btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 11px;border-radius:999px;border:1px solid rgba(191,159,96,.6);background:transparent;color:var(--ivory);font-size:13px;font-weight:500;cursor:pointer}
.lang-menu__btn:hover,.lang-menu__btn[aria-expanded="true"]{background:rgba(191,159,96,.15)}
.lang-menu__list{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:160px;list-style:none;padding:6px;background:var(--navy);border:1px solid rgba(191,159,96,.6);border-radius:8px;box-shadow:0 20px 40px rgba(18,36,84,.35)}
.lang-menu__list a{display:block;padding:9px 14px;border-radius:6px;color:var(--ivory);font-size:15px}
.lang-menu__list a:hover{background:rgba(246,242,234,.08)}
.lang-menu__list a[aria-current]{color:var(--gold-light)}
@media (max-width:1280px){.main-nav{gap:20px}.header-inner{gap:18px}.header-cta{height:46px;padding-left:18px;font-size:14.5px}.header-cta .btn__icon{width:32px;height:32px}}
@media (max-width:1180px){
  .header-inner{height:72px}
  .nav-toggle{display:inline-flex;margin-left:0}
  .header-cta{margin-left:auto}
  .header-auth{display:none}
  .main-nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px var(--pad) 28px;background:var(--navy);border-bottom:1px solid rgba(191,159,96,.35);box-shadow:0 20px 40px rgba(18,36,84,.35)}
  .main-nav.is-open{display:flex}
  .main-nav a{font-family:var(--serif);font-size:24px;padding:14px 0;border-bottom:1px solid var(--line-dark);color:var(--ivory)}
  .main-nav a.is-active{box-shadow:none}
  .main-nav .nav-account{display:flex;align-items:center;gap:10px;border-left:0;padding:16px 0!important;font-family:var(--sans);font-size:17px}
  .main-nav .nav-quote{display:none}
  .nav-langs{display:flex;flex-wrap:wrap;gap:20px;padding-top:18px}
  .nav-langs a{font-family:var(--sans);font-size:15px;padding:4px 0;border:0;color:rgba(246,242,234,.8)}
  .nav-langs a[aria-current]{color:var(--gold-light)}
  body.menu-open .dock{display:none}
}
@media (max-width:1024px) and (min-width:761px){.header-cta{display:inline-flex}}
@media (max-width:760px){
  .header-cta,.lang-menu{display:none}
  .nav-toggle{margin-left:auto}
  .main-nav .nav-quote{display:inline-flex;align-self:flex-start;margin-top:22px;border-bottom:0;font-family:var(--sans);font-size:16px;padding:0 8px 0 24px;color:var(--navy)}
}
/* Footer */
.footer-grid .footer-langs{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px}
.footer-grid .footer-langs a{display:inline;margin:0;font-size:14px;color:rgba(246,242,234,.7)}
.footer-grid .footer-langs a[aria-current]{color:var(--gold-light)}
.ring-btn span{max-width:150px;font-size:17px;line-height:1.3;text-wrap:balance}
/* Home: catalog card with a photo cover, and the founder card */
.duo{grid-template-columns:1fr 1fr;gap:32px}
.catalog-card{background:var(--navy);border:0;border-radius:6px;padding:56px;gap:48px;color:rgba(246,242,234,.8)}
.catalog-card .eyebrow{margin-bottom:0}
.catalog-card .h3{color:var(--ivory);font-size:clamp(28px,2.6vw,36px);line-height:1.15}
.catalog-card__text{gap:18px}
.cover{position:relative;display:block;flex-shrink:0;overflow:hidden;border-radius:3px;background:var(--midnight);box-shadow:0 22px 44px rgba(0,0,0,.38),0 0 0 1px rgba(191,159,96,.5)}
.cover--small{width:200px;height:268px}
.cover--large{width:100%;max-width:340px;aspect-ratio:3/4;justify-self:end}
.cover img.cover__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 85%}
.cover::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(18,36,84,.94) 0%,rgba(18,36,84,.6) 40%,rgba(18,36,84,0) 68%)}
.cover::after{content:"";position:absolute;top:0;bottom:0;left:0;width:7px;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,0))}
.cover__brand{position:absolute;z-index:2;top:22px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.cover__brand img{width:40px;height:40px}
.cover__word{font-family:var(--serif);font-size:13px;letter-spacing:.3em;color:var(--ivory)}
.cover__title{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)}
.cover--large .cover__brand{top:40px;gap:12px}
.cover--large .cover__brand img{width:64px;height:64px}
.cover--large .cover__word{font-size:20px}
.cover--large .cover__title{font-size:13px}
.founder-quote{justify-content:space-between;gap:32px;padding:56px;background:var(--ivory);border-left:0;border-radius:6px}
.founder-quote__mark{display:block;font-family:var(--serif);font-size:96px;line-height:.8;color:var(--gold);margin-bottom:8px}
.founder-quote blockquote{font-size:clamp(26px,2.4vw,34px);line-height:1.3}
.founder-quote figcaption{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(18,36,84,.14)}
.founder-quote__who{display:flex;align-items:center;gap:14px}
.founder-quote__who>span:last-child{display:flex;flex-direction:column}
.avatar{display:block;width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--navy);flex-shrink:0}
.avatar img{width:100%;height:100%;object-fit:cover}
/* Products: photos alternate left and right */
.prod{background:var(--white);border-top:1px solid rgba(18,36,84,.1);scroll-margin-top:0}
.prod--flip{background:var(--ivory);border-top:0}
.prod__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:88px;align-items:center;padding-top:96px;padding-bottom:96px}
.prod--flip .prod__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.prod--flip .prod__media{order:2}
.prod__media img{width:100%;height:620px;object-fit:cover;border-radius:var(--radius)}
.prod__text{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.prod__title{font-size:clamp(34px,3.4vw,48px);line-height:1.08}
.prod__lead{max-width:600px;font-size:17px;line-height:1.7}
.prod .spec-list{width:100%;margin-top:8px}
.prod .btn{margin-top:8px}
/* About: founder portrait in a gold ring */
.founder__photo{position:relative;width:380px;height:380px;max-width:100%;justify-self:center}
.founder__photo::before{content:"";position:absolute;inset:0;border:1px solid var(--gold);border-radius:50%}
.founder__photo img{position:absolute;top:24px;left:24px;width:332px;height:332px;border-radius:50%;object-fit:cover;background:var(--navy)}
.founder__title{margin-bottom:6px}
/* Request a Quote / Sample */
.quote-page{background:var(--ivory)}
.req-tabs{display:inline-flex;gap:4px;padding:5px;margin-bottom:48px;background:var(--white);border:1px solid rgba(18,36,84,.12);border-radius:999px}
.req-tabs a{display:inline-flex;align-items:center;height:48px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:500;color:var(--navy);white-space:nowrap}
.req-tabs a[aria-selected="true"]{background:var(--navy);color:var(--ivory)}
.req-tabs a:not([aria-selected="true"]):hover{background:var(--ivory)}
.sample-steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:22px;margin-top:8px}
.sample-steps li{counter-increment:step;position:relative;padding-left:56px;display:flex;flex-direction:column;gap:4px}
.sample-steps li::before{content:counter(step);position:absolute;left:0;top:-4px;width:38px;height:38px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-text);font-family:var(--serif);font-size:18px;display:flex;align-items:center;justify-content:center}
.sample-steps strong{color:var(--navy);font-weight:500;font-size:17px}
.sample-steps span{color:var(--muted)}
.local-time__tz{white-space:nowrap}
.field__hint-line{font-size:13px;color:var(--muted);margin-top:6px}
/* Chat panel: from the Home buttons (no sign-in) and the Contact page (after log in or sign up) */
.dock__cta{font-size:12px;color:rgba(246,242,234,.65);margin-top:2px}
.chat{position:fixed;z-index:95;right:96px;bottom:24px;width:380px;max-width:calc(100vw - 32px);max-height:min(660px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--white);border:1px solid rgba(191,159,96,.6);border-radius:14px;box-shadow:0 30px 70px rgba(18,36,84,.35);overflow:hidden;animation:rh-rise .2s ease-out}
.chat[hidden]{display:none}
.chat:not(.chat--dock){right:24px}
.chat__head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--navy);color:var(--ivory)}
.chat__avatar{width:42px;height:42px;border-radius:50%;background:var(--midnight);border:1px solid rgba(191,159,96,.6);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chat__avatar img{width:30px;height:30px}
.chat__who{flex:1;min-width:0}
.chat__name{font-family:var(--serif);font-size:18px;line-height:1.2;color:var(--ivory)}
.chat__sub{font-size:12.5px;color:var(--gold-light)}
.chat__lang,.chat__close{height:32px;min-width:32px;padding:0 9px;border-radius:999px;border:1px solid rgba(246,242,234,.35);background:transparent;color:var(--ivory);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center}
.chat__lang:hover,.chat__close:hover{background:rgba(246,242,234,.1)}
.chat__body{overflow:auto;padding:18px 18px 20px;background:var(--ivory)}
.chat__body.is-auth{background:var(--white)}
.chat__form,.chat__auth,.chat__authform{display:flex;flex-direction:column;gap:10px}
.chat__auth>p:first-child{font-size:14.5px;color:var(--ink)}
.chat__bubble{align-self:flex-start;max-width:92%;padding:12px 14px;margin-bottom:4px;background:var(--white);border:1px solid var(--line);border-radius:4px 14px 14px 14px;font-size:14.5px;color:var(--navy)}
.chat input:not([type=checkbox]):not([type=hidden]),.chat textarea{width:100%;padding:11px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--white);font-size:15px;color:var(--navy)}
.chat textarea{resize:vertical;min-height:150px;line-height:1.55}
.chat input:focus,.chat textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.chat__label{font-size:13px;color:var(--muted);margin-top:4px}
.chat__note{font-size:12.5px;color:var(--muted)}
.chat .hp{position:absolute!important}
.seg{display:inline-flex;align-self:flex-start;border:1px solid var(--line-strong);border-radius:999px;padding:3px}
.seg button{border:0;background:none;padding:6px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--navy);color:var(--ivory)}
.chat__row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px}
.chat__row a{color:var(--gold-text)}
.check--small span{font-size:13.5px}
.chat__providers{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chat__done{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0}
.chat__done-title{font-family:var(--serif);font-size:24px;color:var(--navy)}
.chat__done-text{color:var(--muted)}
body.chat-open .dock__item{opacity:.9}
/* Log in / Sign up: one card */
.auth__grid--single{grid-template-columns:minmax(0,520px)}
/* Chinese pages: system Chinese fonts after the Latin ones (no extra download) */
.lang-zh{--serif:"Marcellus","Marcellus Fallback","Noto Serif SC","Source Han Serif SC","Songti SC",STSong,serif;--sans:"Jost","Jost Fallback","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
.lang-zh .display,.lang-zh .h2{letter-spacing:0}
@media (max-width:1024px){
  .duo{grid-template-columns:1fr}
  .prod__grid,.prod--flip .prod__grid{grid-template-columns:1fr;gap:40px;padding-top:72px;padding-bottom:72px}
  .prod--flip .prod__media{order:0}
  .prod__media img{height:auto;aspect-ratio:4/5;max-height:640px}
  .cover--large{justify-self:start;max-width:260px}
}
@media (max-width:760px){
  .catalog-card{padding:32px 24px;gap:28px}
  .founder-quote{padding:32px 24px}
  .founder-quote blockquote{font-size:24px}
  .prod__media img{max-height:500px}
  .founder__photo{width:300px;height:300px}
  .founder__photo img{top:20px;left:20px;width:260px;height:260px}
  .req-tabs{display:flex;width:100%;margin-bottom:36px}
  .req-tabs a{flex:1;justify-content:center;padding:0 10px;font-size:14px}
  .chat,.chat:not(.chat--dock){left:0;right:0;bottom:0;width:auto;max-width:none;max-height:88vh;border-radius:16px 16px 0 0}
  .hero__actions{flex-direction:column;align-items:flex-start;gap:18px}
  .local-time__tz{display:block}
}


/* ===== 2026 reference-screen polish / account portal / catalog PDF ===== */
.catalog-cover{display:block;width:min(100%,420px);justify-self:end;border:1px solid rgba(191,159,96,.48);border-radius:3px;overflow:hidden;box-shadow:0 24px 54px rgba(7,17,39,.34);background:var(--midnight)}
.catalog-cover img{width:100%;height:auto;aspect-ratio:447/598;object-fit:contain;background:var(--navy)}
.catalog-mini-cover{display:block;width:190px;min-width:190px;aspect-ratio:447/598;overflow:hidden;border-radius:3px;border:1px solid rgba(191,159,96,.55);box-shadow:0 18px 36px rgba(0,0,0,.32)}
.catalog-mini-cover img{width:100%;height:100%;object-fit:cover}
.catalog-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}

/* Match the supplied clean white + deep navy account screen. */
.page-auth{background:#fff;min-height:100vh}
.page-auth .site-header,.page-auth .site-footer,.page-auth .skip-link{display:none}
.page-auth main{min-height:100vh;display:flex;align-items:center}
.auth--portal{width:100%;padding:30px 0 44px;background:#fff}
.auth--portal .auth__grid{grid-template-columns:minmax(0,560px);gap:0}
.auth__card--portal{padding:28px 50px 36px;border:1px solid #E1E3E8;border-radius:0;background:#fff;box-shadow:none;gap:22px}
.auth__brand{display:flex;justify-content:center;align-items:center;margin:0 auto 2px}
.auth__brand-emblem{display:flex;align-items:center;justify-content:center;width:82px;height:82px;border-radius:50%;background:var(--navy)}
.auth__brand-emblem img{width:64px;height:64px}
.auth__intro{text-align:center;display:flex;flex-direction:column;gap:7px}
.auth__title{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.2vw,46px);line-height:1.08;color:var(--navy)}
.auth__intro p{font-size:16px;color:var(--muted)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:var(--ivory);gap:4px}
.auth-tabs a{height:50px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:500;color:#73778A;transition:.2s background-color,.2s color}
.auth-tabs a[aria-selected="true"]{background:var(--navy);color:#fff;box-shadow:0 2px 7px rgba(18,36,84,.12)}
.auth__form--portal{gap:18px}
.auth-field{position:relative;height:64px}
.auth-field input{width:100%;height:64px;border:1px solid #D8DCE4;border-radius:12px;background:#fff;padding:0 52px 0 52px;color:var(--navy);font-size:16px;outline:0;transition:border-color .18s,box-shadow .18s}
.auth-field input::placeholder{color:#8C909D}
.auth-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(191,159,96,.13)}
.auth-field__icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;color:#6A7185;z-index:2}
.auth-field__toggle{right:9px;bottom:auto;top:50%;transform:translateY(-50%);z-index:2}
.auth__remember-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px}
.auth__remember-row>a,.auth__switch a{color:var(--gold-text);font-weight:500}
.auth__remember-row>a:hover,.auth__switch a:hover{text-decoration:underline;text-underline-offset:3px}
.auth__submit{height:64px;font-size:17px;margin-top:2px}
.auth__submit .btn__icon{width:46px;height:46px}
.providers--brand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.provider--brand{height:58px;padding:0 14px;justify-content:center;gap:10px;border-color:#D8DCE4;background:#fff;font-size:14px;white-space:nowrap}
.provider--brand:hover{background:#FAF9F6;border-color:#B5BBC8}
.provider__mark{width:28px;height:28px;background:transparent!important;color:inherit!important}
.provider__mark img{width:23px;height:23px;object-fit:contain}
.provider--setup{position:relative}
.provider--setup::after{content:"";position:absolute;right:9px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.auth__switch{text-align:center;font-size:15px;color:#7B8090}
.page-auth .flash{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:120;width:min(92vw,620px);border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.page-auth .flash .container{padding:0 18px;text-align:center}

/* About page proportions from the supplied reference screen. */
.page-hero{background:#fff}
.page-hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:80px}
.page-hero__text .display{font-size:clamp(48px,5.3vw,78px);line-height:1.08;max-width:12ch}
.page-hero__text>.lead{font-size:18px;line-height:1.9;max-width:49ch}
.page-hero__text>p:not(.eyebrow):not(.lead){font-size:17px;line-height:1.85;max-width:48ch}
.page-hero__media img{aspect-ratio:4/5;min-height:610px;object-position:center;box-shadow:0 0 0 1px rgba(18,36,84,.08)}

/* Slightly stronger brand treatment like the supplied home/header screen. */
.site-header{background:var(--navy)}
.header-inner{height:90px}
.brand span{letter-spacing:.32em}
.hero__text{max-width:640px}
.hero__text .display{font-size:clamp(50px,4.65vw,72px);line-height:1.04}
.hero__media{width:50%}
.hero__media::after{background:linear-gradient(90deg,var(--navy) 0%,rgba(18,36,84,.74) 16%,rgba(18,36,84,.14) 48%,rgba(18,36,84,0) 70%)}
.seal{left:calc(50% + 50px)}
.catalog-hero{background:var(--navy);padding:88px 0}
.catalog-hero__grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:90px}
.catalog-hero__text .display{font-size:clamp(48px,5vw,74px);max-width:11ch;line-height:1.06}
.catalog-hero__text .lead{max-width:58ch}

.chat__providers{grid-template-columns:1fr}
.chat__providers .provider{justify-content:flex-start}

@media (max-width:1024px){
  .catalog-cover{justify-self:start;max-width:330px}
  .catalog-hero__grid{grid-template-columns:1fr;gap:50px}
  .page-hero__grid{grid-template-columns:1fr;gap:48px}
  .page-hero__text .display{max-width:14ch}
  .page-hero__media{max-width:620px}
  .page-hero__media img{min-height:0}
}
@media (max-width:760px){
  .auth--portal{padding:0}
  .auth--portal .container{padding:0}
  .auth__card--portal{min-height:100vh;border:0;padding:28px 22px 34px;justify-content:flex-start}
  .auth__brand-emblem{width:74px;height:74px}
  .auth__brand-emblem img{width:58px;height:58px}
  .auth__title{font-size:36px}
  .providers--brand{grid-template-columns:1fr}
  .provider--brand{justify-content:flex-start;padding-left:24px}
  .catalog-mini-cover{width:150px;min-width:150px}
  .catalog-card{flex-direction:column;align-items:flex-start}
  .catalog-cover{max-width:280px}
  .page-hero__text .display{font-size:46px}
  .hero__text .display{font-size:46px}
}


/* ===== V5 exact Rayhock brand palette + reference screen corrections ===== */
:root{--navy:#122454;--midnight:#122454;--gold:#BF9F60;--gold-light:#BF9F60;--ivory:#F6F2EA}
body{background:#fff}
.site-header,.hero,.catalog-hero,.section--navy,.channel--feature,.site-footer,.quote-band{background:#122454}
.section--linen,.auth-tabs{background:#F6F2EA}
.site-header{border-bottom-color:rgba(191,159,96,.42)}
.hero__media::after{background:linear-gradient(90deg,#122454 0%,rgba(18,36,84,.74) 16%,rgba(18,36,84,.14) 48%,rgba(18,36,84,0) 70%)}
.eyebrow--light,.seal__ring text,.footer-motto{color:#BF9F60;fill:#BF9F60}
.channel__icon{border-color:#BF9F60;color:#95783F}
.channel--feature .channel__icon{color:#BF9F60}
.channel--feature{border-color:#122454;color:rgba(246,242,234,.84)}
.channel--feature .channel__value{color:#F6F2EA}
.channel--feature>p:not(.eyebrow){color:rgba(246,242,234,.84)}
.catalog-cover{border-color:rgba(191,159,96,.55);background:#122454}
.catalog-cover img{display:block}
.auth__brand-emblem{background:#122454}
.auth-tabs a[aria-selected="true"],.btn--navy,.chip--solid{background:#122454}
.btn--navy:hover,.chip--solid:hover{background:#0E1C43}
.btn__icon{background:#BF9F60;color:#122454}
.btn--outline{border-color:#122454;color:#122454}
.btn--outline .btn__icon{background:#122454;color:#BF9F60}
.btn--outline:hover{background:#122454;color:#F6F2EA}
.auth-field input:focus{border-color:#BF9F60;box-shadow:0 0 0 3px rgba(191,159,96,.14)}
.auth__remember-row>a,.auth__switch a{color:#95783F}
/* Keep all logo dimensions exactly as before. Only the correct light/dark artwork changes in markup. */
.brand img{object-fit:contain}
.seal__core img,.auth__brand-emblem img{object-fit:contain}
/* The outer motto ring makes one complete 360-degree cycle; the emblem stays static and unchanged in size. */
.seal__ring{animation-name:rh-spin;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:50% 50%}
@keyframes rh-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


/* ===== V6 final visual corrections: darker navy, close seal ring, contact reference, mobile ===== */
:root{--navy-dark:#0D1B3F;--midnight:#0B1733}
.site-header,.hero,.catalog-hero,.section--navy,.channel--feature,.site-footer,.quote-band,.trust{background:var(--navy-dark)}
.main-nav{background:var(--navy-dark)}
.hero__media::after{background:linear-gradient(90deg,var(--navy-dark) 0%,rgba(13,27,63,.82) 16%,rgba(13,27,63,.18) 48%,rgba(13,27,63,0) 70%)}
.site-header{border-bottom-color:rgba(191,159,96,.38)}
.channel--feature{border-color:var(--navy-dark)}
.btn--disabled{opacity:.62;cursor:not-allowed;pointer-events:none}
.seal__disk{inset:14px;background:rgba(13,27,63,.70);border-color:rgba(191,159,96,.52)}
.seal__ring{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px)}
.seal__ring text{font-size:12.6px;letter-spacing:1.65px}
.seal__core{inset:52px}
.seal__core img{width:118px;height:118px}
.channels{grid-template-columns:1.3fr 1fr 1fr;align-items:stretch}
.channel{min-height:420px}
.channel__actions{width:100%}
.channel .btn{max-width:100%}
.page-hero__media{background:var(--ivory);overflow:hidden}
.page-hero__media img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:1024px){
  .channels{grid-template-columns:1fr 1fr}
  .channel--feature{grid-column:1/-1}
  .channel{min-height:350px}
  .main-nav{background:var(--navy-dark)}
}
@media (max-width:760px){
  :root{--pad:18px}
  .header-inner{height:72px;gap:14px}
  .brand img{width:48px;height:48px}
  .brand span{font-size:17px;letter-spacing:.24em}
  .lang-menu{margin-left:auto}
  .nav-toggle{margin-left:0;width:44px;height:44px}
  .main-nav{top:72px;padding:10px var(--pad) 24px}
  .main-nav a{font-size:22px;padding:13px 0}
  .hero__text{padding:48px 0 34px}
  .hero__text .display{font-size:clamp(40px,12vw,52px);line-height:1.06}
  .hero__media{height:min(70vh,520px)}
  .hero__media::after{background:linear-gradient(180deg,var(--navy-dark) 0%,rgba(13,27,63,.18) 38%,rgba(13,27,63,0) 72%)}
  .seal{right:8px;bottom:300px;transform:scale(.72);transform-origin:bottom right}
  .seal__core img{width:118px;height:118px}
  .channels{grid-template-columns:1fr;gap:16px}
  .channel--feature{grid-column:auto}
  .channel{min-height:0;padding:26px 22px;gap:12px}
  .channel__value{font-size:clamp(25px,8vw,34px)}
  .channel__actions{flex-direction:column;align-items:stretch}
  .channel__actions .btn,.channel__actions .chip,.channel>.btn{width:100%;justify-content:space-between}
  .contact-foot{margin-top:28px;display:block;line-height:1.8}
  .contact-foot .link-u{margin-left:6px}
  .contact-hero{padding:64px 0}
  .contact-hero__grid{gap:36px}
  .contact-hero__media{max-width:none}
  .page-hero__grid{gap:34px}
  .page-hero__text .display{font-size:clamp(40px,11.6vw,52px)}
  .page-hero__media{max-width:none;width:100%}
  .page-hero__media img{aspect-ratio:4/5;min-height:0}
  .catalog-hero{padding:64px 0}
  .catalog-cover{max-width:100%;width:min(100%,330px)}
  .auth__card--portal{padding-left:20px;padding-right:20px}
}

/* ===== V7: exact code-built Rayhock turning seal =====
   The outer motto is SVG text generated by the site. No screenshot is used.
   Desktop dimensions are restored to the original 240 x 240; the centre emblem stays 118 x 118. */
.seal{
  width:240px;
  height:240px;
}
.seal__disk{
  inset:0;
  border-radius:50%;
  background:rgba(13,27,63,.72);
  border:0;
}
.seal__ring{
  inset:0;
  width:240px;
  height:240px;
  overflow:visible;
  animation:rh-spin 20s linear infinite;
  transform-origin:120px 120px;
  transform-box:view-box;
  will-change:transform;
}
.seal__outer-line,
.seal__inner-line{
  fill:none;
  stroke:#BF9F60;
  stroke-width:1.1;
  opacity:.58;
}
.seal__ring text{
  fill:#BF9F60;
  font-family:var(--serif);
  font-size:12.1px;
  font-weight:400;
  letter-spacing:1.15px;
}
.seal__core{
  inset:61px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.seal__core img{
  width:118px;
  height:118px;
  max-width:none;
  object-fit:contain;
}
@keyframes rh-spin{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}

/* Keep the seal readable on phones without altering the artwork proportions. */
@media (max-width:760px){
  .seal{
    width:240px;
    height:240px;
    right:8px;
    bottom:300px;
    transform:scale(.72);
    transform-origin:bottom right;
  }
  .seal__ring{width:240px;height:240px}
  .seal__core{inset:61px}
  .seal__core img{width:118px;height:118px}
}

/* Catalog only: match the exact cream used by Other cinnamon forms */
.catalog-terms-cream{background:var(--ivory);color:var(--navy)}
.catalog-terms-cream .terms h3{color:var(--navy)}
.catalog-terms-cream .terms p{color:var(--muted)}

/* V11 home hero refinement */
.hero{background:var(--navy-dark)}
.hero__media{width:43%}
.hero__media::after{background:linear-gradient(90deg,var(--navy-dark) 0%,rgba(13,27,63,.78) 18%,rgba(13,27,63,.16) 48%,rgba(13,27,63,0) 66%)}
.hero__inner{min-height:700px;align-items:flex-start}
.hero__text{max-width:650px;padding:118px 0 72px;gap:24px}
.hero__text .display{max-width:10.2ch;font-size:clamp(56px,5.2vw,82px);line-height:1.06}
.hero__text .lead{max-width:30ch;font-size:20px;line-height:1.65}
.hero__actions{margin-top:24px;gap:30px}
.seal{top:108px;left:calc(54% + 34px);width:250px;height:250px}
.seal__ring text{font-size:14px;letter-spacing:2.1px}
.seal__outer-line,.seal__inner-line{fill:none;stroke:rgba(191,159,96,.8);stroke-width:1.05}
@media (max-width: 1280px){.hero__text .display{font-size:clamp(52px,5vw,74px)}.seal{left:calc(53% + 10px);width:230px;height:230px}}
@media (max-width: 1024px){.hero__media{width:46%}.hero__inner{min-height:660px}.hero__text{padding:106px 0 60px}.hero__text .display{font-size:clamp(46px,4.8vw,66px)}}
@media (max-width: 760px){.hero__media{position:relative;width:100%;height:42vh;min-height:260px;max-height:380px}.hero__media::after{background:linear-gradient(180deg,rgba(13,27,63,.12) 0%,rgba(13,27,63,.74) 100%)}.hero__inner{min-height:0;margin-top:-54px;align-items:stretch}.hero__text{max-width:none;padding:0 0 28px;gap:20px}.hero__text .display{max-width:12ch;font-size:clamp(42px,11vw,56px)}.hero__text .lead{font-size:18px}.seal{top:140px;left:auto;right:18px;width:160px;height:160px}.seal__core{inset:34px}.seal__core img{width:92px;height:92px}}

/* V12: match only the supplied Home and Catalog reference screens; keep the existing site scale. */
.page-home .site-header,
.page-home .hero{background:#122454}
.page-home .hero__media{width:47%}
.page-home .hero__media::after{background:linear-gradient(90deg,#122454 0%,rgba(18,36,84,.55) 14%,rgba(18,36,84,0) 38%)}
.page-home .hero__inner{min-height:760px;align-items:center}
.page-home .hero__text{max-width:600px;padding:104px 0;gap:26px}
.page-home .hero__text .display{font-size:clamp(40px,4.6vw,62px);line-height:1.08;max-width:none}
.page-home .hero__text .lead{font-size:18px;line-height:1.7;max-width:62ch}
.page-home .hero__actions{margin-top:6px;gap:28px}
.page-home .seal{top:96px;left:calc(53% + 64px);width:240px;height:240px}
.page-home .seal__ring text{font-size:12.1px;letter-spacing:1.15px}
.page-home .seal__outer-line,.page-home .seal__inner-line{stroke:#BF9F60;stroke-width:1.1;opacity:.58}
.page-catalog .site-header,
.page-catalog .catalog-hero{background:#122454}
@media (max-width:1024px){
  .page-home .hero__text .display{font-size:clamp(42px,5.6vw,58px)}
}
@media (max-width:760px){
  .page-home .hero__media{width:100%}
  .page-home .hero__inner{min-height:0;align-items:stretch}
  .page-home .hero__text{max-width:none;padding:48px 0 34px;gap:22px}
  .page-home .hero__text .display{font-size:clamp(40px,12vw,52px);line-height:1.06}
  .page-home .hero__text .lead{font-size:18px}
}

/* ===== V13: Home reference bug fixes only — no scale changes ===== */
@media (min-width:1025px){
  .page-home .main-nav{background:transparent!important;box-shadow:none!important}
}
.page-home .seal__disk{background:transparent!important;border:0!important}
.page-home .seal__ring{background:transparent!important}
/* Preserve the established reference geometry exactly. */
.page-home .hero__inner{min-height:760px}
.page-home .hero__text{max-width:600px;padding:104px 0;gap:26px}
.page-home .hero__text .display{font-size:clamp(40px,4.6vw,62px);line-height:1.08;max-width:none}
.page-home .hero__media{width:47%}
.page-home .seal{top:96px;left:calc(53% + 64px);width:240px;height:240px}
.page-home .seal__core{inset:61px}
.page-home .seal__core img{width:118px;height:118px}

/* ===== V14: slow motto rotation + Catalog desktop navigation fix ===== */
/* Keep the circular guide rings and centre emblem stationary; rotate only the motto text. */
.seal__ring{
  animation:none!important;
  transform:none!important;
}
.seal__ring text{
  transform-origin:120px 120px;
  transform-box:view-box;
  animation:rh-motto-spin 42s linear infinite;
  will-change:transform;
}
@keyframes rh-motto-spin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

/* The old desktop .main-nav background created a dark block on Catalog. */
@media (min-width:1025px){
  .page-catalog .main-nav{
    background:transparent!important;
    box-shadow:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .seal__ring text{animation:none!important}
}

/* ===== V15: fill the motto continuously around the complete circle ===== */
.seal__ring text{letter-spacing:0!important}
.seal__ring textPath{letter-spacing:0!important}

/* ===== V16: larger repeated motto, fitted around the full 360 degree ring ===== */
.seal__ring text{font-size:14.5px!important;letter-spacing:0!important}
.seal__ring textPath{letter-spacing:0!important}


/* ===== V17: requested micro-adjustments only ===== */
/* Bring the rotating motto slightly closer to the fixed centre emblem. */
.page-home .seal__ring text{font-size:14.5px!important}

/* Lift the Home hero copy and nudge it left without changing its width/font/hero size. */
@media (min-width:1025px){
  .page-home .hero__text{position:relative;transform:translate(-20px,-24px)}
}
@media (min-width:761px) and (max-width:1024px){
  .page-home .hero__text{position:relative;transform:translate(-10px,-14px)}
}
@media (max-width:760px){
  .page-home .hero__text{transform:none}
}

/* Keep the floating Email and WhatsApp controls closer together. */
.page-home .dock{gap:5px}


/* ===== V18: apply the supplied Rayhock home style reference ===== */
/* Home-only styling follows the supplied reference file; inner pages keep their existing system. */
.page-home{background:#0b1733}
.page-home .site-header{background:#122454}
.page-home .hero{background:#122454}
.page-home .hero__media{width:47%}
.page-home .hero__media img{object-position:50% 80%}
.page-home .hero__media::after{background:linear-gradient(90deg,#122454 0%,rgba(18,36,84,.60) 16%,rgba(18,36,84,0) 40%)}
.page-home .hero__inner{min-height:816px;align-items:center}
.page-home .hero__text{position:static;transform:none;max-width:600px;padding:112px 0 104px;gap:28px}
.page-home .hero__text .display{font-size:62px;line-height:1.08;letter-spacing:-.01em;max-width:none}
.page-home .hero__text .lead{max-width:540px;font-size:18px;line-height:1.7}
.page-home .hero__actions{gap:32px;margin-top:8px}
.page-home .hero__actions .btn{height:58px;padding-left:28px}
.page-home .hero__actions .btn__icon{width:42px;height:42px}
.page-home .terms-row{display:flex;margin-top:28px;gap:0;font-size:14px;line-height:1.4;color:rgba(246,242,234,.72)}
.page-home .terms-row li{padding:0 20px;border-left:1px solid rgba(246,242,234,.25)}
.page-home .terms-row li:first-child{padding-left:0;border-left:0}

/* The reference uses a clean white four-column credibility strip. */
.page-home .trust{background:#fff;color:#5a6178;border-bottom:1px solid rgba(18,36,84,.12)}
.page-home .trust__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-home .trust__grid>div{padding:52px 32px;border-left:1px solid rgba(18,36,84,.12)}
.page-home .trust__grid>div:first-child{padding-left:0;border-left:0}
.page-home .trust__grid>div:last-child{padding-right:0}
.page-home .trust h2{font-size:22px;line-height:1.25;color:#122454;margin-bottom:10px}
.page-home .trust p{font-size:15px;line-height:1.6;color:#5a6178}

/* Product section proportions and spacing from the supplied design. */
.page-home .section:not(.section--navy):not(.section--linen){background:#fff}
.page-home .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:56px}
.page-home .section-head .h2{font-size:48px;line-height:1.1}
.page-home .section-head .lead{max-width:460px;font-size:17px;line-height:1.7;color:#5a6178}
.page-home .pgrid{gap:32px}
.page-home .pcard{gap:18px}
.page-home .pcard__img{margin-bottom:0;border-radius:4px}
.page-home .pcard:nth-child(-n+2) .pcard__img img{height:520px}
.page-home .pcard:nth-child(n+3) .pcard__img img{height:360px}
.page-home .pcard__title{font-size:28px;line-height:1.2}
.page-home .pcard:nth-child(n+3) .pcard__title{font-size:26px}
.page-home .pcard__text{font-size:16px;line-height:1.6;color:#5a6178}

/* Keen eyes / Kept promises: larger editorial type and the short gold rule from the reference. */
.page-home .section--navy{background:#122454}
.page-home .motto{gap:96px;padding-top:8px;padding-bottom:8px}
.page-home .motto>div{display:flex;flex-direction:column;gap:28px}
.page-home .motto .h2{font-size:64px;line-height:1;color:#f6f2ea;margin-bottom:0}
.page-home .motto .h2::after{content:"";display:block;width:56px;height:1px;background:#bf9f60;margin-top:28px}
.page-home .motto p{font-size:18px;line-height:1.75;max-width:480px;color:rgba(246,242,234,.80)}

/* Ivory origin section: match the reference's 88px split and specification rows. */
.page-home .section--linen{background:#f6f2ea}
.page-home .split{gap:88px}
.page-home .split__text{gap:24px}
.page-home .split__text .h2{font-size:48px;line-height:1.1}
.page-home .split__text>.lead{font-size:17px;line-height:1.7;color:#3d4663}
.page-home .points{margin-top:8px;width:100%}
.page-home .points>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:18px 0;border-top:1px solid rgba(18,36,84,.16)}
.page-home .points>div:last-child{border-bottom:1px solid rgba(18,36,84,.16)}
.page-home .points dt{font-family:var(--sans);font-size:15px;font-weight:500;color:#122454;margin:0}
.page-home .points dd{font-size:15px;line-height:1.6;color:#5a6178}

/* Final two cards already use the same visual language; match reference padding precisely. */
.page-home .duo{grid-template-columns:1fr 1fr;gap:32px}
.page-home .catalog-card{padding:56px;gap:48px;background:#122454;border-radius:6px}
.page-home .founder-quote{padding:56px;background:#f6f2ea;border-radius:6px}

/* Only the motto letters rotate. Make this deliberately slower than the prior build. */
.page-home .seal__ring{animation:none!important;transform:none!important}
.page-home .seal__ring text{animation:rh-motto-spin 72s linear infinite!important;transform-origin:120px 120px;transform-box:view-box;will-change:transform}

@media (max-width:1180px){
  .page-home .hero__text .display{font-size:clamp(48px,5.4vw,60px)}
  .page-home .hero__inner{min-height:740px}
}
@media (max-width:1024px){
  .page-home .hero__inner{min-height:690px}
  .page-home .hero__text{padding:92px 0 76px}
  .page-home .trust__grid{grid-template-columns:1fr 1fr}
  .page-home .trust__grid>div{padding:36px 28px;border-bottom:1px solid rgba(18,36,84,.12)}
  .page-home .trust__grid>div:nth-child(odd){border-left:0;padding-left:0}
  .page-home .section-head{display:grid;grid-template-columns:1fr;align-items:start}
  .page-home .motto,.page-home .split,.page-home .duo{grid-template-columns:1fr;gap:48px}
  .page-home .motto .h2{font-size:52px}
}
@media (max-width:760px){
  .page-home .hero__media{position:relative;width:100%;height:42vh;min-height:280px;max-height:390px}
  .page-home .hero__media::after{background:linear-gradient(180deg,rgba(18,36,84,.08) 0%,rgba(18,36,84,.82) 100%)}
  .page-home .hero__inner{min-height:0;margin-top:-48px;align-items:stretch}
  .page-home .hero__text{padding:0 0 34px;gap:20px}
  .page-home .hero__text .display{font-size:clamp(40px,11.5vw,52px);line-height:1.06}
  .page-home .hero__text .lead{font-size:17px}
  .page-home .hero__actions{gap:18px;margin-top:6px}
  .page-home .hero__actions .btn{height:54px;padding-left:22px}
  .page-home .hero__actions .btn__icon{width:38px;height:38px}
  .page-home .terms-row{display:none}
  .page-home .trust__grid{grid-template-columns:1fr}
  .page-home .trust__grid>div{padding:24px 0!important;border-left:0!important;border-bottom:1px solid rgba(18,36,84,.12)}
  .page-home .trust__grid>div:last-child{border-bottom:0}
  .page-home .section-head .h2{font-size:40px}
  .page-home .pgrid{gap:28px}
  .page-home .pcard:nth-child(-n+2) .pcard__img img,.page-home .pcard:nth-child(n+3) .pcard__img img{height:auto;aspect-ratio:4/3}
  .page-home .motto .h2{font-size:44px}
  .page-home .points>div{grid-template-columns:1fr;gap:6px}
  .page-home .catalog-card,.page-home .founder-quote{padding:32px 24px}
}
@media (prefers-reduced-motion:reduce){.page-home .seal__ring text{animation:none!important}}

/* ===== V19: darker premium navy + compact nav + larger seal ===== */
:root{
  --navy:#0D1B3F;
  --navy-dark:#0D1B3F;
  --midnight:#08132D;
}

/* Main dark surfaces use the deeper navy; navigation is darker still. */
.site-header{
  background:#08132D!important;
  border-bottom-color:rgba(191,159,96,.30)!important;
}
.hero,.catalog-hero,.section--navy,.channel--feature,.quote-band{
  background:#0D1B3F;
}
.site-footer{background:#08132D}
.page-home .hero,.page-home .section--navy,.page-home .catalog-card{background:#0D1B3F}
.page-home .hero__media::after{
  background:linear-gradient(90deg,#0D1B3F 0%,rgba(13,27,63,.72) 16%,rgba(13,27,63,0) 42%);
}

/* Shorter, cleaner navigation bar without bringing back the desktop dark-block bug. */
.header-inner{height:76px!important}
@media (min-width:1025px){
  .main-nav{background:transparent!important;box-shadow:none!important}
}
@media (max-width:1024px){
  .header-inner{height:68px!important}
  .main-nav{top:68px!important;background:#08132D!important}
}

/* Larger rotating seal. Keep its visual centre almost where it was. */
.page-home .seal{
  width:280px!important;
  height:280px!important;
  top:76px!important;
  left:calc(53% + 44px)!important;
}
.page-home .seal__disk{
  inset:0!important;
  background:rgba(5,13,32,.90)!important;
  border:1px solid rgba(191,159,96,.58)!important;
  box-shadow:inset 0 0 54px rgba(0,0,0,.28);
}
.page-home .seal__ring{
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.page-home .seal__outer-line,.page-home .seal__inner-line{
  stroke:#BF9F60!important;
  opacity:.72!important;
}
.page-home .seal__core{
  inset:81px!important;
}
.page-home .seal__core img{
  width:118px!important;
  height:118px!important;
}
/* Keep the motto slow. */
.page-home .seal__ring text{
  animation-duration:72s!important;
}

/* Bring the two floating contact actions closer together. */
.page-home .dock{gap:1px!important}

@media (max-width:1280px) and (min-width:1025px){
  .page-home .seal{
    width:260px!important;
    height:260px!important;
    top:86px!important;
    left:calc(53% + 34px)!important;
  }
  .page-home .seal__core{inset:71px!important}
}
@media (max-width:1024px) and (min-width:761px){
  .page-home .seal{
    width:235px!important;
    height:235px!important;
    top:88px!important;
    left:auto!important;
    right:28px!important;
  }
  .page-home .seal__core{inset:58.5px!important}
}
@media (max-width:760px){
  .page-home .seal{
    width:205px!important;
    height:205px!important;
    top:118px!important;
    left:auto!important;
    right:8px!important;
    bottom:auto!important;
    transform:none!important;
  }
  .page-home .seal__core{inset:43.5px!important}
  .page-home .seal__core img{width:118px!important;height:118px!important}
  .page-home .dock{gap:1px!important}
}

/* V20 — remove only the extra outer border around the home seal. */
.page-home .seal__disk{
  border:0!important;
}

/* V21 — clip the home seal's dark disk exactly to the outer gold ring. */
.page-home .seal__disk{
  inset:6.6667%!important;
  border:0!important;
  box-shadow:inset 0 0 54px rgba(0,0,0,.28)!important;
}


/* ===== V22 full inspection fixes: reference seal, language-safe responsive pass, admin-safe public UI ===== */
/* Exact reference seal: same hero background through the seal, two gold rings, centered emblem. */
.page-home .seal__disk{display:none!important}
.page-home .seal{isolation:isolate}
.page-home .seal__outer-line{stroke:#BF9F60!important;stroke-width:1!important;opacity:.52!important}
.page-home .seal__inner-line{stroke:#BF9F60!important;stroke-width:1!important;opacity:.64!important}
.page-home .seal__ring text{
  fill:#BF9F60!important;
  font-size:13px!important;
  letter-spacing:2.35px!important;
  animation:rh-motto-spin 90s linear infinite!important;
  transform-origin:120px 120px!important;
  transform-box:view-box!important;
}
.page-home .seal__core{background:transparent!important;border:0!important;box-shadow:none!important}
.page-home .seal__core img{filter:none!important}
@keyframes rh-motto-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Prevent late legacy rules from causing horizontal overflow or oversized grid children. */
html,body{max-width:100%;overflow-x:hidden}
main,.container,.hero__inner,.catalog-hero__grid,.page-hero__grid,.contact-hero__grid,.quote-grid,.account__grid{min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea{max-width:100%}

/* Final tablet/mobile pass. Keep desktop design unchanged. */
@media (max-width:1180px){
  .header-inner{height:68px!important}
  .main-nav{top:68px!important}
  .brand img{width:42px;height:42px}
  .brand span{font-size:18px;letter-spacing:.27em}
}
@media (max-width:1024px){
  :root{--pad:26px}
  .section{padding:82px 0}
  .section--tight{padding:58px 0}
  .page-home .hero__inner{min-height:640px}
  .page-home .hero__text{max-width:56%;padding:78px 0 64px;gap:22px}
  .page-home .hero__text .display{font-size:clamp(45px,5.5vw,58px)}
  .page-home .seal{width:220px!important;height:220px!important;top:82px!important;right:24px!important;left:auto!important}
  .page-home .seal__core{inset:51px!important}
  .page-home .seal__core img{width:118px!important;height:118px!important}
  .catalog-hero__grid,.page-hero__grid,.contact-hero__grid,.quote-grid,.account__grid{gap:38px}
  .channels{grid-template-columns:1fr 1fr!important}
  .channel--feature{grid-column:1/-1!important}
}
@media (max-width:760px){
  :root{--pad:18px}
  .section{padding:64px 0}
  .section--tight{padding:48px 0}
  .header-inner{height:62px!important;gap:10px!important}
  .main-nav{top:62px!important;padding:8px var(--pad) 22px!important;max-height:calc(100vh - 62px);overflow:auto}
  .brand{gap:9px}
  .brand img{width:36px!important;height:36px!important}
  .brand span{font-size:15px!important;letter-spacing:.22em!important}
  .nav-toggle{width:40px!important;height:40px!important}
  .main-nav a{font-size:20px!important;padding:12px 0!important}
  .main-nav .nav-quote{width:100%;justify-content:space-between;margin-top:16px!important}
  .nav-langs{gap:14px!important;padding-top:14px!important}

  .page-home .hero{display:flex;flex-direction:column}
  .page-home .hero__media{position:relative!important;order:0!important;width:100%!important;height:310px!important;min-height:0!important;max-height:none!important}
  .page-home .hero__media img{object-position:61% 76%!important}
  .page-home .hero__media::after{background:linear-gradient(180deg,rgba(13,27,63,.06) 0%,rgba(13,27,63,.28) 48%,#0D1B3F 100%)!important}
  .page-home .hero__inner{order:1!important;min-height:0!important;margin:0!important}
  .page-home .hero__text{max-width:none!important;width:100%;padding:34px 0 38px!important;gap:18px!important}
  .page-home .hero__text .display{font-size:clamp(39px,11vw,50px)!important;line-height:1.06!important;max-width:12ch}
  .page-home .hero__text .lead{font-size:16.5px!important;line-height:1.65!important;max-width:32ch}
  .page-home .hero__actions{width:100%;gap:14px!important;align-items:flex-start!important}
  .page-home .hero__actions .btn{max-width:100%;height:52px!important;padding-left:20px!important;font-size:14.5px}
  .page-home .hero__actions .link-light{font-size:15px}
  .page-home .seal{width:154px!important;height:154px!important;top:86px!important;right:10px!important;left:auto!important;bottom:auto!important;transform:none!important}
  .page-home .seal__core{inset:34px!important}
  .page-home .seal__core img{width:86px!important;height:86px!important}
  .page-home .seal__ring text{font-size:13px!important;letter-spacing:2.35px!important}

  .page-home .section-head{display:block!important;margin-bottom:34px!important}
  .page-home .section-head .h2{font-size:36px!important;margin-bottom:14px}
  .page-home .pgrid{display:grid!important;grid-template-columns:1fr!important;gap:30px!important}
  .page-home .pcard{grid-column:auto!important}
  .page-home .pcard__img img{width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover}
  .page-home .motto{grid-template-columns:1fr!important;gap:42px!important}
  .page-home .motto .h2{font-size:40px!important}
  .page-home .split,.page-home .duo{grid-template-columns:1fr!important;gap:34px!important}
  .page-home .split__media img{height:auto!important;aspect-ratio:4/3}
  .page-home .catalog-card,.page-home .founder-quote{padding:28px 20px!important}

  .catalog-hero{padding:52px 0!important}
  .catalog-hero__grid{grid-template-columns:1fr!important;gap:34px!important}
  .catalog-hero__text .display{font-size:clamp(38px,10.8vw,50px)!important;max-width:12ch!important}
  .catalog-cover{justify-self:center!important;width:min(86vw,320px)!important;max-width:320px!important}
  .forms,.terms,.facts,.regions,.checks,.channels,.two-col,.page-hero__grid,.contact-hero__grid,.quote-grid,.account__grid{grid-template-columns:1fr!important}
  .channel--feature{grid-column:auto!important}
  .channel{min-height:0!important;padding:24px 20px!important}
  .channel__actions{gap:8px!important}
  .page-hero__media,.contact-hero__media{max-width:none!important;width:100%!important}
  .page-hero__media img,.contact-hero__media img{min-height:0!important;height:auto!important;aspect-ratio:4/5;object-fit:cover}
  .quote-grid{align-items:start}
  .qform,.sent,.panel{padding:22px 18px!important}
  .req-tabs{overflow-x:auto;white-space:nowrap}
  .footer-grid{grid-template-columns:1fr!important;gap:30px!important}
  .footer-bottom{align-items:flex-start!important;gap:12px!important}
  .footer-bottom nav{flex-wrap:wrap}
  .dock{right:12px!important;gap:0!important}
  .dock__toggle{width:48px!important;height:48px!important}
  .dock__reveal{max-width:calc(100vw - 84px)}
  .cookie{padding:18px!important}
}
@media (max-width:390px){
  .page-home .seal{width:140px!important;height:140px!important;top:96px!important;right:4px!important}
  .page-home .seal__core{inset:30px!important}
  .page-home .seal__core img{width:80px!important;height:80px!important}
  .brand span{font-size:14px!important;letter-spacing:.17em!important}
}
@media (prefers-reduced-motion:reduce){.page-home .seal__ring text{animation:none!important}}

/* ===== V23: restore the pre-V22 home seal exactly; keep V22 bug/mobile fixes elsewhere ===== */
.page-home .seal{
  width:280px!important;
  height:280px!important;
  top:76px!important;
  left:calc(53% + 44px)!important;
  isolation:auto!important;
}
.page-home .seal__disk{
  display:block!important;
  inset:6.6667%!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(5,13,32,.90)!important;
  box-shadow:inset 0 0 54px rgba(0,0,0,.28)!important;
}
.page-home .seal__ring{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  animation:none!important;
  transform:none!important;
  background:transparent!important;
}
.page-home .seal__outer-line,.page-home .seal__inner-line{
  stroke:#BF9F60!important;
  stroke-width:1.05!important;
  opacity:.72!important;
  fill:none!important;
}
.page-home .seal__ring text{
  fill:#BF9F60!important;
  font-size:14.5px!important;
  letter-spacing:0!important;
  animation:rh-motto-spin 72s linear infinite!important;
  transform-origin:120px 120px!important;
  transform-box:view-box!important;
  will-change:transform!important;
}
.page-home .seal__ring textPath{letter-spacing:0!important}
.page-home .seal__core{
  inset:81px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.page-home .seal__core img{
  width:118px!important;
  height:118px!important;
  filter:none!important;
  object-fit:contain!important;
}
@media (max-width:1280px) and (min-width:1025px){
  .page-home .seal{width:260px!important;height:260px!important;top:86px!important;left:calc(53% + 34px)!important;right:auto!important}
  .page-home .seal__core{inset:71px!important}
}
@media (max-width:1024px) and (min-width:761px){
  .page-home .seal{width:235px!important;height:235px!important;top:88px!important;left:auto!important;right:28px!important}
  .page-home .seal__core{inset:58.5px!important}
}
@media (max-width:760px){
  .page-home .seal{width:205px!important;height:205px!important;top:118px!important;left:auto!important;right:8px!important;bottom:auto!important;transform:none!important}
  .page-home .seal__core{inset:43.5px!important}
  .page-home .seal__core img{width:118px!important;height:118px!important}
  .page-home .seal__ring text{font-size:14.5px!important;letter-spacing:0!important}
}
@media (max-width:390px){
  .page-home .seal{width:205px!important;height:205px!important;top:118px!important;right:4px!important}
  .page-home .seal__core{inset:43.5px!important}
  .page-home .seal__core img{width:118px!important;height:118px!important}
}
@media (prefers-reduced-motion:reduce){.page-home .seal__ring text{animation:none!important}}

/* V26: Catalog hero only — match landing page deep navy exactly. */
.page-catalog .catalog-hero{background:#0D1B3F!important}

/* ===== V27 (6 Oct 2026): Ceylon cinnamon first — availability labels, photo briefs, small gold text ===== */
/* Small gold text (eyebrows, botanical names, captions, links): #95783F measured about 4.2:1 on white and 3.7:1 on
   ivory, below the 4.5:1 that small text needs to be easy to read. #866629 is the same gold, a little deeper:
   about 5.3:1 on white and 4.8:1 on ivory. To go back, delete the next two lines. */
:root{--gold-text:#866629}
.auth__remember-row>a,.auth__switch a{color:var(--gold-text)}

/* Availability labels on the Home cards and the Products page. Filled navy = samples in hand; outline = on request. */
.pstatus{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;width:fit-content;margin:0;padding:6px 14px 6px 12px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--navy);font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap}
.pstatus::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--gold-text)}
.pstatus--ready{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.pstatus--ready::before{background:var(--gold);border-color:var(--gold)}

/* Photo briefs: they stand in for a photo, at the same size, until the real photo is taken. */
.photo-brief{display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:28px;background:var(--ivory);border:1.5px dashed rgba(149,120,63,.5);border-radius:var(--radius)}
.section--linen .photo-brief,.prod--flip .photo-brief,.quote-page .photo-brief{background:var(--white)}
.photo-brief__card{display:flex;flex-direction:column;gap:8px;max-width:46ch}
.photo-brief__label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--navy)}
.photo-brief__label .i{color:var(--gold-text)}
.photo-brief__title{font-family:var(--serif);font-size:24px;line-height:1.25;color:var(--navy)}
.photo-brief__text{font-size:15px;line-height:1.6;color:var(--ink)}
.photo-brief__spec{font-size:13px;line-height:1.5;color:var(--muted)}
/* Same sizes as the photos they replace. */
.pcard__img .photo-brief{height:360px}
.page-home .pcard:nth-child(-n+2) .pcard__img .photo-brief{height:520px}
.split__media .photo-brief{height:580px}
.prod__media .photo-brief{height:620px}
.region .photo-brief{aspect-ratio:3/4;margin-bottom:16px}
.contact-hero__media .photo-brief{aspect-ratio:3/4}
.quote-aside__img .photo-brief{aspect-ratio:16/10}
/* Home hero: the brief sits on the hero navy, bottom right, clear of the turning seal (the seal is unchanged). */
.page-home .hero__media:has(.photo-brief)::after{background:none!important}
.photo-brief--hero{height:100%;padding:56px 48px;align-items:flex-end;background:transparent;border:0;border-radius:0}
.photo-brief--hero .photo-brief__card{padding:24px 26px;border:1.5px dashed rgba(191,159,96,.55);border-radius:var(--radius);background:rgba(8,19,45,.55)}
.photo-brief--hero .photo-brief__label,.photo-brief--hero .photo-brief__label .i{color:var(--gold)}
.photo-brief--hero .photo-brief__title{color:var(--ivory)}
.photo-brief--hero .photo-brief__text{color:var(--ivory-80)}
.photo-brief--hero .photo-brief__spec{color:rgba(246,242,234,.68)}
@media (max-width:1024px){
  .prod__media .photo-brief{height:auto;aspect-ratio:4/5;max-height:640px}
}
@media (max-width:760px){
  .page-home .pcard__img .photo-brief,.page-home .pcard:nth-child(-n+2) .pcard__img .photo-brief{height:auto;aspect-ratio:4/3}
  .split__media .photo-brief{height:auto;aspect-ratio:4/3}
  .prod__media .photo-brief{max-height:500px}
  .contact-hero__media .photo-brief{aspect-ratio:4/5}
  .photo-brief{padding:22px}
  .photo-brief__title{font-size:22px}
  /* Phone hero: a taller photo area while the brief is shown, so it sits below the seal instead of under it. */
  .page-home .hero__media:has(.photo-brief){height:640px!important}
  .photo-brief--hero{padding:20px;align-items:stretch}
  .photo-brief--hero .photo-brief__card{max-width:none;padding:18px 20px}
}

/* ===== V28 (7 Oct 2026): new Home hero photo (all five products) ===== */
/* The photo is anchored to its bottom edge so the bowls and the cinnamon bundle always show; only sky is trimmed.
   To go back, delete the next two lines (the earlier positions were 50% 80%, and 61% 76% on phones). */
.page-home .hero__media img{object-position:50% 100%}
@media (max-width:760px){.page-home .hero__media img{object-position:50% 100%!important}}

/* ===== V29 (7 Oct 2026): the founder's own email address under the signature (About page) ===== */
.founder__mail{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:2px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.founder__mail-label{width:100%;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text)}
.founder__mail a{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:22px;line-height:1.3;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px;overflow-wrap:anywhere}
.founder__mail a:hover,.founder__mail a:focus-visible{color:var(--gold-text)}
.founder__mail a .i{color:var(--gold-text);flex:none}
.founder__mail small{width:100%;font-size:14.5px;line-height:1.6;color:var(--muted)}
@media (max-width:760px){.founder__mail a{font-size:19px}}