/* Direction 1: proof led, full bleed business portfolio. */
:root{--ink:#071e3a;--blue:#157bb7;--deep:#061c39;--accent:#a7e9fb;--paper:#eaf6fc}
body{background:#f8fcff}
.site-header,.site-header.scrolled{transform:none;visibility:visible;background:#fffffff0}
.feature-hero{position:relative;min-height:min(920px,100svh);padding:132px max(6.5vw,32px) 92px;color:white;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:#07182c}
.portfolio-wall{position:absolute;inset:-6%;display:grid;grid-template-columns:1.35fr .9fr 1fr;grid-template-rows:repeat(2,1fr);gap:8px;transform:rotate(-5deg) scale(1.12);z-index:-2}
.portfolio-tile{overflow:hidden;background:#355c82;animation:tile-in 1.1s both}.portfolio-tile:nth-child(2){animation-delay:.1s}.portfolio-tile:nth-child(3){animation-delay:.2s}.portfolio-tile:nth-child(4){animation-delay:.3s}.portfolio-tile:nth-child(5){animation-delay:.4s}.portfolio-tile:nth-child(6){animation-delay:.5s}
.portfolio-tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45) saturate(.7);transform:scale(1.1);animation:tile-drift 14s ease-in-out infinite alternate}.portfolio-tile:nth-child(even) img{animation-direction:alternate-reverse}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031024ec 2%,#031024b8 47%,#0310244f 100%),linear-gradient(0deg,#031024ba,transparent 45%);z-index:-1}
.hero-inner{max-width:950px;position:relative}.hero-kicker{font:800 12px/1.4 var(--en);letter-spacing:.2em;color:#b1eafa;margin-bottom:30px;animation:rise .8s .1s both}.hero-pretitle{font-weight:800;font-size:clamp(17px,1.8vw,25px);margin-bottom:15px;animation:rise .8s .2s both}.feature-hero h1{font-size:clamp(55px,7.1vw,112px);line-height:1.17;letter-spacing:-.08em;text-wrap:balance;animation:rise .9s .28s both}.feature-hero h1 strong{font-weight:900;color:#fff;text-shadow:0 7px 35px #05182b4a}.feature-hero h1 strong::after{content:'';display:block;width:min(48vw,520px);height:9px;background:#32c6ef;transform:skewX(-30deg);margin-top:14px;box-shadow:10px 10px 0 #ffffff42}.hero-description{font-size:clamp(16px,1.55vw,21px);font-weight:600;line-height:1.8;margin:32px 0 24px;animation:rise .9s .4s both}.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;padding:20px 24px;background:#35bce8;color:#072448;font-weight:900;font-size:18px;box-shadow:12px 12px 0 #fff3;transition:transform .3s,box-shadow .3s;animation:rise .9s .5s both}.hero-cta:hover{transform:translate(4px,4px);box-shadow:5px 5px 0 #fff5}.hero-cta span{font-size:30px;line-height:1}.hero-caption{font-size:13px;margin-top:15px;color:#dbf5ff;animation:rise .9s .6s both}.hero-side{position:absolute;right:28px;top:48%;writing-mode:vertical-rl;font:700 10px var(--en);letter-spacing:.22em;color:#cceaf8}.hero-scroll{position:absolute;bottom:25px;right:7%;display:flex;gap:18px;align-items:center;font:800 11px var(--en);letter-spacing:.17em}.hero-scroll span{font-size:25px;animation:bob 1.8s infinite}
.section{padding-block:120px}.section-heading h2{font-size:clamp(50px,5.2vw,76px);line-height:1.25}.eyebrow{font-size:12px;letter-spacing:.2em}.concerns{background:#eaf6fc}.concern-item{background:#fff;margin:7px 0;padding:28px;border-left:5px solid #2cafe0;box-shadow:0 10px 30px #063b6812}.concern-grid{gap:8px 20px}.concern-answer{font-size:27px}.concern-answer strong{font-size:36px}.approach-board{transform:rotate(-2deg);box-shadow:20px 22px 0 #d8eefa}.services{background:#031e40}.services::before{background-size:55px 55px}.service-row{transition:background .3s,padding .3s}.service-row:hover{background:#13406b;padding-inline:20px}.works{background:#e9f6fc}.work-image{border-radius:0;background:#d7edf9;box-shadow:12px 12px 0 #c2e5f6}.work-image:hover img{transform:scale(1.04)}.work-copy h3{font-size:31px}.process{background:#d9f0fa}.pricing-note{border-radius:0;box-shadow:10px 10px 0 #a9dbf1}.consultation{background:#031e40}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes tile-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes tile-drift{to{transform:scale(1.2) translate(2%,1%)}}@keyframes bob{50%{transform:translateY(6px)}}
@media(max-width:900px){.feature-hero{min-height:780px}.portfolio-wall{grid-template-columns:1fr 1fr}.portfolio-tile:nth-child(n+5){display:none}.hero-side{display:none}}
@media(min-width:901px) and (max-height:750px){.feature-hero{padding-top:100px;padding-bottom:38px}.hero-kicker{margin-bottom:18px}.hero-pretitle{margin-bottom:8px;font-size:18px}.feature-hero h1{font-size:clamp(58px,6.1vw,82px)}.hero-description{margin:19px 0 15px;font-size:16px}.hero-cta{padding:14px 20px;font-size:16px}.hero-caption{margin-top:9px}}
@media(max-width:600px){.feature-hero{min-height:740px;padding:105px 7% 75px;align-items:center}.portfolio-wall{inset:-7%;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);transform:rotate(-8deg) scale(1.15)}.portfolio-tile:nth-child(n+5){display:block}.hero-shade{background:linear-gradient(90deg,#031024e9,#031024b0),linear-gradient(0deg,#031024c7,transparent)}.hero-kicker{font-size:9px;margin-bottom:24px}.hero-pretitle{font-size:16px}.feature-hero h1{font-size:clamp(47px,11.5vw,68px);line-height:1.2}.feature-hero h1 strong::after{height:6px;margin-top:10px;width:80%}.hero-description{font-size:14px;margin:25px 0}.hero-description br{display:none}.hero-cta{width:100%;font-size:15px;gap:8px;padding:17px}.hero-scroll{bottom:18px;right:7%;font-size:9px}.section{padding-block:80px}.section-heading h2{font-size:clamp(32px,8.3vw,42px)}.concern-item{padding:20px 17px;margin:5px 0}.concern-answer strong{font-size:28px}.approach-board{transform:none;box-shadow:8px 8px 0 #d8eefa}.work-image{box-shadow:6px 6px 0 #c2e5f6}.service-row:hover{padding-inline:0}}
@media(prefers-reduced-motion:reduce){.portfolio-tile,.portfolio-tile img,.hero-kicker,.hero-pretitle,.feature-hero h1,.hero-description,.hero-cta,.hero-caption,.hero-scroll span{animation:none!important}}