/* Editorial feature: a lightweight, CSS-only visual story. */
.studio-story{overflow:clip}
.studio-hero{position:relative;isolation:isolate;background:#112638;color:#f8fbfd;overflow:hidden}
.studio-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 36%,#294d67 0,transparent 42%),linear-gradient(135deg,#142c40,#0e1e2b 72%)}
.studio-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(#9bc4d518 1px,transparent 1px),linear-gradient(90deg,#9bc4d518 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 24%,#000 100%)}
.studio-hero .container{position:relative}
.studio-hero .breadcrumbs{color:#b2c6d3;padding-top:35px;margin-bottom:25px}
.studio-hero .breadcrumbs a:focus-visible,.studio-jump:focus-visible,.studio-close a:focus-visible{outline:3px solid #b6def1;outline-offset:5px}
.studio-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:28px;align-items:center;min-height:590px}
.studio-hero-copy{position:relative;z-index:2;padding:38px 0 68px}
.studio-kicker,.studio-section-tag{display:flex;align-items:center;gap:13px;color:#a7cfe2;font-size:10px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase}
.studio-kicker-line{width:34px;height:1px;background:#9bc4d5}
.studio-hero h1{max-width:730px;font-size:clamp(43px,4.9vw,72px);line-height:1.07;letter-spacing:-3.5px;font-weight:600;margin:27px 0 24px;text-wrap:balance}
.studio-hero-deck{max-width:530px;font-size:18px;line-height:1.65;color:#c7d7e1}
.studio-byline{font-size:12px;font-weight:600;color:#a9c0cf;margin:28px 0 32px}
.studio-byline span{margin:0 6px}
.studio-jump{display:inline-flex;gap:26px;align-items:center;border:1px solid #8cafc5;padding:14px 18px;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s}
.studio-jump:hover{background:#e9f4f9;color:#112638;transform:translateY(-2px)}
.studio-jump span{font-size:18px;font-weight:400}
.studio-signal{position:relative;height:520px;min-width:0}
.studio-signal-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.studio-signal-path path{fill:none;stroke:#75a3bd;stroke-width:1.4;stroke-dasharray:7 8;opacity:.72}
.signal-card{position:absolute;z-index:1;width:min(260px,56%);padding:20px 22px 22px;border:1px solid #6c94ad;background:linear-gradient(140deg,#294b63,#19354b);box-shadow:0 16px 40px #06152145;transition:transform .25s,border-color .25s}
.signal-card:hover{transform:translateY(-5px);border-color:#cbe9f7}
.signal-card span{display:block;color:#a9d5e8;font-size:9px;font-weight:700;letter-spacing:1.8px;margin-bottom:17px}
.signal-card strong{display:block;color:#fff;font-family:Manrope,sans-serif;font-size:29px;line-height:1.1;letter-spacing:-1px}
.signal-card small{display:block;color:#cadce6;font-size:12px;line-height:1.45;margin-top:10px}
.signal-design{left:3%;top:7%}
.signal-marketing{right:3%;top:34%}
.signal-intake{left:12%;bottom:2%}
.signal-node{position:absolute;z-index:2;width:12px;height:12px;background:#a9dff4;border:3px solid #21415a;border-radius:50%;box-shadow:0 0 0 6px #a9dff424}
.signal-node-one{left:17%;top:23%}.signal-node-two{right:30%;top:50%}.signal-node-three{left:30%;bottom:17%}
.studio-hero-foot{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #8fb1c138;padding:22px 0 25px;color:#9bb6c7;font-size:10px;font-weight:700;letter-spacing:1.7px}
.studio-story-container{max-width:1160px}
.studio-editorial{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);background:#e9f1f5;margin:76px 0 96px;min-height:410px}
.studio-editorial-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px clamp(30px,4vw,60px)}
.studio-editorial .studio-section-tag{color:#476d88}
.studio-editorial-copy>p{font-family:Manrope,sans-serif;font-size:clamp(23px,2.35vw,35px);font-weight:600;letter-spacing:-1.25px;line-height:1.33;margin:22px 0 24px}
.studio-editorial-rule{height:2px;width:58px;background:#6f9cb8}
.studio-editorial-copy small{font-size:13px;line-height:1.6;color:#476074;max-width:300px;margin-top:20px}
.studio-editorial figure{margin:0;position:relative;min-height:410px}
.studio-editorial img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.studio-editorial figcaption{position:absolute;bottom:10px;right:10px;max-width:210px;background:#102335dc;color:#fff;font-size:10px;line-height:1.45;padding:8px 10px}
.studio-reading{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(36px,7vw,100px);align-items:start;justify-content:center}
.studio-contents{position:sticky;top:30px;border-top:2px solid #294f6a;padding-top:20px}
.studio-contents>p{color:#3d6987;font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 20px}
.studio-contents nav{display:grid;gap:4px}
.studio-contents a{display:flex;gap:12px;align-items:baseline;padding:9px 6px 9px 0;font-size:12px;line-height:1.45;color:#385063;border-bottom:1px solid #e5ebef;transition:color .2s,padding-left .2s}
.studio-contents a span{font-size:10px;font-weight:700;color:#7b9cb0}
.studio-contents a:hover{color:#0b527d;padding-left:5px}
.studio-contents a:focus-visible{outline:3px solid #375a78;outline-offset:3px}
.studio-contents-end{display:block;color:#849aa8;font-size:9px;font-weight:700;letter-spacing:1.4px;line-height:1.5;margin-top:22px}
.studio-reading .article-body{max-width:720px;margin:0;font-size:17px}
.studio-reading .article-body>p:first-child{font-family:Manrope,sans-serif;font-size:clamp(21px,2vw,26px);line-height:1.55;letter-spacing:-.5px;color:#233c50}
.studio-reading .article-body h2{scroll-margin-top:25px;padding-top:18px;border-top:1px solid #d9e2e8;margin-top:58px}
.studio-reading .article-body h2:first-of-type{border-top:0}
.studio-close{display:flex;align-items:end;justify-content:space-between;gap:30px;background:#162e42;color:#fff;padding:clamp(32px,5vw,64px);margin:100px 0 110px}
.studio-close>div{max-width:700px}
.studio-close span:first-child{display:block;color:#a7cfe2;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:22px}
.studio-close h2{font-size:clamp(30px,3.5vw,46px);line-height:1.18;letter-spacing:-1.6px;margin-bottom:18px}
.studio-close p{font-size:15px;color:#c0d2df;line-height:1.6;max-width:510px;margin-bottom:0}
.studio-close a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#e9f4f9;color:#142c40;padding:17px 19px;white-space:nowrap;font-size:12px;font-weight:700;transition:background .2s,transform .2s}
.studio-close a:hover{background:#fff;transform:translateY(-3px)}
.studio-close a span{font-size:18px}
.studio-story-ai .studio-hero:before{background:radial-gradient(circle at 78% 38%,#315875 0,transparent 43%),linear-gradient(135deg,#122e44,#0e1e2b 72%)}
.studio-story-ai .studio-editorial{background:#eaf0f2}
.studio-story-ai .studio-close{background:#12334b}
@media(prefers-reduced-motion:no-preference){
  .studio-signal-path path{animation:signal-flow 8s linear infinite}
  .signal-card{animation:signal-rise .8s both}
  .signal-design{animation-delay:.15s}.signal-marketing{animation-delay:.48s}.signal-intake{animation-delay:.8s}
  .signal-node{animation:node-glow 2.4s ease-in-out infinite alternate}
  .signal-node-two{animation-delay:.6s}.signal-node-three{animation-delay:1.2s}
}
@keyframes signal-flow{to{stroke-dashoffset:-90}}
@keyframes signal-rise{from{translate:0 22px}to{translate:0 0}}
@keyframes node-glow{to{box-shadow:0 0 0 10px #a9dff40a}}
@media(max-width:980px){.studio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.studio-hero h1{font-size:clamp(40px,5vw,58px)}.signal-card{width:65%}.studio-reading{grid-template-columns:200px minmax(0,1fr);gap:40px}}
@media(max-width:760px){.studio-hero-grid{display:block;min-height:0}.studio-hero-copy{padding:30px 0 20px}.studio-hero h1{max-width:620px}.studio-signal{height:390px;max-width:540px;margin:0 auto}.signal-card{width:47%;padding:15px}.signal-card strong{font-size:22px}.signal-card span{margin-bottom:10px}.signal-card small{font-size:11px}.signal-design{left:2%;top:3%}.signal-marketing{right:2%;top:30%}.signal-intake{left:12%;bottom:2%}.studio-editorial{grid-template-columns:1fr;margin:48px 0 70px}.studio-editorial figure{min-height:340px}.studio-reading{grid-template-columns:1fr}.studio-contents{position:static;display:none}.studio-close{margin:65px 0;align-items:start;flex-direction:column}}
@media(max-width:600px){.studio-hero .breadcrumbs{padding-top:24px;margin-bottom:15px}.studio-hero h1{font-size:clamp(37px,9vw,52px);letter-spacing:-2px}.studio-hero-deck{font-size:16px}.studio-signal{height:355px}.signal-card{width:53%}.signal-marketing{right:0}.signal-intake{left:5%}.studio-hero-foot{font-size:8px;line-height:1.5}.studio-hero-foot span:last-child{display:none}.studio-editorial-copy{padding:34px 27px}.studio-editorial figure{min-height:240px}.studio-reading .article-body{font-size:16px}.studio-close{padding:30px 24px}.studio-close a{width:100%}}
@media(prefers-reduced-motion:reduce){.studio-story *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}