:root{
  --ink:#14191D;
  --paper:#F4F0E8;
  --signal:#FF593D;
  --signal-ink:#14191D;
  --champagne:#CFBBA3;
  --white:#FFFFFF;
  --muted:#777E83;
  --display:"Space Grotesk",system-ui,sans-serif;
  --body:"Manrope",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --max:1200px;
  --header-h:76px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --line:rgba(20,25,29,.12);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
body{
  margin:0;
  font-family:var(--body);
  font-size:1.05rem;
  line-height:1.65;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  max-width:100%;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--signal)}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--signal);color:#fff;padding:.7rem 1rem;z-index:1000}
.skip:focus{left:1rem;top:1rem}
.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}
h1,h2,h3{
  font-family:var(--display);
  font-weight:700;
  letter-spacing:-.035em;
  line-height:1.05;
  margin:0 0 .85rem;
  hyphens:none;-webkit-hyphens:none;
}
/* Phone numbers never wrap mid-number */
a[href^="tel:"],.phone-num{white-space:nowrap}
h1{font-size:clamp(2.4rem,7vw,4.8rem)}
h2{font-size:clamp(1.8rem,4.2vw,3.2rem)}
h3{font-size:clamp(1.2rem,2vw,1.55rem)}
p{margin:0 0 1rem;color:#2A3035}
.lead{font-size:clamp(1.05rem,2vw,1.25rem);max-width:38rem;color:#2A3035;hyphens:none;-webkit-hyphens:none}
.prose,.deck,.page-hero h1{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal}
.mono{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;color:#2A3035;font-weight:500}
.progress{
  position:fixed;inset:0 auto auto 0;height:3px;width:0;z-index:100;
  background:linear-gradient(90deg,var(--signal),var(--champagne));
}

/* Buttons */
.btn{
  --mx:50%; --my:50%;
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:3.15rem;padding:.85rem 1.4rem;border-radius:999px;
  font-family:var(--display);font-weight:700;font-size:.98rem;
  border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s ease,color .25s ease;
  overflow:hidden;
}
.btn-signal,
a.btn-signal{
  background:var(--signal);color:var(--signal-ink);
  font-size:1.05rem;font-weight:800;
  box-shadow:0 14px 36px rgba(255,89,61,.28);
}
.btn-signal:hover,
a.btn-signal:hover,
.btn-signal:focus-visible,
a.btn-signal:focus-visible{
  background:var(--ink);color:var(--paper);border-color:var(--ink);
  transform:translateY(-2px);box-shadow:0 18px 42px rgba(20,25,29,.28);
}
.btn-line,
a.btn-line{
  background:transparent;border-color:rgba(20,25,29,.22);color:var(--ink);
}
.btn-line:hover,
a.btn-line:hover{
  border-color:var(--ink);color:var(--ink);background:rgba(20,25,29,.04);
}
.btn-light,
a.btn-light{background:var(--white);color:var(--ink)}
.btn-light:hover,
a.btn-light:hover{color:var(--ink);transform:translateY(-2px)}
.btn-ghost-light,
a.btn-ghost-light{background:transparent;border-color:rgba(244,240,232,.35);color:var(--paper)}
.btn-ghost-light:hover,
a.btn-ghost-light:hover{border-color:var(--signal);color:#fff}

/* Header */
.topbar{
  position:fixed;inset:0 0 auto 0;z-index:100;height:var(--header-h);
  transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;
}
.topbar::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:transparent;border-bottom:1px solid transparent;transition:.3s ease;
}
.topbar.is-on::before,.topbar.is-solid::before{
  background:rgba(244,240,232,.88);
  backdrop-filter:blur(14px);
  border-bottom-color:var(--line);
  box-shadow:0 10px 30px rgba(20,25,29,.06);
}
.topbar-row{height:var(--header-h);display:flex;align-items:center;gap:1rem}
.logo{
  display:inline-flex;align-items:center;gap:.7rem;
  text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:700;
  min-width:0;
}
.logo-mark{
  width:46px;height:46px;flex:none;border-radius:12px;
  display:block;object-fit:contain;
  background:transparent;padding:0;
  box-shadow:0 0 0 1px rgba(20,25,29,.08);
}
.logo-text{font-size:.95rem;letter-spacing:-.025em;line-height:1.05}
.logo-text small{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;color:var(--signal);font-weight:500;margin-top:.2rem}
.floor .logo-mark{background:rgba(244,240,232,.06);padding:4px;box-shadow:none}
.floor .logo-text{color:var(--paper)}
.floor .logo-text small{color:rgba(255,89,61,.85)}
.nav{margin-left:auto}
.nav ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0;align-items:center}
.nav a{
  display:block;padding:.55rem .8rem;border-radius:999px;
  text-decoration:none;color:var(--muted);font-weight:600;font-size:.92rem;
}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink);background:rgba(20,25,29,.05)}
.nav-drop{position:relative}
.nav-panel{
  position:absolute;top:100%;left:0;min-width:260px;z-index:80;
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  padding:.45rem;box-shadow:0 20px 50px rgba(20,25,29,.12);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  transition-delay:.12s;
}
.nav-panel::before{
  content:"";position:absolute;left:0;right:0;bottom:100%;height:14px;
}
.nav-drop:hover .nav-panel,.nav-drop:focus-within .nav-panel{
  opacity:1;visibility:visible;pointer-events:auto;transform:none;
  transition-delay:0s;
}
.nav-panel a{border-radius:10px;display:block;padding:.65rem .8rem}
/* L2: panel under Usługi, flyout opens left so it stays in viewport */
.nav-panel--l2{
  left:auto;right:0;min-width:240px;padding:.4rem;
}
.nav-cat{position:relative}
.nav-cat-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  border:0;background:transparent;cursor:pointer;text-align:left;
  padding:.7rem .85rem;border-radius:10px;
  font:inherit;font-weight:700;font-size:.92rem;color:var(--ink);
}
.nav-cat-btn:hover,.nav-cat.is-open > .nav-cat-btn,.nav-cat:focus-within > .nav-cat-btn{
  background:rgba(20,25,29,.05);color:var(--ink);
}
.nav-cat-chevron{
  width:.45rem;height:.45rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:rotate(135deg);flex:0 0 auto;opacity:.7; /* points left toward flyout */
}
.nav-sub{
  position:absolute;right:calc(100% + .35rem);left:auto;top:-.2rem;min-width:270px;z-index:81;
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  padding:.45rem;box-shadow:0 20px 50px rgba(20,25,29,.14);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.nav-sub::before{
  content:"";position:absolute;top:0;bottom:0;left:100%;width:.55rem;
}
.nav-cat:hover > .nav-sub,.nav-cat:focus-within > .nav-sub{
  opacity:1;visibility:visible;pointer-events:auto;transform:none;
}
.nav-sub a{font-weight:600;font-size:.9rem;color:var(--muted)}
.nav-sub a:hover,.nav-sub a[aria-current="page"]{color:var(--ink);background:rgba(20,25,29,.05)}
.top-actions{display:flex;align-items:center;gap:.55rem;margin-left:.5rem}
.lang-switch{
  display:inline-flex;align-items:center;gap:.4rem;
  min-height:2.55rem;padding:.35rem .65rem .35rem .45rem;
  border:1px solid var(--line);border-radius:999px;
  background:transparent;color:var(--ink);
  text-decoration:none;font-family:var(--mono);font-size:.68rem;font-weight:600;
  letter-spacing:.08em;line-height:1;
  transition:border-color .2s ease,background .2s ease,transform .2s var(--ease);
}
.lang-switch:hover{
  color:var(--ink);border-color:rgba(20,25,29,.28);background:rgba(20,25,29,.04);
}
.lang-flag{
  display:block;flex:none;width:22px;height:15px;border-radius:2px;
  box-shadow:0 0 0 1px rgba(20,25,29,.08);
}
.lang-code{padding-top:1px}
.burger{
  display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);
  background:var(--white);cursor:pointer;padding:0;
}
.burger i{display:block;width:18px;height:2px;margin:4px auto;background:var(--ink)}

@media (max-width:980px){
  :root{--header-h:68px}
  .logo-mark{width:40px;height:40px;border-radius:10px}
  .logo-text{font-size:.8rem}
  .logo-text small{font-size:.52rem;letter-spacing:.14em}
  .top-actions .btn-signal{
    min-height:2.65rem;padding:.55rem .85rem;font-size:.82rem;white-space:nowrap;
  }
  .top-actions .btn-signal .btn-full{display:none}
  .lang-switch{min-height:2.45rem;padding:.3rem .55rem .3rem .4rem;gap:.35rem}
  .lang-flag{width:20px;height:14px}
  .nav{
    position:fixed;top:var(--header-h);left:0;right:0;bottom:0;width:100%;max-width:100%;
    background:rgba(244,240,232,.98);
    transform:translateY(-110%);opacity:0;pointer-events:none;
    transition:.3s var(--ease);overflow:auto;overflow-x:hidden;
  }
  .nav.is-open{transform:none;opacity:1;pointer-events:auto}
  .nav ul{flex-direction:column;align-items:stretch;padding:1.2rem;gap:.35rem}
  .nav a{padding:1rem 1.1rem;font-size:1.2rem;border-radius:14px}
  .nav-panel{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border:0;padding:0 0 0 .35rem;background:transparent;min-width:0;transition:none}
  .nav-panel::before{display:none}
  .nav-panel--l2{left:auto;right:auto;min-width:0;padding:0}
  .nav-cat{border-bottom:1px solid var(--line)}
  .nav-cat-btn{padding:1rem 1.1rem;font-size:1.1rem;border-radius:14px}
  .nav-cat-chevron{transform:rotate(45deg);transition:transform .2s ease}
  .nav-cat.is-open .nav-cat-chevron{transform:rotate(-135deg)}
  .nav-sub{
    position:static;opacity:1;visibility:visible;pointer-events:none;
    transform:none;box-shadow:none;border:0;background:transparent;
    max-height:0;overflow:hidden;padding:0 0 0 .6rem;min-width:0;
    transition:max-height .28s ease;
  }
  .nav-cat.is-open > .nav-sub{max-height:40rem;pointer-events:auto;padding:0 0 .5rem .6rem}
  .nav-sub a{font-size:1.05rem;padding:.85rem 1rem}
  .burger{display:inline-grid;place-items:center}
}
@media (max-width:420px){
  .logo-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .top-actions .btn-signal{font-size:.78rem;padding:.55rem .7rem}
  .lang-switch .lang-code{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .lang-switch{padding:.35rem;min-width:2.45rem;justify-content:center}
}

/* Hero — X-RAY is the premium focal point; copy/CTAs stay secondary */
.hero{
  min-height:100svh;
  padding:calc(var(--header-h) + 1.15rem) 0 2.6rem;
  display:grid;align-items:center;
  background:
    radial-gradient(ellipse 58% 52% at 90% 44%,rgba(255,89,61,.16),transparent 60%),
    radial-gradient(circle at 12% 18%,rgba(207,187,163,.16),transparent 34%),
    linear-gradient(180deg,#F7F3EB 0%,var(--paper) 52%,#EDE7DB 100%);
  overflow:hidden;
}
.hero > .wrap{
  width:min(100% - 1.5rem,1360px);
}
@media (max-width:760px){
  .hero{min-height:auto;padding:calc(var(--header-h) + 1rem) 0 2rem}
  .hero-stage{min-height:300px;margin-top:.5rem}
  .hero h1{font-size:clamp(1.85rem,8.8vw,2.55rem)}
  .hero-cta .btn{width:100%}
}
.hero-grid{
  display:grid;gap:1.35rem;align-items:center;
}
@media (min-width:980px){
  .hero-grid{
    grid-template-columns:minmax(280px,.68fr) minmax(0,1.55fr);
    gap:1.5rem 2rem;
    min-height:calc(100svh - var(--header-h) - 2.8rem);
    align-items:center;
  }
}
@media (min-width:1200px){
  .hero-grid{grid-template-columns:minmax(300px,.58fr) minmax(0,1.7fr);gap:1.4rem 1.75rem}
}
.hero-kicker{
  display:inline-flex;align-items:center;gap:.55rem;margin:0 0 .75rem;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);
  font-weight:500;
}
.hero-kicker::before{content:"";width:22px;height:1px;background:var(--signal)}
.hero h1{
  max-width:13ch;margin-bottom:.75rem;
  font-size:clamp(1.9rem,3.6vw,2.85rem);
  letter-spacing:-.03em;line-height:1.08;
}
.hero .lead{
  font-size:clamp(.95rem,1.35vw,1.08rem);
  max-width:32rem;margin-bottom:0;line-height:1.55;
}
.hero-lines span{
  display:block;overflow:hidden;
}
.hero-lines span > span{
  display:block;font-style:normal;
  transform:translateY(110%);
  animation:lineUp .8s var(--ease) forwards;
}
.hero.is-ready .hero-lines span:nth-child(1) > span{animation-delay:.15s}
.hero.is-ready .hero-lines span:nth-child(2) > span{animation-delay:.28s}
@keyframes lineUp{from{transform:translateY(110%)}to{transform:none}}
.hero-cta{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.15rem 0 .9rem}
.hero-cta .btn{
  min-height:2.55rem;padding:.6rem 1.05rem;font-size:.9rem;font-weight:700;
  box-shadow:none;
}
.hero-cta .btn-signal{box-shadow:0 10px 24px rgba(255,89,61,.22);font-size:.92rem}
.hero-cta .btn-signal:hover,.hero-cta .btn-signal:focus-visible{box-shadow:0 12px 28px rgba(20,25,29,.2)}
.hero-loc{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* Photographic PRECISION X-RAY — identical 1376/768 layers */
.hero-visual{position:relative;min-width:0;z-index:1}
@media (min-width:980px){
  .hero-visual{transform:scale(1.02);transform-origin:center right}
}
.hero-visual::before{
  content:"";position:absolute;inset:-10% -8% -12% -6%;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 72% 58% at 55% 48%,rgba(255,89,61,.24),transparent 70%),
    radial-gradient(circle at 70% 30%,rgba(207,187,163,.18),transparent 45%);
  filter:blur(2px);
}
.visual-meta,.visual-foot{
  position:relative;z-index:2;
  display:flex;justify-content:space-between;gap:.6rem;
  color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
}
.visual-meta{margin-bottom:.4rem}
.visual-foot{margin-top:.55rem}
.device-shell{
  position:relative;z-index:1;padding:0;border:0;background:transparent;
  box-shadow:none;
}
.device-shell::after{
  content:"";position:absolute;inset:auto 8% -18px 8%;height:28px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(20,25,29,.35),transparent 70%);
  filter:blur(8px);
}
.device-stage{
  position:relative;width:100%;aspect-ratio:1376/768;background:#0f1418;overflow:hidden;
  cursor:crosshair;--scan-x:60%;--scan-y:72%;--scan-radius:86px;isolation:isolate;
  border-radius:6px;
  box-shadow:
    0 0 0 1px rgba(255,89,61,.2),
    0 32px 90px rgba(13,20,20,.32),
    0 0 70px rgba(255,89,61,.12);
}
.image-layer{position:absolute;inset:0;width:100%;height:100%;display:block;margin:0}
.image-layer img{
  display:block;width:100%;height:100%;object-fit:fill;
  user-select:none;-webkit-user-drag:none;pointer-events:none;
}
.image-base{z-index:0}
.image-xray{
  z-index:1;pointer-events:none;opacity:1;
  mask-image:radial-gradient(circle var(--scan-radius) at var(--scan-x) var(--scan-y),#000 0%,#000 63%,transparent 100%);
  -webkit-mask-image:radial-gradient(circle var(--scan-radius) at var(--scan-x) var(--scan-y),#000 0%,#000 63%,transparent 100%);
}
.device-stage[data-mode="normal"]{cursor:default}
.device-stage[data-mode="normal"] .image-xray{opacity:0}
.device-stage[data-mode="xray"]{cursor:default}
.device-stage[data-mode="xray"] .image-xray{mask-image:none;-webkit-mask-image:none}
.scan-reticle{
  position:absolute;pointer-events:none;z-index:2;
  left:var(--scan-x);top:var(--scan-y);
  width:calc(var(--scan-radius) * 2);height:calc(var(--scan-radius) * 2);
  border:1px solid rgba(255,100,55,.9);border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:
    0 0 0 1px rgba(255,81,43,.22),
    inset 0 0 48px rgba(255,95,55,.16),
    0 0 36px rgba(255,95,55,.22);
}
.scan-reticle::before,.scan-reticle::after{
  content:"";position:absolute;width:11px;height:11px;border:2px solid var(--signal);
}
.scan-reticle::before{left:14.5%;top:14.5%;border-right:0;border-bottom:0}
.scan-reticle::after{right:14.5%;bottom:14.5%;border-left:0;border-top:0}
.scan-cross{display:block;position:absolute;background:rgba(255,125,80,.7);top:50%;left:50%}
.scan-cross-h{width:22px;height:1px;transform:translate(-50%,-50%)}
.scan-cross-v{height:22px;width:1px;transform:translate(-50%,-50%)}
.device-stage[data-mode="normal"] .scan-reticle,
.device-stage[data-mode="xray"] .scan-reticle{display:none}
.visual-corner{position:absolute;z-index:3;width:23px;height:23px;pointer-events:none}
.visual-corner-tl{top:14px;left:14px;border-left:2px solid var(--signal);border-top:2px solid var(--signal)}
.visual-corner-br{bottom:14px;right:14px;border-right:2px solid var(--signal);border-bottom:2px solid var(--signal)}
.scan-legend{
  position:absolute;z-index:4;left:17px;top:14px;color:#E8EDE8;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;
  display:flex;align-items:center;gap:.45rem;
  background:rgba(13,18,22,.66);padding:.45rem .55rem;backdrop-filter:blur(8px);
}
.scan-legend small{
  font-family:var(--mono);font-size:.62rem;color:#ADBBB9;
  padding-left:.55rem;border-left:1px solid #667;
}
.scan-dot{background:var(--signal);width:5px;height:5px;border-radius:50%}
.hotspot-field{display:none;position:absolute;z-index:5;inset:0;pointer-events:none}
.device-stage[data-mode="xray"] .hotspot-field{display:block}
.hotspot{
  pointer-events:auto;position:absolute;left:var(--hx);top:var(--hy);
  transform:translate(-50%,-50%);width:17px;height:17px;min-width:17px;min-height:17px;
  border:1px solid #fff;border-radius:50%;background:var(--signal);cursor:help;
  box-shadow:0 0 0 6px rgba(255,89,61,.2);padding:0;
}
.hotspot:hover,.hotspot:focus-visible{background:#fff;box-shadow:0 0 0 7px rgba(255,89,61,.34)}
.hotspot::after{
  content:attr(data-tooltip);font-family:var(--mono);font-size:.72rem;color:#fff;
  background:rgba(11,17,21,.96);padding:.6rem .8rem;white-space:nowrap;
  position:absolute;left:50%;top:calc(100% + 13px);transform:translateX(-50%) translateY(-7px);
  opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;
}
.hotspot:hover::after,.hotspot:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}
.visual-controls{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.95rem;
}
.view-selector{
  display:inline-flex;gap:3px;padding:4px;border:1px solid rgba(20,25,29,.14);
  background:rgba(255,255,255,.62);backdrop-filter:blur(10px);border-radius:14px;
}
.view-button{
  border:0;padding:.75rem .9rem;background:transparent;color:var(--muted);
  font-family:var(--mono);font-size:.68rem;cursor:pointer;white-space:nowrap;border-radius:10px;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.view-button strong{font-family:var(--display);font-weight:700;font-size:.78rem;color:inherit;margin-left:.45rem}
.view-button:hover{color:var(--ink)}
.view-button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.visual-hint{font-family:var(--mono);font-size:.68rem;color:var(--muted)}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@media (max-width:760px){
  .device-stage{--scan-radius:48px;border-radius:2px}
  .hero-visual::before{inset:-4% -2% -6% -2%;opacity:.85}
  .visual-controls{flex-direction:column;align-items:stretch}
  .view-selector{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .view-button{padding:.85rem .3rem;text-align:center;min-height:3.1rem}
  .view-button strong{display:block;margin:.3rem 0 0;font-size:.8rem}
  .visual-hint{text-align:center}
  .scan-legend small{display:none}
  .hotspot{width:16px;height:16px;min-width:16px;min-height:16px;box-shadow:0 0 0 5px rgba(255,89,61,.24)}
  .hotspot::after{font-size:.65rem;padding:.4rem .55rem}
  .visual-meta,.visual-foot{font-size:.6rem;letter-spacing:.08em}
}
@media (max-width:980px){
  .visual-hint{display:none}
}
@media (max-width:760px){
  .visual-hint{display:block}
}

/* Sections */
.section{padding:clamp(3.75rem,8vw,7rem) 0;position:relative}
.section-dark{background:var(--ink);color:var(--paper)}
.section-dark p,.section-dark .lead{color:rgba(244,240,232,.68)}
.section-dark h2,.section-dark h3{color:var(--paper)}
.section-head{max-width:40rem;margin-bottom:2.6rem}
.rule{
  width:72px;height:2px;background:var(--signal);margin:0 0 1.2rem;border:0;
}

/* Editorial service index */
.editorial{
  display:grid;gap:1.35rem;
}
@media (min-width:900px){
  .editorial{grid-template-columns:1.25fr .85fr;grid-template-rows:auto auto;gap:1.4rem}
  .ed-card:nth-child(1){grid-row:span 2;min-height:580px}
  .ed-card-media{min-height:260px}
}
.ed-card{
  position:relative;overflow:hidden;border-radius:26px;
  min-height:250px;padding:1.7rem 1.65rem;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:var(--ink);color:var(--paper);text-decoration:none;
  border:1px solid rgba(207,187,163,.2);
  transition:transform .35s var(--ease),box-shadow .35s ease;
}
.ed-card::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(20,25,29,.15) 0%,rgba(20,25,29,.42) 45%,rgba(20,25,29,.9) 100%),
    linear-gradient(135deg,rgba(255,89,61,.12),transparent 55%);
}
.ed-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:.62;filter:saturate(.86) contrast(1.06) brightness(.92);
  transition:transform .7s var(--ease),opacity .35s ease,filter .35s ease;
}
.ed-card:hover{transform:translateY(-4px);box-shadow:0 28px 64px rgba(20,25,29,.2);color:var(--paper)}
.ed-card:hover img{transform:scale(1.05);opacity:.7}
.ed-card .num{position:relative;z-index:1;font-family:var(--mono);color:var(--signal);margin-bottom:.6rem;letter-spacing:.08em;font-size:.75rem}
.ed-card h3{position:relative;z-index:1;max-width:13ch;font-size:clamp(1.25rem,2.2vw,1.7rem)}
.ed-card p{position:relative;z-index:1;color:rgba(244,240,232,.74);margin:0;max-width:28ch;font-size:.95rem}
@media (max-width:760px){
  .ed-card{min-height:220px;border-radius:22px;padding:1.35rem}
  .editorial{gap:1rem}
}
.service-index{
  margin-top:2.5rem;display:grid;gap:.15rem;
  border-top:1px solid var(--line);
}
.service-index a{
  display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;
  padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);
}
.service-index a:hover{color:var(--signal)}
.service-index .i{font-family:var(--mono);font-size:.75rem;color:var(--muted)}
.service-index strong{font-family:var(--display);font-size:1.05rem}
.service-index .go{color:var(--signal);font-weight:700}

/* Premium 3D flip cards */
.flip-index{margin-top:3.25rem}
.flip-index-head{margin-bottom:1.25rem}
.flip-index-head .mono{color:var(--muted)}
.flip-grid{
  display:grid;
  gap:1.2rem;
  grid-template-columns:1fr;
  perspective:1200px;
}
.flip-grid--index{
  margin-top:0;
  padding-top:1.75rem;
  border-top:1px solid var(--line);
}
@media (min-width:640px){.flip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}}
@media (min-width:1024px){.flip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.45rem}}
.flip-card{
  position:relative;
  min-height:340px;
  border:0;
  background:transparent;
  perspective:1200px;
  outline:none;
  cursor:pointer;
}
.flip-card.rise{transition-delay:calc(var(--rise-i, 0) * 45ms)}
.flip-card:nth-child(1){--rise-i:0}.flip-card:nth-child(2){--rise-i:1}.flip-card:nth-child(3){--rise-i:2}
.flip-card:nth-child(4){--rise-i:3}.flip-card:nth-child(5){--rise-i:4}.flip-card:nth-child(6){--rise-i:5}
.flip-card:nth-child(7){--rise-i:6}.flip-card:nth-child(8){--rise-i:7}.flip-card:nth-child(9){--rise-i:8}
.flip-card:nth-child(10){--rise-i:3}.flip-card:nth-child(11){--rise-i:4}.flip-card:nth-child(12){--rise-i:5}
.flip-card:nth-child(13){--rise-i:0}.flip-card:nth-child(14){--rise-i:1}.flip-card:nth-child(15){--rise-i:2}
.flip-card:nth-child(16){--rise-i:3}.flip-card:nth-child(17){--rise-i:4}.flip-card:nth-child(18){--rise-i:5}
.flip-inner{
  position:relative;
  width:100%;
  height:100%;
  min-height:340px;
  transform-style:preserve-3d;
  transition:transform .85s cubic-bezier(.22,.61,.36,1), box-shadow .5s cubic-bezier(.22,.61,.36,1);
  border-radius:22px;
  box-shadow:0 18px 40px rgba(20,25,29,.13), 0 1px 0 rgba(255,89,61,.1);
}
@media (max-width:760px){
  .flip-card,.flip-inner{min-height:300px}
  .flip-grid--index{padding-top:1.35rem}
}
.flip-card:hover .flip-inner,
.flip-card:focus-visible .flip-inner,
.flip-card.is-flipped .flip-inner{
  box-shadow:0 28px 70px rgba(20,25,29,.28);
}
.flip-face{
  position:absolute;
  inset:0;
  border-radius:24px;
  overflow:hidden;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-style:preserve-3d;
}
.flip-front{
  background:var(--ink);
  color:var(--paper);
  transform:rotateY(0deg);
}
.flip-front picture,
.flip-front img{
  position:absolute;inset:0;width:100%;height:100%;
}
.flip-front img{
  object-fit:cover;
  object-position:center;
  filter:saturate(.86) contrast(1.06) brightness(.93);
  transform:scale(1.03) translate3d(0,0,0);
  transition:transform .85s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.flip-card:hover .flip-front img,
.flip-card.is-flipped .flip-front img{
  transform:scale(1.1) translate3d(var(--fx,0),var(--fy,0),0);
}
.flip-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(20,25,29,.14) 0%,rgba(20,25,29,.32) 40%,rgba(20,25,29,.88) 100%),
    linear-gradient(145deg,rgba(255,89,61,.14),transparent 48%);
  pointer-events:none;
}
.flip-front-copy{
  position:absolute;inset:auto 0 0 0;
  z-index:1;
  padding:1.35rem 1.4rem 1.5rem;
}
.flip-num{
  display:block;
  font-family:var(--mono);
  font-size:.78rem;
  letter-spacing:.08em;
  color:var(--signal);
  margin-bottom:.45rem;
}
.flip-front h3,
.flip-back h3{
  margin:0;
  font-size:clamp(1.15rem,2vw,1.4rem);
  max-width:14ch;
  color:inherit;
}
.flip-back{
  background:var(--ink);
  color:var(--paper);
  padding:1.45rem 1.4rem 1.5rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:.7rem;
  border:1px solid rgba(255,89,61,.28);
  box-shadow:inset 0 0 0 1px rgba(255,89,61,.08);
  transform:rotateY(180deg);
}
.flip-back::before{
  content:"";
  position:absolute;inset:0 auto auto 0;
  width:72px;height:3px;background:var(--signal);
}
.flip-back p{
  margin:0;
  color:rgba(244,240,232,.72);
  font-size:.95rem;
  max-width:34ch;
}
.flip-cta{
  align-self:flex-start;
  margin-top:.35rem;
  min-height:2.75rem;
  padding:.7rem 1.15rem;
  font-size:.92rem;
}
.flip-card[data-flip-axis="y"]:hover .flip-inner,
.flip-card[data-flip-axis="y"]:focus-visible .flip-inner,
.flip-card[data-flip-axis="y"].is-flipped .flip-inner{transform:rotateY(180deg)}
.flip-card[data-flip-axis="y-neg"] .flip-back{transform:rotateY(-180deg)}
.flip-card[data-flip-axis="y-neg"]:hover .flip-inner,
.flip-card[data-flip-axis="y-neg"]:focus-visible .flip-inner,
.flip-card[data-flip-axis="y-neg"].is-flipped .flip-inner{transform:rotateY(-180deg)}
.flip-card[data-flip-axis="x"] .flip-back{transform:rotateX(180deg)}
.flip-card[data-flip-axis="x"]:hover .flip-inner,
.flip-card[data-flip-axis="x"]:focus-visible .flip-inner,
.flip-card[data-flip-axis="x"].is-flipped .flip-inner{transform:rotateX(180deg)}
.flip-card[data-flip-axis="x-neg"] .flip-back{transform:rotateX(-180deg)}
.flip-card[data-flip-axis="x-neg"]:hover .flip-inner,
.flip-card[data-flip-axis="x-neg"]:focus-visible .flip-inner,
.flip-card[data-flip-axis="x-neg"].is-flipped .flip-inner{transform:rotateX(-180deg)}
@media (hover:none),(pointer:coarse){
  .flip-card:hover .flip-inner{transform:none;box-shadow:0 18px 40px rgba(20,25,29,.12)}
  .flip-card:hover .flip-front img{transform:scale(1.02)}
  .flip-card.is-flipped:hover .flip-inner{box-shadow:0 28px 70px rgba(20,25,29,.28)}
}
@media (prefers-reduced-motion:reduce){
  .flip-inner,.flip-front img{transition:opacity .2s ease!important}
  .flip-card:hover .flip-inner,
  .flip-card:focus-visible .flip-inner,
  .flip-card.is-flipped .flip-inner{transform:none!important}
  .flip-face{backface-visibility:visible;-webkit-backface-visibility:visible}
  .flip-back{transform:none!important;opacity:0;pointer-events:none}
  .flip-card.is-flipped .flip-front{opacity:0;pointer-events:none}
  .flip-card.is-flipped .flip-back{opacity:1;pointer-events:auto}
}
.flip-grid--page{
  margin:0 0 2.5rem;
  perspective:1200px;
}
.flip-grid--page .flip-card,
.flip-grid--page .flip-inner{min-height:360px}
@media (min-width:900px){
  .flip-grid--page .flip-card,
  .flip-grid--page .flip-inner{min-height:420px}
}
.flip-grid--page.flip-grid--single{
  max-width:min(100%,34rem);
  grid-template-columns:1fr;
}
@media (min-width:760px){
  .flip-grid--page.flip-grid--multi{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1100px){
  .flip-grid--page.flip-grid--multi:has(.flip-card:nth-child(3)){
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .flip-grid--page.flip-grid--multi:has(.flip-card:nth-child(4)){
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
.prose--service{max-width:46rem;padding-top:0}

/* Showcase: video height matches stage cards 01–04 on desktop */
.showcase{background:var(--ink);color:var(--paper);overflow:hidden}
.showcase .section-head{margin-bottom:1.75rem}
.showcase-grid{
  display:grid;gap:2rem;
}
.showcase-grid > *{min-width:0} /* video must not blow past its column */
@media (min-width:960px){
  .showcase-grid{
    grid-template-columns:1.05fr .95fr;
    align-items:stretch;
    gap:3rem;
  }
  .showcase-visual{
    aspect-ratio:auto;
    height:100%;
    align-self:stretch;
    min-height:0;
    width:100%;
    max-width:100%;
  }
}
.showcase-visual{
  border-radius:28px;overflow:hidden;border:1px solid rgba(207,187,163,.2);
  aspect-ratio:4/3;background:#0B0E11;
  min-width:0;
}
.showcase-visual img,.showcase-visual video{
  width:100%;height:100%;max-width:100%;
  object-fit:cover;object-position:center;opacity:.9;display:block;
}
.stage-list{display:grid;gap:1rem}
.stage-item{
  padding:1.25rem 1.3rem;border-radius:20px;
  border:1px solid rgba(207,187,163,.16);
  background:rgba(255,255,255,.03);
  transition:border-color .35s ease,background .35s ease,transform .35s ease;
}
.stage-item.is-on{
  border-color:rgba(255,89,61,.45);
  background:rgba(255,89,61,.08);
  transform:translateX(4px);
}
.stage-item .num{font-family:var(--mono);color:var(--signal);display:block;margin-bottom:.4rem}
.stage-item h3{margin:0 0 .35rem;font-size:1.25rem}
.stage-item p{margin:0;color:rgba(244,240,232,.68)}

/* About */
.about-grid{
  display:grid;gap:2.4rem;align-items:center;
}
@media (min-width:900px){.about-grid{grid-template-columns:.92fr 1.08fr;gap:3.4rem}}
.about-photo{
  border-radius:26px;overflow:hidden;border:1px solid var(--line);
  aspect-ratio:4/5;background:var(--ink);
  box-shadow:0 24px 60px rgba(20,25,29,.12);
}
.about-photo img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.88) contrast(1.05) brightness(.95);
}
.about-grid ul{margin:1.1rem 0 1.4rem;padding-left:1.15rem;color:#2A3035}
.about-grid li{margin:.45rem 0}
.pull{
  font-family:var(--display);font-size:clamp(1.45rem,2.8vw,2.05rem);
  line-height:1.2;letter-spacing:-.03em;color:var(--ink);
  border-left:3px solid var(--signal);padding-left:1.15rem;margin:1.6rem 0 1.8rem;
  max-width:28ch;
}

/* Contact impact */
.contact-band{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,89,61,.18),transparent 35%),
    var(--ink);
  color:var(--paper);
  padding:clamp(4rem,9vw,7rem) 0;
}
.contact-band h2{max-width:14ch;color:var(--paper)}
.mega-phone{
  display:inline-block;
  font-family:var(--display);font-weight:700;
  font-size:clamp(2.4rem,8vw,5.5rem);
  letter-spacing:-.04em;line-height:1;
  color:var(--paper);text-decoration:none;margin:1.2rem 0 1.5rem;
}
.mega-phone:hover{color:var(--signal)}
.contact-meta{
  display:grid;gap:1rem;
}
@media (min-width:800px){.contact-meta{grid-template-columns:repeat(3,1fr)}}
.contact-meta div{
  padding:1.1rem 1.2rem;border-radius:18px;
  border:1px solid rgba(207,187,163,.18);
  background:rgba(255,255,255,.03);
}
.contact-meta strong{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--champagne);margin-bottom:.45rem}
.contact-meta a,.contact-meta span{color:rgba(244,240,232,.84);text-decoration:none}

/* Inner pages */
.page-hero{
  padding:calc(var(--header-h) + 2.5rem) 0 2.5rem;
  background:linear-gradient(180deg,#F7F3EB,var(--paper));
  border-bottom:1px solid var(--line);
}
.page-hero .deck{max-width:40rem}
.prose{max-width:46rem;padding:2.5rem 0 1rem;color:#2A3035}
.prose h2{margin-top:2.2rem;color:var(--ink)}
.prose p{color:#2A3035}
.prose ul{padding-left:1.15rem;color:#2A3035}
.prose li{margin:.4rem 0;color:#2A3035}
.prose a:not(.btn){color:var(--signal)}
.prose a.btn-signal{color:var(--signal-ink)}
.prose a.btn-signal:hover,.prose a.btn-signal:focus-visible{color:var(--paper);background:var(--ink)}
.prose a.btn-line{color:var(--ink)}

/* Blog */
.blog-grid{display:grid;gap:1.15rem}
@media (min-width:800px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}
.blog-card{
  display:flex;flex-direction:column;gap:.55rem;
  padding:1.45rem 1.4rem 1.5rem;border-radius:20px;border:1px solid var(--line);
  background:var(--white);text-decoration:none;color:var(--ink);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  min-height:100%;
}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,25,29,.08);color:var(--ink);border-color:rgba(255,89,61,.28)}
.blog-card .mono{color:var(--signal);font-size:.72rem;letter-spacing:.1em}
.blog-card h3{margin:0;font-size:clamp(1.15rem,2vw,1.35rem);max-width:18ch}
.blog-card p{margin:0;color:#4A5157;font-size:.95rem;line-height:1.5}

/* Footer */
.floor{
  padding:3rem 0 5.5rem;background:#101418;color:rgba(244,240,232,.82);
  border-top:1px solid rgba(207,187,163,.12);
}
@media (max-width:760px){
  .floor{padding-bottom:calc(6.75rem + env(safe-area-inset-bottom,0px))}
}
.floor p,.floor .mono,.floor .lead{color:rgba(244,240,232,.82)}
.floor a{color:rgba(244,240,232,.9);text-decoration:none}
.floor a:hover{color:var(--signal)}
.floor-grid{display:grid;gap:2rem}
@media (min-width:800px){.floor-grid{grid-template-columns:1.3fr 1fr 1fr}}
.floor h3{color:var(--paper);font-size:1rem;margin-bottom:.8rem}
.floor ul{list-style:none;margin:0;padding:0}
.floor li{margin:.4rem 0}
.floor-end{
  margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(207,187,163,.12);
  display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;
  font-size:.9rem;
}
.footer-credit{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:inherit;margin-left:auto}
.footer-credit-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,240,232,.55)}
.lbs-lockup{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:6px;background:#fff;color:#111;font-weight:800;font-size:.72rem;line-height:1;letter-spacing:.01em}
.footer-credit-lbs{color:#111}
.lbs-b,.lbs-business{color:#0056b3}
.lbs-wordmark{color:#111;white-space:nowrap}
.footer-credit:hover .lbs-lockup{box-shadow:0 0 0 1px rgba(0,86,179,.35)}
.footer-credit:hover{color:inherit}
.dock{
  position:fixed;left:0;right:0;bottom:0;width:100%;max-width:100%;
  z-index:50;display:none;box-sizing:border-box;
  gap:.55rem;align-items:stretch;
  padding:.65rem .85rem calc(.65rem + env(safe-area-inset-bottom,0px));
  background:rgba(20,25,29,.96);backdrop-filter:blur(14px);
  border-top:1px solid rgba(207,187,163,.18);
  box-shadow:0 -10px 30px rgba(0,0,0,.18);
}
.dock .btn{
  flex:1 1 0;min-width:0;min-height:2.9rem;
  padding:.7rem .85rem;font-size:.95rem;font-weight:800;
  border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dock .dock-call{box-shadow:0 10px 24px rgba(255,89,61,.28)}
.dock .dock-nav{background:rgba(244,240,232,.06)}
@media (max-width:760px){.dock{display:flex}}
@media (max-width:360px){
  .dock{gap:.45rem;padding:.55rem .65rem calc(.55rem + env(safe-area-inset-bottom,0px))}
  .dock .btn{min-height:2.75rem;padding:.65rem .7rem;font-size:.9rem}
}

/* Reveal */
.rise{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--rise-i, 0) * 45ms)}
.rise.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rise,.hero-lines span > span{opacity:1;transform:none;animation:none}
}