/* VAV landing RF alignment — visual geometry only. UI remains code. */

/* Shared scene scale */
.production-section,.assortment-section,.services-section,.cases-section{position:relative;min-height:76svh;overflow:hidden}
.production-section,.cases-section{color:#f6f6f3;background:#0a0b0b}
.assortment-section,.services-section{background:#eef0ef}
.production-section::before,.assortment-section::before,.services-section::before,.cases-section::before,.proof-dark::before,.brief-section::before,footer::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--pa-environment,none);background-size:cover;background-position:center;opacity:0;pointer-events:none;transition:opacity 280ms var(--vav-ease-out)}
.pa-production-env::before,.pa-light-env::before,.pa-dark-env::before{opacity:1}
.production-section>* ,.assortment-section>* ,.services-section>* ,.cases-section>* ,.proof-dark>* ,.brief-section>* ,footer>*{position:relative;z-index:1}

/* Production RF-03/04 */
.production-section{padding:24px 0;background:linear-gradient(150deg,#151616 0%,#050606 100%)}
.production-panel{position:relative;min-height:74svh;height:auto;padding:46px 52px 44px;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,rgba(8,9,9,.96),rgba(18,19,19,.88));border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 80px rgba(0,0,0,.24)}
.production-panel::before{content:"";position:absolute;inset:0;background-image:var(--pa-environment,none);background-size:cover;background-position:center;opacity:.76;filter:saturate(.75) contrast(1.04);pointer-events:none}
.production-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.42) 29%,rgba(5,5,5,.12) 61%,rgba(5,5,5,.78) 100%);pointer-events:none}
.production-head,.production-body{position:relative;z-index:2}
.production-head{display:grid;grid-template-columns:minmax(0,1.05fr) 260px auto;gap:38px;align-items:start}
.production-head h2{max-width:720px;margin:8px 0 0;font-family:"Actay Wide","Helvetica Neue",Arial,sans-serif;font-size:clamp(54px,5.4vw,92px);line-height:.86;letter-spacing:-.065em;text-transform:uppercase;color:#fff}
.production-head>p{margin:4px 0 0;font-size:11px;line-height:1.35;text-transform:uppercase;color:rgba(255,255,255,.68)}
.production-body{display:grid;grid-template-columns:31% 69%;gap:34px;min-height:480px;margin-top:24px;align-items:stretch}
.flow-menu{align-self:center;display:grid;gap:5px}
.flow-item{position:relative;min-height:52px;padding:0 18px;border:0;background:transparent;color:rgba(255,255,255,.48);text-align:left;border-radius:999px;overflow:hidden;cursor:pointer}
.flow-item::before{content:"";position:absolute;left:0;top:50%;width:10px;height:10px;border:1px solid rgba(255,255,255,.65);border-radius:50%;transform:translateY(-50%)}
.flow-item.is-active{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.38),0 10px 28px rgba(0,0,0,.2)}
.flow-item.is-active::before{left:14px;background:#fff;border-color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.12)}
.flow-item.is-active .flow-static{padding-left:18px}
.flow-static{position:relative;z-index:2;display:grid;grid-template-columns:34px 1fr;align-items:center;width:100%;height:100%;font-size:12px;text-transform:uppercase;transition:padding 180ms var(--vav-ease-out)}
.flow-number{font-size:9px;opacity:.62}.flow-title{font-weight:560}
.production-feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;min-height:470px;border-left:1px solid rgba(255,255,255,.11)}
.production-visual{position:relative;min-height:100%;background-position:center;background-size:contain;background-repeat:no-repeat;transition:opacity 220ms var(--vav-ease-out)}
.production-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 42%,rgba(0,0,0,.38) 100%);pointer-events:none}
.production-copy{align-self:center;padding:28px 0 28px 22px;border-left:1px solid rgba(255,255,255,.14);color:#fff}
.production-copy>span{font-size:10px}.production-copy h3{margin:14px 0 12px;font-size:29px;line-height:.96;text-transform:uppercase}.production-copy p{margin:0 0 28px;font-size:13px;line-height:1.35;color:rgba(255,255,255,.76)}
.production-specs{display:grid;gap:14px;margin:0}.production-specs>div{display:grid;grid-template-columns:70px 1fr;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}.production-specs dt{font-size:8px;text-transform:uppercase;color:rgba(255,255,255,.45)}.production-specs dd{margin:0;font-size:10px;color:#fff}

/* Assortment RF-05/06 — wheel is UI, product stays floating */
.assortment-section{width:100%;max-width:none;padding:54px max(24px,calc((100vw - var(--vav-max))/2)) 48px;background:linear-gradient(145deg,#f6f7f5,#dfe4e4)}
.assortment-section>.section-head{position:absolute;z-index:8;left:max(24px,calc((100vw - var(--vav-max))/2));top:62px;width:300px;display:block;margin:0;pointer-events:none}
.assortment-section>.section-head .eyebrow{margin-bottom:10px}.assortment-section>.section-head h2{font-size:12px;line-height:1.05;letter-spacing:.06em;text-transform:uppercase}.assortment-section>.section-head>p:last-child{display:none}
.assortment-browser{position:relative;z-index:2;height:72svh;min-height:640px;display:grid;grid-template-columns:28% 72%;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.wheel-panel{z-index:7;align-self:center;height:58%;padding:32px 0 24px 10px;border:0;overflow:visible;background:transparent}
.wheel-meta{height:54px}.wheel-hint{display:none}.wheel-path{font-size:10px;color:rgba(9,9,9,.55)}
.option-wheel{height:calc(100% - 54px);overflow:visible}
.option-wheel-item{left:0;width:100%;font-size:clamp(28px,3.35vw,54px);line-height:.9;color:rgba(9,9,9,.27)}
.option-wheel-item.is-selected{color:#0b0b0b;font-size:clamp(38px,4.25vw,68px)}
.assortment-preview{position:relative;display:block;overflow:visible;background:transparent;min-width:0}
.preview-placeholder{position:absolute;inset:0;margin:0;display:block;border:0;background:transparent;border-radius:0;color:transparent;overflow:visible}
.preview-placeholder>span,.preview-placeholder>strong,.preview-placeholder>small{display:none}
.pa-assortment-product{position:absolute;z-index:3;left:49%;top:50%;width:min(53vw,780px);height:82%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 28px 36px rgba(0,0,0,.16));pointer-events:none}
.assortment-browser::before,.assortment-browser::after{content:"";position:absolute;z-index:1;inset:-8% -5%;background-image:var(--pa-assortment-back,none);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;pointer-events:none}.assortment-browser::after{z-index:4;background-image:var(--pa-assortment-front,none)}
.pa-assortment-back-ready::before,.pa-assortment-front-ready::after{opacity:1}
.preview-copy{position:absolute;z-index:7;right:1.5%;top:50%;width:245px;display:block;padding:0;transform:translateY(-50%)}
.preview-copy .eyebrow{display:none}.preview-copy h3{display:none}.preview-copy>p:not(.eyebrow){margin:0 0 24px;font-size:14px;line-height:1.35;color:rgba(9,9,9,.62)}.preview-open{min-height:48px;padding-inline:20px;background:rgba(255,255,255,.78);color:#111;border-color:rgba(255,255,255,.9);box-shadow:0 14px 28px rgba(0,0,0,.08),inset 0 1px #fff}

/* Services RF-09/10 */
.services-section{width:100%;max-width:none;padding:56px max(24px,calc((100vw - var(--vav-max))/2)) 40px;background:linear-gradient(145deg,#f5f6f4,#e2e5e4)}
.services-section>.section-head{position:relative;z-index:4;display:grid;grid-template-columns:120px 360px minmax(0,1fr);gap:32px;margin-bottom:18px}.services-section>.section-head h2{font-size:clamp(48px,5.6vw,86px);line-height:.85}.services-section>.section-head>p:last-child{max-width:330px;justify-self:end}
.services-stage{position:relative;z-index:2;min-height:62svh;display:grid;grid-template-columns:31% 69%;gap:0;overflow:visible}
.services-stage::after{content:"";position:absolute;z-index:4;inset:-12% -6%;background-image:var(--pa-services-glass,none);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;pointer-events:none}.pa-services-glass-ready::after{opacity:1}
.services-list{position:relative;z-index:6;align-self:center;display:grid;gap:0;border-left:1px solid rgba(9,9,9,.15)}
.services-list article{position:relative;padding:14px 14px 14px 28px;opacity:.32;transition:opacity 180ms ease,transform 260ms var(--vav-ease-out);cursor:pointer;outline:0}.services-list article::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:2px;background:#111;transform:scaleY(0);transform-origin:center;transition:transform 220ms var(--vav-ease-out)}.services-list article.is-active{opacity:1;transform:translateX(8px)}.services-list article.is-active::before{transform:scaleY(1)}.services-list article span{font-size:9px}.services-list article h3{margin:3px 0;font-size:22px;line-height:1}.services-list article p{display:none}
.services-media{position:relative;z-index:2;margin:0;min-height:100%;overflow:visible}.services-media img{position:absolute;left:50%;top:50%;width:min(66vw,960px);height:90%;max-width:none;object-fit:contain;transform:translate(-48%,-50%);filter:drop-shadow(0 28px 40px rgba(0,0,0,.14))}

/* Client logos */
.clients-section{position:relative;z-index:3;padding:30px 0;background:rgba(243,244,242,.96);border-top:1px solid rgba(9,9,9,.09);border-bottom:1px solid rgba(9,9,9,.1)}
.clients-row{display:grid;grid-template-columns:1.1fr repeat(6,1fr);align-items:center;gap:32px}.clients-row>span{font-size:11px;font-weight:650}.clients-row strong{font-family:inherit;font-size:18px;letter-spacing:-.04em;text-align:center;color:#555;filter:grayscale(1)}

/* Cases RF-13/14 — scroll stack */
.cases-section{padding:54px 0 0;background:#080909;overflow:clip}
.cases-section>.shell{position:relative}.cases-section .section-head{position:relative;z-index:3;grid-template-columns:115px 1fr 210px;margin-bottom:30px;color:#fff}.cases-section .section-head h2{font-size:clamp(50px,5.5vw,84px);line-height:.86;color:#fff}.cases-section .section-head>p:last-child{color:rgba(255,255,255,.62)}
.cases-stack{position:relative;z-index:2;display:grid;gap:22px;padding-bottom:74px}
.cases-stack::after{content:"";position:absolute;z-index:20;inset:-4% -4% 0;background-image:var(--pa-cases-glass,none);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;pointer-events:none}.pa-cases-glass-ready::after{opacity:1}
.case-card{position:sticky;top:88px;min-height:66svh;height:min(720px,70svh);border-radius:34px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.2);background:#161717;box-shadow:0 28px 64px rgba(0,0,0,.33);transform:translateZ(0)}
.case-card:nth-child(2){top:101px}.case-card:nth-child(3){top:114px}.case-card:nth-child(4){top:127px}
.case-card img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.case-card::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.76) 0%,rgba(3,3,3,.18) 48%,rgba(3,3,3,.06) 100%)}
.case-copy{position:absolute;z-index:5;left:42px;top:36px;bottom:40px;width:min(310px,30%);display:flex;flex-direction:column;align-items:flex-start;color:#fff}.case-copy .eyebrow{margin-bottom:auto}.case-copy h3{margin:0 0 14px;font-family:"Actay Wide","Helvetica Neue",Arial,sans-serif;font-size:clamp(42px,4.7vw,76px);line-height:.86;letter-spacing:-.065em}.case-copy>p:not(.eyebrow){margin:0 0 22px;font-size:13px;line-height:1.35;color:rgba(255,255,255,.74)}.case-copy .button{background:#fff;color:#111;border-color:#fff}
.case-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#191a1a,#060707)}

/* Facts / brief / contacts share PA-042, with different crop handled by background-position */
.proof-dark{position:relative;z-index:2;width:100%;max-width:none;padding:28px max(24px,calc((100vw - var(--vav-max))/2));display:grid;grid-template-columns:repeat(4,1fr);background:#0a0b0b;color:#fff;border:0;overflow:hidden}
.proof-dark::before{background-position:center 34%}.proof-dark article{min-height:112px;border-right:1px solid rgba(255,255,255,.15);padding:22px 28px}.proof-dark article:last-child{border-right:0}.proof-dark strong{color:#fff;font-size:clamp(38px,3.7vw,60px)}.proof-dark span{color:rgba(255,255,255,.55)}
.brief-section{position:relative;overflow:hidden;padding:78px 0 88px;background:#0c0d0d;color:#fff}.brief-section::before{background-position:center 58%;opacity:.75}.brief-grid{display:grid;grid-template-columns:35% 65%;gap:50px;align-items:center}.brief-copy{align-self:center}.brief-copy h2{margin:22px 0 18px;font-size:clamp(54px,5.4vw,84px);line-height:.86;color:#fff}.brief-intro{max-width:300px;color:rgba(255,255,255,.66);font-size:13px}.brief-form{padding:28px;border-radius:34px;border:1px solid rgba(255,255,255,.26);background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.13));backdrop-filter:blur(26px) saturate(1.18);-webkit-backdrop-filter:blur(26px) saturate(1.18);box-shadow:0 28px 70px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.42)}
.brief-form label>span{display:none}.brief-form input,.brief-form textarea,.brief-form select{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.23);border-radius:10px;background:rgba(255,255,255,.72);color:#171717;padding:0 14px;outline:0}.brief-form textarea{min-height:86px;padding-top:13px;resize:vertical}.brief-form>.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brief-form>label,.brief-form>.form-row{display:block;margin-bottom:10px}.brief-form>.form-row{display:grid}.brief-form .submit{width:48%;min-width:220px;float:right;background:#080808;color:#fff;border-color:rgba(255,255,255,.3)}.form-status{clear:both;padding-top:10px}
footer{position:relative;overflow:hidden;background:#080909;color:#fff;padding:62px 0 22px}footer::before{background-position:center 82%;opacity:.5}.footer-bg{display:none}.contacts-grid{display:grid;grid-template-columns:1.05fr .9fr .7fr;gap:68px;padding-bottom:46px}.contacts-grid h2{font-family:"Actay Wide","Helvetica Neue",Arial,sans-serif;font-size:clamp(50px,5vw,78px);line-height:.86;letter-spacing:-.065em;margin:18px 0;color:#fff}.contacts-grid>div:first-child>p:last-child{max-width:300px;color:rgba(255,255,255,.62);font-size:13px}.contact-list{display:grid;gap:16px}.contact-list a,.contact-list span{padding-left:42px;position:relative;font-size:10px;color:rgba(255,255,255,.5)}.contact-list strong{display:block;color:#fff;font-size:12px;font-weight:500;margin-top:2px}.contact-list a::before,.contact-list span::before{content:"";position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}.contact-cta{padding-left:30px;border-left:1px solid rgba(255,255,255,.13)}.contact-cta>p{font-size:13px}.contact-cta .button{background:#fff;color:#111;border-color:#fff}.contact-cta small{display:block;margin-top:20px;color:rgba(255,255,255,.54);font-size:9px}.footer-grid{padding-top:18px;border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.footer-logo{font-family:"Actay Wide",Arial,sans-serif;font-size:28px}.footer-grid nav{display:flex;gap:24px;font-size:10px;color:rgba(255,255,255,.66)}.footer-grid>div:last-child{display:flex;gap:20px;align-items:center;font-size:9px;color:rgba(255,255,255,.54)}

@media(max-width:900px){
  .production-section,.assortment-section,.services-section,.cases-section{min-height:auto}
  .production-section{padding:10px 0}.production-panel{width:calc(100% - 20px);min-height:790px;padding:34px 22px 28px;border-radius:28px}.production-head{display:block}.production-head h2{font-size:clamp(46px,9.4vw,76px);max-width:580px}.production-head>p{max-width:260px;margin:15px 0}.production-head .button{display:none}.production-body{grid-template-columns:38% 62%;gap:12px;min-height:540px;margin-top:24px}.flow-item{min-height:47px;padding:0 8px}.flow-static{grid-template-columns:27px 1fr;font-size:10px}.production-feature{grid-template-columns:1fr;min-height:520px;border-left:0}.production-visual{min-height:390px}.production-copy{padding:8px 6px 0 16px;border-left:0}.production-copy h3{font-size:24px}.production-specs{grid-template-columns:1fr}.production-specs>div{grid-template-columns:60px 1fr}

  .assortment-section{padding:42px 14px 30px}.assortment-section>.section-head{position:relative;left:auto;top:auto;width:auto;margin-bottom:18px}.assortment-browser{height:auto;min-height:760px;display:flex;flex-direction:column}.wheel-panel{order:1;width:100%;height:300px;padding:14px 10px 0}.assortment-preview{order:2;flex:1;min-height:440px}.preview-placeholder{inset:0}.pa-assortment-product{width:min(92vw,620px);height:80%;left:50%;top:46%}.preview-copy{right:10px;left:10px;top:auto;bottom:12px;width:auto;transform:none;display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px}.preview-copy>p:not(.eyebrow){max-width:240px;margin:0}.preview-open{align-self:end}.assortment-browser::before,.assortment-browser::after{inset:20% -24% -6%}

  .services-section{padding:44px 14px 28px}.services-section>.section-head{display:grid;grid-template-columns:70px 1fr;gap:18px}.services-section>.section-head>p:last-child{grid-column:2;justify-self:start}.services-stage{min-height:720px;display:flex;flex-direction:column}.services-list{order:1;display:flex;gap:0;overflow-x:auto;border-left:0;border-bottom:1px solid rgba(9,9,9,.14);scrollbar-width:none}.services-list::-webkit-scrollbar{display:none}.services-list article{flex:0 0 auto;padding:12px 18px;opacity:.34}.services-list article::before{left:18px;right:18px;top:auto;bottom:-1px;width:auto;height:2px;transform:scaleX(0)}.services-list article.is-active{transform:none}.services-list article.is-active::before{transform:scaleX(1)}.services-list article h3{font-size:16px;white-space:nowrap}.services-media{order:2;flex:1;min-height:560px}.services-media img{width:104%;height:92%;left:50%;top:48%;transform:translate(-50%,-50%)}.services-stage::after{inset:8% -34% -8%}

  .clients-section{padding:22px 0}.clients-row{grid-template-columns:repeat(3,1fr);gap:22px 18px}.clients-row>span{grid-column:1/-1}.clients-row strong{text-align:left;font-size:16px}

  .cases-section{padding:42px 0 0}.cases-section .section-head{grid-template-columns:70px 1fr;gap:18px}.cases-section .section-head>p:last-child{grid-column:2}.cases-stack{gap:18px;padding-bottom:54px}.case-card,.case-card:nth-child(2),.case-card:nth-child(3),.case-card:nth-child(4){top:80px;min-height:620px;height:72svh;border-radius:26px}.case-card:nth-child(2){top:90px}.case-card:nth-child(3){top:100px}.case-card:nth-child(4){top:110px}.case-copy{left:24px;top:24px;bottom:28px;width:42%}.case-copy h3{font-size:clamp(42px,8vw,66px)}.cases-stack::after{inset:-2% -20% 0}

  .proof-dark{padding:0 14px;grid-template-columns:repeat(2,1fr)}.proof-dark article{min-height:110px;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.proof-dark article:nth-child(2){border-right:0}.proof-dark strong{font-size:42px}
  .brief-section{padding:58px 0}.brief-grid{grid-template-columns:1fr;gap:30px}.brief-copy h2{font-size:58px}.brief-form{padding:20px;border-radius:26px}.brief-form .submit{float:none;width:100%}
  footer{padding-top:48px}.contacts-grid{grid-template-columns:1fr 1fr;gap:38px}.contact-cta{grid-column:2;padding-left:0;border-left:0}.footer-grid{grid-template-columns:auto 1fr}.footer-grid nav{flex-wrap:wrap}.footer-grid>div:last-child{grid-column:2}
}

@media(max-width:620px){
  .production-panel{min-height:740px;padding:26px 14px 18px}.production-head h2{font-size:43px}.production-body{grid-template-columns:42% 58%;gap:4px}.production-feature{min-height:470px}.production-visual{min-height:340px}.production-copy p{font-size:11px}.flow-title{font-size:9px}
  .assortment-browser{min-height:690px}.wheel-panel{height:270px}.option-wheel-item{font-size:30px}.option-wheel-item.is-selected{font-size:42px}.assortment-preview{min-height:400px}.preview-copy{grid-template-columns:1fr}.preview-open{justify-self:start}.pa-assortment-product{width:108vw;height:78%}
  .services-section>.section-head h2{font-size:48px}.services-stage{min-height:650px}.services-media{min-height:500px}.services-media img{width:120%}
  .clients-row{grid-template-columns:repeat(2,1fr)}
  .cases-section .section-head h2{font-size:48px}.case-card,.case-card:nth-child(2),.case-card:nth-child(3),.case-card:nth-child(4){min-height:560px;height:70svh}.case-copy{width:58%;left:20px}.case-copy h3{font-size:45px}.case-copy>p:not(.eyebrow){font-size:11px}.case-copy .button{min-height:42px;padding-inline:14px;font-size:10px}
  .proof-dark{grid-template-columns:1fr 1fr}.proof-dark strong{font-size:34px}.proof-dark span{font-size:9px}
  .brief-copy h2{font-size:50px}.brief-form>.form-row{grid-template-columns:1fr}.contacts-grid{grid-template-columns:1fr;gap:30px}.contact-cta{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid nav,.footer-grid>div:last-child{grid-column:auto}.footer-grid>div:last-child{justify-content:space-between}
}

@media(prefers-reduced-motion:reduce){.flow-item,.services-list article,.production-visual,.case-card{transition:none!important}}