/* =========================================================
   SŁOWIK DIGITAL v7.4
   Oferta sticky mobile, multimedia realizacje, kontakt premium
   ========================================================= */

/* HERO — mocniejsze CTA, widoczny scroll cue i subtelny znak wodny */
.conversion-hero{isolation:isolate}
.conversion-hero::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-12%;
  z-index:1;
  width:min(56vw,760px);
  aspect-ratio:1;
  pointer-events:none;
  opacity:.026;
  background:url('../img/symbol-light.png') center/contain no-repeat;
  transform:translateX(-50%) rotate(-7deg);
  filter:grayscale(1) brightness(2);
}
.conversion-hero__container{z-index:2}
.conversion-hero__button--primary{
  border-color:#ff654b!important;
  background:linear-gradient(135deg,#ff3d24 0%,#ff654b 58%,#ff8068 100%)!important;
  box-shadow:0 16px 42px rgba(255,70,44,.32),0 0 0 1px rgba(255,143,123,.18),0 0 30px rgba(255,77,48,.16)!important;
}
.conversion-hero__button--primary::before{
  content:"";
  position:absolute;
  inset:-8px;
  z-index:-1;
  border-radius:9px;
  opacity:.44;
  background:radial-gradient(circle,rgba(255,91,65,.34),transparent 68%);
  filter:blur(10px);
  animation:heroCtaAura 3.2s ease-in-out infinite;
}
.conversion-hero__button--primary:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 52px rgba(255,70,44,.42),0 0 36px rgba(255,94,70,.25)!important;
}
@keyframes heroCtaAura{50%{opacity:.82;transform:scale(1.04)}}
.conversion-hero__scroll{
  right:2px;
  bottom:26px;
  gap:14px;
  min-height:48px;
  padding:7px 9px 7px 15px;
  color:#d6edf4;
  border:1px solid rgba(114,226,239,.20);
  border-radius:28px;
  background:rgba(6,24,42,.54);
  box-shadow:0 12px 30px rgba(0,0,0,.24),0 0 24px rgba(0,184,212,.09);
  backdrop-filter:blur(8px);
  font-weight:720;
  letter-spacing:.14em;
}
.conversion-hero__scroll::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  pointer-events:none;
}
.conversion-hero__scroll i{
  width:27px;
  height:39px;
  border-color:rgba(114,226,239,.55);
  background:rgba(114,226,239,.055);
  box-shadow:0 0 18px rgba(114,226,239,.14);
}
.conversion-hero__scroll i b{left:11px;width:3px;height:7px;background:#90f1fa;box-shadow:0 0 10px #72e2ef}

/* OFERTA — nowa powierzchnia, mocne CTA i sticky stack także na telefonie */
.service-stack-card-v7{
  background:
    radial-gradient(circle at 84% 12%,color-mix(in srgb,var(--service-accent) 25%,transparent),transparent 30%),
    linear-gradient(132deg,var(--service-start),var(--service-end));
}
.service-stack-card-v7::before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--service-text) 5%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--service-text) 4%,transparent) 1px,transparent 1px);
  background-size:54px 54px;
}
.service-stack-card-v7 .button-stack{
  position:relative;
  overflow:visible;
  color:#fff!important;
  border-color:rgba(255,124,101,.72)!important;
  background:linear-gradient(135deg,#ff3d24,#ff664d 62%,#ff8068)!important;
  box-shadow:0 15px 38px rgba(255,61,36,.30),0 0 25px rgba(255,93,68,.14)!important;
}
.service-stack-card-v7 .button-stack::before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-1;
  opacity:.44;
  border-radius:11px;
  background:radial-gradient(circle,rgba(255,77,48,.38),transparent 68%);
  filter:blur(9px);
  transition:opacity .25s ease,transform .25s ease;
}
.service-stack-card-v7 .button-stack:hover{
  color:#fff!important;
  transform:translateY(-3px);
  box-shadow:0 20px 48px rgba(255,61,36,.40),0 0 32px rgba(255,93,68,.24)!important;
}
.service-stack-card-v7 .button-stack:hover::before{opacity:.78;transform:scale(1.04)}
.service-stack-card-v7 .button-stack__icon{color:#ff4b31;background:#fff}
.service-stack-card-v7 .service-expand{background:color-mix(in srgb,var(--service-text) 9%,transparent)}

@media (max-width:760px){
  .services-v7{overflow:visible!important;padding-bottom:120px}
  .service-stack-v7{display:grid!important;gap:0!important;overflow:visible!important;isolation:isolate}
  .service-stack-card-v7,
  .service-stack-card-v7:last-child{
    --mobile-stack-gap:7px;
    position:sticky!important;
    top:calc(78px + var(--card-index)*var(--mobile-stack-gap))!important;
    z-index:calc(20 + var(--card-index))!important;
    min-height:calc(100svh - 94px - var(--card-index)*var(--mobile-stack-gap))!important;
    margin:0 0 68px!important;
    padding:66px 19px 21px!important;
    overflow:hidden!important;
    contain:none!important;
    transform:translateZ(0)!important;
    border-radius:19px!important;
    box-shadow:0 25px 62px rgba(5,20,36,.26),0 0 0 1px rgba(255,255,255,.08)!important;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  .service-stack-card-v7:last-child{margin-bottom:0!important}
  .service-stack-card-v7::after{display:none}
  .service-stack-card-v7::before{opacity:.32!important;background-size:48px 48px!important}
  .service-stack-tab{height:54px;padding:0 18px;background:color-mix(in srgb,var(--service-end) 86%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--service-text) 17%,transparent)!important}
  .service-stack-card-v7 h3{margin:12px 0 14px;font-size:clamp(34px,10.5vw,44px)!important}
  .service-stack-card-v7 .service-stack-kicker{margin-bottom:8px;font-size:9px;letter-spacing:.12em}
  .service-stack-card-v7 .service-icon{width:35px;height:35px;flex-basis:35px}
  .service-stack-card-v7 .service-stack-lead{font-size:14px!important;line-height:1.55}
  .service-stack-card-v7 .service-points{gap:7px;margin:15px 0 17px}
  .service-stack-card-v7 .service-points li{padding-left:19px;font-size:12px;line-height:1.4}
  .service-stack-actions{grid-template-columns:1fr!important;gap:9px!important;margin-top:17px!important}
  .service-stack-card-v7 .button-stack,.service-stack-card-v7 .service-expand{min-height:49px!important;padding:0 16px!important;font-size:12px!important}
  .service-stack-card-v7 .service-stack-visual{margin-top:16px!important}
  .service-stack-card-v7 .service-image-frame{border-radius:12px!important;box-shadow:0 16px 35px rgba(0,9,20,.28)!important}
  .service-stack-card-v7 .service-image-frame img,.service-stack-card-v7.is-current .service-image-frame>img{height:clamp(145px,23svh,205px)!important;aspect-ratio:auto!important;transform:none!important;filter:saturate(.94) brightness(.90)!important}
  .service-image-caption{left:10px;bottom:9px;padding:7px 9px;font-size:8px}
  .service-image-caption img{width:17px;height:17px}
  .service-details{max-height:26svh;overflow:auto;padding:15px;margin-top:14px;background:color-mix(in srgb,var(--service-end) 75%,transparent)}
  .service-details ul{grid-template-columns:1fr;gap:6px}
}

/* KONTAKT — wyeksponowana, nowoczesna sekcja */
.contact-v74{
  position:relative;
  overflow:hidden;
  padding:118px 0;
  background:
    radial-gradient(circle at 8% 18%,rgba(0,184,212,.21),transparent 27%),
    radial-gradient(circle at 92% 80%,rgba(111,87,201,.17),transparent 30%),
    linear-gradient(145deg,#061426 0%,#09233d 48%,#0b1a32 100%);
}
.contact-v74::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.44;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}
.contact-v74::after{
  content:"SŁOWIK DIGITAL";
  position:absolute;
  right:-3vw;
  bottom:-3vw;
  pointer-events:none;
  color:rgba(255,255,255,.022);
  font-size:clamp(70px,12vw,190px);
  font-weight:800;
  letter-spacing:-.08em;
  white-space:nowrap;
}
.contact-panel-v74{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr)!important;
  gap:clamp(34px,5vw,76px)!important;
  padding:clamp(30px,4.5vw,66px)!important;
  border:1px solid rgba(125,226,239,.16)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.027))!important;
  box-shadow:0 45px 110px rgba(0,7,18,.40),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px);
}
.contact-copy-v74 h2{max-width:650px;font-size:clamp(39px,4.5vw,64px)!important;line-height:1.01!important}
.contact-copy-v74__lead{max-width:600px;color:#b9cad8!important;font-size:17px;line-height:1.7}
.contact-direct-v74{display:grid!important;gap:10px!important;margin-top:32px!important}
.contact-direct-v74__item{
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:14px;
  min-height:70px;
  padding:11px 15px;
  color:#fff;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
a.contact-direct-v74__item:hover{transform:translateX(4px);border-color:rgba(114,226,239,.30);background:rgba(114,226,239,.055)}
.contact-direct-v74__icon{width:46px;height:46px;display:grid;place-items:center;color:#a7f4fb;border-radius:11px;background:linear-gradient(145deg,rgba(114,226,239,.14),rgba(114,226,239,.04));box-shadow:inset 0 0 0 1px rgba(114,226,239,.14)}
.contact-direct-v74__icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.contact-direct-v74__item small{display:block;margin-bottom:4px;color:#7595aa;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.contact-direct-v74__item strong{display:block;color:#fff;font-size:15px;font-weight:650;overflow-wrap:anywhere}
.contact-assurance-v74{display:grid;grid-template-columns:30px 1fr;gap:8px 12px;margin-top:27px;padding-top:23px;border-top:1px solid rgba(255,255,255,.08)}
.contact-assurance-v74 span{color:#72e2ef;font-size:9px;letter-spacing:.12em}
.contact-assurance-v74 p{margin:0!important;color:#91aabd!important;font-size:12px}
.contact-form-v74{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:15px!important;
  padding:clamp(24px,3vw,38px)!important;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(239,247,251,.96));
  box-shadow:0 30px 75px rgba(0,7,18,.30),inset 0 1px 0 #fff;
}
.contact-form-v74__top{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:8px;padding-bottom:20px;border-bottom:1px solid #dce8ee}
.contact-form-v74__top span{display:block;margin-bottom:5px;color:#008da7;font-size:9px;font-weight:750;letter-spacing:.17em}
.contact-form-v74__top strong{color:#0a2b43;font-size:21px;font-weight:620}
.contact-form-v74__top i{color:#9db0bd;font-size:10px;font-style:normal;letter-spacing:.12em}
.contact-form-v74 .field{position:relative;display:grid;gap:7px;margin:0}
.contact-form-v74 .field > span{color:#29465c;font-size:11px;font-weight:680;letter-spacing:.025em}
.contact-form-v74 .field > span b,.contact-consent b{color:#ff5137;font-weight:800}
.contact-form-v74 input,.contact-form-v74 select,.contact-form-v74 textarea{
  width:100%;
  min-height:52px;
  padding:0 15px;
  color:#0c2b42;
  border:1px solid #cedce5;
  border-radius:8px;
  outline:0;
  background:#fff;
  box-shadow:0 7px 18px rgba(8,27,51,.035);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.contact-form-v74 textarea{min-height:142px;padding:14px 15px;resize:vertical}
.contact-form-v74 input:focus,.contact-form-v74 select:focus,.contact-form-v74 textarea:focus{border-color:#34bcd2;box-shadow:0 0 0 4px rgba(0,184,212,.10),0 10px 24px rgba(8,27,51,.06)}
.contact-form-v74 .field.is-invalid input,.contact-form-v74 .field.is-invalid select,.contact-form-v74 .field.is-invalid textarea{border-color:#e34e3c;background:#fff9f8;box-shadow:0 0 0 3px rgba(227,78,60,.09)}
.field-error{display:none;min-height:15px;color:#c53728;font-size:10px;line-height:1.35}
.field.is-invalid .field-error{display:block}
.contact-consent{position:relative;display:grid!important;grid-template-columns:20px 1fr!important;gap:4px 10px!important;align-items:start!important;color:#557083!important;font-size:11px;line-height:1.55}
.contact-consent input{width:18px!important;min-height:18px!important;height:18px;margin-top:1px;padding:0!important}
.contact-consent .field-error{grid-column:2}
.contact-consent.is-invalid{color:#c53728!important}
.contact-submit-v74{
  position:relative;
  min-height:62px!important;
  display:flex!important;
  align-items:center;
  justify-content:space-between!important;
  gap:18px;
  padding:0 22px!important;
  overflow:hidden;
  border:1px solid #ff7159!important;
  border-radius:8px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ff3d24,#ff674e 64%,#ff826d)!important;
  box-shadow:0 18px 42px rgba(255,61,36,.30),0 0 26px rgba(255,93,68,.16)!important;
  font-size:15px!important;
  font-weight:740!important;
}
.contact-submit-v74::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.28) 48%,transparent 58%);transform:translateX(-120%);animation:contactSubmitGlow 4.5s ease-in-out infinite}
.contact-submit-v74 svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.contact-submit-v74:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(255,61,36,.40),0 0 34px rgba(255,93,68,.22)!important}
.contact-submit-v74:hover svg{transform:translateX(4px)}
@keyframes contactSubmitGlow{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.contact-form-v74__note{margin:-2px 0 0;color:#7890a1;font-size:10px}
.contact-form-v74 .form-status{margin:0;font-size:12px;font-weight:650}
.contact-form-v74 .form-status.is-success{color:#08795e}.contact-form-v74 .form-status.is-error{color:#c53728}
.subpage-contact{padding-top:0!important}
.subpage-contact .contact-v74{padding-top:88px}

/* REALIZACJE — multimedialny reel */
.portfolio-reel-section{position:relative;overflow:hidden;padding:112px 0;background:radial-gradient(circle at 10% 10%,rgba(0,184,212,.12),transparent 27%),linear-gradient(145deg,#061426,#0a2139 52%,#07182c);color:#fff}
.portfolio-reel-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:58px 58px}
.portfolio-reel{position:relative;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);gap:clamp(38px,5vw,74px);align-items:center}
.portfolio-reel__stage{position:relative;min-width:0}
.portfolio-reel__ambient i{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.portfolio-reel__ambient i:nth-child(1){width:260px;height:260px;right:-8%;top:-8%;background:rgba(0,184,212,.18)}.portfolio-reel__ambient i:nth-child(2){width:200px;height:200px;left:-5%;bottom:-9%;background:rgba(111,87,201,.17)}.portfolio-reel__ambient i:nth-child(3){width:110px;height:110px;right:20%;bottom:2%;background:rgba(255,82,55,.11)}
.portfolio-reel__screen{position:relative;overflow:hidden;aspect-ratio:1.36/1;border:1px solid rgba(137,222,235,.19);border-radius:18px;background:#071422;box-shadow:0 45px 100px rgba(0,4,13,.52),0 0 50px rgba(0,184,212,.08);transform:perspective(1300px) rotateY(1.8deg) rotateX(.8deg)}
.portfolio-reel__browser{height:47px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(3,13,24,.88)}
.portfolio-reel__browser>span{width:8px;height:8px;border-radius:50%;background:#334a5e}.portfolio-reel__browser>span:first-child{background:#ff6149}.portfolio-reel__browser>span:nth-child(2){background:#ffbd5b}.portfolio-reel__browser>span:nth-child(3){background:#59d69d}.portfolio-reel__browser small{margin-left:auto;color:#547187;font-size:8px;letter-spacing:.12em}
.portfolio-reel__slides{position:absolute;inset:47px 0 0}
.portfolio-reel__slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity .65s ease,transform 1.1s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.portfolio-reel__slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}
.portfolio-reel__slide img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.82)}
.portfolio-reel__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(3,13,24,.82) 100%),linear-gradient(90deg,rgba(3,13,24,.16),transparent 48%)}
.portfolio-reel__slide figcaption{position:absolute;left:25px;right:25px;bottom:23px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.portfolio-reel__slide figcaption small{color:#80dfea;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.portfolio-reel__slide figcaption strong{color:#fff;font-size:clamp(25px,3vw,42px);font-weight:580;letter-spacing:-.045em}
.portfolio-reel__scan{position:absolute;left:0;right:0;top:47px;height:1px;z-index:3;background:linear-gradient(90deg,transparent,#72e2ef,transparent);box-shadow:0 0 16px #72e2ef;opacity:.55;animation:portfolioScan 5.4s ease-in-out infinite}
@keyframes portfolioScan{0%,15%{transform:translateY(0);opacity:0}25%{opacity:.65}78%{opacity:.45}90%,100%{transform:translateY(calc(100% + 430px));opacity:0}}
.portfolio-reel__watermark{position:absolute;right:-2%;top:16%;z-index:2;color:rgba(255,255,255,.034);font-size:clamp(60px,8vw,120px);font-weight:850;letter-spacing:-.075em;transform:rotate(-90deg) translateY(-50%);transform-origin:right top}
.portfolio-reel__progress{height:3px;margin-top:18px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.09)}.portfolio-reel__progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#00b8d4,#72e2ef,#ff654b)}
.portfolio-reel__controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.portfolio-reel__controls button{width:44px;height:44px;color:#dff8fb;border:1px solid rgba(114,226,239,.20);border-radius:50%;background:rgba(255,255,255,.035);font-size:18px;transition:.2s}.portfolio-reel__controls button:hover{transform:translateY(-2px);color:#fff;border-color:#72e2ef;background:rgba(114,226,239,.08)}.portfolio-reel__controls p{display:flex;gap:7px;margin:0;color:#5f7a8f;font-size:10px}.portfolio-reel__controls p strong{color:#72e2ef;font-size:13px}.portfolio-reel__controls p i{font-style:normal}
.portfolio-reel__story{min-width:0}.portfolio-reel__stories{position:relative;min-height:620px}.portfolio-reel__story-item{position:absolute;inset:0;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .45s ease,transform .55s ease}.portfolio-reel__story-item.is-active{opacity:1;transform:none;pointer-events:auto}.portfolio-reel__story-item>span{color:#476a80;font-size:11px;letter-spacing:.18em}.portfolio-reel__story-item>small{display:block;margin:10px 0;color:#72e2ef;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.portfolio-reel__story-item h2{margin:0 0 17px;font-size:clamp(40px,4vw,61px);font-weight:540;line-height:1;letter-spacing:-.05em}.portfolio-reel__story-item>p{margin:0;color:#afc1ce;font-size:16px;line-height:1.68}
.portfolio-reel__reason{display:grid;gap:10px;margin-top:25px}.portfolio-reel__reason>div{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.portfolio-reel__reason b{color:#7e9aae;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.portfolio-reel__reason p{margin:0;color:#d4e0e8;font-size:12px;line-height:1.55}
.portfolio-reel__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.portfolio-reel__tags span{padding:6px 9px;color:#a7dbe3;border:1px solid rgba(114,226,239,.15);border-radius:20px;background:rgba(114,226,239,.04);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.portfolio-reel__cta{min-height:50px;margin-top:23px;padding:0 18px;color:#fff;border-color:#ff654b;background:linear-gradient(135deg,#ff3d24,#ff654b);box-shadow:0 15px 35px rgba(255,61,36,.25)}.portfolio-reel__cta i{margin-left:auto;font-style:normal}.portfolio-reel__cta:hover{color:#fff;transform:translateY(-2px)}
.portfolio-reel__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}.portfolio-reel__tabs button{min-width:0;min-height:54px;display:flex;align-items:center;gap:9px;padding:8px 10px;color:#668399;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);text-align:left}.portfolio-reel__tabs button span{font-size:8px}.portfolio-reel__tabs button strong{overflow:hidden;color:#8da5b6;font-size:9px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.portfolio-reel__tabs button.is-active{color:#72e2ef;border-color:rgba(114,226,239,.27);background:rgba(114,226,239,.065)}.portfolio-reel__tabs button.is-active strong{color:#fff}

.portfolio-principles-section{background:#f3f7fa}.portfolio-principles__heading{max-width:980px}.portfolio-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}.portfolio-principles article{position:relative;min-height:290px;padding:28px;border:1px solid #dbe6ec;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fbfc);box-shadow:0 18px 42px rgba(8,27,51,.055)}.portfolio-principles article::after{content:"";position:absolute;left:28px;right:28px;bottom:23px;height:2px;background:linear-gradient(90deg,#00b8d4,transparent)}.portfolio-principles span{color:#00a6c1;font-size:10px;letter-spacing:.13em}.portfolio-principles h3{margin:54px 0 14px;color:#0a2c44;font-size:30px;font-weight:560;letter-spacing:-.04em}.portfolio-principles p{margin:0;color:#647c8e;font-size:14px;line-height:1.65}
.portfolio-case-list-section{overflow:hidden;background:#fff}.portfolio-case-list{display:grid;gap:115px}.portfolio-case{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(40px,6vw,88px);align-items:center}.portfolio-case--reverse{grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)}.portfolio-case--reverse .portfolio-case__media{order:2}.portfolio-case__media{position:relative;overflow:hidden;aspect-ratio:1.32/1;border-radius:18px;background:#07182a;box-shadow:0 28px 70px rgba(8,27,51,.18)}.portfolio-case__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s ease;filter:saturate(.85)}.portfolio-case:hover .portfolio-case__media img{transform:scale(1.035);filter:saturate(1)}.portfolio-case__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,20,38,.64))}.portfolio-case__media-label{position:absolute;left:18px;bottom:16px;z-index:2;display:flex;align-items:center;gap:10px;padding:9px 11px;color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(4,20,38,.72);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.portfolio-case__media-label span{color:#72e2ef}.portfolio-case__play{position:absolute;right:18px;top:18px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(4,20,38,.54);backdrop-filter:blur(8px)}.portfolio-case__play i{width:0;height:0;margin-left:3px;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.portfolio-case__copy>small{color:#00a0ba;font-size:9px;font-weight:720;letter-spacing:.16em;text-transform:uppercase}.portfolio-case__copy h2{margin:12px 0 16px;color:#092a42;font-size:clamp(42px,5vw,67px);font-weight:530;line-height:.98;letter-spacing:-.055em}.portfolio-case__copy>p{color:#657d90;font-size:16px;line-height:1.68}.portfolio-case dl{display:grid;gap:0;margin:25px 0}.portfolio-case dl>div{display:grid;grid-template-columns:112px 1fr;gap:16px;padding:14px 0;border-top:1px solid #e1e9ee}.portfolio-case dt{color:#8ba0af;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.portfolio-case dd{margin:0;color:#29485f;font-size:12px;line-height:1.6}.portfolio-case__copy>a{display:inline-flex;align-items:center;gap:18px;color:#092c45;font-size:13px;font-weight:720}.portfolio-case__copy>a span{width:31px;height:31px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#ff5137;box-shadow:0 8px 20px rgba(255,81,55,.24);transition:transform .2s}.portfolio-case__copy>a:hover span{transform:translateX(4px)}

@media (max-width:1080px){
  .contact-panel-v74{grid-template-columns:1fr!important}
  .portfolio-reel{grid-template-columns:1fr}.portfolio-reel__story{max-width:820px}.portfolio-reel__stories{min-height:520px}.portfolio-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-case,.portfolio-case--reverse{grid-template-columns:1fr}.portfolio-case--reverse .portfolio-case__media{order:0}
}
@media (max-width:760px){
  .conversion-hero::after{width:125vw;bottom:-6%;opacity:.022}
  .conversion-hero__scroll{right:14px;bottom:18px;min-height:44px;padding:6px 7px 6px 12px;font-size:8px}
  .conversion-hero__scroll i{width:25px;height:35px}.conversion-hero__scroll i b{left:10px}
  .contact-v74{padding:78px 0}.contact-panel-v74{width:min(calc(100% - 20px),var(--container));padding:21px!important;border-radius:18px!important}.contact-copy-v74 h2{font-size:38px!important}.contact-copy-v74__lead{font-size:15px}.contact-direct-v74__item{grid-template-columns:41px 1fr;min-height:64px;padding:9px 11px}.contact-direct-v74__icon{width:41px;height:41px}.contact-direct-v74__item strong{font-size:13px}.contact-form-v74{grid-template-columns:1fr!important;padding:20px!important;border-radius:15px}.contact-form-v74__top strong{font-size:18px}.contact-submit-v74{min-height:58px!important}.subpage-contact .contact-v74{padding-top:60px}
  .portfolio-reel-section{padding:78px 0}.portfolio-reel__screen{aspect-ratio:.95/1;transform:none}.portfolio-reel__slide figcaption{flex-direction:column;align-items:flex-start}.portfolio-reel__story-item h2{font-size:42px}.portfolio-reel__stories{min-height:705px}.portfolio-reel__reason>div{grid-template-columns:1fr;gap:5px}.portfolio-reel__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-principles{grid-template-columns:1fr}.portfolio-principles article{min-height:240px}.portfolio-case-list{gap:80px}.portfolio-case__media{aspect-ratio:1/1}.portfolio-case__copy h2{font-size:43px}.portfolio-case dl>div{grid-template-columns:1fr;gap:6px}
}
@media (max-width:390px){.portfolio-reel__stories{min-height:760px}.portfolio-reel__tabs button strong{font-size:8px}}
@media (prefers-reduced-motion:reduce){.conversion-hero__button--primary::before,.contact-submit-v74::before,.portfolio-reel__scan{animation:none}.service-stack-card-v7 .button-stack::before{display:none}}
@keyframes portfolioReelProgress{to{transform:scaleX(1)}}
@media (min-width:761px){.opening-status{bottom:118px}}
@media (max-width:760px){.opening-status{bottom:96px}}
.conversion-hero__scroll{left:50%;right:auto;transform:translateX(-50%)}