/* Vaubren product pages v2 (2026-10-19). Scoped to body.pv. */
.pv{--pv-ink:#0a0b0b;--pv-paper:#f2f2ee;--pv-white:#fafaf8;--pv-muted:#666b68;--pv-mutedd:#9a9f9c;--pv-line:rgba(10,11,11,.13);--pv-lined:rgba(250,250,248,.14);--pv-g:clamp(20px,4.4vw,72px);--pv-ease:cubic-bezier(.2,.7,.1,1);background:var(--pv-paper);color:var(--pv-ink)}
.pv main{font-family:InterTight,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.55}
.pv main p,.pv main h1,.pv main h2,.pv main h3,.pv main ul,.pv main ol,.pv main dl,.pv main figure{margin:0}
.pv main img,.pv main video{display:block;max-width:100%}
.pv-wrap{padding-left:var(--pv-g);padding-right:var(--pv-g)}
.pv-eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pv-muted)}
.pv-dark .pv-eyebrow,.pv-hero .pv-eyebrow{color:var(--pv-mutedd)}
.pv-hero.pv-light .pv-eyebrow{color:var(--pv-muted)}
.pv-btn{display:inline-flex;align-items:center;height:48px;padding:0 24px;font-size:15px;font-weight:500;border:1px solid currentColor;transition:background .3s,color .3s,border-color .3s;color:inherit}
.pv-btn-solid{background:var(--pv-white);color:var(--pv-ink);border-color:var(--pv-white)}.pv-btn-solid:hover{background:transparent;color:var(--pv-white)}
.pv-btn-ghost:hover{background:var(--pv-white);color:var(--pv-ink);border-color:var(--pv-white)}
.pv-btn-ink{background:var(--pv-ink);color:var(--pv-white);border-color:var(--pv-ink)}.pv-btn-ink:hover{background:transparent;color:var(--pv-ink)}
.pv-light .pv-btn-ghost:hover{background:var(--pv-ink);color:var(--pv-white);border-color:var(--pv-ink)}

/* header over the hero */
body.pv-hero-light.immersive-page>.header:not(.is-scrolled){color:#111}
body.pv-hero-light.immersive-page>.header:not(.is-scrolled) .brand img{filter:none}

/* hero */
.pv-hero{position:relative;height:100svh;min-height:640px;max-height:1200px;overflow:hidden;background:#050606;color:var(--pv-white);isolation:isolate}
.pv-hero-media{position:absolute;inset:0;z-index:-2}
.pv-hero-media img,.pv-hero-media video{width:100%;height:100%;object-fit:cover}
.pv-hero-media.pv-drift img{animation:pv-drift 26s var(--pv-ease) both}
@keyframes pv-drift{from{transform:scale(1.08)}to{transform:scale(1)}}
.pv-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,6,6,.55) 0%,rgba(5,6,6,0) 22%,rgba(5,6,6,0) 45%,rgba(5,6,6,.82) 100%)}
.pv-hero.pv-dim::after{background:linear-gradient(180deg,rgba(5,6,6,.7) 0%,rgba(5,6,6,.45) 40%,rgba(5,6,6,.92) 100%)}
.pv-hero.pv-shade::after{background:linear-gradient(180deg,rgba(5,6,6,.5) 0%,rgba(5,6,6,0) 20%,rgba(5,6,6,.18) 40%,rgba(5,6,6,.72) 62%,rgba(5,6,6,.92) 100%)}
.pv-hero.pv-light{background:#d8d8d4;color:var(--pv-ink)}
.pv-hero.pv-light::after{background:linear-gradient(180deg,rgba(242,242,238,.35) 0%,rgba(242,242,238,0) 25%,rgba(242,242,238,0) 55%,rgba(242,242,238,.55) 100%)}
.pv-hero-copy{position:absolute;left:0;right:0;bottom:0;padding-bottom:clamp(28px,5vh,60px)}
.pv-hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(18px,3vh,34px)}
.pv-hero-side{max-width:440px}
.pv-hero-side p{font-size:clamp(19px,1.55vw,23px);line-height:1.35;letter-spacing:-.01em}
.pv-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.pv main .pv-name{font-size:var(--pv-hsize,15vw);font-weight:600;letter-spacing:-.06em;line-height:.8;white-space:nowrap;margin-left:-.045em;text-transform:uppercase}
.pv-name span{display:inline-block}
.pv-note{position:absolute;right:var(--pv-g);top:calc(var(--header,82px) + 22px);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,248,.55)}
.pv-light .pv-note{color:rgba(10,11,11,.5)}
.pv-light .pv-hero-top{flex-direction:column;align-items:flex-start;gap:18px}
.pv-light .pv-btn-solid{background:var(--pv-ink);color:var(--pv-white);border-color:var(--pv-ink)}.pv-light .pv-btn-solid:hover{background:transparent;color:var(--pv-ink)}
.pv-light .pv-hero-media img{object-position:62% 50%}
.pv-hero .pv-in{animation:pv-up 1.2s var(--pv-ease) both}.pv-hero .pv-d1{animation-delay:.15s}.pv-hero .pv-d2{animation-delay:.35s}
@keyframes pv-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

/* product nav */
.pv-nav{position:sticky;top:var(--header,82px);z-index:30;background:rgba(242,242,238,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--pv-line);display:flex;align-items:center;gap:28px;height:58px;font-size:14px;transition:top .5s cubic-bezier(.22,.68,0,1)}
body.header-hidden .pv-nav{top:0}
.pv-nav strong{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin-right:auto}
.pv-nav a{color:var(--pv-muted);transition:color .2s;position:relative;padding:19px 0}
.pv-nav a.pv-on,.pv-nav a:hover{color:var(--pv-ink)}
.pv-nav a.pv-on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pv-ink)}
.pv-nav .pv-btn{height:36px;padding:0 16px;font-size:13px;color:var(--pv-ink)}

/* sections */
.pv-sec{padding-top:clamp(88px,11vw,168px);padding-bottom:clamp(88px,11vw,168px)}
.pv-tight{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px)}
.pv-flush{padding-top:0}
.pv-dark{background:var(--pv-ink);color:var(--pv-white)}
.pv-white{background:var(--pv-white)}
.pv-grid2,.pv-head{display:grid;grid-template-columns:minmax(180px,1fr) 2.2fr;gap:40px}
.pv-head{margin-bottom:clamp(48px,6vw,88px)}
.pv main .pv-statement{font-size:clamp(28px,3.25vw,50px);line-height:1.12;letter-spacing:-.03em;font-weight:450}
.pv main .pv-statement+p{margin-top:32px;max-width:640px;color:var(--pv-muted);font-size:clamp(17px,1.3vw,19px)}
.pv main .pv-dark .pv-statement+p,.pv-dark .pv-statement+p{color:var(--pv-mutedd)}
.pv main h2{font-size:clamp(40px,5vw,80px);font-weight:500;letter-spacing:-.045em;line-height:.98}
.pv-head .pv-lead{margin-top:22px;max-width:560px;color:var(--pv-muted);font-size:18px}
.pv-dark .pv-head .pv-lead{color:var(--pv-mutedd)}

/* highlight points */
.pv-points{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--pv-line)}
.pv-points div{padding:28px 24px 0 0;border-right:1px solid var(--pv-line)}
.pv-points div+div{padding-left:24px}
.pv-points div:last-child{border-right:0}
.pv-points b{display:block;font-size:clamp(26px,2.6vw,42px);font-weight:500;letter-spacing:-.035em;line-height:1.02}
.pv-points span{display:block;margin-top:14px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--pv-muted)}

/* media */
.pv-bleed{position:relative;overflow:hidden}
.pv-bleed img{width:100%;height:auto}
.pv-cover{height:min(92svh,980px)}
.pv-cover img{height:100%;object-fit:cover}
.pv main .pv-caption{font-size:12px;letter-spacing:.06em;color:var(--pv-muted);margin-top:14px}
.pv-dark .pv-caption{color:var(--pv-mutedd)}
.pv-studio{background:#fff}
.pv-studio .pv-caption{padding-top:14px;padding-bottom:28px;margin-top:0}
.pv-overlay{position:absolute;inset:auto 0 0 0;padding-bottom:clamp(40px,6vw,88px);padding-top:180px;color:var(--pv-white);background:linear-gradient(180deg,rgba(5,6,6,0),rgba(5,6,6,.78))}
.pv main .pv-overlay h2{max-width:900px;margin-top:18px}
.pv main .pv-overlay p:last-child{max-width:520px;margin-top:22px;font-size:18px;color:rgba(250,250,248,.8)}

/* capabilities */
.pv-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.pv-caps article{border-top:1px solid var(--pv-line);padding:28px 0 56px}
.pv-dark .pv-caps article{border-color:var(--pv-lined)}
.pv main .pv-caps h3{font-size:clamp(21px,1.7vw,26px);font-weight:500;letter-spacing:-.02em;margin-bottom:12px;line-height:1.15}
.pv-caps p{color:var(--pv-muted);max-width:380px}
.pv-dark .pv-caps p{color:var(--pv-mutedd)}
.pv-caps.pv-four{grid-template-columns:repeat(4,1fr)}

/* operation loop */
.pv main .pv-loop{display:grid;grid-template-columns:repeat(6,1fr);position:relative;padding:0;list-style:none}
.pv-loop::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--pv-lined)}
.pv-loop li{position:relative;padding:40px 24px 0 0}
.pv-loop li::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:var(--pv-ink);border:1px solid rgba(250,250,248,.5)}
.pv-loop.pv-go li::before{animation:pv-pulse 6s infinite}
.pv-loop li:nth-child(2)::before{animation-delay:1s}.pv-loop li:nth-child(3)::before{animation-delay:2s}.pv-loop li:nth-child(4)::before{animation-delay:3s}.pv-loop li:nth-child(5)::before{animation-delay:4s}.pv-loop li:nth-child(6)::before{animation-delay:5s}
@keyframes pv-pulse{0%,14%{background:var(--pv-white);border-color:var(--pv-white);box-shadow:0 0 0 6px rgba(250,250,248,.12)}20%,100%{background:var(--pv-ink);border-color:rgba(250,250,248,.5);box-shadow:none}}
.pv main .pv-loop h3{font-size:22px;font-weight:500;letter-spacing:-.02em;margin-bottom:10px}
.pv-loop p{font-size:15px;color:var(--pv-mutedd);max-width:220px}
.pv main .pv-loop.pv-four{grid-template-columns:repeat(4,1fr)}
.pv-loop.pv-on-light::before{background:var(--pv-line)}
.pv-loop.pv-on-light li::before{background:var(--pv-paper);border-color:var(--pv-ink)}
.pv-loop.pv-on-light p{color:var(--pv-muted)}
.pv-loop.pv-on-light.pv-go li::before{animation-name:pv-pulse-light}
@keyframes pv-pulse-light{0%,14%{background:var(--pv-ink)}20%,100%{background:var(--pv-paper)}}

/* split */
.pv-split{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(40px,6vw,104px);align-items:center}
.pv-split.pv-rev{grid-template-columns:1fr 1.25fr}.pv-split.pv-rev>figure{order:2}
.pv main .pv-split h2{margin:18px 0 26px}
.pv-split p{color:var(--pv-muted);max-width:480px}
.pv-dark .pv-split p{color:var(--pv-mutedd)}
.pv main .pv-ticks{margin-top:30px;padding:0;list-style:none;border-top:1px solid var(--pv-line);max-width:480px}
.pv-ticks li{padding:14px 0;border-bottom:1px solid var(--pv-line);font-size:15px;display:flex;justify-content:space-between}
.pv-ticks li::after{content:"";width:7px;height:7px;background:currentColor;align-self:center;opacity:.8}
.pv-dark .pv-ticks,.pv-dark .pv-ticks li{border-color:var(--pv-lined)}

/* installations gallery */
.pv-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pv-gallery figure{background:#e7e7e3;overflow:hidden}
.pv-gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1.1s var(--pv-ease)}
.pv-gallery figure:hover img{transform:scale(1.03)}
.pv-gallery figcaption{background:var(--pv-white);padding:16px 18px;font-size:15px;font-weight:500;letter-spacing:-.01em;margin:0;color:var(--pv-ink);max-width:none}

/* key data */
.pv main .pv-kd{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;border-top:1px solid var(--pv-line)}
.pv-kd div{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--pv-line);font-size:16px}
.pv-kd dt{color:var(--pv-muted)}.pv-kd dd{margin:0;font-weight:500}
.pv main .pv-kd-note{margin-top:24px;font-size:13px;color:var(--pv-muted)}

/* pillars and screens */
.pv-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pv-pillars article{border-top:1px solid var(--pv-lined);padding-top:26px}
.pv main .pv-pillars h3{font-size:clamp(48px,5.4vw,88px);font-weight:500;letter-spacing:-.05em;line-height:.95;margin-bottom:22px}
.pv-pillars p{color:var(--pv-mutedd);max-width:360px}
.pv-screen{border:1px solid var(--pv-lined);background:#000;padding:10px;box-shadow:0 40px 120px rgba(0,0,0,.45)}
.pv-screen img{width:100%}
.pv-screen-gap{margin-top:clamp(64px,8vw,120px)}
.pv-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}

/* ecosystem */
.pv-eco{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pv-eco a{display:block;position:relative;overflow:hidden;background:var(--pv-ink);color:var(--pv-white);aspect-ratio:4/3}
.pv-eco img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform 1.1s var(--pv-ease),opacity .5s}
.pv-eco a:hover img{transform:scale(1.04);opacity:.95}
.pv-eco .pv-lab{position:absolute;inset:auto 0 0 0;padding:26px 28px;background:linear-gradient(180deg,rgba(5,6,6,0),rgba(5,6,6,.8));display:flex;flex-direction:column;gap:6px}
.pv main .pv-eco h3{font-size:clamp(28px,2.6vw,40px);font-weight:500;letter-spacing:-.04em;text-transform:uppercase}
.pv-eco span{font-size:14px;color:rgba(250,250,248,.75)}

/* closing */
.pv-cta{display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap}
.pv main .pv-cta h2{max-width:900px;margin-top:20px}
.pv main .pv-cta p:last-child{margin-top:20px;color:var(--pv-mutedd);font-size:18px}


/* annotated studio image (pin positions set by product.js) */
.pv-anno{position:relative;background:#0b0c0c;overflow:hidden}
.pv-anno img{width:100%;height:auto}
.pv main .pv-pin{position:absolute;display:flex;align-items:center;transform:translate(-5px,-5px);color:var(--pv-white);margin:0}
.pv-pin i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--pv-white);box-shadow:0 0 0 7px rgba(250,250,248,.16)}
.pv-pin b{flex:none;width:clamp(28px,4vw,64px);height:1px;background:rgba(250,250,248,.6);margin-left:8px}
.pv-pin span{padding-left:12px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pv main .pv-pin.pv-pin-l{flex-direction:row-reverse;transform:translate(calc(-100% + 5px),-5px)}
.pv-pin.pv-pin-l b{margin:0 8px 0 0}.pv-pin.pv-pin-l span{padding:0 12px 0 0}

/* base and mode cards */
.pv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pv-cards.pv-two{grid-template-columns:1fr 1fr;gap:40px 24px}
.pv-cards figure{overflow:hidden;background:#111}
.pv-cards img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1.1s var(--pv-ease)}
.pv-cards.pv-two img{aspect-ratio:16/10}
.pv-cards article:hover img{transform:scale(1.03)}
.pv main .pv-cards h3{font-size:clamp(22px,1.9vw,30px);font-weight:500;letter-spacing:-.025em;margin:22px 0 10px}
.pv-cards p{color:var(--pv-muted);max-width:440px}

.pv main .pv-studio-cap{padding-top:14px;padding-bottom:28px;margin-top:0}

/* reveal */
.pv-js .pv [data-r]{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--pv-ease),transform 1.1s var(--pv-ease)}
.pv-js .pv [data-r].pv-shown{opacity:1;transform:none}

@media (max-width:1000px){
 .pv-hero-top{flex-direction:column;align-items:flex-start;gap:16px}
 .pv-grid2,.pv-head{grid-template-columns:1fr;gap:18px}
 .pv-points{grid-template-columns:1fr 1fr}
 .pv-points div{padding:24px 16px 28px 0!important;border-right:0;border-bottom:1px solid var(--pv-line)}
 .pv-points div:nth-child(even){padding-left:16px!important;border-left:1px solid var(--pv-line)}
 .pv-caps,.pv-caps.pv-four{grid-template-columns:1fr 1fr}
 .pv main .pv-loop,.pv main .pv-loop.pv-four{grid-template-columns:1fr 1fr 1fr;row-gap:40px}
 .pv-split,.pv-split.pv-rev{grid-template-columns:1fr}.pv-split.pv-rev>figure{order:0}
 .pv main .pv-kd{grid-template-columns:1fr}
 .pv-pillars{grid-template-columns:1fr;gap:28px}
 .pv-gallery{grid-template-columns:1fr 1fr}
 .pv-eco{grid-template-columns:1fr}.pv-eco a{aspect-ratio:16/10}
 .pv-cards{grid-template-columns:1fr}
 .pv-pin span{font-size:11px}.pv-pin b{width:22px}
}
@media (max-width:620px){
 .pv-nav{gap:20px}.pv-nav a:not(.pv-btn){display:none}
 .pv-caps,.pv-caps.pv-four,.pv-duo{grid-template-columns:1fr}
 .pv main .pv-loop,.pv main .pv-loop.pv-four{grid-template-columns:1fr 1fr}
 .pv-kd div{grid-template-columns:1fr 1fr}
 .pv-note{display:none}
 .pv-cards.pv-two{grid-template-columns:1fr}
 .pv-pin span,.pv-pin b{display:none}
 .pv-hero.pv-light::after{background:linear-gradient(180deg,rgba(242,242,238,.3) 0%,rgba(242,242,238,0) 22%,rgba(242,242,238,.6) 48%,rgba(242,242,238,.94) 70%)}
 .pv-light .pv-hero-media img{object-position:70% 40%}
}
@media (prefers-reduced-motion:reduce){
 .pv *,.pv *::before,.pv *::after{animation:none!important;transition:none!important}
 .pv-js .pv [data-r]{opacity:1;transform:none}
}

/* ---------- v3: Anduril-structured product pages (body.pa) ---------- */
.pa main{background:var(--pv-ink);color:var(--pv-white)}
.pa-hero{background:#000;color:var(--pv-white);padding-top:calc(var(--header,82px) + clamp(28px,5vw,72px));padding-bottom:clamp(24px,3vw,40px)}
.pv main .pa-name{font-size:clamp(64px,9.4vw,152px);font-weight:600;letter-spacing:-.055em;line-height:.88;margin-left:-.04em}
.pa-meta{display:grid;grid-template-columns:minmax(160px,1fr) 2fr auto;gap:40px;align-items:start;margin-top:clamp(24px,3vw,44px);padding-bottom:clamp(24px,3vw,40px)}
.pv main .pa-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pv-mutedd)}
.pv main .pa-desc{font-size:13px;font-weight:600;letter-spacing:.07em;line-height:1.55;text-transform:uppercase;max-width:600px}
.pa-down{width:40px;height:40px;border:1px solid rgba(250,250,248,.35);display:inline-flex;align-items:center;justify-content:center;transition:background .3s}
.pa-down span{width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.pa-down:hover{background:rgba(250,250,248,.1)}
.pa-hero-media{overflow:hidden;aspect-ratio:16/8;background:#0b0c0c}
.pa-hero-media img,.pa-hero-media video{width:100%;height:100%;object-fit:cover}
.pa-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:clamp(32px,4vw,56px)}
.pv main .pa-head h2,.pv main .pa-qual h2,.pv main .pa-uses h2{font-size:clamp(32px,3.4vw,52px);letter-spacing:-.035em}
.pv main .pa-note{font-size:12px;letter-spacing:.06em;color:var(--pv-mutedd);max-width:360px;text-align:right}

.pa-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pa-cards-2{grid-template-columns:repeat(2,1fr)}
.pa-card{background:#efece6;color:var(--pv-ink);padding:22px 22px 18px;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%);display:flex;flex-direction:column}
.pv main .pa-card h3{font-size:clamp(18px,1.4vw,22px);font-weight:600;letter-spacing:-.01em}
.pv main .pa-card figure{margin:10px -22px 0;aspect-ratio:5/4;overflow:hidden}
.pa-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--pv-ease)}
.pa-card:hover img{transform:scale(1.03)}
.pv main .pa-card dl{margin-top:14px}
.pa-card dl div{border-top:1px solid rgba(10,11,11,.18);padding:10px 0 8px}
.pa-card dt{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6b6b66}
.pa-card dd{margin:4px 0 0;font-size:14px;font-weight:500}

.pa-tabs{display:flex;gap:30px;border-bottom:1px solid var(--pv-lined);margin:clamp(28px,3vw,44px) 0 20px;overflow-x:auto;scrollbar-width:none}
.pa-tabs::-webkit-scrollbar{display:none}
.pa-tabs button{background:none;border:0;color:var(--pv-mutedd);font:inherit;font-size:13px;padding:14px 0;position:relative;white-space:nowrap;cursor:pointer;transition:color .2s}
.pa-tabs button:hover,.pa-tabs button[aria-selected=true]{color:var(--pv-white)}
.pa-tabs button[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pv-white)}
.pa-panel{display:grid;grid-template-columns:1fr 1.15fr;background:#efece6;color:var(--pv-ink);min-height:clamp(380px,34vw,540px)}
.pa-panel+.pa-panel{margin-top:20px}
.pa-panel[hidden]{display:none}
.pa-panel-copy{padding:clamp(24px,3vw,44px);display:flex;flex-direction:column}
.pv main .pa-count{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6b6b66}
.pv main .pa-panel h3{margin-top:18px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pv main .pa-panel-copy p:not([class]){margin-top:14px;font-size:clamp(20px,1.8vw,28px);line-height:1.25;letter-spacing:-.02em;max-width:520px}
.pv main .pa-big{margin-top:auto;padding-top:24px;font-size:clamp(90px,10vw,160px);font-weight:500;letter-spacing:-.06em;line-height:.8}
.pv main .pa-panel figure{overflow:hidden;background:#d9d6cf}
.pa-panel img{width:100%;height:100%;object-fit:cover;animation:pa-fade .8s var(--pv-ease) both}
@keyframes pa-fade{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}

.pa-use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--pv-lined);border:1px solid var(--pv-lined);margin-top:clamp(28px,3vw,44px)}
.pa-cols-3{grid-template-columns:repeat(3,1fr)}
.pa-use{background:var(--pv-ink);padding:22px 22px 28px}
.pv main .pa-use h3{font-size:clamp(20px,1.6vw,26px);font-weight:500;letter-spacing:-.02em}
.pv main .pa-use figure{margin-top:18px;aspect-ratio:16/10;overflow:hidden}
.pa-use img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--pv-ease)}
.pa-use:hover img{transform:scale(1.03)}
.pv main .pa-use p{margin-top:16px;color:var(--pv-mutedd);max-width:520px}

.pa-tag{padding-top:clamp(80px,9vw,140px);padding-bottom:clamp(48px,6vw,88px)}
.pv main .pa-tagline{font-size:clamp(44px,6vw,96px);font-weight:500;letter-spacing:-.05em;line-height:.95;margin-bottom:clamp(28px,3vw,48px)}
.pa-tag-media{overflow:hidden;aspect-ratio:21/9;background:#0b0c0c}
.pa-tag-media img{width:100%;height:100%;object-fit:cover}

.pa-eco{background:var(--pv-paper);color:var(--pv-ink)}
.pa-eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pa-eco-grid a{display:block;position:relative;overflow:hidden;background:#0b0c0c;color:#fff;aspect-ratio:3/4}
.pa-eco-grid img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform 1.1s var(--pv-ease),opacity .5s}
.pa-eco-grid a:hover img{transform:scale(1.04);opacity:1}
.pa-eco-grid .pv-lab{position:absolute;inset:auto 0 0 0;padding:20px 22px;background:linear-gradient(180deg,rgba(5,6,6,0),rgba(5,6,6,.82));display:flex;flex-direction:column;gap:6px}
.pv main .pa-eco-grid h3{font-size:clamp(22px,1.8vw,30px);font-weight:500;letter-spacing:-.03em;text-transform:uppercase}
.pa-eco-grid span{font-size:13px;color:rgba(250,250,248,.82)}

@media (max-width:1000px){
 .pa-meta{grid-template-columns:1fr;gap:14px}.pa-down{display:none}
 .pa-cards,.pa-cards-2{grid-template-columns:1fr 1fr}
 .pa-panel{grid-template-columns:1fr}.pv main .pa-panel figure{aspect-ratio:16/10;order:-1}
 .pa-cols-3{grid-template-columns:1fr}
 .pa-eco-grid{grid-template-columns:1fr 1fr}
 .pa-head{flex-direction:column;align-items:flex-start;gap:12px}.pv main .pa-note{text-align:left}
 .pa-hero-media{aspect-ratio:4/3}
}
@media (max-width:620px){
 .pa-cards,.pa-cards-2,.pa-use-grid{grid-template-columns:1fr}
 .pa-eco-grid a{aspect-ratio:4/5}
 .pv main .pa-big{display:none}
 .pa-tag-media{aspect-ratio:4/3}
}