
.quote-day-page{background:#f4f0e5;color:#06182c;min-height:100vh;padding:clamp(36px,6vw,90px) clamp(18px,4vw,72px) 0;overflow:hidden}
.quote-hero{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(28px,6vw,100px);align-items:center;padding:clamp(30px,6vw,84px) 0;border-bottom:1px solid rgba(6,24,44,.2)}
.quote-eyebrow{font:11px/1.2 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#b43a32;margin:0 0 18px}
.quote-hero h1{font:clamp(48px,8vw,112px)/.9 Georgia,serif;font-weight:400;letter-spacing:-.06em;margin:0 0 26px;color:#06182c}.quote-hero h1 em{color:#ef4035;font-style:normal}.quote-lede{max-width:650px;font:clamp(18px,2vw,27px)/1.35 Georgia,serif;margin:0;color:#17334c}
.quote-dynamic-line{height:1px;background:#06182c;margin-top:38px;position:relative;overflow:hidden}.quote-dynamic-line:after{content:"";position:absolute;left:-18%;top:-2px;width:18%;height:5px;background:#ef4035;box-shadow:0 0 15px #ef4035;animation:quoteSpark 5s linear infinite}
.quote-hero-art{margin:0;position:relative}.quote-hero-art img{display:block;width:100%;border-radius:18px;box-shadow:0 18px 50px rgba(6,24,44,.16);animation:quoteFloat 8s ease-in-out infinite}.quote-hero-art figcaption{font:10px/1.3 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#526375;margin-top:10px}
.quote-section{max-width:1360px;margin:0 auto;padding:clamp(50px,7vw,100px) 0;border-bottom:1px solid rgba(6,24,44,.18)}
.quote-kicker{display:flex;justify-content:space-between;gap:16px;font:10px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b43a32;margin-bottom:18px}.quote-section h2{font:clamp(32px,5vw,62px)/.98 Georgia,serif;font-weight:400;letter-spacing:-.04em;margin:0 0 22px}.quote-intro{max-width:760px;font:18px/1.55 Georgia,serif;color:#31475a;margin:0 0 30px}
.quote-current{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:26px;align-items:stretch}.quote-card{background:#06182c;color:#f4f0e5;padding:clamp(28px,5vw,64px);border-radius:16px;position:relative;overflow:hidden}.quote-card:before{content:"“";position:absolute;top:-28px;right:22px;font:180px/1 Georgia,serif;color:rgba(98,232,198,.16)}.quote-card blockquote{font:clamp(28px,4vw,56px)/1.06 Georgia,serif;margin:0 0 28px;position:relative;z-index:1}.quote-card cite{font:11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#62e8c6;font-style:normal}.quote-meta{display:grid;grid-template-columns:1fr;gap:12px;background:#fffaf0;border:1px solid rgba(6,24,44,.16);padding:26px;border-radius:16px}.quote-meta-row{display:grid;grid-template-columns:110px 1fr;gap:14px;border-bottom:1px solid rgba(6,24,44,.14);padding-bottom:11px}.quote-meta-row:last-child{border-bottom:0}.quote-meta-row strong{font:10px/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#b43a32}.quote-meta-row span{font:14px/1.45 Georgia,serif;color:#17334c}
.quote-note{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .35s ease;margin-top:0}.quote-note.is-visible{max-height:180px;opacity:1;margin-top:22px}.quote-note p{font:16px/1.55 Georgia,serif;color:#d8e5e1;border-left:2px solid #ef4035;padding-left:16px}.quote-note-toggle{border:1px solid rgba(98,232,198,.5);background:transparent;color:#f4f0e5;padding:10px 14px;font:10px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.quote-note-toggle:hover,.quote-note-toggle:focus-visible{background:#62e8c6;color:#06182c;border-color:#62e8c6;outline:none}
.quote-timeline{display:grid;gap:0;border-left:1px solid rgba(6,24,44,.35);margin-top:34px}.quote-entry{display:grid;grid-template-columns:140px 1fr;gap:22px;padding:22px 0 22px 24px;position:relative}.quote-entry:before{content:"";position:absolute;left:-6px;top:29px;width:11px;height:11px;border-radius:50%;background:#ef4035;box-shadow:0 0 0 5px #f4f0e5}.quote-entry-date{font:11px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b43a32}.quote-entry blockquote{font:clamp(20px,2.4vw,32px)/1.15 Georgia,serif;margin:0 0 10px;color:#06182c}.quote-entry small{font:12px/1.4 Arial,sans-serif;color:#526375}
.quote-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}.quote-trust-card{padding:22px;background:#fffaf0;border-top:3px solid #62e8c6;min-height:160px}.quote-trust-card:nth-child(2){border-color:#d5b46a}.quote-trust-card:nth-child(3){border-color:#ef4035}.quote-trust-card:nth-child(4){border-color:#06182c}.quote-trust-card h3{font:15px/1.2 Georgia,serif;margin:0 0 12px}.quote-trust-card p{font:14px/1.45 Georgia,serif;color:#3f5668;margin:0}
.quote-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}.quote-art-card{background:#06182c;color:#f4f0e5;padding:12px;border-radius:14px;overflow:hidden}.quote-art-card img{display:block;width:100%;border-radius:9px;transition:transform .5s ease,filter .5s ease}.quote-art-card:hover img,.quote-art-card:focus-within img{transform:scale(1.04);filter:saturate(1.15)}.quote-art-card figcaption{font:11px/1.35 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#d8e5e1;padding:12px 4px 5px}
.quote-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.quote-cta a{display:inline-flex;align-items:center;min-height:44px;padding:0 17px;border:1px solid #06182c;color:#06182c;text-decoration:none;font:10px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:background .2s ease,color .2s ease,border-color .2s ease}.quote-cta a:first-child{background:#06182c;color:#f4f0e5}.quote-cta a:hover,.quote-cta a:focus-visible{background:#ef4035;color:#fff;border-color:#ef4035;outline:none}
@keyframes quoteSpark{to{left:110%}}@keyframes quoteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:900px){.quote-hero{grid-template-columns:1fr}.quote-current{grid-template-columns:1fr}.quote-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.quote-day-page{padding-inline:16px}.quote-kicker{display:block}.quote-kicker span{display:block;margin-bottom:7px}.quote-entry{grid-template-columns:1fr;gap:8px;padding-left:18px}.quote-trust{grid-template-columns:1fr}.quote-art-grid{grid-template-columns:1fr}.quote-meta-row{grid-template-columns:1fr;gap:5px}.quote-card blockquote{font-size:30px}}
@media(prefers-reduced-motion:reduce){.quote-hero-art img,.quote-dynamic-line:after{animation:none}.quote-note,.quote-art-card img{transition:none}}
