.case-page .site-header{height:100px}.case-page .site-header nav{display:flex;align-items:center;gap:24px}.case-hero{padding:54px 0 65px}.case-back{font-size:13px;display:inline-block;margin-bottom:65px;color:var(--muted)}.case-hero h1{font-family:Georgia,"Songti SC",serif;font-weight:400;font-size:clamp(48px,6.6vw,100px);line-height:1.14;letter-spacing:-.035em;max-width:1050px}.case-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;margin-top:52px}.case-intro h2{font-size:20px;font-weight:500}.case-intro p,.case-section p,.flow-grid p{font-size:16px;line-height:1.95;color:var(--muted)}.case-visual{position:relative;border-radius:5px;min-height:580px;display:flex;justify-content:center;align-items:center;padding:65px 6% 80px;background:radial-gradient(ellipse at 70% 25%,#eaf0dd,#c2ceb4);overflow:hidden}.case-visual.eq{background:radial-gradient(ellipse at 70% 25%,#f5dcd0,#cba796)}.case-device{width:300px;max-width:80%;border:10px solid #303a36;border-radius:32px;background:#303a36;box-shadow:20px 28px 42px #26332238;transform:perspective(1400px) rotateY(-9deg) rotateZ(-4deg);transition:transform .7s}.case-device:hover{transform:perspective(1400px) rotateY(0deg) rotateZ(0deg)}.case-device img{width:100%;max-height:590px;object-fit:cover;object-position:top;border-radius:22px}.case-visual.eq .case-device{width:290px;transform:perspective(1400px) rotateY(9deg) rotateZ(4deg)}.case-visual figcaption{position:absolute;bottom:23px;left:30px;right:30px;font-size:11px;color:#384435;line-height:1.6}.case-section{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding:88px 0;border-bottom:1px solid var(--line)}.case-section h2{font-size:clamp(27px,3vw,42px);line-height:1.4;font-weight:400;margin-bottom:25px}.case-flow{padding:80px 0;border-bottom:1px solid var(--line)}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.flow-grid span{display:block;font-family:Georgia,serif;font-size:42px;color:var(--accent);margin-bottom:30px}.flow-grid h3,.case-features h3{font-size:21px;margin-bottom:12px;font-weight:500}.case-features article+article{margin-top:34px}.case-status .primary{display:inline-flex;margin-top:30px;padding:17px 25px}.case-next{display:flex;align-items:center;gap:40px;padding:60px 0}.case-next>span:first-child{font-size:12px;color:var(--muted)}.case-next strong{flex:1;font-size:clamp(25px,3vw,42px);font-weight:400}.case-next>span:last-child{font-size:38px}.case-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:30px 0 45px;font-size:12px;color:var(--muted)}.case-visual.mdm{background:radial-gradient(ellipse at 70% 25%,#dddcd0,#b9c0bc);min-height:430px}.architecture{display:flex;align-items:stretch;width:100%;gap:35px;color:#293a36}.architecture>div{flex:1;position:relative;border:1px solid #697b6955;border-radius:12px;padding:35px 23px;background:#ffffff70;box-shadow:0 15px 30px #2233220c}.architecture>div+div:before{content:'↔';position:absolute;left:-28px;top:50%}.architecture small{display:block;margin-bottom:28px}.architecture strong{font-size:22px;display:block;margin-bottom:18px}.architecture span{font-size:13px;line-height:1.8}.case-page .primary{color:var(--accent-ink)}
@media(max-width:700px){.case-page .site-header{gap:10px;height:85px}.case-page .site-header nav{gap:15px;font-size:12px}.case-page .brand-logo svg{width:118px}.case-page .theme-switch{padding:4px 8px}.case-hero{padding:28px 0 45px}.case-back{margin-bottom:42px}.case-intro{grid-template-columns:1fr;gap:18px;margin-top:35px}.case-section{grid-template-columns:1fr;gap:5px;padding:48px 0}.case-flow{padding:48px 0}.flow-grid{grid-template-columns:1fr 1fr;gap:32px 22px}.flow-grid p{font-size:14px}.flow-grid span{margin-bottom:15px}.case-visual{min-height:480px;padding:42px 30px 75px}.case-device{width:235px}.case-device img{max-height:440px}.case-next{gap:20px;flex-wrap:wrap;padding:42px 0}.case-next>span:first-child{width:100%}.architecture{flex-direction:column;gap:25px}.architecture>div{padding:22px}.architecture small{margin-bottom:14px}.architecture>div+div:before{content:'↕';top:-25px;left:50%}.case-visual.mdm{padding:35px 22px 80px}.case-footer{gap:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.case-device{transition:none}}