.detail-page{--detail-line:#dce3ec;--detail-panel:#f4f7fb;--detail-text:#536175}.detail-page.design-b{--detail-line:#353a30;--detail-panel:#1c2118;--detail-text:#b5bbaf}.detail-hero,.detail-content,.detail-related{max-width:1440px;margin:auto;padding:64px 5%}.detail-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--detail-line);padding-top:48px;padding-bottom:64px}.detail-topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-topline .eyebrow{color:var(--accent);margin:0}.detail-back{font-size:11px;font-weight:700;letter-spacing:1px}.detail-page .detail-hero h1{position:relative;z-index:1;font-size:clamp(36px,5.2vw,76px);line-height:1.3;letter-spacing:-3px;font-weight:700;max-width:1000px;margin:65px 0 36px;overflow-wrap:anywhere}.detail-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;position:relative;z-index:1}.detail-hero-bottom .intro{max-width:650px;margin:0}.detail-hero-bottom .primary{flex-shrink:0;margin:0}.detail-hero-symbol{position:absolute;right:5%;top:90px;font-size:200px;line-height:1;color:#1559ec09;pointer-events:none}.design-a .detail-hero{background:radial-gradient(ellipse at 85% 30%,#eaf1ff,transparent 55%)}.design-b .detail-hero-symbol{color:#c0f815}.design-b.detail-page .detail-hero h1{font-weight:800;max-width:1100px;letter-spacing:-4px;font-size:clamp(40px,6vw,86px)}.design-b .detail-hero-bottom .primary{color:#111}.detail-layout{display:grid;grid-template-columns:1fr 2fr;gap:9%}.detail-sidebar{align-self:start;position:sticky;top:35px;font-size:14px;line-height:1.95;color:var(--detail-text)}.detail-sidebar .eyebrow{color:var(--accent)}.detail-sidebar>a{display:inline-block;border-bottom:1px solid var(--detail-line);padding-bottom:8px;margin-top:12px;color:inherit;font-weight:600}.detail-sections section{display:grid;grid-template-columns:35px 1fr;gap:16px;border-top:1px solid var(--detail-line);padding:28px 0 34px}.detail-number{font-size:11px;color:var(--accent);padding-top:8px}.detail-sections h2{font-size:25px;letter-spacing:-1px;line-height:1.5;margin:0 0 16px}.detail-sections p{font-size:15px;line-height:2;color:var(--detail-text);margin:0;word-break:keep-all;overflow-wrap:anywhere}.detail-figure{margin:60px 0 0;background:var(--detail-panel);padding:32px}.detail-figure img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain}.detail-figure figcaption{font-size:11px;color:var(--muted);padding-top:22px}.detail-related{background:var(--detail-panel);padding-top:54px;padding-bottom:60px}.detail-related .section-heading>a{font-size:12px}.detail-service-links{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.detail-service-links>a{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--detail-line);padding:22px 0;font-size:16px}.detail-service-links>a>span:last-child{color:var(--accent)}.detail-contact-methods{margin-top:25px}.case-catalog{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.case-card{min-width:0}.case-card-art{aspect-ratio:1.52;background:var(--detail-panel);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.case-card-art>img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .35s}.case-card:hover img{transform:scale(1.025)}.case-open{position:absolute;bottom:18px;right:18px;border-radius:50%;background:#fff;color:#17222f;width:38px;height:38px;display:grid;place-items:center}.case-card-meta{display:flex;align-items:start;justify-content:space-between;gap:15px;margin:20px 0 10px}.case-card-meta h2{font-size:23px;letter-spacing:-.8px;line-height:1.5;margin:0}.case-card-meta small{font-size:11px;color:var(--accent);padding-top:6px}.case-card>p,.case-card>small{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.case-system{padding:35px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.case-system>small{font-size:10px;letter-spacing:1px;color:var(--accent)}.case-system>strong{font-size:clamp(22px,2.6vw,36px);line-height:1.5;letter-spacing:-1.5px;margin:20px 0;max-width:90%;z-index:1}.case-system>span{font-size:12px;color:var(--muted);z-index:1}.case-system>b{position:absolute;bottom:0;right:28px;font-size:115px;line-height:1;color:#1559ec0a;letter-spacing:-15px}.design-b .case-system>b{color:#c0f810}.design-b .case-card-art{background:#252c20}.design-b .case-card:nth-child(even){margin-top:70px}.detail-page .brand-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%}@media(max-width:760px){.detail-hero,.detail-content,.detail-related{padding:40px 6%}.detail-page .detail-hero h1,.design-b.detail-page .detail-hero h1{font-size:36px;letter-spacing:-1.7px;line-height:1.4;margin:40px 0 25px}.detail-hero-bottom{align-items:start;flex-direction:column;gap:25px}.detail-hero-symbol{font-size:140px;top:75px}.detail-layout{grid-template-columns:1fr;gap:32px}.detail-sidebar{position:static}.detail-sections h2{font-size:22px}.detail-sections p{font-size:14px}.detail-sections section{grid-template-columns:24px 1fr;gap:10px}.detail-service-links{grid-template-columns:1fr}.detail-figure{padding:15px;margin-top:25px}.case-catalog{grid-template-columns:1fr;gap:35px}.design-b .case-card:nth-child(even){margin-top:0}.case-system{padding:25px}.case-system>strong{font-size:28px}.detail-back{font-size:9px}.detail-related h2{font-size:28px}.detail-page .detail-contact h2{font-size:34px}}