/* Agency information: the same clear alpine glass as the product sections. */
.service-page h2{font-size:clamp(25px,3vw,38px);line-height:1.16;letter-spacing:-.035em}
.service-page p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:16px;max-width:75ch}
.privacy-page p a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.seo-about{margin-block:clamp(32px,5vw,72px) 0;padding:clamp(16px,3.4vw,52px);background:linear-gradient(110deg,#ebf8ff80,#e5f5ff25),var(--art-alpine-world,url('/assets/art/alpine-world.webp')) center 59%/cover;border-radius:36px;scroll-margin-top:100px}
.about-surface{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,5vw,76px);padding:clamp(28px,4vw,60px);border-radius:26px;background:linear-gradient(115deg,#f5fcffdf,#e6f6ffa8);border:1px solid #fff;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #8cc5e660,0 12px 32px #17456814;backdrop-filter:blur(1px)}
.about-heading{display:flex;flex-direction:column;align-items:flex-start}
.seo-about h2{font-size:clamp(20px,2vw,28px);letter-spacing:-.03em;line-height:1.2}
.seo-about .about-statement{font-size:clamp(30px,3.2vw,47px);letter-spacing:-.035em;line-height:1.15;font-weight:600;color:var(--ink);margin:28px 0 36px;text-wrap:balance}
.about-contact{display:inline-flex;align-items:center;gap:30px;padding:14px 20px;margin-top:auto;background:#10333e;color:#fff;border-radius:9px;font-size:14px;transition:background .25s}
.about-contact:hover{background:#205269}
.seo-about svg,.faq-contact svg{width:18px;height:18px;flex-shrink:0}
.about-description>p{font-size:17px;line-height:1.75;color:#304f68;margin:0;max-width:65ch}
.about-work{margin-top:26px;padding-top:24px;border-top:1px solid #7198b53b}
.about-work h3{font-size:16px;font-weight:650;line-height:1.4}
.about-work>p{font-size:14px;line-height:1.6;color:#36556e;margin:8px 0 16px}
.about-work nav{display:flex;flex-wrap:wrap;gap:8px}
.about-work nav a{display:flex;align-items:center;gap:18px;background:#ffffff9c;border:1px solid #fff;border-radius:8px;padding:10px 12px;font-size:13px;transition:background .25s,color .25s}
.about-work nav a:hover{background:#fff;color:#0759a6}
.about-work nav svg{width:13px;height:13px}
.about-archive{display:inline-flex;gap:12px;align-items:center;font-size:12px;color:#36556e;margin-top:16px;padding-block:5px}
.about-archive svg{width:12px;height:12px}
.seo-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(32px,6vw,88px);padding-block:clamp(48px,6vw,88px);scroll-margin-top:100px}
.seo-faq h2{font-size:clamp(30px,3.2vw,46px);line-height:1.13;letter-spacing:-.035em}
.faq-intro>p{font-size:16px;line-height:1.7;max-width:30ch;color:#36556e;margin-top:20px}
.faq-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:310px;margin-top:32px;padding:20px 0;border-top:1px solid #a5c4d860;font-size:15px;font-weight:600}
.faq-contact span span{display:block;color:#36556e;font-size:13px;font-weight:400;margin-top:5px}
.faq-contact>svg{transition:transform .3s}.faq-contact:hover>svg{transform:translate(3px,-3px)}
.faq-answers{display:flex;flex-direction:column;gap:10px}
.seo-faq details{border-radius:16px;background:linear-gradient(115deg,#ffffffd9,#e4f3fba6);border:1px solid #fff;box-shadow:inset 0 -1px 2px #87b9d62e,0 5px 16px #17456805;transition:background .25s}
.seo-faq details[open]{background:#fff}
.seo-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:21px 24px;font-size:16px;font-weight:600;line-height:1.5}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary i{position:relative;width:24px;height:24px;flex-shrink:0;color:#286188}
.seo-faq summary i:before,.seo-faq summary i:after{content:'';position:absolute;left:5px;top:11px;width:14px;height:1.5px;background:currentColor;transition:transform .3s}
.seo-faq summary i:after{transform:rotate(90deg)}
.seo-faq details[open] summary i:after{transform:rotate(0)}
.seo-faq details p{margin:0;padding:0 64px 24px 24px;font-size:15px;line-height:1.75;color:#36556e;max-width:70ch}
.seo-faq summary:hover{color:#0759a6}
.seo-about a:focus-visible,.seo-faq a:focus-visible,.seo-faq summary:focus-visible{outline:2px solid #147dcc;outline-offset:4px;border-radius:8px}
@media(max-width:900px){.about-surface{gap:28px;padding:28px}.seo-about .about-statement{font-size:32px}.about-description>p{font-size:16px}.seo-faq{gap:32px;grid-template-columns:1fr 1.4fr}}
@media(max-width:760px){.seo-about{padding:12px;border-radius:26px}.about-surface{grid-template-columns:1fr;padding:26px 22px;gap:28px;border-radius:18px}.seo-about .about-statement{font-size:32px;margin:20px 0 24px}.about-description>p{font-size:15px;line-height:1.75}.about-work{margin-top:22px;padding-top:22px}.seo-faq{grid-template-columns:1fr;gap:22px;padding-block:42px}.seo-faq h2 br{display:none}.faq-intro>p{max-width:40ch;font-size:15px;margin-top:14px}.faq-contact{margin-top:20px;padding:14px 0;max-width:none}.seo-faq summary{padding:18px 16px;font-size:15px;gap:12px}.seo-faq details p{padding:0 16px 20px;font-size:14px}.about-work nav a{gap:10px}.about-contact{font-size:13px}}
@media(prefers-reduced-motion:reduce){.seo-about a,.seo-faq summary i:after,.faq-contact>svg{transition:none}}
.seo-links{display:flex;flex-wrap:wrap;gap:10px 26px;padding-block:24px;border-bottom:1px solid #8bacc955}
.seo-links a{font-size:13px;padding-block:8px;min-height:36px}.seo-links a:hover,.seo-breadcrumbs a:hover{color:var(--accent)}
.seo-breadcrumbs{padding-block:24px;font-size:12px;color:var(--muted)}.seo-breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.seo-breadcrumbs li:not(:last-child):after{content:'/';margin-left:8px;opacity:.6}
.case-intro .seo-breadcrumbs{padding:0 0 14px;font-size:11px}
.service-page{padding-top:20px}.service-intro{padding:48px 0 64px;border-bottom:1px solid #8bacc955;background:radial-gradient(ellipse at 85% 20%,#c4eaff80,transparent 65%)}
.service-intro h1{font-size:clamp(34px,5.2vw,72px);line-height:1.08;max-width:1000px;letter-spacing:-.045em;overflow-wrap:anywhere}.service-intro p{font-size:clamp(17px,2vw,22px);max-width:780px;margin-bottom:26px}
.service-context{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;padding-block:44px;border-bottom:1px solid #8bacc955}.service-context p{margin:0}
.service-scope{padding-block:48px}.service-scope>div{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;margin-top:30px}.service-scope article{padding:24px 0;border-top:1px solid #8bacc955}.service-scope h3{font-size:23px;line-height:1.25}.service-scope p{margin-top:12px}
.service-examples,.service-related{padding-block:36px}.service-examples h2,.service-related h2{margin-bottom:18px}.service-examples>a,.service-related>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #8bacc955;font-size:17px}.service-examples .round-arrow,.service-related .round-arrow{flex-shrink:0}
.privacy-page{padding-block:50px}.privacy-page h1{font-size:clamp(30px,4vw,54px);overflow-wrap:anywhere}.privacy-page section{margin-block:34px}
@media(max-width:760px){.seo-about,.seo-faq,.service-context{grid-template-columns:1fr;gap:22px}.service-page{padding-top:15px}.service-intro{padding-block:25px 40px}.service-scope>div{grid-template-columns:1fr;gap:0}.seo-about p,.seo-faq p,.service-page p{font-size:15px}.case-intro .seo-breadcrumbs{font-size:10px}.seo-links{gap:4px 18px}.service-context{padding-block:32px}.seo-faq summary{font-size:16px}.service-examples>a,.service-related>a{font-size:15px}}

@media(max-width:760px){:root{--art-alpine-world:url('/assets/art/alpine-world-mobile.webp');--art-services:url('/assets/art/services-mobile.webp');--art-crystal-orbit:url('/assets/art/crystal-orbit-mobile.webp')}}