.detail-page{font-family:var(--font-sans);color:#111925;background:radial-gradient(at 95% 0,#edf5ff 0%,#0000 36%),#fdfdff;min-height:72svh;padding:40px 0 76px}.detail-container{width:88%;max-width:1320px;margin:auto}.detail-back{color:#687586;align-items:center;gap:6px;padding:12px 0;font-size:12px;font-weight:500;transition:color .2s;display:inline-flex}.detail-back:hover{color:#267bf2}.detail-heading{max-width:910px;padding:50px 0 56px}.detail-heading .eyebrow{margin-bottom:22px}.detail-heading h1{letter-spacing:-.055em;text-wrap:balance;margin:0 0 26px;font-family:inherit;font-size:clamp(42px,5vw,76px);font-weight:600;line-height:1.07}.detail-intro{color:#687586;max-width:720px;font-size:clamp(17px,1.6vw,21px);line-height:1.65}.detail-service-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.detail-service-card{background:#edf8fa;border-radius:20px;flex-direction:column;gap:20px;padding:34px;transition:transform .25s;display:flex}.detail-service-card:nth-child(2){background:#f3effc}.detail-service-card:nth-child(3){background:#edf2ff}.detail-service-card:nth-child(4){background:#edf9f2}.detail-service-card:hover{transform:translateY(-4px)}.detail-service-card>span{color:#7b8aa0;letter-spacing:.14em;font-size:12px}.detail-service-card h2{letter-spacing:-.035em;font-family:inherit;font-size:28px;font-weight:500}.detail-service-card p{color:#667284;max-width:500px;font-size:15px;line-height:1.7}.detail-service-card b{margin-top:auto;font-size:13px;font-weight:600}.detail-invitation{background:linear-gradient(120deg,#edf3ff,#eafaf6);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin-top:64px;padding:36px;display:flex}.detail-invitation h2{letter-spacing:-.04em;margin-top:14px;font-family:inherit;font-size:clamp(23px,2.7vw,34px);font-weight:500}.detail-invitation .button{flex-shrink:0}.detail-footer{color:#788292;align-items:center;gap:32px;width:88%;max-width:1320px;margin:0 auto;padding:35px 0;font-size:12px;display:flex}.detail-footer img{width:100px;height:auto}.detail-footer nav{gap:25px;margin-left:auto;display:flex}.detail-footer a:hover{color:#237aed}.detail-project-visual{background:linear-gradient(130deg,#edf2fa,#f6f8fc 45%,#e5efff);border-radius:24px;margin:0 0 48px;overflow:hidden}.detail-project-visual img{object-fit:contain;width:100%;max-height:760px;display:block}.detail-project-visual:not(.is-medical) img{object-fit:contain;height:min(70vw,680px)}.detail-project-visual figcaption{color:#718096;padding:0 28px 22px;font-size:12px}.detail-editorial{grid-template-columns:1fr 1.4fr;gap:70px;padding:15px 0;display:grid}.detail-editorial h2{letter-spacing:-.035em;font-family:inherit;font-size:clamp(26px,3vw,40px);font-weight:500;line-height:1.2}.detail-editorial p,.detail-prose p{color:#667284;margin-bottom:22px;font-size:16px;line-height:1.8}.detail-tags{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.detail-tags span{color:#536278;border:1px solid #e0e7ef;border-radius:24px;padding:10px 16px;font-size:12px}.detail-process{margin:0;padding:0;list-style:none}.detail-process li{border-top:1px solid #e4e9f0;grid-template-columns:70px 1fr 1.3fr;align-items:start;gap:30px;padding:32px 0;display:grid}.detail-process li>span{color:#3187f8;padding-top:4px;font-size:13px}.detail-process h2{letter-spacing:-.035em;font-family:inherit;font-size:25px;font-weight:500}.detail-process p{color:#687586;font-size:15px;line-height:1.75}.detail-prose{max-width:760px}.detail-prose h2{margin:32px 0 18px;font-family:inherit;font-size:24px;font-weight:500}.detail-contact-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.detail-contact-links{flex-direction:column;display:flex}.detail-contact-links a{letter-spacing:-.03em;border-bottom:1px solid #e2e8f0;align-items:center;gap:15px;padding:24px 0;font-size:20px;transition:color .2s,border-color .2s,padding-left .25s;display:flex}.detail-contact-links a:first-child{padding-top:0}.detail-contact-links a:hover{color:#267bf2;border-color:#c7d6ea;padding-left:6px}.detail-contact-links a span{margin-left:auto;transition:transform .25s,color .2s}.detail-contact-links a:hover span{transform:translate(3px,-3px)}.detail-contact-links img{width:22px;height:22px;transition:transform .25s}.detail-contact-links a:hover img{transform:scale(1.08)}.detail-contact-links small{color:#758092;margin-top:25px;font-size:13px;line-height:1.7}.detail-contact-form{background:#f3f6fa;border-radius:20px;gap:20px;padding:32px;display:grid}.detail-contact-form label{gap:10px;font-size:13px;font-weight:500;display:grid}.detail-contact-form :is(input,textarea){font:inherit;resize:vertical;background:#fff;border:1px solid #dde5ef;border-radius:10px;width:100%;padding:13px 15px;transition:border-color .2s,box-shadow .2s}.detail-contact-form :is(input,textarea):hover{border-color:#c7d6ea}.detail-contact-form small{color:#738096;font-size:12px;line-height:1.6}.detail-contact-form .button{justify-self:start}.detail-page :is(a,button,input,textarea):focus-visible{outline-offset:4px;outline:2px solid #3288ff}:is(.detail-contact-form :is(input,textarea):focus,.detail-contact-form :is(input,textarea):focus-visible){border-color:#3288ff;outline:none;box-shadow:0 0 0 4px #3288ff1a}@media (max-width:700px){.detail-page{padding:20px 0 44px}.detail-heading{padding:30px 0 38px}.detail-service-grid,.detail-editorial,.detail-contact-grid{grid-template-columns:1fr;gap:22px}.detail-service-card{padding:27px}.detail-invitation{flex-direction:column;align-items:flex-start;margin-top:42px;padding:28px}.detail-footer{flex-wrap:wrap;gap:24px}.detail-footer nav{flex-wrap:wrap;width:100%;margin-left:0}.detail-process li{grid-template-columns:32px 1fr;gap:14px;padding:26px 0}.detail-process p{grid-column:2}.detail-project-visual{border-radius:15px;margin-bottom:24px}.detail-contact-form{padding:23px}.detail-contact-links a{font-size:18px}}@media (prefers-reduced-motion:reduce){.detail-service-card{transition:none}}@media (prefers-reduced-motion:no-preference){.detail-back,.detail-heading>*,.detail-contact-grid>*,.detail-invitation{animation:.55s cubic-bezier(.2,.7,.2,1) both detail-arrive}.detail-back{animation-delay:0s}.detail-heading>.eyebrow{animation-delay:30ms}.detail-heading>h1{animation-delay:70ms}.detail-heading>.detail-intro{animation-delay:.11s}.detail-contact-grid>.detail-contact-links{animation-delay:.15s}.detail-contact-grid>.detail-contact-form,.detail-contact-grid>form{animation-delay:.2s}.detail-invitation{animation-delay:.1s}@keyframes detail-arrive{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}}