service.css

.sv-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:140px 56px 88px;overflow:hidden}.sv-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.6}image-slot.sv-media-slot{display:block;opacity:.5}.sv-media-dark{background:radial-gradient(ellipse at 75% 20%,rgba(249,69,32,.14),transparent 60%),radial-gradient(ellipse at 15% 90%,rgba(249,69,32,.07),transparent 55%),var(--bg-elev);opacity:1}.sv-tint{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.62) 0%,rgba(10,10,10,.3) 45%,var(--bg) 97%)}.sv-hero-content{position:relative;z-index:2;display:grid;gap:26px;max-width:1200px}.sv-tag{letter-spacing:.18em}.sv-word{font-family:var(--font-display);font-weight:800;font-size:clamp(58px,10.5vw,168px);line-height:.95;letter-spacing:-.03em;margin:0}.sv-word .brk{font-weight:700}.sv-lede{color:var(--muted);font-size:clamp(17px,1.6vw,21px);line-height:1.6;max-width:560px;margin:0;text-wrap:pretty}.sv-scroll{position:absolute;right:56px;bottom:88px;z-index:2;display:grid;gap:10px;justify-items:center;color:var(--dim);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.sv-manifesto{padding:120px 56px;display:grid;gap:88px;position:relative;z-index:2}.sv-pass{display:grid;grid-template-columns:260px 1fr;gap:32px;max-width:1160px}.sv-pass-label{color:var(--dim);padding-top:8px}.sv-pass p{margin:0;color:var(--text);opacity:.86;font-size:clamp(17px,1.7vw,21px);line-height:1.72;max-width:62ch;text-wrap:pretty}.sv-pull{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.6vw,60px);line-height:1.1;letter-spacing:-.02em;max-width:22ch;text-wrap:balance}.sv-included{padding:96px 56px;border-top:1px solid var(--border);position:relative;z-index:2}.sv-inc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 64px}.sv-inc-list li{display:flex;align-items:baseline;gap:20px;padding:20px 8px;border-bottom:1px solid var(--border)}.sv-inc-n{color:var(--accent);font-size:12px}.sv-inc-name{font-family:var(--font-display);font-weight:600;font-size:clamp(17px,1.8vw,22px)}.sv-next{padding:88px 56px;border-top:1px solid var(--border);display:grid;gap:22px;position:relative;z-index:2}.sv-next .dim-label{color:var(--dim)}.sv-next-link{display:flex;align-items:center;gap:28px;color:var(--text);text-decoration:none;width:fit-content}.sv-next-n{color:var(--dim);font-size:14px}.sv-next-name{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,6.5vw,96px);letter-spacing:-.025em;line-height:1;transition:transform var(--t-base) var(--ease-out-soft),color var(--t-fast) ease}.sv-next-arrow{font-size:clamp(28px,3.5vw,48px);color:var(--dim);transition:transform var(--t-base) var(--ease-out-soft),color var(--t-fast) ease}.sv-next-link:hover .sv-next-name{transform:translate(10px);color:var(--accent)}.sv-next-link:hover .sv-next-arrow{transform:translate(6px,-6px);color:var(--accent)}.sv-cta{padding:110px 56px 130px;border-top:none;text-align:left;display:grid;gap:32px;justify-items:start;position:relative;z-index:2;overflow:hidden;background:radial-gradient(85% 130% at 88% 118%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 62%),radial-gradient(55% 90% at 6% -25%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%)}.sv-cta-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,6vw,88px);line-height:1.02;letter-spacing:-.025em;max-width:18ch;margin:0}.sv-cta>*:not(.hero-3d){position:relative;z-index:2}.sv-cta .hero-3d{z-index:0}.sv-cta .hero-3d{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 74%,transparent 100%),radial-gradient(125% 115% at 58% 52%,#000 42%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 74%,transparent 100%),radial-gradient(125% 115% at 58% 52%,#000 42%,transparent 100%);mask-composite:intersect}.sv-cta .cta-button,.sv-cta .cta-mail{opacity:1;transform:none}.sv-foot{padding:40px 56px 48px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--dim);font-size:11px;letter-spacing:.16em}.sv-foot a{color:var(--dim);text-decoration:none}.sv-foot a:hover{color:var(--accent)}.sv-back{text-decoration:none}@media(prefers-reduced-motion:no-preference){.sv-r{opacity:0;transform:translateY(26px);transition:opacity var(--t-slow) var(--ease-out-soft),transform var(--t-slow) var(--ease-out-soft)}.sv-r.on{opacity:1;transform:translateY(0)}}@media(max-width:860px){.sv-hero{padding:120px 20px 72px}.sv-scroll{display:none}.sv-manifesto{padding:80px 20px;gap:64px}.sv-pass{grid-template-columns:1fr;gap:14px}.sv-included,.sv-next,.sv-cta{padding-left:20px;padding-right:20px}.sv-included{padding-top:72px;padding-bottom:72px}.sv-inc-list{grid-template-columns:1fr}.sv-foot{padding:32px 20px 40px}}