:root{
  --inner-bg:#020914;
  --inner-bg-2:#061426;
  --inner-panel:#0a1d35;
  --inner-text:#f5f8fb;
  --inner-muted:rgba(231,239,247,.66);
  --inner-dim:rgba(231,239,247,.42);
  --inner-line:rgba(207,230,250,.16);
  --inner-line-strong:rgba(207,230,250,.34);
  --inner-accent:#73d1ff;
  --inner-warm:#e8b36d;
  --inner-container:min(100%,1680px);
  --inner-gutter:clamp(20px,4.2vw,72px);
  --inner-ease:cubic-bezier(.16,1,.3,1);
}

html:has(body.inner-premium){
  background:var(--inner-bg);
  scroll-behavior:smooth;
  scroll-snap-type:y proximity;
  scrollbar-color:var(--inner-accent) var(--inner-bg);
}

body.inner-premium{
  margin:0;
  color:var(--inner-text);
  background:
    radial-gradient(circle at 8% 16%,rgba(29,100,160,.17),transparent 28%),
    radial-gradient(circle at 92% 72%,rgba(16,95,145,.11),transparent 30%),
    var(--inner-bg);
  font-family:Manrope,Arial,sans-serif;
  overflow-x:hidden;
}

body.inner-premium::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}

body.inner-premium > *{position:relative;z-index:1}
body.inner-premium main{overflow:clip}
body.inner-premium .container{width:var(--inner-container);margin-inline:auto;padding-inline:var(--inner-gutter)}
body.inner-premium ::selection{background:var(--inner-accent);color:#03101e}

body.inner-premium .site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:80;
  color:#fff;
  background:linear-gradient(180deg,rgba(2,9,20,.86),rgba(2,9,20,.42) 72%,transparent);
  border:0;
  backdrop-filter:none;
  transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;
}

body.inner-premium .site-header.is-scrolled{
  background:rgba(3,11,23,.82);
  border-bottom:1px solid var(--inner-line);
  backdrop-filter:blur(22px) saturate(130%);
}

body.inner-premium .header-main{
  grid-template-columns:minmax(185px,1fr) auto minmax(185px,1fr);
  width:var(--inner-container);
  min-height:94px;
  margin-inline:auto;
  padding-inline:var(--inner-gutter);
}

body.inner-premium .logo{
  justify-self:start;
  font-size:clamp(17px,1.35vw,23px);
  letter-spacing:-.075em;
}

body.inner-premium .nav{gap:clamp(14px,1.65vw,30px)}
body.inner-premium .nav a{
  position:relative;
  padding:14px 0;
  color:rgba(255,255,255,.62);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  transition:color .22s ease;
}

body.inner-premium .nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:7px;
  height:1px;
  background:var(--inner-accent);
  transition:right .28s var(--inner-ease);
}

body.inner-premium .nav a:hover,
body.inner-premium .nav a[aria-current="page"]{color:#fff}
body.inner-premium .nav a:hover::after,
body.inner-premium .nav a[aria-current="page"]::after{right:0}

body.inner-premium .header-main > .btn{
  justify-self:end;
  min-height:48px;
  padding:0 20px;
  color:#061426;
  background:#fff;
  box-shadow:none;
}

body.inner-premium .header-main > .btn:hover{background:var(--inner-accent);transform:translateY(-2px)}

body.inner-premium .menu-toggle{
  min-width:56px;
  min-height:44px;
  cursor:pointer;
  font:700 11px Manrope,Arial,sans-serif;
}

body.inner-premium .page-hero{
  --hero-image:url('/assets/media/site-scale.webp');
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:100svh;
  padding:150px 0 64px;
  color:#fff;
  background:#03101e;
  isolation:isolate;
  overflow:hidden;
  scroll-snap-align:start;
}

body.inner-premium .page-hero::before{
  content:"";
  position:absolute;
  inset:-5%;
  z-index:-3;
  background-image:
    linear-gradient(90deg,rgba(2,9,20,.98) 0%,rgba(2,9,20,.88) 38%,rgba(2,9,20,.35) 74%,rgba(2,9,20,.58) 100%),
    linear-gradient(0deg,rgba(2,9,20,.98),transparent 44%),
    var(--hero-image);
  background-position:center;
  background-size:cover;
  transform:translate3d(0,var(--hero-shift,0),0) scale(1.06);
  will-change:transform;
}

body.inner-premium .page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.09) 50%,transparent calc(50% + .5px)),
    linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.055) 25%,transparent calc(25% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.055) 75%,transparent calc(75% + .5px));
  opacity:.58;
}

body.inner-premium .page-hero .container{position:relative;z-index:2}

body.inner-premium .breadcrumbs{
  display:flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:38px;
  margin-bottom:clamp(28px,4.5vh,58px);
  padding:0 16px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(3,11,23,.26);
  backdrop-filter:blur(14px);
  color:rgba(255,255,255,.62);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.inner-premium .breadcrumbs a{color:#fff}

body.inner-premium .hero-kicker,
body.inner-premium .story-kicker,
body.inner-premium .closing-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:var(--inner-accent);
  font:700 9px/1 Unbounded,Arial,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.inner-premium .hero-kicker::before,
body.inner-premium .story-kicker::before,
body.inner-premium .closing-kicker::before{
  content:"";
  width:38px;
  height:1px;
  background:currentColor;
}

body.inner-premium .page-hero h1{
  width:min(1120px,88%);
  margin:0;
  color:#fff;
  font:500 clamp(48px,6.45vw,120px)/.91 Unbounded,Arial,sans-serif;
  letter-spacing:-.082em;
  text-wrap:balance;
  text-transform:uppercase;
  text-shadow:0 16px 50px rgba(0,0,0,.25);
}

body.inner-premium .hero-word{
  display:inline-block;
  margin-right:.16em;
  opacity:0;
  transform:translateY(1em) rotate(2deg);
  transition:opacity .85s var(--inner-ease),transform .85s var(--inner-ease);
  transition-delay:calc(var(--word-index) * 60ms + 170ms);
}

body.inner-premium.is-loaded .hero-word{opacity:1;transform:none}

body.inner-premium .hero-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,580px) 1fr;
  gap:clamp(36px,7vw,120px);
  align-items:end;
  margin-top:clamp(36px,6vh,72px);
  padding-top:26px;
  border-top:1px solid rgba(255,255,255,.22);
}

body.inner-premium .hero-lead{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:clamp(15px,1.12vw,19px);
  line-height:1.65;
  text-wrap:pretty;
}

body.inner-premium .hero-actions{display:flex;grid-column:auto;justify-content:flex-end;gap:12px;flex-wrap:wrap}
body.inner-premium .hero-actions .btn{min-height:52px;padding:0 23px;cursor:pointer}
body.inner-premium .hero-actions .btn-outline{color:#fff;border-color:rgba(255,255,255,.36);background:rgba(3,11,23,.22);backdrop-filter:blur(12px)}
body.inner-premium .hero-actions .btn-outline:hover{border-color:#fff;background:#fff;color:#061426}

body.inner-premium .hero-side-index{
  position:absolute;
  right:var(--inner-gutter);
  top:50%;
  display:grid;
  gap:10px;
  justify-items:end;
  transform:translateY(-50%);
  color:rgba(255,255,255,.46);
  font:600 9px/1 Unbounded,Arial,sans-serif;
  letter-spacing:.12em;
  writing-mode:vertical-rl;
}

body.inner-premium .hero-side-index strong{color:#fff;font-size:13px}

body.inner-premium .hero-scroll-cue{
  position:absolute;
  left:50%;
  right:auto;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.5);
  font:700 8px/1 Unbounded,Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  transform:translateX(-50%);
}

body.inner-premium .hero-scroll-cue i{position:relative;width:42px;height:1px;background:rgba(255,255,255,.3);overflow:hidden}
body.inner-premium .hero-scroll-cue i::after{content:"";position:absolute;inset:0;background:#fff;animation:innerCue 1.7s ease-in-out infinite;transform:translateX(-100%)}

body.inner-premium .inner-proof{
  position:relative;
  z-index:4;
  width:var(--inner-container);
  margin:-1px auto 0;
  padding:0 var(--inner-gutter);
  background:#061426;
  border-top:1px solid var(--inner-line);
  border-bottom:1px solid var(--inner-line);
  scroll-snap-align:start;
}

body.inner-premium .proof-grid{display:grid;grid-template-columns:repeat(var(--proof-count,4),1fr)}
body.inner-premium .proof-item{
  position:relative;
  min-height:170px;
  padding:34px clamp(18px,2.3vw,40px);
  border-right:1px solid var(--inner-line);
  overflow:hidden;
}

body.inner-premium .proof-item:first-child{border-left:1px solid var(--inner-line)}
body.inner-premium .proof-item::before{content:attr(data-index);position:absolute;right:16px;top:18px;color:rgba(255,255,255,.18);font:600 9px Unbounded}
body.inner-premium .proof-item strong{display:block;color:#fff;font:500 clamp(26px,2.2vw,42px)/1 Unbounded,Arial,sans-serif;letter-spacing:-.06em}
body.inner-premium .proof-item span{display:block;margin-top:13px;color:var(--inner-muted);font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}

body.inner-premium .section,
body.inner-premium .premium-story,
body.inner-premium .closing-scene{
  position:relative;
  scroll-snap-align:start;
}

body.inner-premium .section{
  min-height:100svh;
  padding:clamp(110px,11vw,190px) 0;
  color:#fff;
  background:transparent;
}

body.inner-premium .section::before{
  content:attr(data-scene-index);
  position:absolute;
  left:var(--inner-gutter);
  top:94px;
  color:rgba(255,255,255,.09);
  font:500 clamp(70px,10vw,190px)/1 Unbounded,Arial,sans-serif;
  letter-spacing:-.09em;
  pointer-events:none;
}

body.inner-premium .section.dark{background:linear-gradient(180deg,#051224,#020914)}
body.inner-premium .section-label{color:rgba(255,255,255,.48)}
body.inner-premium .section-label p{margin:0}
body.inner-premium .section-label i{background:currentColor}
body.inner-premium h2,
body.inner-premium h3{color:#fff}

body.inner-premium h2{
  max-width:1050px;
  margin-top:36px;
  font-size:clamp(42px,5.3vw,98px);
  line-height:.96;
  text-wrap:balance;
}

body.inner-premium .lead,
body.inner-premium .meta,
body.inner-premium .card p,
body.inner-premium .service-row p,
body.inner-premium .timeline p{color:var(--inner-muted)}

body.inner-premium .lead{font-size:clamp(16px,1.28vw,21px);line-height:1.72}
body.inner-premium .split{gap:clamp(52px,7vw,130px)}

body.inner-premium .grid{gap:1px;background:var(--inner-line);border:1px solid var(--inner-line);margin-top:72px}
body.inner-premium .card{
  position:relative;
  min-height:290px;
  padding:clamp(24px,2.6vw,44px);
  border:0;
  background:linear-gradient(145deg,rgba(13,35,61,.96),rgba(5,18,36,.95));
  overflow:hidden;
  transform:perspective(900px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0));
  transform-style:preserve-3d;
  transition:background .3s ease,box-shadow .3s ease,transform .22s ease;
}

body.inner-premium .card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x,15%) var(--pointer-y,15%),rgba(115,209,255,.2),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.05),transparent 48%);
  opacity:.68;
  transition:opacity .3s ease;
  pointer-events:none;
}

body.inner-premium .card::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:linear-gradient(90deg,var(--inner-accent),var(--inner-warm));transition:right .45s var(--inner-ease)}
body.inner-premium .card:hover{z-index:2;background:linear-gradient(145deg,rgba(15,47,80,.98),rgba(6,22,43,.98));box-shadow:0 36px 90px rgba(0,0,0,.32)}
body.inner-premium .card:hover::after{right:0}
body.inner-premium .card > *{position:relative;z-index:1;transform:translateZ(18px)}
body.inner-premium .card small{color:var(--inner-accent)}
body.inner-premium .card h3{margin-top:clamp(52px,7vw,112px);font-size:clamp(22px,2.2vw,39px);line-height:1.06;text-wrap:balance}
body.inner-premium .grid.four .card:nth-child(1){grid-column:span 2}
body.inner-premium .grid.four .card:nth-child(4){grid-column:span 2}

body.inner-premium .services-stage{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(34px,5vw,88px);align-items:start;margin-top:68px}
body.inner-premium .services-visual{
  position:sticky;
  top:118px;
  min-height:620px;
  border:1px solid var(--inner-line);
  overflow:hidden;
  background:#07172b;
}

body.inner-premium .services-visual img{position:absolute;inset:0;object-fit:cover;filter:saturate(.72) contrast(1.05);transform:scale(1.03);transition:transform .75s var(--inner-ease),filter .4s ease}
body.inner-premium .services-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,9,20,.93),transparent 62%),linear-gradient(90deg,rgba(2,9,20,.32),transparent)}
body.inner-premium .services-visual-copy{position:absolute;z-index:2;left:32px;right:32px;bottom:30px}
body.inner-premium .services-visual-copy small{color:var(--inner-accent);font:700 9px Unbounded;letter-spacing:.12em}
body.inner-premium .services-visual-copy strong{display:block;margin-top:12px;font:500 clamp(26px,2.6vw,48px)/1 Unbounded;letter-spacing:-.06em}

body.inner-premium .services-list{margin:0;border-top:1px solid var(--inner-line)}
body.inner-premium .service-row{
  position:relative;
  grid-template-columns:54px 1fr 48px;
  min-height:144px;
  margin:0;
  padding:28px 12px;
  border:0;
  border-bottom:1px solid var(--inner-line);
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
  cursor:pointer;
  transition:padding .3s var(--inner-ease),background .3s ease,color .3s ease;
}

body.inner-premium .service-row:hover,
body.inner-premium .service-row.is-active{padding-left:24px;background:rgba(115,209,255,.075);transform:none}
body.inner-premium .service-row strong{color:rgba(255,255,255,.32);font-size:17px}
body.inner-premium .service-row h3{font-size:clamp(23px,2.5vw,44px);line-height:1.03}
body.inner-premium .service-row p{max-width:620px;font-size:13px}
body.inner-premium .service-row span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--inner-line);border-radius:50%;font-size:18px;transition:background .25s ease,color .25s ease,transform .25s ease}
body.inner-premium .service-row:hover span{color:#03101e;background:var(--inner-accent);transform:rotate(45deg)}

body.inner-premium.inner-portfolio .grid.two{grid-template-columns:repeat(12,1fr);gap:22px;background:transparent;border:0}
body.inner-premium.inner-portfolio .case-card{grid-column:span 6;min-height:640px;padding:0;border:1px solid var(--inner-line);background:#07172b;overflow:hidden}
body.inner-premium.inner-portfolio .case-card:nth-child(3n+1){grid-column:span 7}
body.inner-premium.inner-portfolio .case-card:nth-child(3n+2){grid-column:span 5}
body.inner-premium.inner-portfolio .case-card .pic{height:72%;min-height:420px;overflow:hidden}
body.inner-premium.inner-portfolio .case-card .pic img{transition:transform .85s var(--inner-ease),filter .5s ease;filter:saturate(.68) contrast(1.04)}
body.inner-premium.inner-portfolio .case-card:hover .pic img{transform:scale(1.045);filter:saturate(.92)}
body.inner-premium.inner-portfolio .case-card .body{position:relative;height:28%;min-height:185px;padding:28px}
body.inner-premium.inner-portfolio .case-card h3{font-size:clamp(23px,2.2vw,38px)}
body.inner-premium.inner-portfolio .case-card::after{content:attr(data-case-index);position:absolute;right:24px;bottom:22px;color:rgba(255,255,255,.18);font:500 40px Unbounded;letter-spacing:-.08em}

body.inner-premium .timeline{margin-top:58px;border-top:1px solid var(--inner-line)}
body.inner-premium .timeline article{
  position:relative;
  grid-template-columns:82px 1fr;
  min-height:154px;
  margin:0;
  padding:34px 20px 34px 0;
  border:0;
  border-bottom:1px solid var(--inner-line);
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}

body.inner-premium .timeline article::after{content:"";position:absolute;inset:0 100% 0 0;background:linear-gradient(90deg,rgba(115,209,255,.1),transparent);transition:right .45s var(--inner-ease)}
body.inner-premium .timeline article:hover::after{right:0}
body.inner-premium .timeline article > *{position:relative;z-index:1}
body.inner-premium .timeline strong{width:58px;height:58px;color:var(--inner-accent);border:1px solid rgba(115,209,255,.38);background:rgba(115,209,255,.06);box-shadow:0 0 40px rgba(115,209,255,.09)}
body.inner-premium .timeline h3{font-size:clamp(23px,2.1vw,35px)}

body.inner-premium .media-block{height:clamp(460px,62vw,920px);margin-top:0;border:1px solid var(--inner-line);border-radius:0;box-shadow:0 50px 130px rgba(0,0,0,.28);overflow:hidden}
body.inner-premium .media-block img{filter:saturate(.72) contrast(1.04);transition:transform 1s var(--inner-ease),filter .4s ease}
body.inner-premium .media-block:hover img{transform:scale(1.025);filter:saturate(.9)}
body.inner-premium .media-block figcaption{left:26px;bottom:26px;padding:13px 16px;background:rgba(3,11,23,.78);color:#fff;border:1px solid var(--inner-line);backdrop-filter:blur(12px)}

body.inner-premium .premium-story{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);
  min-height:100svh;
  background:#e7edf1;
  color:#071426;
}

body.inner-premium .story-media{position:relative;min-height:680px;overflow:hidden;background:#09213d}
body.inner-premium .story-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,rgba(2,9,20,.26)),linear-gradient(0deg,rgba(2,9,20,.28),transparent 42%)}
body.inner-premium .story-media img{position:absolute;inset:0;object-fit:cover;filter:saturate(.76) contrast(1.04);transform:translate3d(0,var(--story-shift,0),0) scale(1.07);will-change:transform}
body.inner-premium .story-coordinate{position:absolute;z-index:2;left:30px;bottom:28px;color:rgba(255,255,255,.72);font:700 9px Unbounded;letter-spacing:.14em}
body.inner-premium .story-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(58px,7vw,124px);background:linear-gradient(145deg,#f0f4f6,#dce5eb)}
body.inner-premium .story-kicker{color:#1778a8}
body.inner-premium .story-copy h2{margin:0;color:#071426;font-size:clamp(40px,4.4vw,78px);line-height:.96}
body.inner-premium .story-copy p{max-width:600px;margin:34px 0;color:#405063;font-size:clamp(16px,1.22vw,20px);line-height:1.72}
body.inner-premium .story-copy .btn{align-self:flex-start;background:#071426;color:#fff;min-height:52px;padding:0 24px}
body.inner-premium .story-copy .btn:hover{background:#1778a8}

body.inner-premium .closing-scene{
  display:flex;
  align-items:center;
  min-height:88svh;
  padding:clamp(110px,12vw,190px) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(115,209,255,.2),transparent 28%),
    linear-gradient(135deg,#061a31,#020914 70%);
}

body.inner-premium .closing-scene::before{content:"";position:absolute;width:52vw;height:52vw;right:-14vw;top:-24vw;border:1px solid rgba(115,209,255,.18);border-radius:50%;box-shadow:0 0 0 7vw rgba(115,209,255,.025),0 0 0 14vw rgba(115,209,255,.018)}
body.inner-premium .closing-scene h2{max-width:1180px;margin:0;font-size:clamp(52px,7.1vw,128px);line-height:.9}
body.inner-premium .closing-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:50px}
body.inner-premium .closing-actions .btn{min-height:56px;padding:0 27px}
body.inner-premium .closing-actions .btn-light{background:#fff;color:#071426}
body.inner-premium .closing-actions .btn-outline{color:#fff;border-color:rgba(255,255,255,.34)}

body.inner-premium .form{
  gap:24px;
  padding:clamp(28px,4vw,56px);
  border:1px solid var(--inner-line);
  border-radius:0;
  background:linear-gradient(145deg,rgba(14,42,72,.9),rgba(5,18,36,.96));
  box-shadow:0 42px 110px rgba(0,0,0,.26);
  backdrop-filter:blur(20px);
}

body.inner-premium .form label{color:rgba(255,255,255,.58)}
body.inner-premium .form input,
body.inner-premium .form textarea{min-height:54px;border-bottom-color:rgba(255,255,255,.28);font-size:16px}
body.inner-premium .form textarea{padding-top:18px}
body.inner-premium .form .form-message{grid-column:1/3}
body.inner-premium .form .form-message textarea{width:100%}
body.inner-premium .form input:focus,
body.inner-premium .form textarea:focus{border-bottom-color:var(--inner-accent);box-shadow:0 1px 0 var(--inner-accent)}

body.inner-premium .footer{padding-top:86px;background:#010712;border-top:1px solid var(--inner-line)}
body.inner-premium .footer a{transition:color .2s ease}
body.inner-premium .footer a:hover{color:var(--inner-accent)}

.inner-progress{
  position:fixed;
  inset:0 0 auto;
  z-index:120;
  height:2px;
  background:linear-gradient(90deg,var(--inner-accent),#fff,var(--inner-warm));
  transform:scaleX(0);
  transform-origin:left;
  box-shadow:0 0 18px rgba(115,209,255,.42);
  pointer-events:none;
}

.inner-rail{
  position:fixed;
  right:22px;
  top:50%;
  z-index:60;
  display:grid;
  gap:12px;
  transform:translateY(-50%);
}

.inner-rail a{position:relative;display:grid;place-items:center;width:28px;height:28px;color:transparent}
.inner-rail a::before{content:"";width:5px;height:5px;border:1px solid rgba(255,255,255,.54);border-radius:50%;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.inner-rail a.is-active::before{transform:scale(1.8);border-color:var(--inner-accent);background:var(--inner-accent)}

.inner-loader{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  background:#020914;
  color:#fff;
  transition:opacity .72s var(--inner-ease),visibility .72s ease;
}

.inner-loader.is-hidden{opacity:0;visibility:hidden}
.inner-loader-brand{font:600 clamp(28px,5vw,72px)/1 Unbounded,Arial,sans-serif;letter-spacing:-.08em}
.inner-loader-brand span{color:var(--inner-accent)}
.inner-loader-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.08);overflow:hidden}
.inner-loader-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--inner-accent),transparent);animation:innerLoad 1.25s ease-in-out infinite;transform:translateX(-100%)}

.premium-reveal{opacity:1;transform:none;transition:opacity .82s var(--inner-ease),transform .82s var(--inner-ease),clip-path 1s var(--inner-ease)}
.inner-js .premium-reveal:not(.is-visible){opacity:0;transform:translateY(54px)}
.inner-js .premium-reveal.reveal-left:not(.is-visible){transform:translateX(-70px)}
.inner-js .premium-reveal.reveal-right:not(.is-visible){transform:translateX(70px)}
.inner-js .premium-reveal.reveal-image:not(.is-visible){opacity:1;transform:none;clip-path:inset(0 96% 0 0)}
.inner-js .premium-reveal.reveal-image.is-visible{clip-path:inset(0)}

.inner-exit{position:fixed;inset:0;z-index:190;background:#020914;pointer-events:none;opacity:0;transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--inner-ease),opacity .2s ease}
.inner-exit.is-active{opacity:1;transform:scaleY(1)}

body.inner-premium a:focus-visible,
body.inner-premium button:focus-visible,
body.inner-premium input:focus-visible,
body.inner-premium textarea:focus-visible{outline:3px solid var(--inner-accent);outline-offset:4px}

@keyframes innerCue{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@keyframes innerLoad{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}

@media(max-width:1180px){
  body.inner-premium .header-main{grid-template-columns:180px 1fr auto;gap:18px}
  body.inner-premium .nav{gap:14px}
  body.inner-premium .nav a{font-size:10px}
  body.inner-premium .page-hero h1{width:94%}
  body.inner-premium .hero-side-index,.inner-rail{display:none}
  body.inner-premium .premium-story{grid-template-columns:1fr 440px}
  body.inner-premium .story-copy{padding:56px}
}

@media(max-width:980px){
  html:has(body.inner-premium){scroll-snap-type:none}
  body.inner-premium .site-header{background:rgba(3,11,23,.78);backdrop-filter:blur(18px)}
  body.inner-premium .header-main{display:flex;min-height:78px}
  body.inner-premium .mobile-panel{
    position:fixed;
    inset:78px 0 auto;
    max-height:calc(100svh - 78px);
    padding:20px var(--inner-gutter) 32px;
    background:rgba(2,9,20,.97);
    border-top:1px solid var(--inner-line);
    overflow:auto;
  }
  body.inner-premium .mobile-panel.open{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}
  body.inner-premium .mobile-panel a{min-height:52px;display:flex;align-items:center;color:rgba(255,255,255,.78)}
  body.inner-premium .page-hero{min-height:820px;padding:132px 0 48px}
  body.inner-premium .page-hero::before{background-image:linear-gradient(90deg,rgba(2,9,20,.95),rgba(2,9,20,.5)),linear-gradient(0deg,rgba(2,9,20,.98),transparent 54%),var(--hero-image)}
  body.inner-premium .page-hero h1{width:100%;font-size:clamp(46px,9.5vw,88px)}
  body.inner-premium .hero-detail-grid{grid-template-columns:1fr;gap:28px}
  body.inner-premium .hero-actions{justify-content:flex-start}
  body.inner-premium .hero-scroll-cue{display:none}
  body.inner-premium .proof-grid{grid-template-columns:repeat(2,1fr)}
  body.inner-premium .proof-item{border-bottom:1px solid var(--inner-line)}
  body.inner-premium .split{grid-template-columns:1fr}
  body.inner-premium .section{min-height:auto}
  body.inner-premium .grid.four .card:nth-child(n){grid-column:auto}
  body.inner-premium .services-stage{grid-template-columns:1fr}
  body.inner-premium .services-visual{position:relative;top:auto;min-height:520px}
  body.inner-premium.inner-portfolio .case-card:nth-child(n){grid-column:span 6}
  body.inner-premium .premium-story{grid-template-columns:1fr;min-height:auto}
  body.inner-premium .story-media{min-height:70vw}
  body.inner-premium .story-copy{min-height:620px}
}

@media(max-width:900px){
  :root{--inner-gutter:20px}
  html,body.inner-premium{width:100%;max-width:100%;overflow-x:clip}
  body.inner-premium main,body.inner-premium section,body.inner-premium .container{min-width:0;max-width:100%}
  body.inner-premium::before{background-size:42px 42px}
  body.inner-premium .site-header{padding-top:env(safe-area-inset-top)}
  body.inner-premium .header-main{min-height:76px}
  body.inner-premium .logo{display:inline-flex;align-items:center;min-height:48px}
  body.inner-premium .menu-toggle{min-width:58px;min-height:48px;padding:0 14px;touch-action:manipulation}
  body.inner-premium .mobile-panel{inset:calc(76px + env(safe-area-inset-top)) 0 auto;max-height:calc(100svh - 76px - env(safe-area-inset-top));padding-bottom:calc(28px + env(safe-area-inset-bottom))}
  body.inner-premium .mobile-panel.open{grid-template-columns:1fr 1fr}
  body.inner-premium .mobile-panel a{min-height:54px;padding:10px 0;touch-action:manipulation}
  body.inner-premium .page-hero{min-height:100svh;padding-top:116px;padding-bottom:34px}
  body.inner-premium .breadcrumbs{max-width:100%;margin-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.inner-premium .breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;touch-action:manipulation}
  body.inner-premium .hero-kicker{font-size:8px}
  body.inner-premium .page-hero h1{font-size:clamp(40px,11.7vw,68px);line-height:.94;letter-spacing:-.07em}
  body.inner-premium .hero-detail-grid{margin-top:32px;padding-top:20px}
  body.inner-premium .hero-lead{font-size:15px}
  body.inner-premium .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  body.inner-premium .hero-actions .btn{width:100%;min-width:0;padding:0 14px;font-size:10px}
  body.inner-premium .proof-grid{grid-template-columns:1fr 1fr}
  body.inner-premium .proof-item{min-height:130px;padding:24px 18px}
  body.inner-premium .proof-item strong{font-size:25px}
  body.inner-premium .proof-item span{font-size:9px}
  body.inner-premium .section{padding:96px 0}
  body.inner-premium .section::before{top:44px;font-size:76px}
  body.inner-premium h2{font-size:clamp(35px,10.8vw,58px)}
  body.inner-premium .lead{font-size:16px}
  body.inner-premium .grid,
  body.inner-premium .grid.two,
  body.inner-premium .grid.four{grid-template-columns:1fr;margin-top:46px}
  body.inner-premium .card{min-height:235px}
  body.inner-premium .card h3{margin-top:58px;font-size:26px}
  body.inner-premium .services-visual{min-height:110vw}
  body.inner-premium .service-row{grid-template-columns:38px 1fr 36px;min-height:128px;padding-inline:6px;gap:12px}
  body.inner-premium .service-row:hover,
  body.inner-premium .service-row.is-active{padding-left:10px}
  body.inner-premium .service-row p{font-size:12px}
  body.inner-premium .service-row span{width:34px;height:34px}
  body.inner-premium .service-row{touch-action:manipulation}
  body.inner-premium.inner-portfolio .grid.two{display:block}
  body.inner-premium.inner-portfolio .case-card{display:block;min-height:560px;margin-bottom:18px}
  body.inner-premium.inner-portfolio .case-card .pic{min-height:380px}
  body.inner-premium .timeline article{grid-template-columns:62px 1fr;padding-right:0}
  body.inner-premium .timeline h3{font-size:23px}
  body.inner-premium .media-block{height:118vw}
  body.inner-premium .story-media{min-height:88vw}
  body.inner-premium .story-copy{min-height:auto;padding:72px 20px}
  body.inner-premium .story-copy h2{font-size:clamp(36px,11vw,58px)}
  body.inner-premium .closing-scene{min-height:82svh}
  body.inner-premium .closing-scene h2{font-size:clamp(44px,12vw,68px)}
  body.inner-premium .closing-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:36px}
  body.inner-premium .form{grid-template-columns:1fr;padding:24px}
  body.inner-premium .form textarea{grid-column:auto}
  body.inner-premium .form .form-message{grid-column:auto}
  body.inner-premium .form .btn{width:100%;min-height:52px}
  body.inner-premium .card a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
  body.inner-premium .footer{padding:64px var(--inner-gutter) calc(24px + env(safe-area-inset-bottom))}
  body.inner-premium .footer-grid{grid-template-columns:1fr 1fr;gap:24px 18px}
  body.inner-premium .footer-grid br{display:none}
  body.inner-premium .footer-grid a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere;touch-action:manipulation}
  body.inner-premium .bottom{line-height:1.5}
}

@media(prefers-reduced-motion:reduce){
  html:has(body.inner-premium){scroll-behavior:auto}
  body.inner-premium *,body.inner-premium *::before,body.inner-premium *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  body.inner-premium .hero-word,.inner-js .premium-reveal:not(.is-visible){opacity:1;transform:none;clip-path:none}
  body.inner-premium .page-hero::before,body.inner-premium .story-media img{transform:scale(1.03)}
}
