/* Atelier layer: detailed editorial rhythm, accessibility and narrative imagery */
*:focus-visible{outline:3px solid #f3ad1b;outline-offset:5px}
a,button{-webkit-tap-highlight-color:transparent}.site-header a,.site-header button{transition:color .3s ease,background .3s ease,transform .3s ease}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#138fc7;transition:right .35s ease}.desktop-nav a:hover:after{right:0}
.section-pad{padding-top:clamp(95px,10vw,155px);padding-bottom:clamp(95px,10vw,155px)}.section-inner{max-width:1320px}.section-kicker{font-size:9px;letter-spacing:.22em}.section-kicker span{font-variant-numeric:tabular-nums}.section-heading{margin-bottom:65px}.section-heading>p{max-width:530px;line-height:2.05}
.business-no,.strength-no{font-variant-numeric:tabular-nums}.business-card .pill{letter-spacing:.14em}.business-card p{line-height:2}.business-card>a span{transition:transform .3s}.business-card>a:hover span{transform:translate(4px,-4px)}
.service-logo img{filter:none}.service-logo:after{content:"";width:26px;height:1px;margin-left:auto;background:rgba(6,43,97,.18)}
.strength-grid{counter-reset:strength}.strength-card{isolation:isolate}.strength-card:before{counter-increment:strength;content:"0" counter(strength);position:absolute;right:21px;top:17px;color:rgba(6,43,97,.08);font-size:58px;font-weight:800;letter-spacing:-.08em}.strength-card:nth-child(n+4):before{color:rgba(255,255,255,.06)}.strength-card h3{position:relative;max-width:290px}.strength-card p{position:relative;max-width:330px}.strength-card>b{letter-spacing:.1em}
.art-story{position:relative;padding:clamp(100px,12vw,180px) max(6vw,22px);background:#f7f3ea;overflow:hidden}.art-story:before{content:"";position:absolute;width:56vw;height:56vw;right:-25vw;top:-26vw;border:1px solid rgba(19,143,199,.12);border-radius:50%;box-shadow:0 0 0 5vw rgba(19,143,199,.025),0 0 0 10vw rgba(19,143,199,.016)}.art-story-head{position:relative;z-index:2;max-width:1320px;margin:0 auto 65px;display:grid;grid-template-columns:.7fr 1.2fr .8fr;gap:5vw;align-items:start}.art-story-head>span{padding-top:18px;color:#138fc7;font-size:8px;font-weight:800;letter-spacing:.2em}.art-story-head h2{margin:0;color:#062b61;font-size:clamp(52px,6vw,88px);line-height:1.08;letter-spacing:-.065em}.art-story-head h2 em{color:#138fc7;font-style:normal}.art-story-head>p{margin:18px 0 0;color:#536a73;font-size:12px;line-height:2.15}.art-story-canvas{position:relative;z-index:2;max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 110px 1fr;align-items:center}.story-scene{position:relative;min-height:580px;overflow:hidden;background:#062b61}.story-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}.story-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(4,28,62,.9) 100%)}.story-scene>div{position:absolute;z-index:2;left:38px;right:38px;bottom:36px;color:#fff}.story-scene span{font-size:8px;font-weight:700;letter-spacing:.2em;color:#71d4f0}.story-scene h3{margin:10px 0 24px;font-size:clamp(27px,3vw,41px);line-height:1.38;letter-spacing:-.045em}.story-scene a{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.35);font-size:10px}.story-scene a b{font-size:14px;transition:transform .3s}.story-scene:hover>img{transform:scale(1.045);filter:saturate(1.06)}.story-scene:hover a b{transform:translate(5px,-5px)}.story-home{clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.story-growth{clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}
.story-bridge{position:relative;z-index:3;height:265px;margin:0 -13px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f3ea;border:1px solid rgba(6,43,97,.12);border-radius:56px;box-shadow:0 18px 45px rgba(6,43,97,.1)}.story-bridge span{writing-mode:vertical-rl;color:#70838b;font-size:7px;font-weight:700;letter-spacing:.17em}.story-bridge i{display:block;width:1px;height:35px;margin:8px;background:linear-gradient(#138fc7,#f3ad1b)}.story-bridge strong{color:#062b61;font-size:18px;letter-spacing:.08em}
.company-details dl div{transition:background .3s,padding .3s}.company-details dl div:hover{padding-left:12px;padding-right:12px;background:rgba(255,255,255,.04)}.representative-copy p{max-width:800px}.partner-types span{transition:.3s}.partner-types span:hover{transform:translateY(-3px);border-color:#138fc7;background:#fff}.contact-cta{border:1px solid rgba(255,255,255,.5)}
.reveal{will-change:transform,opacity}.reveal.visible{will-change:auto}
@media(max-width:1000px){.art-story-head{grid-template-columns:1fr 2fr}.art-story-head>p{grid-column:2}.art-story-canvas{grid-template-columns:1fr 78px 1fr}.story-scene{min-height:500px}.story-scene>div{left:25px;right:25px}.story-bridge{margin:0 -9px}}
@media(max-width:720px){.art-story-head{grid-template-columns:1fr;gap:18px}.art-story-head>span{padding:0}.art-story-head>p{grid-column:auto}.art-story-canvas{display:grid;grid-template-columns:1fr;gap:0}.story-scene{min-height:450px;clip-path:none}.story-bridge{height:84px;margin:-8px auto;z-index:4;width:240px;flex-direction:row;border-radius:42px}.story-bridge span{writing-mode:horizontal-tb}.story-bridge i{width:25px;height:1px}.story-scene h3{font-size:30px}.section-heading{margin-bottom:45px}}
@media(max-width:480px){.art-story{padding-left:18px;padding-right:18px}.story-scene{min-height:420px}.story-scene>div{left:22px;right:22px;bottom:26px}.story-bridge{width:215px}.service-logo:after{display:none}}
@media(prefers-reduced-motion:reduce){.story-scene>img,.story-scene a b,.desktop-nav a:after{transition:none}.story-scene:hover>img{transform:none}}
