/* =========================================================
   CES SAN MATEO v1.3.0 CINEMATIC MOTION LAYER
   Frontend only. Yellow / black identity, editorial type,
   GSAP-enhanced motion with CSS fallbacks.
   ========================================================= */
:root{
  --ces-yellow:#ffd400;
  --ces-yellow-2:#ffea73;
  --ces-black:#050505;
  --ces-ink:#090a0a;
  --ces-panel:#0d0e0e;
  --ces-white:#f7f5ef;
  --ces-muted:#a7a69f;
  --ces-line:rgba(255,255,255,.12);
  --ces-line-gold:rgba(255,212,0,.24);
  --ces-ease:cubic-bezier(.22,1,.36,1);
  --ces-ease-hard:cubic-bezier(.76,0,.24,1);
  --cyan:#ffd400;
}

html{background:var(--ces-black);scrollbar-color:#4b4300 #050505}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  background:#050505!important;
  color:var(--ces-white);
  overflow-x:hidden;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,.brand-text strong,.site-nav a,.action-primary,.action-secondary,.hero-kicker,.memory-panel__caption strong{
  font-family:"Arial Black","Segoe UI Black",system-ui,sans-serif;
}

/* Tailwind utilities are used in the new layout, custom CSS owns brand details. */
.ces-cinematic-home .global-void-atmosphere{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:#050505}
.mesh-orb{position:absolute;border-radius:999px;filter:blur(1px);will-change:transform;opacity:.5}
.mesh-orb--one{width:60vw;height:60vw;right:-23vw;top:-28vw;background:radial-gradient(circle,rgba(255,212,0,.16),rgba(255,212,0,.035) 34%,transparent 67%);animation:meshFloatOne 18s ease-in-out infinite alternate}
.mesh-orb--two{width:42vw;height:42vw;left:-20vw;top:42vh;background:radial-gradient(circle,rgba(255,212,0,.09),transparent 66%);animation:meshFloatTwo 24s ease-in-out infinite alternate}
.mesh-orb--three{width:36vw;height:36vw;right:11vw;bottom:-26vw;background:radial-gradient(circle,rgba(255,229,102,.08),transparent 68%);animation:meshFloatThree 21s ease-in-out infinite alternate}
.mesh-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 78%,transparent)}
.mesh-noise{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
@keyframes meshFloatOne{to{transform:translate(-4vw,7vh) scale(1.12)}}
@keyframes meshFloatTwo{to{transform:translate(8vw,-7vh) scale(.94)}}
@keyframes meshFloatThree{to{transform:translate(-7vw,-7vh) scale(1.08)}}

/* Loading reveal */
.cinematic-loader{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:#050505}
.cinematic-loader__panel{position:absolute;top:0;bottom:0;width:50.4%;background:#050505;z-index:1;will-change:transform}
.cinematic-loader__panel--left{left:0}.cinematic-loader__panel--right{right:0}
.cinematic-loader__line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--ces-yellow),transparent);z-index:2;transform:scaleY(0);transform-origin:top}
.cinematic-loader__brand{position:relative;z-index:3;display:grid;justify-items:center;gap:8px;text-align:center;opacity:0;transform:translateY(18px)}
.cinematic-loader__brand img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(255,212,0,.16))}
.cinematic-loader__brand span{font-family:"Arial Black",system-ui,sans-serif;font-size:.8rem;letter-spacing:.2em}.cinematic-loader__brand small{font-size:.58rem;color:#8d8d86;letter-spacing:.28em}
.cinematic-loader.loader-complete{visibility:hidden}

/* Header */
.cinematic-header{background:rgba(5,5,5,.76)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(18px) saturate(130%);transition:background .35s ease,transform .55s var(--ces-ease),border-color .35s ease!important}
.cinematic-header.header-scrolled{background:rgba(5,5,5,.94)!important;border-color:rgba(255,212,0,.1)!important}
.cinematic-header .brand-emblem{background:rgba(255,212,0,.04)!important;border-color:rgba(255,212,0,.17)!important}
.cinematic-header .site-nav{gap:clamp(16px,2.4vw,34px)}
.cinematic-header .site-nav a{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.73rem;letter-spacing:.05em;text-transform:uppercase}
.cinematic-header .site-nav .admin-nav{font-family:"Arial Black",system-ui,sans-serif;background:var(--ces-yellow);color:#050505;padding:10px 18px}
.header-progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:transparent;overflow:hidden}.header-progress span{display:block;width:100%;height:100%;background:var(--ces-yellow);transform:scaleX(0);transform-origin:left center;box-shadow:0 0 12px rgba(255,212,0,.7)}

/* Hero */
.cinematic-hero{min-height:calc(100vh - 72px);display:grid;align-items:center;padding:clamp(72px,10vh,118px) 0 64px;border-bottom:1px solid rgba(255,255,255,.065);background:radial-gradient(circle at 78% 32%,rgba(255,212,0,.09),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 60%)}
.cinematic-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.88) 36%,rgba(5,5,5,.24) 73%,rgba(5,5,5,.64) 100%);pointer-events:none}
.cinematic-hero__inner{position:relative;z-index:2;width:min(1500px,100%);display:grid;grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);align-items:center;gap:clamp(54px,8vw,124px)}
.cinematic-hero__copy{position:relative;z-index:3;max-width:790px}
.hero-kicker{display:flex;align-items:center;gap:14px;color:#b7b5ad;font-size:.69rem;font-weight:800;letter-spacing:.19em;margin-bottom:24px}.hero-kicker__line{width:42px;height:2px;background:var(--ces-yellow);box-shadow:0 0 18px rgba(255,212,0,.4)}
.hero-title-mask{overflow:hidden;padding-bottom:8px}
.cinematic-title{font-size:clamp(3.6rem,7.45vw,8.4rem)!important;line-height:.84!important;letter-spacing:-.075em!important;margin:0 0 30px!important;text-transform:uppercase;max-width:980px}
.cinematic-title>span{display:block}.cinematic-title__accent{color:var(--ces-yellow);text-shadow:0 0 40px rgba(255,212,0,.09)}
.cinematic-lede{max-width:690px;color:#b8b7b0!important;font-size:clamp(.98rem,1.25vw,1.13rem)!important;line-height:1.72!important;margin-bottom:30px!important}
.cinematic-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.cinematic-actions .action-primary,.cinematic-actions .action-secondary{min-width:auto;border-radius:999px;padding:15px 23px;font-size:.76rem;letter-spacing:.025em;display:inline-flex;align-items:center;justify-content:center;gap:18px;position:relative;overflow:hidden;isolation:isolate}
.motion-primary-cta::before{content:"";position:absolute;inset:-60%;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.44),rgba(255,255,255,0) 52%);opacity:0;transform:scale(.2);transition:opacity .2s ease,transform .55s var(--ces-ease)}
.motion-primary-cta:hover::before{opacity:.48;transform:scale(1)}
.motion-primary-cta{transition:transform .2s ease,box-shadow .25s ease!important}.motion-primary-cta:hover{transform:scale(1.02)!important;box-shadow:0 12px 45px rgba(255,212,0,.2),0 0 45px rgba(255,212,0,.12)!important}.motion-primary-cta:active{transform:scale(.98)!important}
.cinematic-actions .action-secondary{border-color:rgba(255,255,255,.17);color:#e9e7df;background:rgba(255,255,255,.025)}
.cinematic-actions .action-secondary:hover{border-color:rgba(255,212,0,.45);color:var(--ces-yellow)}
.cinematic-meta{display:flex;flex-wrap:wrap;gap:10px 24px;color:#75756f;font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cinematic-meta span{display:flex;align-items:center;gap:8px}.cinematic-meta i{width:7px;height:7px;border-radius:50%;background:var(--ces-yellow);box-shadow:0 0 12px rgba(255,212,0,.7);animation:statusPulse 1.8s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.45;transform:scale(.75)}}

.cinematic-hero__visual{position:relative;min-height:590px;display:grid;place-items:center;perspective:1400px}
.hero-image-stack{position:relative;width:min(680px,43vw);aspect-ratio:1.04/1;transform-style:preserve-3d;will-change:transform}
.hero-image-card{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#111;box-shadow:0 40px 110px rgba(0,0,0,.52);transform-origin:center;will-change:transform;backface-visibility:hidden}
.hero-image-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.04);will-change:transform}
.hero-image-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.76));pointer-events:none}
.hero-image-card--back{inset:7% 15% 24% -8%;transform:translate3d(-28px,-10px,-120px) rotate(-5.5deg);opacity:.45;filter:grayscale(.2)}
.hero-image-card--mid{inset:15% -6% 12% 17%;transform:translate3d(22px,6px,-60px) rotate(4.8deg);opacity:.66}
.hero-image-card--front{inset:4% 2% 4% 3%;clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%);box-shadow:0 55px 130px rgba(0,0,0,.56),0 0 0 1px rgba(255,212,0,.03)}
.hero-image-card--front::before{content:"";position:absolute;z-index:3;inset:0;border:1px solid rgba(255,212,0,.18);pointer-events:none}
.hero-image-card figcaption{position:absolute;z-index:4;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:20px;align-items:end;color:white}.hero-image-card figcaption span{font-size:.59rem;letter-spacing:.22em;color:var(--ces-yellow);font-weight:900}.hero-image-card figcaption strong{max-width:230px;text-align:right;font-size:.76rem;line-height:1.25;letter-spacing:.08em}
.hero-visual-index{position:absolute;right:-4px;top:7%;display:flex;align-items:baseline;gap:5px;font-family:"Arial Black",system-ui,sans-serif;color:var(--ces-yellow)}.hero-visual-index span{font-size:2.1rem}.hero-visual-index small{font-size:.65rem;color:#77756e}
.hero-scroll-cue{position:absolute;bottom:0;right:0;color:#74736d;font-size:.58rem;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:11px}.hero-scroll-cue span{display:block;width:42px;height:1px;background:linear-gradient(90deg,var(--ces-yellow),transparent);animation:scrollCue 1.6s var(--ces-ease) infinite}@keyframes scrollCue{50%{transform:scaleX(.35);transform-origin:right}}

/* Pinned memories, inspired by editorial project reveals, using only CES assets. */
.memory-reel{position:relative;height:600vh;background:#070707;border-bottom:1px solid rgba(255,255,255,.07)}
.memory-reel__sticky{position:sticky;top:0;height:100vh;min-height:680px;overflow:hidden;background:radial-gradient(circle at 74% 52%,rgba(255,212,0,.07),transparent 27%),#070707}
.memory-reel__topline{position:absolute;z-index:5;left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px);top:clamp(88px,11vh,118px);display:flex;justify-content:space-between;color:#89877e;font-size:.58rem;font-weight:800;letter-spacing:.18em}.memory-reel__topline>div:first-child{display:flex;gap:16px}.memory-reel__topline>div:first-child span{color:var(--ces-yellow)}
.memory-reel__counter{display:flex;align-items:baseline;gap:6px;font-family:"Arial Black",system-ui,sans-serif}.memory-reel__counter b{font-size:1.8rem;color:var(--ces-white)}.memory-reel__counter span{color:#706f68}
.memory-reel__ghost{position:absolute;z-index:0;left:-1vw;bottom:-2.7vw;font-family:"Arial Black",system-ui,sans-serif;font-size:clamp(7rem,18vw,22rem);line-height:.72;letter-spacing:-.09em;color:rgba(255,255,255,.022);white-space:nowrap;pointer-events:none}
.memory-reel__copy{position:absolute;z-index:4;left:clamp(22px,5vw,76px);top:27vh;width:min(420px,29vw)}.memory-eyebrow,.memory-reel__copy .memory-eyebrow{display:block;color:var(--ces-yellow);font-size:.62rem;font-weight:900;letter-spacing:.17em;margin-bottom:14px}.memory-reel__copy h2{font-size:clamp(2.4rem,4.8vw,5.3rem)!important;line-height:.91!important;letter-spacing:-.055em!important;margin:0 0 18px!important;text-transform:uppercase}.memory-reel__copy h2 em{font-style:normal;color:var(--ces-yellow)}.memory-reel__copy p{color:#8d8b83;line-height:1.6;font-size:.85rem}
.memory-track{position:absolute;z-index:2;left:41vw;top:19vh;height:62vh;display:flex;gap:clamp(28px,3.6vw,60px);align-items:center;will-change:transform}
.memory-panel{position:relative;flex:0 0 min(58vw,820px);height:min(61vh,660px);overflow:visible;margin:0;will-change:transform,opacity}
.memory-panel__frame{position:absolute;inset:0 0 72px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.11);clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%);box-shadow:0 40px 110px rgba(0,0,0,.43)}
.memory-panel__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.42));pointer-events:none}.memory-panel__frame img{width:112%;height:112%;margin:-3% 0 0 -6%;object-fit:cover;filter:saturate(.92) contrast(1.02);will-change:transform}
.memory-panel__caption{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr;gap:5px 15px;align-items:start}.memory-panel__caption>span{grid-row:1/4;color:var(--ces-yellow);font-family:"Arial Black",system-ui,sans-serif;font-size:1.8rem;line-height:1}.memory-panel__caption strong{font-size:.75rem;letter-spacing:.09em}.memory-panel__caption p{font-size:.72rem;color:#77766f}.memory-panel__caption a{font-size:.72rem;color:var(--ces-yellow);font-weight:900;display:inline-flex;gap:8px;align-items:center;margin-top:3px}
.memory-progress{position:absolute;z-index:5;left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px);bottom:32px;height:1px;background:rgba(255,255,255,.08)}.memory-progress span{display:block;height:100%;width:100%;background:var(--ces-yellow);transform-origin:left center;transform:scaleX(0);box-shadow:0 0 16px rgba(255,212,0,.55)}

/* Process */
.process-section{padding:clamp(110px,14vw,190px) 0;background:#050505;border-bottom:1px solid rgba(255,255,255,.07)}
.process-shell{width:min(1420px,100%)}
.process-heading{display:grid;grid-template-columns:90px minmax(0,1fr);gap:clamp(22px,4vw,64px);margin-bottom:74px;align-items:start}.section-number{font-family:"Arial Black",system-ui,sans-serif;color:var(--ces-yellow);font-size:.72rem;letter-spacing:.08em;padding-top:8px}.process-heading .eyebrow,.feature-manifesto .eyebrow,.cinematic-cta .eyebrow{color:#85837b!important;font-size:.62rem!important;letter-spacing:.19em!important}.process-heading h2,.feature-manifesto h2,.cinematic-cta h2{font-size:clamp(3rem,6.6vw,7.6rem)!important;line-height:.86!important;letter-spacing:-.066em!important;text-transform:uppercase;margin:0 0 24px!important}.process-heading h2 em{font-style:normal;color:var(--ces-yellow)}.process-heading p{max-width:690px;color:#88867f;line-height:1.7;font-size:.92rem}
.process-list{border-top:1px solid var(--ces-line)}
.process-step{position:relative;display:grid;grid-template-columns:90px minmax(280px,1fr) auto;gap:clamp(22px,4vw,64px);align-items:center;min-height:154px;padding:28px 0;border-bottom:1px solid var(--ces-line);overflow:hidden;isolation:isolate;transition:color .35s ease,border-color .35s ease}
.process-step::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ces-yellow);transform:translateY(101%);transition:transform .55s var(--ces-ease)}.process-step:hover::before,.process-step.motion-active::before{transform:translateY(0)}.process-step:hover,.process-step.motion-active{color:#070707;border-color:rgba(255,212,0,.3)}
.process-step__number{font-family:"Arial Black",system-ui,sans-serif;font-size:1.1rem;color:var(--ces-yellow);transition:color .35s ease}.process-step h3{font-size:clamp(1.35rem,2.3vw,2.45rem);letter-spacing:-.035em;margin-bottom:7px;text-transform:uppercase}.process-step p{max-width:660px;color:#8c8a83;font-size:.82rem;line-height:1.55;transition:color .35s ease}.process-step>strong{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#6b6a64;font-size:.58rem;letter-spacing:.16em;transition:color .35s ease}.process-step:hover .process-step__number,.process-step:hover p,.process-step:hover>strong,.process-step.motion-active .process-step__number,.process-step.motion-active p,.process-step.motion-active>strong{color:#070707}

/* Full-bleed feature */
.feature-manifesto{position:relative;min-height:100vh;display:grid;align-items:end;overflow:hidden;background:#050505;border-bottom:1px solid rgba(255,255,255,.07)}
.feature-manifesto__image{position:absolute;inset:-8%;will-change:transform}.feature-manifesto__image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.22) contrast(1.08) brightness(.66)}
.feature-manifesto__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.88) 38%,rgba(5,5,5,.32) 75%,rgba(5,5,5,.58) 100%),linear-gradient(0deg,#050505 0%,transparent 43%)}
.feature-manifesto__content{position:relative;z-index:2;width:min(1420px,100%);padding-top:140px!important;padding-bottom:clamp(90px,11vw,150px)!important}.feature-manifesto__content>.section-number{display:block;margin-bottom:34px}.feature-manifesto h2{max-width:1000px}.feature-manifesto p{max-width:720px;color:#b0aea6;font-size:1rem;line-height:1.72;margin-bottom:38px}
.manifesto-points{display:flex;flex-wrap:wrap;gap:9px}.manifesto-points span{border:1px solid rgba(255,255,255,.15);background:rgba(5,5,5,.44);backdrop-filter:blur(8px);padding:10px 14px;border-radius:999px;color:#dad8d0;font-size:.67rem;font-weight:800;letter-spacing:.04em}

.cinematic-cta{padding:clamp(110px,14vw,190px) 0;background:var(--ces-yellow);color:#050505}.cinematic-cta__inner{width:min(1420px,100%);display:grid;grid-template-columns:90px 1fr auto;gap:clamp(22px,4vw,64px);align-items:end}.cinematic-cta .section-number{color:#050505}.cinematic-cta .eyebrow{color:rgba(5,5,5,.58)!important}.cinematic-cta h2{max-width:950px;color:#050505!important;margin-bottom:18px!important}.cinematic-cta p{max-width:680px;color:rgba(5,5,5,.68);line-height:1.65}.cinematic-cta .action-primary{background:#050505!important;color:var(--ces-yellow)!important;border-radius:999px;white-space:nowrap;padding:16px 24px;display:flex;align-items:center;gap:20px}.cinematic-cta .motion-primary-cta:hover{box-shadow:0 14px 45px rgba(0,0,0,.18)!important}

.cinematic-qr{background:#070707!important;padding-top:100px!important}.cinematic-qr .public-site-qr-card{border-color:rgba(255,212,0,.16)!important;background:linear-gradient(135deg,rgba(255,212,0,.035),rgba(255,255,255,.012))!important}.cinematic-footer{background:#050505!important;border-color:rgba(255,255,255,.07)!important;color:#74736c!important}

/* Site-wide typography / brand cleanup without touching functionality */
body:not(.ces-cinematic-home) .site-header{background:rgba(5,5,5,.92)!important;border-bottom-color:rgba(255,255,255,.075)!important}
body:not(.ces-cinematic-home) .site-nav a:hover{color:var(--ces-yellow)!important}
body:not(.ces-cinematic-home) .hero-chip,body:not(.ces-cinematic-home) .eyebrow,body:not(.ces-cinematic-home) .panel-heading>span{color:var(--ces-yellow)!important;border-color:rgba(255,212,0,.18)!important}
body:not(.ces-cinematic-home) input:focus,body:not(.ces-cinematic-home) select:focus,body:not(.ces-cinematic-home) textarea:focus{border-color:rgba(255,212,0,.56)!important;box-shadow:0 0 0 4px rgba(255,212,0,.075)!important}
body:not(.ces-cinematic-home) .submit-btn{background:var(--ces-yellow)!important;color:#050505!important;box-shadow:0 12px 32px rgba(255,212,0,.1)!important}
body:not(.ces-cinematic-home) .submit-btn:hover{box-shadow:0 16px 45px rgba(255,212,0,.16)!important}

/* GSAP initial states only when JS marks the page ready. */
.motion-gsap [data-hero-item],.motion-gsap [data-hero-title]>span{opacity:0;transform:translateY(20px)}
.motion-gsap [data-hero-visual]{opacity:0;transform:translateY(20px) scale(.985)}
.motion-gsap [data-motion-section],.motion-gsap [data-motion-step]{opacity:0;transform:translateY(28px)}

@media(max-width:1100px){
  .cinematic-hero__inner{grid-template-columns:1fr;gap:64px}.cinematic-hero{padding-top:90px}.cinematic-hero__copy{max-width:920px}.cinematic-hero__visual{min-height:560px}.hero-image-stack{width:min(760px,86vw)}
  .memory-reel__copy{top:18vh;width:80vw}.memory-track{left:12vw;top:42vh;height:45vh}.memory-panel{flex-basis:min(78vw,760px);height:42vh}.memory-panel__frame{inset:0 0 64px}
  .cinematic-cta__inner{grid-template-columns:70px 1fr}.cinematic-cta .action-primary{grid-column:2;margin-top:30px;justify-self:start}
}

@media(max-width:760px){
  .cinematic-header .site-nav a[href="#memories"],.cinematic-header .site-nav a[href="#how-it-works"]{display:none}
  .cinematic-hero{min-height:auto;padding:72px 0 60px}.cinematic-hero__inner{gap:42px}.cinematic-title{font-size:clamp(3.2rem,15vw,5.25rem)!important;line-height:.88!important}.cinematic-lede{font-size:.93rem!important}.cinematic-meta{gap:9px 14px}.cinematic-hero__visual{min-height:390px}.hero-image-stack{width:92vw;max-width:590px}.hero-image-card--back{inset:5% 18% 21% -4%}.hero-image-card--mid{inset:13% -2% 11% 18%}.hero-visual-index{right:5%;top:-2%}.hero-scroll-cue{display:none}
  .memory-reel{height:auto}.memory-reel__sticky{position:relative;height:auto;min-height:auto;padding:110px 20px 70px;overflow:hidden}.memory-reel__topline{position:relative;left:auto;right:auto;top:auto;margin-bottom:34px}.memory-reel__ghost{display:none}.memory-reel__copy{position:relative;left:auto;top:auto;width:100%;margin-bottom:48px}.memory-reel__copy h2{font-size:clamp(2.7rem,12vw,4.4rem)!important}.memory-track{position:relative;left:auto;top:auto;height:auto;display:grid;gap:54px}.memory-panel{flex:auto;width:100%;height:auto}.memory-panel__frame{position:relative;inset:auto;aspect-ratio:1.3/1}.memory-panel__caption{position:relative;margin-top:15px}.memory-progress{display:none}
  .process-section{padding:100px 0}.process-heading{grid-template-columns:1fr;gap:22px}.process-heading h2,.feature-manifesto h2,.cinematic-cta h2{font-size:clamp(2.9rem,12vw,5rem)!important}.process-step{grid-template-columns:52px 1fr;gap:15px;padding:25px 0;min-height:0}.process-step>strong{display:none}.process-step h3{font-size:1.4rem}
  .feature-manifesto{min-height:840px}.feature-manifesto__veil{background:linear-gradient(180deg,rgba(5,5,5,.4),rgba(5,5,5,.96) 60%,#050505)}.feature-manifesto__content{padding-top:420px!important}.feature-manifesto h2{font-size:clamp(2.9rem,12vw,5.2rem)!important}
  .cinematic-cta__inner{grid-template-columns:1fr;gap:22px}.cinematic-cta .action-primary{grid-column:auto;margin-top:8px;justify-self:start}
}

@media(prefers-reduced-motion:reduce){
  .mesh-orb,.cinematic-meta i,.hero-scroll-cue span{animation:none!important}.cinematic-loader{display:none!important}.motion-gsap [data-hero-item],.motion-gsap [data-hero-title]>span,.motion-gsap [data-hero-visual],.motion-gsap [data-motion-section],.motion-gsap [data-motion-step]{opacity:1!important;transform:none!important}.hero-image-card,.memory-panel__frame img,.feature-manifesto__image{transform:none!important}
}

/* =========================================================
   CES SAN MATEO v1.3.1 VISUAL REFINEMENT
   Clearer hero photography, seven-frame archive, nav cleanup.
   ========================================================= */
.ces-cinematic-home .cinematic-hero::before{
  background:linear-gradient(90deg,
    rgba(5,5,5,.99) 0%,
    rgba(5,5,5,.92) 34%,
    rgba(5,5,5,.42) 48%,
    rgba(5,5,5,.09) 68%,
    rgba(5,5,5,.04) 100%);
}
.ces-cinematic-home .cinematic-hero__visual{
  z-index:2;
  filter:none;
}
.ces-cinematic-home .hero-image-stack{
  width:min(720px,45vw);
  filter:none;
}
.ces-cinematic-home .hero-image-card{
  border-color:rgba(255,212,0,.14);
  box-shadow:0 42px 120px rgba(0,0,0,.44),0 0 0 1px rgba(255,212,0,.035);
}
.ces-cinematic-home .hero-image-card img{
  filter:saturate(1.06) contrast(1.035) brightness(1.035);
}
.ces-cinematic-home .hero-image-card::after{
  background:linear-gradient(180deg,rgba(0,0,0,0) 61%,rgba(0,0,0,.54) 100%);
}
.ces-cinematic-home .hero-image-card--back{opacity:.62;filter:none}
.ces-cinematic-home .hero-image-card--mid{opacity:.82;filter:none}
.ces-cinematic-home .hero-image-card--front{
  box-shadow:0 58px 140px rgba(0,0,0,.5),0 0 0 1px rgba(255,212,0,.12),0 0 72px rgba(255,212,0,.055);
}
.ces-cinematic-home .hero-image-card--front::before{border-color:rgba(255,212,0,.3)}
.ces-cinematic-home .memory-reel{height:780vh}
.ces-cinematic-home .memory-panel__frame img{filter:saturate(1.01) contrast(1.025) brightness(1.015)}
.ces-cinematic-home .nav-current-officers.is-pending{opacity:.92;cursor:default}
.ces-cinematic-home .nav-current-officers.is-pending::before{
  content:"";
  position:absolute;
  width:4px;height:4px;border-radius:50%;
  right:-8px;top:4px;background:var(--ces-yellow);
  box-shadow:0 0 10px rgba(255,212,0,.55);
}
.feature-manifesto__image img{
  filter:grayscale(.08) saturate(.95) contrast(1.06) brightness(.72);
}

@media(max-width:1100px){
  .ces-cinematic-home .hero-image-stack{width:min(780px,88vw)}
}
@media(max-width:760px){
  .ces-cinematic-home .memory-reel{height:auto}
  .ces-cinematic-home .cinematic-header .site-nav{gap:7px}
  .ces-cinematic-home .cinematic-header .site-nav a{font-size:.6rem;letter-spacing:.025em}
  .ces-cinematic-home .cinematic-header .site-nav .admin-nav{padding:8px 9px}
  .ces-cinematic-home .nav-current-officers.is-pending::before{display:none}
}
@media(max-width:560px){
  .ces-cinematic-home .site-brand .brand-text{display:none}
  .ces-cinematic-home .cinematic-header .site-nav{margin-left:auto}
  .ces-cinematic-home .cinematic-header .site-nav a{font-size:.56rem}
  .ces-cinematic-home .cinematic-header .site-nav a[href="check.html"]{display:none}
}


/* =========================================================
   CES SAN MATEO v1.5.7, HOME GRID / GUTTER POLISH
   Essential spacing is defined locally so the production
   layout does not depend on external utility CSS loading.
   ========================================================= */
.ces-cinematic-home{
  --ces-content-gutter:clamp(28px,5.25vw,88px);
}
.ces-cinematic-home .cinematic-hero__inner,
.ces-cinematic-home .process-shell,
.ces-cinematic-home .feature-manifesto__content,
.ces-cinematic-home .cinematic-cta__inner{
  width:min(1500px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--ces-content-gutter)!important;
  padding-right:var(--ces-content-gutter)!important;
  box-sizing:border-box;
}
.ces-cinematic-home .process-list{
  width:100%;
}
.ces-cinematic-home .process-step{
  padding-left:0;
  padding-right:0;
}
.ces-cinematic-home .feature-manifesto__content{
  padding-top:140px!important;
  padding-bottom:clamp(96px,11vw,154px)!important;
}
.ces-cinematic-home .cinematic-cta__inner{
  align-items:center;
}
@media(max-width:760px){
  .ces-cinematic-home{--ces-content-gutter:22px}
  .ces-cinematic-home .feature-manifesto__content{padding-top:420px!important}
}