/* ═══════════════════════════════════════════════
   TRILUME — Light in Every Move
   Merged Design System (Reference + Scroll Engine)
   ═══════════════════════════════════════════════ */

:root {
  /* Surfaces */
  --bg:            #f8f1e7;
  --bg-elevated:   #fffaf2;
  --bg-card:       #f1e6d8;
  --bg-highest:    #e8dccd;
  --bg-lowest:     #eadfce;
  /* Ink */
  --ink:           #241f1a;
  --ink-muted:     #6f6256;
  --ink-faint:     #9a8d7d;
  /* Accent */
  --accent:        #d7b58b;
  --accent-on:     #241f1a;
  --tertiary:      #6ea6a0;
  --ember:         #c9875f;
  /* Border */
  --border:        rgba(36,31,26,0.08);
  --border-md:     rgba(36,31,26,0.14);
  --border-strong: rgba(36,31,26,0.28);
  /* Radius */
  --r-sm: 0.125rem; --r-md: 0.25rem; --r-lg: 0.5rem; --r-xl: 0.75rem;
  /* Spacing */
  --sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--sp-24:6rem;
  --margin-m: 20px; --margin-d: 80px; --gutter: 24px; --max-w: 1440px;
  /* Type */
  --font-d: 'Bodoni Moda', serif;
  --font-b: 'DM Sans', sans-serif;
  /* Motion */
  --ease: cubic-bezier(0.16,1,0.3,1);
  --dur: 260ms;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{background:var(--bg);color:var(--ink);font-family:var(--font-b);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-loading{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer}

/* ── Typography ── */
.label-caps{font-family:var(--font-b);font-size:12px;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;line-height:1;color:var(--ink-muted)}
.label-accent{color:var(--tertiary)}
.headline-md{font-family:var(--font-d);font-size:clamp(24px,3vw,32px);font-weight:400;line-height:1.3;color:var(--ink);margin-top:var(--sp-3)}
.body-text{font-family:var(--font-b);font-size:16px;line-height:1.6;color:var(--ink-muted);margin-top:var(--sp-4)}
.body-text-sm{font-family:var(--font-b);font-size:14px;line-height:1.6;color:var(--ink-muted);margin-top:var(--sp-2)}
.text-link{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-b);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent);border-bottom:1px solid rgba(211,197,173,0.3);padding-bottom:var(--sp-1);margin-top:var(--sp-6);transition:color var(--dur) ease}
.text-link:hover{color:var(--ink)}
.text-link .material-symbols-outlined{font-size:18px}

/* ── Film Grain ── */
.film-grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:0.015;background-image:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E')}
.grain-overlay{position:absolute;inset:0;z-index:3;opacity:0.012;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ── Buttons ── */
.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:0.875rem 2rem;border-radius:var(--r-xl);background:var(--ink);color:var(--bg-elevated);font-size:14px;font-weight:500;letter-spacing:0.05em;border:1px solid rgba(36,31,26,0.18);box-shadow:0 10px 30px rgba(98,73,45,0.16);cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(98,73,45,0.24)}
.btn-primary:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
.btn-ghost{display:inline-flex;align-items:center;padding:0.875rem 1.5rem;border-radius:var(--r-md);background:transparent;border:1px solid var(--ink-faint);color:var(--ink);font-size:14px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;transition:border-color var(--dur) ease,color var(--dur) ease}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-ghost:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.btn-ghost-hero{display:inline-flex;align-items:center;padding:1rem 2rem;border-radius:var(--r-md);background:transparent;border:1px solid var(--accent);color:var(--accent);font-size:14px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;margin-top:var(--sp-8);transition:background var(--dur) ease}
.btn-ghost-hero:hover{background:rgba(211,197,173,0.1)}
.btn-secondary{width:100%;padding:0.75rem;border-radius:var(--r-md);background:var(--accent);color:var(--accent-on);font-size:14px;font-weight:500;letter-spacing:0.05em;border:none;cursor:pointer;transition:background var(--dur) ease}
.btn-secondary:hover{background:var(--ink)}

/* ── Loading ── */
#loading-overlay{position:fixed;inset:0;z-index:1000;background:linear-gradient(135deg,#fffaf2,#efe0cc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4)}
.loader-wordmark{font-family:var(--font-d);font-size:clamp(24px,4vw,40px);font-weight:300;letter-spacing:0.25em;color:var(--ink)}
.loader-label{color:var(--ink-muted);font-size:12px;letter-spacing:0.15em;text-transform:uppercase}
.loader-track{width:120px;height:1px;background:var(--border-md)}
.loader-fill{width:100%;height:100%;background:var(--tertiary);transform:scaleX(0);transform-origin:left}

/* ── Glass Nav ── */
.glass-nav{position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(255,250,242,0.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:var(--sp-4) var(--margin-m);display:flex;justify-content:space-between;align-items:center;transition:all 300ms ease}
@media(min-width:768px){.glass-nav{padding:var(--sp-4) var(--margin-d)}}
.nav-wordmark{font-family:var(--font-d);font-weight:500;letter-spacing:0.25em;font-size:clamp(20px,3vw,32px);color:var(--ink)}
.nav-links{display:none;gap:var(--sp-8);align-items:center}
@media(min-width:768px){.nav-links{display:flex}}
.nav-link{font-family:var(--font-b);font-size:12px;font-weight:500;letter-spacing:0.15em;color:var(--ink-muted);transition:color 200ms ease}
.nav-link:hover{color:var(--ink)}
.nav-cta-btn{padding:0.75rem 1.5rem;border-radius:var(--r-md);background:var(--accent);color:var(--accent-on);font-size:14px;font-weight:500;letter-spacing:0.05em;border:none;transition:background var(--dur) ease}
.nav-cta-btn:hover{background:var(--ink)}

/* ── Scroll Progress ── */
#scroll-progress{position:fixed;top:0;left:0;z-index:100;width:2px;height:100vh;background:var(--border-md)}
#scroll-progress .inner-bar{width:100%;height:0%;background:var(--tertiary)}

/* ── Hero ── */
#hero-video-section{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg)}
#hero-video-wrapper{position:absolute;inset:0}
#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,250,242,0.08) 0%,rgba(255,250,242,0.1) 48%,rgba(248,241,231,0.78) 100%)}
#hero-content{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-16) var(--margin-m);display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;margin:0 auto}
@media(min-width:768px){#hero-content{padding:var(--sp-16) var(--margin-d)}}
#hero-headline{font-family:var(--font-d);font-weight:300;font-size:clamp(42px,7vw,76px);letter-spacing:-0.02em;line-height:1.05;color:var(--ink);text-shadow:0 2px 18px rgba(255,250,242,0.5)}
#hero-sub{font-family:var(--font-b);font-size:clamp(17px,2.2vw,20px);font-weight:500;color:var(--ink-muted);margin-top:var(--sp-6);max-width:640px;line-height:1.7;letter-spacing:0.01em;text-shadow:0 1px 10px rgba(255,250,242,0.45)}
@media(max-width:767px){#hero-sub{font-size:16px;line-height:1.7;font-weight:400;letter-spacing:0.015em}}
#hero-scroll-cue{position:absolute;bottom:var(--sp-8);right:var(--sp-8);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}
.scroll-label{opacity:0.7}
#scroll-line{width:1px;height:48px;background:var(--border-md);position:relative;overflow:hidden}
#scroll-line::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--tertiary);animation:scrollPulse 1.8s ease-in-out infinite}
.scroll-chevron{margin-top:var(--sp-2);color:var(--ink-faint);font-size:16px;animation:chevronBob 2s ease-in-out infinite}
.scroll-chevron .material-symbols-outlined{font-size:16px}
@keyframes scrollPulse{0%{top:-100%}100%{top:100%}}
@keyframes chevronBob{0%,100%{transform:translateY(0);opacity:0.4}50%{transform:translateY(4px);opacity:0.9}}

/* ── Video & Sequences ── */
.seq-section{position:relative;height:100vh;overflow:hidden;background:var(--bg)}
.seq-video-wrapper{position:absolute;width:100%;height:100vh;top:0;left:0;opacity:0;will-change:opacity,transform;background:var(--bg);overflow:hidden}
.seq-video-wrapper::before{content:'';position:absolute;inset:-24px;z-index:0;background-image:var(--seq-poster);background-size:cover;background-position:center center;filter:blur(22px) brightness(1.08) saturate(0.98);transform:scale(1.08);opacity:0;transition:opacity 220ms ease}
.seq-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:1;pointer-events:none;background:var(--bg)}
.seq-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:2;pointer-events:none;background:var(--bg)}
/* Act II: lift framing so the model's face stays in frame (source is 16:9, viewport is taller) */
#seq-2-video{object-position:center 24%}
@media(max-width:767px){#seq-2-video{object-position:center 20%}}
.seq-overlay{position:absolute;inset:0;z-index:10;pointer-events:none;display:flex}
.seq-overlay-inner{padding:var(--sp-8);padding-top:calc(var(--sp-16) + var(--sp-12));max-width:480px}
.seq-overlay--bottom-left{align-items:flex-end;justify-content:flex-start}
.seq-overlay--center{align-items:center;justify-content:center;text-align:center}
.seq-overlay--right{align-items:center;justify-content:flex-end;text-align:right}
.seq-title{font-family:var(--font-d);font-weight:400;font-size:clamp(28px,4vw,48px);line-height:1.12;color:var(--ink);margin:var(--sp-2) 0 var(--sp-3);text-shadow:0 2px 20px rgba(255,250,242,0.5)}
.seq-caption{font-family:var(--font-b);font-size:16px;color:var(--ink-muted);margin-bottom:var(--sp-6)}

/* ── Brand Story ── */
#brand-story-section{position:relative;min-height:auto;padding:var(--sp-16) var(--margin-m);display:flex;align-items:center;overflow:hidden;z-index:5}
@media(min-width:768px){#brand-story-section{padding:var(--sp-16) var(--margin-d)}}
#brand-story-bg{position:absolute;inset:0;z-index:0;background-image:url('/assets/seq-2/seq2-096.jpg');background-size:cover;background-position:center 24%;filter:brightness(1.02) saturate(0.92)}
#brand-story-dim{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(248,241,231,0.9) 0%,rgba(248,241,231,0.62) 100%)}
#brand-story-content{position:relative;z-index:4;display:grid;grid-template-columns:1fr;gap:var(--sp-12);max-width:var(--max-w);margin:0 auto;align-items:center}
@media(min-width:768px){#brand-story-content{grid-template-columns:5fr 5fr;gap:var(--gutter)}}
.brand-img-wrap{aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden}
.brand-img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform 700ms ease}
.brand-img-wrap--acts{border:1px solid var(--border-md);background:var(--bg);box-shadow:0 24px 80px rgba(98,73,45,0.14)}
.brand-img--acts{background-position:center;background-size:cover}
.brand-img-wrap:hover .brand-img{transform:scale(1.05)}

/* ── Material Innovation ── */
#material-section{position:relative;z-index:5;background:var(--bg-card);border-top:1px solid var(--border-md);border-bottom:1px solid var(--border-md);padding:var(--sp-16) var(--margin-m);overflow:hidden}
@media(min-width:768px){#material-section{padding:var(--sp-16) var(--margin-d)}}
.section-inner{max-width:var(--max-w);margin:0 auto}
.section-header{display:flex;flex-direction:column;gap:var(--sp-6);margin-bottom:var(--sp-16)}
@media(min-width:768px){.section-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}
.material-grid{display:grid;grid-template-columns:1fr;gap:var(--gutter)}
@media(min-width:768px){.material-grid{grid-template-columns:repeat(3,1fr)}}
.material-card{display:flex;flex-direction:column;gap:var(--sp-6)}
@media(min-width:768px){.mat-offset-1{margin-top:var(--sp-8)}.mat-offset-2{margin-top:var(--sp-12)}}
.material-img-wrap{aspect-ratio:1;background:var(--bg);border-radius:var(--r-lg);overflow:hidden}
.material-img{width:100%;height:100%;background-size:cover;background-position:center;opacity:0.8;transition:opacity 500ms ease,transform 700ms ease}
.material-card:hover .material-img{opacity:1;transform:scale(1.03)}
.material-info{display:flex;flex-direction:column;gap:var(--sp-2)}
.material-label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-md);padding-bottom:var(--sp-2)}
.material-label h3{font-size:14px}
.mat-icon{color:var(--ink-faint);font-size:20px}

/* ── Studio Collection ── */
#studio-collection{position:relative;z-index:5;background:var(--bg);padding:var(--sp-16) var(--margin-m)}
@media(min-width:768px){#studio-collection{padding:var(--sp-16) var(--margin-d)}}
.collection-header{border-bottom:1px solid var(--border-md);padding-bottom:var(--sp-6);margin-bottom:var(--sp-12)}
.tag-row{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-4)}
@media(min-width:768px){.tag-row{margin-top:0}}
.tag{display:inline-flex;align-items:center;padding:6px 16px;border-radius:9999px;background:var(--bg-highest);font-size:10px;font-weight:500;letter-spacing:0.15em;color:var(--ink-muted);border:1px solid var(--border-md)}
.tag-active{color:var(--accent)}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}
@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}
.product-card{display:flex;flex-direction:column;gap:var(--sp-4);cursor:pointer}
.product-img-wrap{aspect-ratio:3/4;background:var(--bg-elevated);border-radius:var(--r-lg);overflow:hidden;position:relative}
.product-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 700ms ease}
.product-card:hover .product-img{transform:scale(1.05)}
.quick-add{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-4);background:linear-gradient(to top,rgba(248,241,231,0.94) 0%,transparent 100%);opacity:0;transition:opacity 300ms ease}
.product-card:hover .quick-add{opacity:1}
.product-info{display:flex;flex-direction:column;gap:var(--sp-1)}
.product-info > div{display:flex;justify-content:space-between;align-items:start}
.product-name{font-family:var(--font-b);font-size:16px;font-weight:500;color:var(--ink)}
.product-price{font-family:var(--font-b);font-size:16px;color:var(--ink-muted)}
.product-tag{color:var(--ink-faint);margin-top:var(--sp-1)}
.collection-cta{display:flex;justify-content:center;margin-top:var(--sp-16)}

/* ── Footer ── */
#site-footer{background:var(--bg-lowest);border-top:1px solid var(--border);padding:var(--sp-16) var(--margin-m) var(--sp-12);position:relative;z-index:5}
@media(min-width:768px){#site-footer{padding:var(--sp-16) var(--margin-d) var(--sp-12)}}
.footer-inner{display:grid;grid-template-columns:1fr;gap:var(--sp-12);max-width:var(--max-w);margin:0 auto var(--sp-16)}
@media(min-width:768px){.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-wordmark{font-family:var(--font-d);font-size:clamp(24px,3vw,32px);font-weight:500;letter-spacing:0.25em;color:var(--ink);margin-bottom:var(--sp-6)}
.footer-tagline{max-width:360px}
.footer-heading{color:var(--ink);margin-bottom:var(--sp-6)}
.footer-col{display:flex;flex-direction:column;gap:var(--sp-4)}
.footer-col a{font-size:16px;color:var(--ink-muted);transition:color 200ms ease}
.footer-col a:hover{color:var(--accent)}
.social-row{display:flex;flex-direction:column;gap:var(--sp-4)}
.social-link{font-size:10px!important;letter-spacing:0.15em}
.footer-legal{display:flex;flex-direction:column;gap:var(--sp-4);align-items:center;border-top:1px solid var(--border);padding-top:var(--sp-8);max-width:var(--max-w);margin:0 auto;font-size:14px;color:var(--ink-faint)}
@media(min-width:768px){.footer-legal{flex-direction:row;justify-content:space-between}}
.legal-links{display:flex;gap:var(--sp-6)}
.legal-links a{color:var(--ink-faint);font-size:14px;transition:color 200ms ease}
.legal-links a:hover{color:var(--ink)}

/* ── Demo store feedback (mock checkout) ── */
.demo-toast{position:fixed;bottom:var(--sp-8);left:50%;z-index:2000;padding:var(--sp-4) var(--sp-6);background:var(--bg-highest);border:1px solid var(--border-strong);border-radius:var(--r-lg);font-size:14px;color:var(--ink);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(12px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}
.demo-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── Responsive ── */
@media(max-width:767px){
  #hero-video-wrapper{background-image:url('/assets/hero/hero-mobile.jpg')!important;background-position:center center!important}
  #hero-scroll-cue{display:none}
  #brand-story-bg{background-image:url('/assets/seq-2-mobile/seq2-096.jpg');background-position:center center}
  #brand-story-content{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr 1fr}
  .footer-inner{grid-template-columns:1fr}
  #hero-content{padding:var(--sp-8) var(--sp-4)}
}

/* Portrait-safe cinematic framing.
   The source storytelling media is 16:9. Cropping it on tall screens cuts out
   important model/body context, so portrait devices get the full frame over a
   blurred, darkened backing plate instead of a hard crop. */
@media(max-aspect-ratio: 4/5){
  .seq-video-wrapper::before{opacity:1}
  .seq-video,.seq-frame{object-fit:contain;object-position:center center}
  #seq-2-video,#seq-2-frame{object-position:center center}
  .seq-overlay{background:linear-gradient(to bottom,rgba(255,250,242,0.08),rgba(248,241,231,0.48))}
  .seq-overlay-inner{padding:var(--sp-6);padding-top:calc(var(--sp-16) + var(--sp-6));max-width:min(88vw,460px)}
  .seq-overlay--center{align-items:flex-end;text-align:left;justify-content:flex-start}
  .seq-overlay--right{align-items:flex-end;justify-content:flex-start;text-align:left}
  .seq-title{font-size:clamp(28px,9vw,42px)}
}

@media(max-width:767px) and (orientation:portrait){
  .seq-video,.seq-frame{object-fit:cover}
}

@media(max-width:767px) and (orientation:landscape){
  .seq-overlay-inner{padding:var(--sp-6);padding-top:var(--sp-16)}
}

/* ── Hero CTA Group (Improvement 1) ── */
.hero-cta-group{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);margin-top:var(--sp-8)}
.hero-primary-cta{font-size:15px;padding:1rem 2.5rem;letter-spacing:0.08em}
.hero-secondary-cta{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-b);font-size:13px;font-weight:400;letter-spacing:0.08em;color:var(--ink-muted);transition:color var(--dur) ease}
.hero-secondary-cta:hover{color:var(--accent)}
.hero-cta-arrow{font-size:16px;transition:transform var(--dur) ease}
.hero-secondary-cta:hover .hero-cta-arrow{transform:translateX(3px)}

/* ── Nav Dropdown (Improvement 2) ── */
.nav-dropdown{position:relative;display:inline-flex;align-items:center}
.nav-link--has-dropdown{display:inline-flex;align-items:center;gap:2px}
.nav-chevron{font-size:16px;transition:transform 200ms ease}
.nav-dropdown:hover .nav-chevron,.nav-dropdown.is-open .nav-chevron{transform:rotate(180deg)}
.nav-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:220px;padding-top:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms ease}
.nav-mega::before{content:'';position:absolute;top:0;left:0;right:0;height:12px}
.nav-mega-inner{background:rgba(255,250,242,0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-md);border-radius:var(--r-lg);padding:var(--sp-3) 0;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(98,73,45,0.12)}
.nav-dropdown:hover .nav-mega,.nav-dropdown.is-open .nav-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-mega-item{display:flex;flex-direction:column;padding:var(--sp-3) var(--sp-6);transition:background 150ms ease}
.nav-mega-item:hover{background:rgba(36,31,26,0.04)}
.nav-mega-label{font-family:var(--font-b);font-size:14px;font-weight:500;color:var(--ink);letter-spacing:0.02em}
.nav-mega-desc{font-family:var(--font-b);font-size:11px;color:var(--ink-faint);margin-top:2px;letter-spacing:0.04em}
.nav-mega-item--accent .nav-mega-label{color:var(--tertiary)}

/* ── Trust Strip (Improvement 3) ── */
#trust-strip{position:relative;z-index:5;background:var(--bg-lowest);border-bottom:1px solid var(--border);padding:var(--sp-6) var(--margin-m);text-align:center}
@media(min-width:768px){#trust-strip{padding:var(--sp-6) var(--margin-d)}}
.trust-inner{max-width:var(--max-w);margin:0 auto}
.trust-quote{font-family:var(--font-d);font-style:italic;font-size:clamp(15px,2vw,18px);color:var(--ink-muted);line-height:1.5;letter-spacing:0.01em}
.trust-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sp-4);margin-top:var(--sp-3)}
.trust-stars{display:flex;gap:2px;color:var(--accent);font-size:14px}
.trust-divider{width:1px;height:14px;background:var(--border-strong);display:none}
@media(min-width:768px){.trust-divider{display:block}}
.trust-stat{font-family:var(--font-b);font-size:12px;font-weight:400;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint)}

/* ── Reduced Motion ── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}
  .scroll-chevron{animation:none;opacity:0.5}
}