/* Services / a connected studio, expressed as an interactive collection. */
.sv-hero{overflow:hidden}.sv-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}.sv-eyebrow{font:500 .66rem/1.8 var(--mono);color:#d4cbaa;letter-spacing:.2em;text-transform:uppercase;margin:0 0 20px}.sv-intro h1{font-size:clamp(3rem,6.8vw,6.2rem);line-height:1.03;letter-spacing:-.045em;margin:0}.sv-intro h1 em{color:#d8c79e}.sv-intro .lede{font-size:clamp(1.06rem,1.5vw,1.25rem);line-height:var(--copy-leading);margin:0;max-width:47ch}.sv-intro-note{font-size:.92rem;color:#b9c4d0;line-height:var(--copy-leading);max-width:53ch;margin:18px 0 0}.sv-intro .hero-ctas{gap:24px;margin-top:26px}.sv-intro .hero-ctas .link-mono{font-size:.66rem}.sv-principles{display:flex;align-items:center;gap:30px;margin:42px 0 26px;font:.6rem/1.8 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#b6c4d0;flex-wrap:wrap}.sv-principles>span::before{content:"✦";margin-right:12px;color:#dfc68a}
.sv-page #disciplines{background:#080f1b}.sv-page #disciplines .sec-head{max-width:900px;margin-bottom:50px}.sv-page #disciplines .display{font-size:clamp(2.3rem,4.7vw,4.2rem);line-height:1.12}.sv-page #disciplines .display em{color:#d4c299}.sv-page #disciplines .lede{max-width:62ch;color:#b6c5d2;font-size:1.05rem;line-height:var(--copy-leading)}
.sv-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.sv-card{grid-column:span 2;display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#ecf2f5;border:1px solid #4c647b55;border-radius:17px;overflow:hidden;background:#101a2b;transition:transform .45s var(--ease),border-color .4s,box-shadow .4s;position:relative}.sv-card-brand,.sv-card-web{grid-column:span 3}.sv-card:hover,.sv-card:focus-visible{transform:translateY(-7px);border-color:var(--card-accent);box-shadow:0 22px 55px #0005}.sv-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:5px}
.sv-art{position:relative;aspect-ratio:1.6;overflow:hidden;background:#080f19;border-bottom:1px solid #ffffff0d}.sv-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--art-x,50%) var(--art-y,50%),#ffffff0f,transparent 45%);opacity:0;transition:opacity .5s;pointer-events:none}.sv-card:hover .sv-art::after{opacity:1}.sv-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease),filter .7s}.sv-card:hover .sv-art img,.sv-card:focus-visible .sv-art img{transform:scale(1.07) rotate(-1.5deg);filter:brightness(1.12)}.sv-art-index{position:absolute;left:22px;top:18px;font:500 .48rem/1.7 var(--mono);letter-spacing:.16em;color:#b1bdc9}.sv-art-arrow{position:absolute;right:19px;top:16px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff27;border-radius:50%;background:#10172455;color:#e2d6b5;font-size:1rem;transition:background .3s,color .3s,transform .3s}.sv-card:hover .sv-art-arrow{background:var(--card-accent);color:#101a26;transform:rotate(45deg)}
.sv-card-copy{padding:27px;display:flex;flex-direction:column;flex:1;min-width:0}.sv-pain{display:block;font:.6rem/1.7 var(--mono);color:var(--card-accent);margin-bottom:14px}.sv-card h3{font:500 1.65rem/1.2 var(--serif);color:#f0f5f5;letter-spacing:-.025em;margin:0 0 13px}.sv-card .sv-card-promise{font-size:1rem;font-weight:500;line-height:1.55;color:#dbe7ed;margin:0 0 13px}.sv-card-copy>p:not(.sv-card-promise){font-size:.87rem;line-height:var(--copy-leading);color:#aebfcf;margin:0 0 18px}.sv-scope{display:block;font:.53rem/1.85 var(--mono);color:#9eb6c7;margin-bottom:23px}.sv-card-foot{margin-top:auto;display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #ffffff15;padding-top:18px;font:.57rem/1.7 var(--mono);color:#aabdc9}.sv-card-foot>span:last-child{color:var(--card-accent);white-space:nowrap}.sv-card-foot i{font-style:normal;margin-left:8px}.sv-card-brand h3,.sv-card-web h3{font-size:2.05rem}.sv-card-brand .sv-card-copy,.sv-card-web .sv-card-copy{padding:32px}.sv-card-brand .sv-pain,.sv-card-web .sv-pain{font-size:.65rem}
.sv-proof-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:44px}.sv-proof-heading .spec{margin-top:10px}.sv-proof-heading h2{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.15}.sv-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.sv-proof-link{display:block;border-top:1px solid #17384b40;padding:27px 0;color:#162939}.sv-proof-link>span{font:.63rem/1.8 var(--mono);color:#37696b}.sv-proof-link h3{font:500 1.7rem/1.25 var(--serif);margin:15px 0}.sv-proof-link p{font-size:.95rem;line-height:var(--copy-leading);color:#455b69;max-width:52ch;margin-bottom:23px}.sv-proof-link b{font:500 .66rem/1.8 var(--mono);color:#11686b}.sv-proof-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.sv-page #start .rung{border-radius:13px;box-shadow:0 12px 30px #10283b05}
@media(max-width:1100px){.sv-intro{gap:5%}.sv-intro h1{font-size:4.5rem}.sv-card-copy{padding:22px}.sv-card-brand .sv-card-copy,.sv-card-web .sv-card-copy{padding:26px}.sv-card h3{font-size:1.5rem}.sv-card-copy>p:not(.sv-card-promise){font-size:.81rem}.sv-card-foot{display:block}.sv-card-foot>span{display:block;margin-top:7px}}
@media(max-width:800px){.sv-intro{grid-template-columns:1fr;gap:28px}.sv-intro h1{font-size:clamp(3rem,9vw,5rem)}.sv-intro .lede{max-width:56ch}.sv-intro-note{max-width:60ch}.sv-principles{gap:12px 24px;margin-top:30px}.sv-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sv-card,.sv-card-brand,.sv-card-web{grid-column:span 1}.sv-card-systems{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.sv-card-systems .sv-art{aspect-ratio:auto;height:100%;min-height:310px}.sv-card-brand h3,.sv-card-web h3{font-size:1.65rem}.sv-card-brand .sv-card-copy,.sv-card-web .sv-card-copy{padding:22px}.sv-proof-heading{grid-template-columns:1fr;gap:20px}.sv-proof-grid{gap:28px}}
@media(max-width:540px){.sv-intro .hero-ctas{gap:20px}.sv-principles{display:block;font-size:.53rem}.sv-principles>span{display:block;margin-top:8px}.sv-gallery{grid-template-columns:1fr;gap:25px}.sv-card-systems{grid-column:auto;display:flex}.sv-card-systems .sv-art,.sv-art{aspect-ratio:1.45;height:auto;min-height:0}.sv-card-copy,.sv-card-brand .sv-card-copy,.sv-card-web .sv-card-copy{padding:25px}.sv-card h3,.sv-card-brand h3,.sv-card-web h3{font-size:1.85rem}.sv-card-copy>p:not(.sv-card-promise){font-size:.91rem}.sv-pain{font-size:.61rem}.sv-card-foot{display:flex;font-size:.58rem}.sv-card-foot>span{margin:0}.sv-proof-grid{grid-template-columns:1fr;gap:20px}.sv-proof-link h3{font-size:1.6rem}.sv-page #disciplines .lede{font-size:.97rem}.sv-art-index{font-size:.44rem}}
@media(prefers-reduced-motion:reduce){.sv-routes path.is-on{animation:none;stroke-dasharray:none}.sv-card,.sv-art img,.sv-art::after,.sv-art-arrow,.sv-card:hover,.sv-card:focus-visible,.sv-card:hover .sv-art img,.sv-card:focus-visible .sv-art img{transform:none}}
