/* archVi premium style pack (13 October 2026): icons, image tiles, glass cards and gradient accents.
   Loaded after corporate.css only on pages with post meta _archvi_style_pack = premium.
   .pa = Option A · Premium Dark, .pb = Option B · Premium Light. */

/* Shared icon sizing */
.archvi-corporate .px-ico{flex:none;width:24px;height:24px}
.archvi-corporate .px-ico--sm{width:18px;height:18px}
.archvi-corporate .px-ico--xs{width:14px;height:14px}
@keyframes px-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ======================= Option A · Premium Dark ======================= */
.archvi-corporate .pa{background:#070d1c;color:#b3b9cf}
.archvi-corporate .pa h1,.archvi-corporate .pa h2,.archvi-corporate .pa h3{color:#fff}
.archvi-corporate .pa-head{display:grid;gap:14px;margin-bottom:clamp(32px,4vw,56px)}
.archvi-corporate .pa-head--center{justify-items:center;text-align:center}
.archvi-corporate .pa-head h2{font-size:clamp(32px,3.6vw,52px)}
.archvi-corporate .pa-head__intro{max-width:660px;color:#98a0b8}
.archvi-corporate .pa-head--row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.archvi-corporate .pa-head--row>div{display:grid;justify-items:start;gap:14px}
.archvi-corporate .pa-kicker,.archvi-corporate .pa-crumb{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 14px;border:1px solid rgba(169,159,240,.3);border-radius:999px;background:rgba(169,159,240,.08);color:#d2ccff;font:600 12px/1.2 var(--c4-ui);letter-spacing:.12em;text-transform:uppercase}
.archvi-corporate .pa-kicker--light{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff}
.archvi-corporate .pa-crumb a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}
.archvi-corporate .pa-crumb span{opacity:.85}
.archvi-corporate .pa-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid rgba(169,159,240,.28);border-radius:14px;background:linear-gradient(135deg,rgba(169,159,240,.22),rgba(90,79,160,.1));color:#ddd8ff}
.archvi-corporate .pa-icon--sm{width:38px;height:38px;border-radius:11px}
.archvi-corporate .pa-icon--sm .px-ico{width:19px;height:19px}
.archvi-corporate .pa-icon--glass{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}
.archvi-corporate .pa-icon--grad{border:0;background:linear-gradient(135deg,#8b7dff,#5a4fa0);color:#fff;box-shadow:0 10px 30px rgba(90,79,160,.45)}
.archvi-corporate .pa-btn{background:linear-gradient(135deg,#7d6fe8,#5a4fa0);box-shadow:0 12px 30px rgba(90,79,160,.45)}
.archvi-corporate .pa-btn:hover{background:linear-gradient(135deg,#8f82f0,#6457b4);box-shadow:0 16px 36px rgba(90,79,160,.55)}
.archvi-corporate .pa .pa-btn-outline{border-color:rgba(255,255,255,.22);color:#fff}
.archvi-corporate .pa .pa-btn-outline:hover{border-color:#a99ff0;color:#d2ccff}

/* Hero */
.archvi-corporate .pa-hero{position:relative;overflow:hidden;padding:clamp(130px,13vw,170px) 0 clamp(64px,7vw,96px);background:radial-gradient(ellipse at 20% 0%,rgba(90,79,160,.28),transparent 55%),#070d1c}
.archvi-corporate .pa-hero__glow{position:absolute;top:-20%;right:-15%;width:65vw;height:65vw;max-width:1000px;max-height:1000px;background:radial-gradient(circle,rgba(110,95,211,.35),transparent 60%);pointer-events:none}
.archvi-corporate .pa-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}
.archvi-corporate .pa-hero__copy{display:grid;justify-items:start;gap:22px}
.archvi-corporate .pa h1{font-size:clamp(42px,5.2vw,78px);font-weight:700;line-height:1.04;letter-spacing:-.03em}
.archvi-corporate .pa-grad{background:linear-gradient(90deg,#d3ccff,#8b7dff 50%,#6fa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.archvi-corporate .pa-lede{max-width:560px;font-size:clamp(17px,1.35vw,20px);color:#aeb4cb}
.archvi-corporate .pa-facts{display:flex;flex-wrap:wrap;gap:14px 26px;width:100%;margin-top:10px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.archvi-corporate .pa-facts li{display:flex;align-items:center;gap:10px;font-size:15px;color:#aeb4cb}
.archvi-corporate .pa-facts strong{font-family:var(--c4-head);font-weight:600;color:#fff}
.archvi-corporate .pa-hero__visual{position:relative;aspect-ratio:4/5;max-height:640px}
.archvi-corporate .pa-hero__frame{position:absolute;inset:0;overflow:hidden;border-radius:26px;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08)}
.archvi-corporate .pa-hero__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,13,28,.55))}
.archvi-corporate .pa-float{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(12,18,38,.68);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(0,0,0,.4);color:#fff;animation:px-float 6s ease-in-out infinite}
.archvi-corporate .pa-float--a{left:-34px;bottom:16%}
.archvi-corporate .pa-float--b{right:-24px;top:10%;animation-delay:-3s}
.archvi-corporate .pa-float__text{display:grid;gap:2px}
.archvi-corporate .pa-float__text strong{font:600 15px/1.2 var(--c4-head)}
.archvi-corporate .pa-float__text small{font-size:13px;color:#aeb4cb}

/* Logos on dark */
.archvi-corporate .pa .c4-label{color:#d2ccff}
.archvi-corporate .pa .archvi-logo-slider{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.archvi-corporate .pa .archvi-logo-slider__logo[class]{border-right-color:rgba(255,255,255,.08);color:#7f86a0}
.archvi-corporate .pa .archvi-logo-slider__logo[class]:hover{color:#fff}

/* What we create: bento image tiles */
.archvi-corporate .pa-create{padding-block:clamp(64px,8vw,110px) clamp(40px,5vw,64px)}
.archvi-corporate .pa-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:270px;gap:16px}
.archvi-corporate .pa-tile{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#0d1430;color:#fff;transition:transform .4s,box-shadow .4s,border-color .4s}
.archvi-corporate .pa-tile--0{grid-column:span 2;grid-row:span 2}
.archvi-corporate .pa-tile--1,.archvi-corporate .pa-tile--4,.archvi-corporate .pa-tile--5{grid-column:span 2}
.archvi-corporate .pa-tile__media{position:absolute;inset:0;z-index:-2}
.archvi-corporate .pa-tile__media img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.archvi-corporate .pa-tile__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,13,28,.15) 0%,rgba(7,13,28,.55) 50%,rgba(7,13,28,.94) 100%)}
.archvi-corporate .pa-tile__body{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:22px}
.archvi-corporate .pa-tile__top{display:flex;justify-content:space-between;align-items:center}
.archvi-corporate .pa-tile__num{font:700 13px/1 var(--c4-head);letter-spacing:.14em;color:rgba(255,255,255,.65)}
.archvi-corporate .pa-tile__copy{display:grid;gap:8px}
.archvi-corporate .pa-tile__title{font:600 clamp(20px,1.7vw,26px)/1.2 var(--c4-head);color:#fff}
.archvi-corporate .pa-tile--0 .pa-tile__title{font-size:clamp(26px,2.4vw,36px)}
.archvi-corporate .pa-tile__text{max-width:540px;font-size:15px;line-height:1.55;color:rgba(230,233,245,.8)}
.archvi-corporate .pa-tile--2 .pa-tile__text,.archvi-corporate .pa-tile--3 .pa-tile__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.archvi-corporate .pa-tile__more{display:inline-flex;align-items:center;gap:6px;font:600 14px/1 var(--c4-ui);color:#d2ccff;opacity:.85;transition:opacity .3s,gap .3s}
/* What We Create tiles show only the service title as a transparent button (15 October 2026). */
.archvi-corporate .pa-tile__body:has(.pa-tile__cta){justify-content:flex-end;align-items:flex-start}
.archvi-corporate .pa-tile .pa-tile__cta{display:inline-flex;align-items:center;gap:16px;max-width:100%;padding:8px 16px 8px 20px;border:1px solid rgba(255,255,255,.4);border-radius:14px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:clamp(18px,1.5vw,20px);transition:background .3s,border-color .3s}
.archvi-corporate .pa-tile .pa-tile__cta::after{content:"";flex:none;width:34px;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s,border-color .3s}
.archvi-corporate .pa-tile:hover .pa-tile__cta,.archvi-corporate .pa-tile:focus-visible .pa-tile__cta{background:var(--c4-brand);border-color:var(--c4-brand)}
.archvi-corporate .pa-tile:hover .pa-tile__cta::after{transform:translateX(3px);border-color:#fff}
/* Purple gradient, as on the other What We Create buttons (client request, 27 October 2026; see corporate.css). */
.archvi-corporate .pa-tile .pa-tile__cta{border-color:rgba(255,255,255,.22);background:linear-gradient(120deg,#463d86 0%,#5a4fa0 45%,#8a7ce6 100%) 0 0/200% 100%;box-shadow:0 12px 30px rgba(42,32,110,.35);transition:background-position .4s,border-color .3s,box-shadow .3s}
.archvi-corporate .pa-tile:hover .pa-tile__cta,.archvi-corporate .pa-tile:focus-visible .pa-tile__cta{background:linear-gradient(120deg,#463d86 0%,#5a4fa0 45%,#8a7ce6 100%) 100% 0/200% 100%;border-color:rgba(255,255,255,.4);box-shadow:0 14px 34px rgba(42,32,110,.45)}
.archvi-corporate .pa-tile:hover{transform:translateY(-4px);border-color:rgba(169,159,240,.55);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.archvi-corporate .pa-tile:hover .pa-tile__media img{transform:scale(1.06)}
.archvi-corporate .pa-tile:hover .pa-tile__more{opacity:1;gap:10px}

/* Lifecycle: icon nodes on a glowing line */
.archvi-corporate .pa-life{padding-block:clamp(64px,8vw,104px);background:linear-gradient(180deg,#070d1c,#0b1430)}
.archvi-corporate .pa-life__track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.archvi-corporate .pa-life__track::before{content:"";position:absolute;left:32px;right:4%;top:32px;height:2px;background:linear-gradient(90deg,rgba(169,159,240,.8),rgba(111,168,255,.4),transparent)}
.archvi-corporate .pa-life__track li{position:relative;display:grid;justify-items:start;gap:10px;align-content:start}
.archvi-corporate .pa-life__node{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8b7dff,#3c3480);color:#fff;box-shadow:0 0 0 6px rgba(125,111,232,.15),0 14px 30px rgba(90,79,160,.5)}
.archvi-corporate .pa-life__step{margin-top:8px;font:700 12px/1 var(--c4-head);letter-spacing:.14em;text-transform:uppercase;color:#a99ff0}
.archvi-corporate .pa-life h3{font-size:19px}
.archvi-corporate .pa-life p{font-size:15px;color:#98a0b8}

/* Approach: image with glass chip + gradient-icon cards */
.archvi-corporate .pa-approach{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(64px,8vw,110px)}
.archvi-corporate .pa-approach__visual{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.archvi-corporate .pa-chip{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(12,18,38,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font:600 15px/1.3 var(--c4-ui)}
.archvi-corporate .pa-approach__copy .pa-head{margin-bottom:28px}
.archvi-corporate .pa-approach__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.archvi-corporate .pa-feature{display:grid;align-content:start;gap:12px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));transition:border-color .3s,transform .3s}
.archvi-corporate .pa-feature:hover{border-color:rgba(169,159,240,.45);transform:translateY(-3px)}
.archvi-corporate .pa-feature h3{font-size:19px}
.archvi-corporate .pa-feature p{font-size:15px;color:#98a0b8}

/* Workflow: icon steps on a gradient line */
.archvi-corporate .pa-flow{padding-block:clamp(64px,8vw,104px);background:radial-gradient(ellipse at 50% 0%,rgba(90,79,160,.25),transparent 60%),#070d1c}
.archvi-corporate .pa-flow__list{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.archvi-corporate .pa-flow__list::before{content:"";position:absolute;left:30px;right:30px;top:30px;height:2px;background:linear-gradient(90deg,#7d6fe8,#6fa8ff);opacity:.5}
.archvi-corporate .pa-flow__list li{position:relative;display:grid;gap:10px;align-content:start}
.archvi-corporate .pa-flow__icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(169,159,240,.45);border-radius:18px;background:#0d1430;color:#ddd8ff;box-shadow:0 0 32px rgba(125,111,232,.28)}
.archvi-corporate .pa-flow__num{margin-top:6px;font:700 12px/1 var(--c4-head);letter-spacing:.14em;color:#a99ff0}
.archvi-corporate .pa-flow h3{font-size:18px}
.archvi-corporate .pa-flow p{font-size:14.5px;color:#98a0b8}

/* Scope: checklist cards */
.archvi-corporate .pa-scope{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);padding-block:clamp(64px,8vw,104px)}
.archvi-corporate .pa-scope__aside{position:sticky;top:110px;align-self:start;display:grid;justify-items:start;gap:22px}
.archvi-corporate .pa-scope__aside .pa-head{margin-bottom:0}
.archvi-corporate .pa-scope__list{display:grid;gap:12px}
.archvi-corporate .pa-check{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:20px 22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);transition:border-color .3s}
.archvi-corporate .pa-check:hover{border-color:rgba(169,159,240,.45)}
.archvi-corporate .pa-check h3{font-size:18px}
.archvi-corporate .pa-check p{margin-top:4px;font-size:15px;color:#98a0b8}

/* Related services: icon link cards */
.archvi-corporate .pa-related{padding-block:clamp(56px,7vw,96px);background:#0b1430}
.archvi-corporate .pa-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.archvi-corporate .pa-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);color:#fff;transition:border-color .3s,background .3s,transform .3s}
.archvi-corporate .pa-link__text{display:grid;gap:4px}
.archvi-corporate .pa-link__text strong{font:600 16px/1.3 var(--c4-head)}
.archvi-corporate .pa-link__text small{font-size:14px;line-height:1.45;color:#98a0b8}
.archvi-corporate .pa-link__go{color:#a99ff0;transition:transform .3s}
.archvi-corporate .pa-link:hover{border-color:rgba(169,159,240,.5);background:rgba(125,111,232,.08);transform:translateY(-2px)}
.archvi-corporate .pa-link:hover .pa-link__go{transform:translate(3px,-3px)}

/* Selected work: image mosaic */
.archvi-corporate .pa-work{padding-block:clamp(56px,7vw,96px)}
.archvi-corporate .pa-work .pa-head{margin-bottom:clamp(28px,3vw,40px)}
.archvi-corporate .pa-work__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:270px 270px;gap:16px}
.archvi-corporate .pa-work__tile{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;color:#fff}
.archvi-corporate .pa-work__tile:nth-child(1){grid-row:span 2}
.archvi-corporate .pa-work__tile:nth-child(4){grid-column:2 / span 2}
.archvi-corporate .pa-work__tile img{z-index:-2;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.archvi-corporate .pa-work__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 45%,rgba(7,13,28,.88))}
.archvi-corporate .pa-work__meta{position:absolute;left:22px;bottom:20px;display:grid;gap:3px}
.archvi-corporate .pa-work__meta strong{font:600 19px/1.25 var(--c4-head)}
.archvi-corporate .pa-work__meta small{font-size:14px;color:rgba(230,233,245,.8)}
.archvi-corporate .pa-work__go{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s,transform .3s}
.archvi-corporate .pa-work__tile:hover img{transform:scale(1.05)}
.archvi-corporate .pa-work__tile:hover .pa-work__go{background:#7d6fe8;transform:rotate(45deg)}

/* FAQ on dark */
.archvi-corporate .pa-faq .c4-faq__list{border-top-color:rgba(255,255,255,.1)}
.archvi-corporate .pa-faq details{border-bottom-color:rgba(255,255,255,.1)}
.archvi-corporate .pa-faq summary{color:#fff}
.archvi-corporate .pa-faq summary:hover{color:#d2ccff}
.archvi-corporate .pa-faq summary i{border-color:rgba(255,255,255,.22)}
.archvi-corporate .pa-faq details[open] summary i{border-color:transparent;background:linear-gradient(135deg,#8b7dff,#5a4fa0)}
.archvi-corporate .pa-faq details>div p{color:#98a0b8}
.archvi-corporate .pa-faq .c4-faq__card{border:1px solid rgba(169,159,240,.3);background:linear-gradient(135deg,#3c3480,#1a1f48)}
.archvi-corporate .pa-faq .pa-icon{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff}

/* Call to action */
.archvi-corporate .pa-cta{padding-block:clamp(40px,5vw,64px) clamp(72px,8vw,110px)}
.archvi-corporate .pa-cta__panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;padding:clamp(36px,5vw,72px);border:1px solid rgba(169,159,240,.25);border-radius:28px;background:linear-gradient(135deg,#2a2370,#0d1430 60%)}
.archvi-corporate .pa-cta__mesh{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 15%,rgba(111,168,255,.38),transparent 40%),radial-gradient(circle at 10% 95%,rgba(169,159,240,.4),transparent 45%)}
.archvi-corporate .pa-cta__copy{display:grid;justify-items:start;gap:16px;max-width:660px}
.archvi-corporate .pa-cta__copy h2{font-size:clamp(32px,3.8vw,56px)}
.archvi-corporate .pa-cta__copy>p:last-child{color:#c6cbe0}

/* ======================= Option B · Premium Light ======================= */
.archvi-corporate .pb{background:#fbfaff}
.archvi-corporate .pb-site .cx-header:not(.is-scrolled){color:var(--c4-ink)}
.archvi-corporate .pb-site .cx-header:not(.is-scrolled) .cx-header__brand img{filter:invert(1)}
.archvi-corporate .pb-head{display:grid;gap:14px;margin-bottom:clamp(32px,4vw,56px)}
.archvi-corporate .pb-head--center{justify-items:center;text-align:center}
.archvi-corporate .pb-head h2{font-size:clamp(32px,3.6vw,52px)}
.archvi-corporate .pb-head__intro{max-width:660px;color:var(--c4-muted)}
.archvi-corporate .pb-head--row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.archvi-corporate .pb-head--row>div{display:grid;justify-items:start;gap:14px}
.archvi-corporate .pb-kicker,.archvi-corporate .pb-crumb{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 14px;border:1px solid #e3defc;border-radius:999px;background:#f1eeff;color:var(--c4-brand);font:600 12px/1.2 var(--c4-ui);letter-spacing:.12em;text-transform:uppercase}
.archvi-corporate .pb-kicker--light{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff}
.archvi-corporate .pb-crumb a{color:var(--c4-ink);border-bottom:1px solid rgba(90,79,160,.35)}
.archvi-corporate .pb-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:#eeebff;color:#6d5fd3}
.archvi-corporate .pb-icon--sm{width:42px;height:42px;border-radius:12px}
.archvi-corporate .pb-icon--sm .px-ico{width:20px;height:20px}
.archvi-corporate .pb-icon--violet{background:#eeebff;color:#6d5fd3}
.archvi-corporate .pb-icon--teal{background:#e0f6f2;color:#0e8f80}
.archvi-corporate .pb-icon--amber{background:#fdf0d9;color:#b8730f}
.archvi-corporate .pb-icon--rose{background:#fde6ec;color:#c63f66}
.archvi-corporate .pb-icon--sky{background:#e3f0fd;color:#2a73c4}
.archvi-corporate .pb-icon--lime{background:#ebf6dc;color:#4f8a17}

/* Hero: centred copy over an image mosaic with floating cards */
.archvi-corporate .pb-hero{position:relative;overflow:hidden;padding:clamp(130px,13vw,170px) 0 clamp(64px,7vw,96px);background:linear-gradient(180deg,#f2efff 0%,#fbfaff 75%)}
.archvi-corporate .pb-hero__mesh{position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(169,159,240,.38),transparent 34%),radial-gradient(circle at 88% 8%,rgba(111,168,255,.28),transparent 34%);pointer-events:none}
.archvi-corporate .pb-hero__inner{position:relative;display:grid;justify-items:center;gap:22px;text-align:center}
.archvi-corporate .pb h1{max-width:1000px;font-size:clamp(42px,5.4vw,80px);font-weight:700;line-height:1.04;letter-spacing:-.03em}
.archvi-corporate .pb-grad{background:linear-gradient(90deg,#4a3f94,#7d6fe8 45%,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}
.archvi-corporate .pb-lede{max-width:640px;font-size:clamp(17px,1.35vw,20px);color:var(--c4-muted)}
.archvi-corporate .pb-actions{justify-content:center}
.archvi-corporate .pb-mosaic{position:relative;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:18px;width:100%;margin-top:clamp(28px,4vw,52px)}
.archvi-corporate .pb-mosaic__item{position:relative;overflow:hidden;border-radius:24px;box-shadow:0 30px 70px rgba(15,26,48,.18)}
.archvi-corporate .pb-mosaic__item--0,.archvi-corporate .pb-mosaic__item--2{aspect-ratio:4/5}
.archvi-corporate .pb-mosaic__item--1{aspect-ratio:5/4}
.archvi-corporate .pb-float{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(15,26,48,.16);text-align:left;animation:px-float 6s ease-in-out infinite}
.archvi-corporate .pb-float--a{left:3%;top:-5%}
.archvi-corporate .pb-float--b{right:3%;top:14%;animation-delay:-2s}
.archvi-corporate .pb-float--c{left:36%;bottom:-6%;animation-delay:-4s}
.archvi-corporate .pb-float__text{display:grid;gap:2px}
.archvi-corporate .pb-float__text strong{font:600 15px/1.2 var(--c4-head);color:var(--c4-ink)}
.archvi-corporate .pb-float__text small{font-size:13px;color:var(--c4-muted)}

/* What we create: icon tabs + image panel with a glass card */
.archvi-corporate .pb-create{padding-block:clamp(72px,8vw,110px) clamp(40px,5vw,64px)}
.archvi-corporate .pb-explorer{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);gap:20px;align-items:stretch}
.archvi-corporate .pb-tabs{display:grid;align-content:start;gap:10px}
.archvi-corporate .pb .pb-tab{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;border:1px solid var(--c4-line);border-radius:18px;background:#fff;color:var(--c4-ink);text-align:left;transition:border-color .25s,box-shadow .25s,transform .25s}
.archvi-corporate .pb-tab__text{display:grid;gap:2px}
.archvi-corporate .pb-tab__text strong{font:600 16px/1.3 var(--c4-head)}
.archvi-corporate .pb-tab__text small{font-size:12px;letter-spacing:.08em;color:var(--c4-muted)}
.archvi-corporate .pb-tab__go{color:#b4bac7;transition:color .25s,transform .25s}
.archvi-corporate .pb .pb-tab:hover{border-color:#cfc8f7}
.archvi-corporate .pb .pb-tab[aria-selected="true"]{border-color:#bfb6f5;box-shadow:0 16px 36px rgba(90,79,160,.14);transform:translateX(4px)}
.archvi-corporate .pb .pb-tab[aria-selected="true"] .pb-tab__go{color:var(--c4-brand);transform:translate(2px,-2px)}
.archvi-corporate .pb-panels{position:relative;min-height:560px}
.archvi-corporate .pb-panel{position:absolute;inset:0;overflow:hidden;border-radius:26px;box-shadow:0 30px 70px rgba(15,26,48,.16);animation:cx-fade .5s ease both}
.archvi-corporate .pb-panel__card{position:absolute;left:20px;bottom:20px;display:grid;justify-items:start;gap:10px;max-width:min(560px,calc(100% - 40px));padding:24px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(15,26,48,.15)}
.archvi-corporate .pb-panel__num{font:700 13px/1 var(--c4-head);letter-spacing:.14em;color:var(--c4-brand)}
.archvi-corporate .pb-panel__card h3{font-size:clamp(22px,2vw,28px)}
.archvi-corporate .pb-panel__card p{font-size:15.5px;color:var(--c4-muted)}

/* Where it fits: colourful icon cards */
.archvi-corporate .pb-fits{padding-block:clamp(64px,8vw,104px);background:#fff}
.archvi-corporate .pb-fits__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.archvi-corporate .pb-card{position:relative;overflow:hidden;display:grid;align-content:start;gap:14px;padding:26px 22px;border:1px solid var(--c4-line);border-radius:22px;background:#fbfaff;transition:transform .3s,box-shadow .3s,border-color .3s}
.archvi-corporate .pb-card__mark{position:absolute;top:8px;right:14px;font:700 64px/1 var(--c4-head);color:rgba(90,79,160,.07)}
.archvi-corporate .pb-card h3{font-size:19px}
.archvi-corporate .pb-card p{font-size:15px;color:var(--c4-muted)}
.archvi-corporate .pb-card:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 20px 44px rgba(15,26,48,.1)}

/* Approach: image with badge + icon list */
.archvi-corporate .pb-approach{padding-block:clamp(64px,8vw,104px)}
.archvi-corporate .pb-approach__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.archvi-corporate .pb-approach__visual{position:relative;min-height:460px;overflow:hidden;border-radius:26px;box-shadow:0 30px 70px rgba(15,26,48,.14)}
.archvi-corporate .pb-approach__badge{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:16px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 36px rgba(15,26,48,.15)}
.archvi-corporate .pb-approach__badge>span:last-child{display:grid;gap:2px}
.archvi-corporate .pb-approach__badge strong{font:600 16px/1.2 var(--c4-head);color:var(--c4-ink)}
.archvi-corporate .pb-approach__badge small{font-size:13px;color:var(--c4-muted)}
.archvi-corporate .pb-approach__list{display:grid;gap:14px}
.archvi-corporate .pb-feature{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:16px;padding:22px;border:1px solid var(--c4-line);border-radius:20px;background:#fff;transition:box-shadow .3s,border-color .3s}
.archvi-corporate .pb-feature:hover{border-color:transparent;box-shadow:0 18px 40px rgba(15,26,48,.09)}
.archvi-corporate .pb-feature h3{font-size:19px}
.archvi-corporate .pb-feature p{margin-top:4px;font-size:15px;color:var(--c4-muted)}

/* Workflow: dotted stepper with gradient icon dots */
.archvi-corporate .pb-flow{padding-block:clamp(64px,8vw,104px);background:linear-gradient(180deg,#fff,#f3f0ff)}
.archvi-corporate .pb-stepper{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.archvi-corporate .pb-stepper::before{content:"";position:absolute;left:26px;right:26px;top:26px;height:2px;background:repeating-linear-gradient(90deg,#c9c1ff 0 8px,transparent 8px 14px)}
.archvi-corporate .pb-stepper li{position:relative;display:grid;align-content:start;gap:10px}
.archvi-corporate .pb-step__dot{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#7d6fe8,#5a4fa0);color:#fff;box-shadow:0 0 0 6px #fff,0 12px 26px rgba(90,79,160,.35)}
.archvi-corporate .pb-step__num{margin-top:6px;font:700 12px/1 var(--c4-head);letter-spacing:.14em;text-transform:uppercase;color:var(--c4-brand)}
.archvi-corporate .pb-stepper h3{font-size:18px}
.archvi-corporate .pb-stepper p{font-size:14.5px;color:var(--c4-muted)}

/* Scope: checklist in one elevated card */
.archvi-corporate .pb-scope{padding-block:clamp(48px,6vw,80px)}
.archvi-corporate .pb-scope__card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,56px);padding:clamp(28px,4vw,56px);border:1px solid var(--c4-line);border-radius:30px;background:#fff;box-shadow:0 30px 70px rgba(15,26,48,.08)}
.archvi-corporate .pb-scope__aside{display:grid;justify-items:start;align-content:start;gap:22px}
.archvi-corporate .pb-scope__aside .pb-head{margin-bottom:0}
.archvi-corporate .pb-scope__list li{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:16px;padding:16px 0;border-bottom:1px solid var(--c4-line)}
.archvi-corporate .pb-scope__list li:last-child{border-bottom:0}
.archvi-corporate .pb-scope__list h3{font-size:18px}
.archvi-corporate .pb-scope__list p{margin-top:4px;font-size:15px;color:var(--c4-muted)}

/* Related services: icon link cards */
.archvi-corporate .pb-related{padding-block:clamp(56px,7vw,96px)}
.archvi-corporate .pb-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.archvi-corporate .pb-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px;border:1px solid var(--c4-line);border-radius:20px;background:#fff;color:var(--c4-ink);transition:box-shadow .3s,border-color .3s,transform .3s}
.archvi-corporate .pb-link__text{display:grid;gap:4px}
.archvi-corporate .pb-link__text strong{font:600 16px/1.3 var(--c4-head)}
.archvi-corporate .pb-link__text small{font-size:14px;line-height:1.45;color:var(--c4-muted)}
.archvi-corporate .pb-link__go{color:var(--c4-brand);transition:transform .3s}
.archvi-corporate .pb-link:hover{border-color:transparent;box-shadow:0 18px 40px rgba(15,26,48,.1);transform:translateY(-2px)}
.archvi-corporate .pb-link:hover .pb-link__go{transform:translate(3px,-3px)}

/* Selected work */
.archvi-corporate .pb-work{padding-block:clamp(40px,5vw,72px)}
.archvi-corporate .pb-work .pb-head{margin-bottom:clamp(28px,3vw,40px)}
.archvi-corporate .pb-work__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:270px 270px;gap:16px}
.archvi-corporate .pb-work__tile{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;color:#fff;box-shadow:0 20px 50px rgba(15,26,48,.12)}
.archvi-corporate .pb-work__tile:nth-child(1){grid-row:span 2}
.archvi-corporate .pb-work__tile:nth-child(4){grid-column:2 / span 2}
.archvi-corporate .pb-work__tile img{z-index:-2;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.archvi-corporate .pb-work__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 45%,rgba(15,26,48,.82))}
.archvi-corporate .pb-work__meta{position:absolute;left:22px;bottom:20px;display:grid;gap:3px}
.archvi-corporate .pb-work__meta strong{font:600 19px/1.25 var(--c4-head)}
.archvi-corporate .pb-work__meta small{font-size:14px;color:rgba(255,255,255,.85)}
.archvi-corporate .pb-work__go{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--c4-brand);transition:transform .3s}
.archvi-corporate .pb-work__tile:hover img{transform:scale(1.05)}
.archvi-corporate .pb-work__tile:hover .pb-work__go{transform:rotate(45deg)}

/* FAQ + CTA */
.archvi-corporate .pb-faq .c4-faq__card{background:linear-gradient(135deg,#6d5fd3,#3f3594)}
.archvi-corporate .pb-faq .pb-icon{background:rgba(255,255,255,.16);color:#fff}
.archvi-corporate .pb-cta{padding-block:clamp(40px,5vw,64px) clamp(72px,8vw,110px)}
.archvi-corporate .pb-cta__panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;padding:clamp(36px,5vw,72px);border-radius:30px;background:linear-gradient(135deg,#5a4fa0,#3b3290 55%,#1f2a6b);color:#e8e5ff;box-shadow:0 30px 70px rgba(59,50,144,.3)}
.archvi-corporate .pb-cta__mesh{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 15%,rgba(111,168,255,.45),transparent 40%),radial-gradient(circle at 10% 95%,rgba(201,193,255,.35),transparent 45%)}
.archvi-corporate .pb-cta__copy{display:grid;justify-items:start;gap:16px;max-width:660px}
.archvi-corporate .pb-cta__copy h2{color:#fff;font-size:clamp(32px,3.8vw,56px)}
.archvi-corporate .pb-cta__copy>p:last-child{color:rgba(255,255,255,.85)}

/* ======================= Responsive ======================= */
@media(max-width:1100px){
  .archvi-corporate .pa-hero__grid,.archvi-corporate .pa-approach,.archvi-corporate .pa-scope,.archvi-corporate .pb-scope__card,.archvi-corporate .pb-approach__grid,.archvi-corporate .pb-explorer{grid-template-columns:1fr}
  .archvi-corporate .pa-hero__visual{max-width:560px;width:100%;justify-self:center}
  .archvi-corporate .pa-float--a{left:-10px}.archvi-corporate .pa-float--b{right:-10px}
  .archvi-corporate .pa-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:250px}
  .archvi-corporate .pa-tile--0{grid-column:span 2;grid-row:span 1}
  .archvi-corporate .pa-tile--1,.archvi-corporate .pa-tile--4,.archvi-corporate .pa-tile--5{grid-column:span 1}
  .archvi-corporate .pa-life__track,.archvi-corporate .pb-fits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archvi-corporate .pa-life__track::before,.archvi-corporate .pa-flow__list::before,.archvi-corporate .pb-stepper::before{display:none}
  .archvi-corporate .pa-flow__list,.archvi-corporate .pb-stepper{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
  .archvi-corporate .pa-approach__visual{aspect-ratio:16/10}
  .archvi-corporate .pa-scope__aside{position:static}
  .archvi-corporate .pa-related__grid,.archvi-corporate .pb-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archvi-corporate .pa-work__grid,.archvi-corporate .pb-work__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-auto-rows:240px}
  .archvi-corporate .pa-work__tile:nth-child(1),.archvi-corporate .pb-work__tile:nth-child(1){grid-row:auto;grid-column:span 2}
  .archvi-corporate .pa-work__tile:nth-child(4),.archvi-corporate .pb-work__tile:nth-child(4){grid-column:span 2}
  .archvi-corporate .pb-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archvi-corporate .pb .pb-tab[aria-selected="true"]{transform:none}
  .archvi-corporate .pb-panels{min-height:480px}
}
@media(max-width:700px){
  .archvi-corporate .pa-hero__visual{aspect-ratio:4/4.4}
  .archvi-corporate .pa-float--b,.archvi-corporate .pb-float--b,.archvi-corporate .pb-float--c{display:none}
  .archvi-corporate .pa-float--a{left:12px;bottom:12px}
  .archvi-corporate .pa-bento{grid-template-columns:1fr;grid-auto-rows:260px}
  .archvi-corporate .pa-tile--0{grid-column:span 1}
  .archvi-corporate .pa-tile__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .archvi-corporate .pa-life__track,.archvi-corporate .pb-fits__grid,.archvi-corporate .pa-approach__grid,.archvi-corporate .pa-flow__list,.archvi-corporate .pb-stepper,.archvi-corporate .pa-related__grid,.archvi-corporate .pb-related__grid,.archvi-corporate .pb-tabs{grid-template-columns:1fr}
  .archvi-corporate .pa-work__grid,.archvi-corporate .pb-work__grid{grid-template-columns:1fr}
  .archvi-corporate .pa-work__tile:nth-child(n),.archvi-corporate .pb-work__tile:nth-child(n){grid-column:auto}
  .archvi-corporate .pb-mosaic{grid-template-columns:1fr}
  .archvi-corporate .pb-mosaic__item--0,.archvi-corporate .pb-mosaic__item--2{display:none}
  .archvi-corporate .pb-float--a{left:12px;top:auto;bottom:12px}
  .archvi-corporate .pb-panels{min-height:520px}
  .archvi-corporate .pb-panel__card{left:12px;right:12px;bottom:12px;max-width:none}
}
@media(prefers-reduced-motion:reduce){.archvi-corporate .pa-float,.archvi-corporate .pb-float{animation:none}}