/* The home page uses one attention color: warm sand */
:root{--sv-ink:#0b1c2d;--sv-paper:#f2f0eb;--sv-text:#f7f7f3;--sv-charcoal:#28343a;--sv-accent:#e3b875}
body{font-family:Manrope,Arial,sans-serif;background:var(--sv-ink)}
.earth-backdrop{background-position:center,right center}
.earth-backdrop:after{background:none}
.header,.header.is-scrolled{background:transparent;color:var(--sv-text);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
.header .brand,.header nav,.header-link{mix-blend-mode:normal}
.header.on-light,.header.on-light.is-scrolled{background:#0b1c2df2;color:var(--sv-text)}
.header-link:hover,.header nav a:hover{color:var(--sv-accent)}
.intro-copy h1,.reveal-copy h2{color:var(--sv-text)}
.intro-copy h1 em,.reveal-copy h2 em{color:var(--sv-text)}
.intro-copy h1{font-size:clamp(70px,7.5vw,132px);max-width:900px}
.reveal-copy{max-width:min(690px,52vw);top:34%}
.reveal-copy h2{font-size:clamp(54px,5vw,76px);max-width:none;line-height:1.04;letter-spacing:-.055em}
.reveal-copy h2 .home-brand-nowrap{display:inline-block;white-space:nowrap;color:#e8cfaa}
.reveal-copy p{max-width:470px}
@media(max-width:900px){.intro-copy h1{font-size:clamp(62px,9vw,96px)}.reveal-copy{max-width:70vw;top:28%}.reveal-copy h2{font-size:clamp(52px,7vw,80px)}}
@media(max-width:600px){.intro-copy h1{font-size:clamp(48px,13vw,68px)}.reveal-copy{max-width:calc(100vw - 40px);top:15%}.reveal-copy h2{font-size:clamp(39px,10vw,52px);margin:0 0 16px}.reveal-copy p{max-width:85vw;margin:0;font-size:13px}.reveal-copy a{margin-top:17px;padding:10px 0;gap:38px;border:0;border-bottom:1px solid var(--sv-accent);background:transparent;font-size:11px;text-shadow:0 2px 8px #000b}}
.reveal-copy a{border-color:var(--sv-accent);color:var(--sv-text)}
@media(max-width:600px){.reveal-copy{inset:0;width:100%;height:100%;max-width:none;transform:none}.reveal-message{position:absolute;top:15%;left:20px;right:20px}.reveal-copy a{position:absolute;left:20px;bottom:22px;margin:0}}
.home-factory{background:var(--sv-ink)}
.home-factory-heading{top:2.2%;left:4.5%;width:min(350px,31vw);padding:18px 20px 19px;background:#0b1c2dde;border-left-color:var(--sv-accent);box-shadow:0 16px 38px #07152275}
.home-factory-heading .eyebrow{color:var(--sv-accent)}
.home-factory h2{font-size:clamp(30px,2.9vw,44px);line-height:1.06;margin:11px 0 10px;color:var(--sv-text)}
.home-factory h2 em{color:var(--sv-text)}
.home-factory-heading p{font-size:12px;line-height:1.4;color:#d8e0e2;margin:0}
.factory-map .label{background:#0b1c2d47;border-left-color:var(--sv-accent)}
.factory-map .label:hover,.factory-map .label:focus-visible{background:#0b1c2d85;outline-color:var(--sv-accent)}
.factory-map .hotspot::before{background:var(--sv-accent);box-shadow:0 0 0 4px var(--sv-ink),0 0 0 5px var(--sv-accent)}
.home-facts{background:var(--sv-ink);grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:clamp(60px,8vw,155px);padding:104px 4.5% 112px;align-items:start}
.home-facts-intro .eyebrow{color:var(--sv-accent)}
.home-facts h2{font-size:clamp(39px,4vw,61px);line-height:1.06;margin:23px 0 23px}
.home-facts-intro p{font-size:14px;line-height:1.65;color:#c2cdd1;max-width:360px}
.home-facts-content{min-width:0}
.home-facts-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0;background:transparent}
.home-facts-list a{min-height:153px;padding:27px 27px 24px;border:1px solid #64758282;background:#13283a;box-shadow:none}
.home-facts-list a:hover,.home-facts-list a:focus-visible{background:#1c3448;outline:2px solid var(--sv-accent);outline-offset:-2px}
.home-facts-list strong{font-size:clamp(25px,2.2vw,36px);font-weight:600;line-height:1.13;letter-spacing:-.055em;color:var(--sv-text)}
.home-facts-list span{font-size:12px;line-height:1.5;color:#c3ced3;margin-top:12px}
.home-facts-list b{top:18px;right:20px;color:var(--sv-accent)}
.home-facts-proof{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;border-top:1px solid #60717e;margin-top:24px;padding-top:19px;font-size:11px}
.home-facts-proof span{color:#aebbc0;font-size:9px;font-weight:800;letter-spacing:.13em;margin-right:auto}
.home-facts-proof a{color:#f0f2ee;text-decoration:none;border-bottom:1px solid #8c9fa5;padding-bottom:3px}
.home-facts-proof a:hover,.home-facts-proof a:focus-visible{border-color:var(--sv-accent);color:var(--sv-accent)}
.street-comparison{background:var(--sv-paper);color:var(--sv-charcoal);padding-top:91px;padding-bottom:90px}
.street-comparison h2,.street-comparison h2 em{color:var(--sv-charcoal)}
.street-comparison-heading .eyebrow{color:#8b673b}
.street-comparison-heading p{color:#46545a}
.street-comparison-card{background:var(--sv-ink);color:var(--sv-text)}
.street-comparison-handle{background:var(--sv-ink)}
.street-saving strong{color:var(--sv-accent)}
.street-bars .street-bar-new,.street-action{background:var(--sv-accent)}
.street-comparison-note{color:#546166}
@media(max-width:980px){.home-factory-heading{width:min(350px,40vw);padding:16px 18px}.home-facts{gap:50px;padding:78px 4.5% 85px}.home-facts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-factory-heading{top:auto;left:auto;width:auto;margin:0 18px -20px;padding:17px 18px}.home-factory h2{font-size:clamp(31px,8vw,43px)}.home-factory-heading p{font-size:11px}.home-facts{padding:68px 20px 74px;gap:32px}.home-facts h2{font-size:clamp(39px,9vw,54px);margin:16px 0 16px}.home-facts-intro p{font-size:12px}.home-facts-list{gap:8px}.home-facts-list a{min-height:125px;padding:17px 13px}.home-facts-list strong{font-size:clamp(22px,5vw,29px)}.home-facts-list span{font-size:10px;margin-top:9px}.home-facts-proof{gap:12px 18px}.home-facts-proof span{width:100%;margin-right:0}.street-comparison{padding:68px 18px 72px}}

/* The video section rises over the sticky hero while scrolling. */
.home-factory{--section-overlap:100svh;position:relative;z-index:4;margin-top:calc(-1 * var(--section-overlap));transform:translate3d(0,var(--section-overlap-shift,var(--section-overlap)),0);border-radius:0;will-change:transform}
section.home-factory[id]{scroll-margin-top:100svh}
.journey:focus-within{z-index:5}
.factory-map-viewport{position:relative;border-radius:0}
.factory-map-viewport:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#06111bc9 0%,#06111b5c 44%,transparent 75%),linear-gradient(180deg,#06111b8a,transparent 55%);pointer-events:none}
.factory-map{height:100svh;min-height:0;aspect-ratio:auto}
.home-factory-heading{position:absolute;z-index:4;top:clamp(112px,17svh,170px);left:5.3%;width:min(660px,62vw);margin:0;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 3px 18px #000a}
.home-factory-heading .eyebrow{display:none}
.home-factory h2{font-size:clamp(48px,5.5vw,84px);font-weight:500;line-height:1.02;letter-spacing:-.075em;margin:0 0 18px;color:#fff}
.home-factory h2 em{color:#fff}
.home-factory-heading p{font-size:clamp(13px,1.1vw,16px);color:#fff}
@media(max-width:700px){.home-factory-heading{position:absolute;top:clamp(96px,14svh,130px);left:20px;width:calc(100% - 40px);margin:0;padding:0}.home-factory h2{font-size:clamp(39px,10vw,56px);margin-bottom:12px}.home-factory-heading p{font-size:13px}.factory-map{height:100svh;min-height:0}}

/* The factory photograph sets the mood; benefits carry its warm charcoal tones. */
.home-facts{position:relative;isolation:isolate;overflow:hidden;background:#171c1b;color:#f7f7f3;padding-block:76px 84px;gap:clamp(35px,6vw,100px)}
.home-facts::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 90% at 7% 6%,#9d754a25,transparent 75%),radial-gradient(ellipse 40% 75% at 94% 95%,#e3b87513,transparent 80%),linear-gradient(115deg,#202523,#131918 68%,#1c211f)}
.home-facts-intro .eyebrow{color:var(--sv-accent)}
.home-facts h2{margin:14px 0 17px;font-size:clamp(38px,3.8vw,58px)}
.home-facts-intro p{color:#d5d5cf}
.home-facts-list{gap:0;border-top:1px solid #ffffff37;border-left:1px solid #ffffff37}
.home-facts-list a{min-height:128px;padding:22px 23px;background:#ffffff08;border:0;border-right:1px solid #ffffff37;border-bottom:1px solid #ffffff37}
.home-facts-list a:hover,.home-facts-list a:focus-visible{background:#e3b87518}
.home-facts-list span{color:#d6d8d1}
.home-facts-proof{border-color:#ffffff37}
.home-facts-proof span{color:#c2c7c0}
@media(max-width:700px){.home-facts{padding:46px 20px 52px;gap:23px}.home-facts h2{font-size:clamp(36px,8vw,47px);margin:11px 0}.home-facts-intro p{font-size:12px}.home-facts-list a{min-height:100px;padding:14px 12px}.home-facts-list strong{font-size:clamp(21px,5vw,29px)}.home-facts-list span{font-size:10px;margin-top:6px}.home-facts-proof{margin-top:16px;padding-top:14px}}

/* Keep the title clear of the map points and reveal series on interaction. */
.home-factory-heading{top:auto;bottom:clamp(28px,6svh,64px);pointer-events:none}
.home-factory.has-title-reveal .home-factory-heading{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .75s cubic-bezier(.19,1,.22,1)}
.home-factory.has-title-reveal.is-title-visible .home-factory-heading{opacity:1;transform:none}
.factory-map .hotspot-trigger{position:absolute;z-index:2;left:-16px;top:-16px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #e3b875;border-radius:50%;background:#142027d9;color:#fff;font-family:inherit;font-size:11px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 0 0 3px #07131d90}
.factory-map .hotspot-trigger:hover,.factory-map .hotspot-trigger:focus-visible,.factory-map .hotspot.is-active .hotspot-trigger{background:#e3b875;color:#142027;outline:2px solid #fff;outline-offset:3px}
.factory-map.video-mode .hotspot::before,.factory-map.video-mode .hotspot::after{display:none}
.factory-map.video-mode .label,.factory-map.video-mode.is-final .label{opacity:0;pointer-events:none}
.factory-map.video-mode .hotspot:hover .label,.factory-map.video-mode .hotspot:focus-within .label,.factory-map.video-mode .hotspot.is-active .label{opacity:1;pointer-events:auto}
@media(max-width:980px){
  .home-factory.has-interactive-hotspots .home-factory-zones{display:none}
  .factory-map .hotspot-trigger{left:-22px;top:-22px;width:44px;height:44px;font-size:12px}
  .factory-map.video-mode .hotspot .label{display:none}
  .factory-map.video-mode .hotspot.is-active .label{display:block;opacity:1;pointer-events:auto}
  .factory-map.video-mode .hotspot.reverse .label{right:26px}
  .factory-map.video-mode .hotspot:not(.reverse) .label{left:26px}
}
@media(max-width:700px){
  .home-factory-heading{top:auto;bottom:20px;left:20px;width:calc(100% - 40px)}
  .home-factory h2{font-size:clamp(36px,9.5vw,51px);margin:0}
  .factory-map.video-mode .label{box-sizing:border-box;width:min(180px,42vw);min-width:0;white-space:normal}
}

/* Benefits continue the campus scene with more space and quieter separators. */
.home-facts{grid-template-columns:minmax(300px,.9fr) minmax(0,1.35fr);align-items:start;gap:clamp(56px,8vw,150px);padding:clamp(92px,10vw,156px) 5.3% clamp(86px,9vw,142px);background:linear-gradient(150deg,#101d25 0%,#182322 58%,#25241f 100%)}
.home-facts::before{inset:-25%;background:radial-gradient(ellipse 35% 42% at 68% 53%,#c79b5d24,transparent 75%),radial-gradient(ellipse 30% 42% at 10% 6%,#6e85992b,transparent 75%);animation:sv-facts-light 18s ease-in-out infinite alternate}
.home-facts::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 20% 70% at 100% 56%,#edf4f20d,transparent 78%)}
@keyframes sv-facts-light{from{transform:translate3d(-3%,0,0)}to{transform:translate3d(4%,3%,0)}}
.home-facts-intro{position:relative;max-width:500px}
.home-facts-intro .eyebrow{color:#e3b875}
.home-facts h2{font-size:clamp(48px,4.8vw,76px);font-weight:500;line-height:1.03;letter-spacing:-.065em;margin:24px 0 28px}
.home-facts-intro p{max-width:410px;font-size:clamp(14px,1.1vw,17px);line-height:1.65;color:#cbd1cd}
.home-facts-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,70px);row-gap:0;border:0;background:none}
.home-facts-list a{min-height:158px;padding:29px 34px 30px 0;border:0;border-top:1px solid #ffffff54;background:none;box-shadow:none;transition:background .3s ease,padding-left .3s ease}
.home-facts-list a:hover,.home-facts-list a:focus-visible{background:#ffffff0a;padding-left:12px;outline:2px solid #e3b875;outline-offset:3px}
.home-facts-list strong{font-size:clamp(29px,2.4vw,41px);font-weight:500;line-height:1.1;white-space:normal}
.home-facts-list span{font-size:13px;line-height:1.55;color:#cbd1cd;margin-top:14px}
.home-facts-list b{top:31px;right:5px;color:#e3b875}
.home-facts-proof{margin-top:37px;padding-top:24px;gap:14px 28px;border-top:1px solid #ffffff54}
.home-facts-proof span{width:100%;margin:0 0 6px;color:#d1c0a0}
.home-facts-proof a{font-size:12px;line-height:1.45}
.home-facts.has-facts-reveal .home-facts-list a,.home-facts.has-facts-reveal .home-facts-proof{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .75s cubic-bezier(.19,1,.22,1)}
.home-facts.is-facts-visible .home-facts-list a,.home-facts.is-facts-visible .home-facts-proof{opacity:1;transform:none}
.home-facts-list a:nth-child(1){transition-delay:.08s}.home-facts-list a:nth-child(2){transition-delay:.16s}.home-facts-list a:nth-child(3){transition-delay:.24s}.home-facts-list a:nth-child(4){transition-delay:.32s}.home-facts-proof{transition-delay:.42s}
@media(max-width:980px){.home-facts{grid-template-columns:1fr;gap:58px;padding:92px 6% 100px}.home-facts-intro{max-width:680px}.home-facts h2{font-size:clamp(47px,6vw,67px)}.home-facts-list a{min-height:145px}}
@media(max-width:600px){
  .home-facts{gap:42px;padding:72px 22px 82px}
  .home-facts h2{font-size:clamp(39px,10vw,52px);margin:16px 0 22px}
  .home-facts-intro p{font-size:14px;line-height:1.6}
  .home-facts-list{grid-template-columns:1fr}
  .home-facts-list a{min-height:0;padding:22px 40px 24px 0}
  .home-facts-list strong{font-size:clamp(29px,8vw,38px)}
  .home-facts-list span{font-size:13px;margin-top:8px}
  .home-facts-list b{top:23px;right:4px}
  .home-facts-proof{display:grid;gap:17px;margin-top:30px;padding-top:24px}
  .home-facts-proof span{width:auto;margin:0}
  .home-facts-proof a{width:max-content;max-width:100%;font-size:13px}
}
/* Reveal the message line by line without splitting words or changing its reading order. */
.facts-title-line{display:block}
.home-facts.has-facts-reveal .home-facts-intro .eyebrow,.home-facts.has-facts-reveal .home-facts-intro p{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .7s ease}
.home-facts.has-facts-reveal .facts-title-line{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(24%);transition:opacity .7s ease,clip-path .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.home-facts.is-facts-visible .home-facts-intro .eyebrow,.home-facts.is-facts-visible .home-facts-intro p,.home-facts.is-facts-visible .facts-title-line{opacity:1;clip-path:inset(0);transform:none}
.home-facts.has-facts-reveal .facts-title-line:first-child{transition-delay:.12s}
.home-facts.has-facts-reveal .facts-title-line:nth-child(2){transition-delay:.28s}
.home-facts.has-facts-reveal .home-facts-intro p{transition-delay:.48s}