.nav{position:fixed;height:60px;background:rgba(255,255,255,.62);border-bottom-color:rgba(31,77,62,.10);backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%);box-shadow:none}.brand{display:flex;align-items:center;gap:10px}.brand img{width:19px;height:27px;object-fit:contain;filter:invert(23%) sepia(12%) saturate(853%) hue-rotate(50deg) brightness(92%) contrast(86%)}
.hero-copy h1,.card-copy h2,.card-copy>p:not(.eyebrow),.card-copy .detail,.hero-copy p,.hero-copy span{ text-shadow:none!important }
.hero-video{display:block;width:100%;height:100%;object-fit:cover}
.hero-image{display:block;width:100%;height:100%;object-fit:cover}
.hero-copy{top:38%}
.hero-copy{padding:clamp(20px,2.4vw,40px) clamp(22px,2.8vw,48px);margin-left:clamp(-22px,-2.8vw,-48px);background:radial-gradient(ellipse at 35% 50%,rgba(246,244,237,.25) 0%,rgba(246,244,237,.12) 50%,rgba(246,244,237,0) 79%);backdrop-filter:blur(10px) saturate(105%);-webkit-backdrop-filter:blur(10px) saturate(105%)}.hero-copy h1{color:#1f4d3e;text-shadow:none}.hero-copy h1 br+*{}.hero-copy span{color:rgba(31,77,62,.82);text-shadow:none}
.hero-copy{top:38%;max-width:min(31vw,470px);padding:clamp(26px,2.7vw,44px) clamp(28px,3vw,50px);margin-left:0;border:0;border-radius:22px;background:radial-gradient(ellipse at 38% 48%,rgba(246,244,237,.72) 0%,rgba(246,244,237,.48) 55%,rgba(246,244,237,.14) 88%);box-shadow:0 0 34px 14px rgba(246,244,237,.22);backdrop-filter:blur(14px) saturate(110%);-webkit-backdrop-filter:blur(14px) saturate(110%)}.hero-copy h1{font-size:clamp(68px,6.1vw,106px);line-height:.9;color:#1f4d3e}.hero-copy span{margin-top:20px;font-size:clamp(16px,1.25vw,19px);line-height:1.42;color:#315b4c}
.hero-more{position:absolute;z-index:3;left:clamp(24px,7vw,125px);bottom:30px;display:inline-flex;align-items:center;gap:13px;padding:12px 16px 12px 20px;border-radius:999px;background:rgba(31,77,62,.42);border:1px solid rgba(255,255,255,.44);color:#faf8f2;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.22);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:0 8px 22px rgba(31,77,62,.10);transition:transform .25s ease,background .25s ease}.hero-more span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(246,244,237,.20);color:#fffdf7;font-size:15px;line-height:1}.hero-more:hover{transform:translateY(2px);background:rgba(31,77,62,.58)}
.intro.section{padding-top:clamp(68px,7vw,108px);padding-bottom:clamp(68px,7vw,108px)}.intro .facts{margin-top:clamp(38px,5vw,68px)}
.intro.section{padding-top:clamp(46px,4.5vw,70px);padding-bottom:clamp(46px,4.5vw,70px)}.intro .facts{margin-top:clamp(30px,3vw,46px)}
.technology .card-copy{padding:clamp(24px,3vw,44px);margin-left:clamp(-24px,-3vw,-44px);border:1px solid rgba(255,255,255,.42);border-radius:3px;background:linear-gradient(135deg,rgba(248,246,239,.74),rgba(248,246,239,.45));backdrop-filter:blur(13px) saturate(110%);-webkit-backdrop-filter:blur(13px) saturate(110%);box-shadow:0 14px 34px rgba(30,33,29,.13)}.technology .card-copy h2{margin-bottom:20px}.technology .card-copy .detail{margin-top:24px}
.technology .card-copy{background:linear-gradient(135deg,rgba(248,246,239,.56),rgba(248,246,239,.28));border-color:rgba(255,255,255,.34)}
.technology .card-copy h2{margin-bottom:20px}.technology .card-copy>p:not(.eyebrow),.technology .card-copy .detail{color:#1e211d}.technology .card-copy .detail{margin-top:24px}
.facts{grid-template-columns:repeat(3,1fr);margin-top:clamp(55px,7vw,95px)}.facts div{padding:23px 20px 24px;border-right:1px solid var(--line)}.facts div:last-child{border-right:0}.facts b{font-size:16px}.facts span{max-width:26ch;line-height:1.45}
.visual-section{padding:0;background:#f6f3ed}.editorial-card{width:100%;height:min(58vw,880px)}.card-copy h2{text-shadow:0 3px 10px rgba(0,0,0,.22)}.card-copy>p:not(.eyebrow){text-shadow:0 2px 8px rgba(0,0,0,.18)}
.network{padding-top:clamp(52px,5vw,78px);padding-bottom:clamp(52px,5vw,78px)}.network-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(54px,8vw,140px);align-items:center}.network-grid h2{position:static;font-size:clamp(68px,7.6vw,122px);max-width:8.6ch;margin:0;letter-spacing:-.065em;line-height:.88}.network-grid>div{padding:0;background:none;border:0;display:block}.network .lead{font-size:clamp(24px,2vw,33px);line-height:1.23;max-width:23ch;margin:0}.network-note{font-size:16px;line-height:1.5;color:#b8c2b8;max-width:39ch;margin:20px 0 0}.network-points{list-style:none;display:grid!important;grid-template-columns:repeat(3,1fr);gap:clamp(22px,4vw,70px);padding:0;margin:clamp(34px,3.5vw,50px) 0 0!important;border-top:1px solid rgba(255,255,255,.32)}.network-points li{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;gap:0 12px;padding:16px 0;border-bottom:0!important}.network-points li span{grid-row:1/3}.network-points li b{font-size:18px}.network-points li small{font-size:14px;line-height:1.45;color:#c9cec7;margin-top:8px}
@media(max-width:700px){.nav{background:rgba(246,244,238,.42);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}.intro.section{padding-top:64px;padding-bottom:64px}.hero picture img{object-position:center;transform:none}.hero-copy{padding:12px;background:rgba(246,244,238,.58);backdrop-filter:blur(7px);border-radius:2px}.facts{grid-template-columns:1fr;margin-top:50px}.facts div{border-right:0;border-bottom:1px solid var(--line);padding:17px 0}.facts div:last-child{border-bottom:0}.visual-section{padding:0}.editorial-card{height:700px}.technology img,.assortment img{transform:none;object-position:center}.technology .card-copy{margin-left:0;padding:20px;background:rgba(248,246,239,.68)}.network{padding-top:88px;padding-bottom:88px}.network-grid{display:block}.network-grid h2{font-size:clamp(64px,18vw,96px);margin:0 0 46px}.network-grid>div{display:block}.network .lead{font-size:28px}.network-note{font-size:15px}.network-points{display:block!important;margin-top:46px!important}.network-points li{margin:0;border-bottom:1px solid rgba(255,255,255,.18)!important}}
@media(max-width:700px){.hero{height:auto;min-height:0;overflow:visible;background:#f6f3ed;padding-top:57px}.hero-video{height:auto;aspect-ratio:16/9;object-fit:contain;background:#151815}.hero-copy{position:absolute;z-index:2;left:20px;right:auto;top:calc(57px + 18px);transform:none;max-width:185px;margin:0;padding:0;background:none;backdrop-filter:none;border-radius:0}.hero-copy p{margin-bottom:10px;font-size:8px;text-shadow:0 1px 5px rgba(255,255,255,.8)}.hero-copy h1{font-size:clamp(40px,11.5vw,60px);line-height:.9;text-shadow:1px 2px 0 rgba(255,255,255,.55)}.hero-copy span{display:none}.scroll-mark{display:none}}
@media(max-width:700px){.hero-copy{left:14px;top:calc(57px + 2px);max-width:190px;margin:0;padding:12px 16px 15px;background:radial-gradient(ellipse at 35% 50%,rgba(246,244,237,.25) 0%,rgba(246,244,237,.11) 52%,rgba(246,244,237,0) 80%);backdrop-filter:blur(9px) saturate(105%);-webkit-backdrop-filter:blur(9px) saturate(105%)}.hero-copy h1{font-size:clamp(34px,9.5vw,50px);line-height:.9;color:#1f4d3e;text-shadow:none}}
@media(max-width:700px){.nav{height:57px;background:#fff;border-bottom-color:rgba(31,77,62,.12);backdrop-filter:none;-webkit-backdrop-filter:none}.brand{gap:8px;font-size:17px;line-height:1;letter-spacing:.08em}.brand img{width:14px;height:20px}.hero{padding-top:57px}.hero-copy{position:relative;left:auto;top:auto;right:auto;max-width:none;margin:0;padding:28px 22px 34px;background:#dce6dd;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid rgba(31,77,62,.08);border-bottom:1px solid rgba(31,77,62,.12)}.hero-copy h1{font-size:clamp(46px,13vw,66px);line-height:.9;color:#1f4d3e}.hero picture,.hero-image{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}}
@media(max-width:700px){.hero-copy{display:block;position:absolute;z-index:2;left:clamp(18px,6vw,32px);top:clamp(106px,17vw,145px);transform:none;max-width:clamp(185px,44vw,245px);margin:0;padding:18px 20px 20px;background:radial-gradient(ellipse at 38% 48%,rgba(246,244,237,.62) 0%,rgba(246,244,237,.38) 52%,rgba(246,244,237,.08) 85%);border:0;border-radius:18px;box-shadow:0 0 28px 12px rgba(246,244,237,.28);backdrop-filter:blur(12px) saturate(108%);-webkit-backdrop-filter:blur(12px) saturate(108%)}.hero-copy h1{font-size:clamp(38px,10.5vw,55px);line-height:.9;color:#1f4d3e}.hero-copy span{display:block;margin-top:14px;font-size:14px;line-height:1.38;font-weight:500;color:#315b4c}.hero-more{left:clamp(18px,6vw,32px);bottom:24px;padding:11px 14px 11px 17px;font-size:11px}}
@media(max-width:700px){.hero{height:100svh;min-height:0;overflow:hidden}.hero picture,.hero-image{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:center bottom}}
@media(max-width:700px){.technology picture,.technology picture img{display:block;width:100%;height:100%}.technology picture img{object-fit:cover;object-position:center;transform:none}.technology .card-copy{background:linear-gradient(135deg,rgba(248,246,239,.54),rgba(248,246,239,.30));border-color:rgba(255,255,255,.36)}.assortment picture,.assortment picture img{display:block;width:100%;height:100%}.assortment picture img{object-fit:cover;object-position:center;transform:none}}
@keyframes hero-glass-breathe{0%,100%{opacity:.22;transform:scale(.96)}50%{opacity:.76;transform:scale(1.07)}}.hero-copy{isolation:isolate}.hero-copy::before{content:"";position:absolute;z-index:-1;inset:-28px;border-radius:34px;background:radial-gradient(ellipse at 42% 48%,rgba(248,246,239,.88) 0%,rgba(248,246,239,.48) 45%,rgba(248,246,239,0) 76%);filter:blur(16px);transform-origin:center;pointer-events:none;animation:hero-glass-breathe 5.8s ease-in-out infinite}.hero-copy h1,.hero-copy span{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.hero-copy::before{animation:none}}
/* Scroll reveals remain active on phones too; removing .visible resets the motion. */
.reveal{opacity:0!important;transform:translateY(34px)!important;transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)!important}.reveal.visible{opacity:1!important;transform:translateY(0)!important}.reveal.visible h2,.reveal.visible .eyebrow,.reveal.visible .lead{animation:copy-arrive .8s cubic-bezier(.16,1,.3,1) both}@keyframes copy-arrive{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal,.reveal.visible{opacity:1!important;transform:none!important;transition:none!important}.reveal.visible h2,.reveal.visible .eyebrow,.reveal.visible .lead{animation:none}}