:root { --about-orange:#ff6a00; --about-lime:#b9f227; --about-pink:#ff3c91; }
html { scroll-behavior:smooth; }.about-page { margin:0; color:#f3f5f2; background:#07090c; }.about-page main { overflow:hidden; }.about-page .site-nav a:last-child::after { opacity:1; transform:rotate(-1deg) scaleX(1); }
.about-hero { position:relative; min-height:760px; display:flex; align-items:flex-end; isolation:isolate; }.about-hero > img { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.05); }.about-hero__shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(2,4,7,.94),rgba(2,4,7,.22) 68%),linear-gradient(0deg,#07090c,transparent 57%),repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.035) 5px); }.about-hero__copy { width:min(1500px,100%); margin:0 auto; padding:100px clamp(18px,5vw,80px); }.about-hero__copy > p,.about-story__lead > p,.about-system > div > p,.about-journey header > p,.about-faq header > p { color:var(--about-orange); font:900 11px/1 system-ui,sans-serif; letter-spacing:.16em; }.about-hero h1 { margin:15px 0 24px; font-size:clamp(70px,10vw,160px); line-height:.77; letter-spacing:-.065em; text-shadow:7px 7px #000; }.about-hero h1 span,.about-story h2 span,.about-system h2 span,.about-journey h2 span,.about-faq h2 span { color:var(--about-lime); }.about-hero__copy > b { display:block; max-width:800px; color:#d0d5d8; font:650 16px/1.68 system-ui,sans-serif; }.about-hero__copy > a { width:max-content; min-height:50px; display:grid; place-items:center; margin-top:28px; padding:0 20px; color:#080a0d; background:var(--about-orange); text-decoration:none; font:900 11px/1 system-ui,sans-serif; letter-spacing:.09em; }
.about-story { display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,7vw,120px); width:min(1500px,100%); margin:0 auto; padding:clamp(80px,9vw,150px) clamp(18px,4vw,64px); }.about-story h2,.about-system h2,.about-journey h2,.about-faq h2 { margin:12px 0 0; font-size:clamp(54px,7vw,112px); line-height:.82; letter-spacing:-.055em; }.about-story__copy { align-self:end; }.about-story__copy p { color:#b8c0c5; font:570 16px/1.75 system-ui,sans-serif; }
.about-pillars { display:grid; grid-template-columns:repeat(4,1fr); width:min(1500px,calc(100% - 36px)); margin:0 auto 120px; border:1px solid rgba(255,255,255,.14); background:#0b0e12; }.about-pillars article { position:relative; min-height:330px; display:grid; align-content:start; padding:24px; border-right:1px solid rgba(255,255,255,.14); }.about-pillars article:last-child { border-right:0; }.about-pillars article > b { color:var(--about-orange); font-size:34px; }.about-pillars small { margin-top:22px; color:#777f85; font:900 10px/1 system-ui,sans-serif; letter-spacing:.12em; }.about-pillars h3 { margin:8px 0 12px; font-size:clamp(24px,2.2vw,36px); line-height:.9; }.about-pillars p { margin:0; color:#aab2b7; font:550 13px/1.6 system-ui,sans-serif; }.about-pillars a { align-self:end; margin-top:25px; color:var(--about-lime); font:900 10px/1 system-ui,sans-serif; letter-spacing:.08em; }
.about-system { display:grid; grid-template-columns:1.1fr .9fr; min-height:760px; border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); background:#0c1014; }.about-system figure { margin:0; overflow:hidden; }.about-system figure img { width:100%; height:100%; object-fit:cover; }.about-system > div { align-self:center; padding:clamp(42px,7vw,100px); }.about-system > div > p:not(:first-child) { color:#b3bbc0; font:600 15px/1.7 system-ui,sans-serif; }.about-system ol { display:grid; gap:1px; margin:25px 0; padding:1px; list-style:none; background:rgba(255,255,255,.14); }.about-system li { display:grid; grid-template-columns:72px 1fr; gap:14px; padding:16px; background:#0a0d11; }.about-system li b { color:var(--about-orange); font-size:13px; letter-spacing:.1em; }.about-system li span { color:#aab2b7; font:550 12px/1.55 system-ui,sans-serif; }.about-system a { width:max-content; min-height:46px; display:grid; place-items:center; padding:0 17px; color:#080a0d; background:var(--about-lime); text-decoration:none; font:900 10px/1 system-ui,sans-serif; letter-spacing:.08em; }.about-system small { display:block; margin-top:15px; color:#747c82; font:800 9px/1.5 system-ui,sans-serif; letter-spacing:.06em; }
.physical-loop{display:grid;grid-template-columns:1.08fr .92fr;min-height:760px;border-bottom:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 80% 20%,rgba(185,242,39,.12),transparent 35%),#080b0e}.physical-loop__visual{position:relative;min-height:600px;overflow:hidden}.physical-loop__visual video{width:100%;height:100%;object-fit:cover}.physical-loop__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#080b0e),linear-gradient(0deg,rgba(0,0,0,.65),transparent 40%);pointer-events:none}.physical-loop__visual>span{position:absolute;z-index:2;left:22px;bottom:22px;padding:9px 12px;color:#080a0d;background:var(--about-orange);font:950 9px/1 system-ui,sans-serif;letter-spacing:.11em}.physical-loop__copy{align-self:center;padding:clamp(42px,7vw,100px)}.physical-loop__copy>p:first-child{color:var(--about-orange);font:900 11px/1 system-ui,sans-serif;letter-spacing:.16em}.physical-loop h2{margin:12px 0 22px;font-size:clamp(54px,7vw,112px);line-height:.82;letter-spacing:-.055em}.physical-loop h2 span{color:var(--about-lime)}.physical-loop__copy>p:not(:first-child){color:#b3bbc0;font:600 15px/1.7 system-ui,sans-serif}.physical-loop__copy>div{display:grid;grid-template-columns:160px 1fr;gap:1px;margin:25px 0;background:rgba(255,255,255,.13)}.physical-loop__copy b,.physical-loop__copy i{padding:13px;background:#0a0d11}.physical-loop__copy b{color:var(--about-lime);font:900 10px/1.35 system-ui,sans-serif;letter-spacing:.07em}.physical-loop__copy i{color:#aab2b7;font:normal 600 10px/1.5 system-ui,sans-serif}.physical-loop__copy>a{width:max-content;min-height:46px;display:grid;place-items:center;padding:0 17px;color:#080a0d;background:var(--about-orange);text-decoration:none;font:900 10px/1 system-ui,sans-serif;letter-spacing:.08em}
.about-journey { width:min(1500px,100%); margin:0 auto; padding:clamp(80px,9vw,150px) clamp(18px,4vw,64px); }.about-journey > div { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:38px; }.about-journey article { min-height:235px; padding:22px; border:1px solid rgba(255,255,255,.15); background:linear-gradient(145deg,rgba(255,106,0,.09),#0b0f13 42%); }.about-journey article b { color:var(--about-orange); font-size:28px; }.about-journey h3 { margin:35px 0 10px; font-size:22px; }.about-journey article p { color:#aab2b7; font:550 13px/1.6 system-ui,sans-serif; }
.about-faq { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(34px,7vw,110px); width:min(1500px,100%); margin:0 auto; padding:clamp(80px,9vw,145px) clamp(18px,4vw,64px); border-top:1px solid rgba(255,255,255,.14); }.about-faq header { align-self:start; position:sticky; top:110px; }.about-faq details { border-top:1px solid rgba(255,255,255,.16); }.about-faq details:last-child { border-bottom:1px solid rgba(255,255,255,.16); }.about-faq summary { padding:22px 4px; color:white; cursor:pointer; font:900 16px/1.3 system-ui,sans-serif; letter-spacing:.025em; }.about-faq details[open] summary { color:var(--about-lime); }.about-faq details p { max-width:780px; margin:0; padding:0 4px 24px; color:#b7bfc4; font:550 14px/1.7 system-ui,sans-serif; }.about-faq details a { color:var(--about-orange); }.about-footer { min-height:110px; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px clamp(18px,4vw,64px); color:#858d93; border-top:1px solid rgba(255,255,255,.14); font-size:11px; }.about-footer span:first-child { display:flex; align-items:center; gap:14px; }.about-footer img { width:68px; }.about-footer a { color:var(--about-lime); }
@media (max-width:1050px) { .about-page .site-nav { display:none; }.about-page .site-menu { display:block; }.about-story,.about-system,.physical-loop,.about-faq { grid-template-columns:1fr; }.about-pillars,.about-journey > div { grid-template-columns:repeat(2,1fr); }.about-pillars article:nth-child(2) { border-right:0; }.about-pillars article:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.14); }.about-system figure { min-height:520px; }.physical-loop__visual{min-height:520px}.physical-loop__visual::after{background:linear-gradient(0deg,#080b0e,transparent 48%)}.about-faq header { position:static; } }
@media (min-width:941px) and (max-width:1050px) { .about-page .site-nav { display:flex; }.about-page .site-menu { display:none; } }
@media (max-width:680px) { .about-hero { min-height:720px; }.about-hero__copy { padding:70px 14px; }.about-hero h1 { font-size:clamp(56px,17vw,80px); }.about-hero__copy > b { font-size:14px; }.about-story { padding-inline:14px; }.about-pillars { grid-template-columns:1fr; width:calc(100% - 24px); margin-bottom:70px; }.about-pillars article,.about-pillars article:nth-child(2) { min-height:260px; border-right:0; border-bottom:1px solid rgba(255,255,255,.14); }.about-system figure { min-height:360px; }.about-system > div { padding:48px 14px; }.physical-loop__visual{min-height:360px}.physical-loop__copy{padding:48px 14px}.physical-loop__copy>div{grid-template-columns:1fr}.about-journey { padding-inline:12px; }.about-journey > div { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(255px,82vw); grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; }.about-journey article { scroll-snap-align:start; }.about-faq { padding-inline:14px; }.about-footer { display:grid; }.about-page .brand-copy small,.about-page .member-entry { display:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

@media (max-width:680px) {
  .about-hero__copy,.about-story,.about-system>div,.physical-loop__copy,.about-journey,.about-faq { padding-right:max(14px,env(safe-area-inset-right)); padding-left:max(14px,env(safe-area-inset-left)); }
  .about-footer { padding-right:max(14px,env(safe-area-inset-right)); padding-bottom:max(22px,env(safe-area-inset-bottom)); padding-left:max(14px,env(safe-area-inset-left)); line-height:1.5; }
}
@media (max-width:950px) and (max-height:600px) and (orientation:landscape) {
  .about-hero__copy,.about-story,.about-system>div,.physical-loop__copy,.about-journey,.about-faq,.spray-wayde-release__copy { padding-right:max(18px,env(safe-area-inset-right)); padding-left:max(18px,env(safe-area-inset-left)); }
  .about-footer { padding-right:max(18px,env(safe-area-inset-right)); padding-bottom:max(20px,env(safe-area-inset-bottom)); padding-left:max(18px,env(safe-area-inset-left)); }
}
@media (hover:none),(pointer:coarse) {
  .about-hero__copy>a,.spray-wayde-release__actions a,.about-faq summary { min-height:44px; touch-action:manipulation; }
}

.spray-wayde-release{display:grid;grid-template-columns:1.08fr .92fr;min-height:720px;border-bottom:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 20% 45%,rgba(0,168,255,.22),transparent 35%),linear-gradient(135deg,#0a0d11,#050709)}
.spray-wayde-release__art{position:relative;min-height:620px;display:grid;place-items:center;overflow:hidden;background:#303030}.spray-wayde-release__art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 64%,#080a0d),repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.035) 5px)}.spray-wayde-release__art img{width:100%;height:100%;object-fit:contain}.spray-wayde-release__art>span{position:absolute;z-index:2;left:22px;bottom:22px;padding:9px 12px;color:#05080b;background:#00a8ff;font:950 9px/1 system-ui,sans-serif;letter-spacing:.11em}
.spray-wayde-release__copy{align-self:center;padding:clamp(42px,7vw,100px)}.spray-wayde-release__copy>p:first-child{color:#00a8ff;font:900 11px/1 system-ui,sans-serif;letter-spacing:.16em}.spray-wayde-release h2{margin:12px 0 22px;font-size:clamp(52px,6.8vw,106px);line-height:.82;letter-spacing:-.055em}.spray-wayde-release h2 span{color:var(--about-lime)}.spray-wayde-release__copy>p:not(:first-child){color:#bdc5ca;font:600 15px/1.7 system-ui,sans-serif}.spray-wayde-release dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:25px 0;background:rgba(255,255,255,.14)}.spray-wayde-release dl div{padding:14px;background:#0a0d11}.spray-wayde-release dt{color:#758088;font:800 8px/1 system-ui,sans-serif;letter-spacing:.1em}.spray-wayde-release dd{margin:7px 0 0;color:#fff;font:900 11px/1.3 system-ui,sans-serif}
.spray-wayde-release__actions{display:flex;flex-wrap:wrap;gap:8px}.spray-wayde-release__actions a{min-height:46px;display:grid;place-items:center;padding:0 16px;color:#05080b;background:#00a8ff;text-decoration:none;font:900 10px/1 system-ui,sans-serif;letter-spacing:.08em}.spray-wayde-release__actions a+a{color:#080a0d;background:var(--about-lime)}
@media (max-width:1050px){.spray-wayde-release{grid-template-columns:1fr}.spray-wayde-release__art{min-height:520px}.spray-wayde-release__art::after{background:linear-gradient(0deg,#080b0e,transparent 52%)}}
@media (max-width:680px){.spray-wayde-release__art{min-height:360px}.spray-wayde-release__copy{padding:48px 14px}.spray-wayde-release dl{grid-template-columns:1fr}.spray-wayde-release__actions{display:grid}}
@media (max-width:680px){.spray-wayde-release__copy{padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}}

/* Production refinement: alternate immersive features with readable editorial beats. */
.about-system,.physical-loop,.spray-wayde-release{min-height:clamp(560px,70vh,640px)}
.about-story,.about-journey,.about-faq{max-width:var(--bryk-content-max);margin-inline:auto}
.about-story p,.about-journey p,.about-faq p,.about-system p,.physical-loop__copy p,.spray-wayde-release__copy>p:not(:first-child){max-width:var(--bryk-reading-width);font-size:clamp(15px,1.25vw,18px);line-height:1.7}
.about-system article,.about-faq details,.journey-stop{border-color:var(--bryk-line);box-shadow:var(--bryk-shadow-soft)}
.spray-wayde-release{box-shadow:inset 0 1px var(--bryk-line)}

@media(max-width:680px){.about-system,.physical-loop,.spray-wayde-release{min-height:0}}