.case-modal-overlay.has-full-case.has-ok-case .case-modal-sheet{width:100%;max-width:none;height:100%;max-height:none;padding:0;border:0;border-radius:0}
.case-modal-overlay.has-ok-case .modal-close{display:none}.case-modal-overlay.has-ok-case #case-study-content{padding:0}
.case-modal-detail.ok-editorial-page{padding:0;background:#070708;color:#f4f4f6}
.ok-spatial{--orange:#ff5a1f;--line:#ffffff1a;overflow:hidden;background:#070708;color:#f4f4f6;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.ok-spatial *{box-sizing:border-box}.ok-spatial h1,.ok-spatial h2,.ok-spatial h3,.ok-spatial p{margin:0}.ok-spatial img{display:block;width:100%;height:auto;object-fit:contain}.ok-spatial figure{margin:0;min-width:0}
.ok-nav{position:fixed;z-index:60;inset:0 0 auto;min-height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:16px 44px;background:#070708e8;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.ok-nav-back{justify-self:start;border:0;padding:0;background:transparent;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.ok-nav-links{grid-column:2;display:flex;gap:30px;overflow-x:auto;scrollbar-width:none}.ok-nav-links::-webkit-scrollbar{display:none}.ok-nav-links a{flex:none;color:#99999f;font-size:14px;letter-spacing:.06em;text-decoration:none;white-space:nowrap}.ok-nav-links a:hover,.ok-nav-back:hover{color:var(--orange)}
.ok-hero-spatial,.ok-section,.ok-footer{width:min(100% - 10vw,1440px);margin:auto}.ok-hero-spatial{padding-top:126px}.ok-hero-top,.ok-section-tag{display:flex;justify-content:space-between;gap:20px;color:#818188;font:11px/1.4 monospace;letter-spacing:.12em}.ok-hero-top i{display:inline-block;width:7px;height:7px;margin-right:9px;background:var(--orange);border-radius:50%;box-shadow:0 0 14px #ff5a1f}
.ok-hero-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,7vw,100px);padding:100px 0 86px}.ok-hero-copy-main{min-width:0}.ok-hero-logo{width:clamp(220px,25vw,340px)!important;aspect-ratio:1;object-fit:cover!important;border:1px solid #ffffff20;border-radius:22.4%;box-shadow:0 28px 90px #0009,0 0 90px #ff5a1f12}.ok-kicker{color:var(--orange);font:12px monospace;letter-spacing:.18em}.case-modal-detail .ok-spatial h1{margin:24px 0 28px;color:#f7f7f8;font-size:clamp(52px,7vw,104px);line-height:1.12;letter-spacing:-.06em;font-weight:750}.ok-spatial h1 em,.ok-spatial h2 em,.ok-footer em{color:var(--orange);font-style:normal}.ok-lead,.ok-section-lead,.ok-editorial-heading p,.ok-intro-layout>div>p{color:#a1a1aa;font-size:16px;line-height:2}.ok-cta{display:inline-flex;align-items:center;gap:42px;margin-top:36px;padding:16px 22px;background:var(--orange);color:white;text-decoration:none;font-size:14px;font-weight:600;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.ok-cta span{font-size:19px}
.ok-hero-stage{position:relative;padding:28px;background:#151519;border:1px solid #ffffff1a;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%)}.ok-stage-caption,.ok-stage-bottom{display:flex;justify-content:space-between;color:#a4a4aa;font:11px monospace;letter-spacing:.12em}.ok-hero-stage img{max-height:700px;margin:30px auto;object-fit:contain}.ok-stage-bottom{align-items:end}.ok-stage-bottom strong{font:800 clamp(44px,8vw,100px)/1 Inter,sans-serif;letter-spacing:-.08em;color:#fff}.ok-stage-bottom strong span{color:var(--orange)}
.ok-hero-meta{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.ok-hero-meta>div{padding:32px 25px 32px 0}.ok-hero-meta span,.ok-hero-meta b{display:block}.ok-hero-meta span{color:#77777e;font:11px monospace;letter-spacing:.12em}.ok-hero-meta b{margin-top:12px;color:#dedee2;font-size:14px;font-weight:500}
.ok-section{padding-top:180px}.ok-section-tag{padding-top:20px;border-top:1px solid var(--line)}.ok-section-tag span:first-child{color:var(--orange)}.ok-section h2{color:#f6f6f7;font-size:clamp(36px,4.7vw,66px);line-height:1.23;letter-spacing:-.045em;font-weight:650}.ok-intro-layout,.ok-editorial-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end;margin:70px 0}.ok-intro-layout{align-items:start}.ok-intro-layout>div>p{max-width:560px;margin-top:30px}.ok-editorial-heading p{max-width:470px}.ok-challenge-list{border-top:1px solid var(--line)}.ok-challenge-list article{display:grid;grid-template-columns:40px 1fr;gap:8px 18px;padding:25px 0;border-bottom:1px solid var(--line)}.ok-challenge-list b,.ok-strategy-grid span{color:var(--orange);font:12px monospace}.ok-challenge-list h3{font-size:22px}.ok-challenge-list p{grid-column:2;color:#99999f;font-size:14px;line-height:1.8}
.ok-method h2,.ok-results h2{margin-top:75px}.ok-section-lead{max-width:660px;margin-top:25px!important}.ok-method-grid,.ok-strategy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:70px}.ok-method-grid a,.ok-strategy-grid article{position:relative;min-height:200px;padding:28px;background:#141416;border:1px solid #ffffff12;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);color:#fff;text-decoration:none;transition:background .25s,transform .25s}.ok-method-grid a:hover{background:#22201f;transform:translateY(-5px)}.ok-method-grid span{color:#93939a;font:11px monospace}.ok-method-grid strong{display:block;margin-top:45px;font-size:24px}.ok-method-grid b{position:absolute;right:24px;bottom:25px;color:var(--orange);font-size:22px}
.ok-feature-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:end}.ok-feature-grid figure,.ok-image-pair figure,.ok-full-figure{background:#131315;border:1px solid #ffffff18;padding:10px}.ok-spatial figcaption{display:flex;justify-content:space-between;gap:12px;padding:15px 8px 7px;color:#99999f;font-size:12px;line-height:1.6}.ok-spatial figcaption b{color:#e8e8eb;font-weight:500}.ok-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.ok-full-figure{margin-top:28px!important}.ok-big-stat,.ok-metric-strip,.ok-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:60px 0;background:#ffffff20;border:1px solid #ffffff20}.ok-big-stat>div,.ok-metric-strip>div,.ok-result-grid article{padding:42px;background:#101012}.ok-big-stat strong,.ok-metric-strip strong,.ok-result-grid strong{display:block;font:600 clamp(38px,5vw,70px)/1 Inter,sans-serif;letter-spacing:-.05em}.ok-big-stat strong span,.ok-metric-strip strong span,.ok-result-grid small{color:var(--orange);font-size:.45em}.ok-big-stat p,.ok-metric-strip p,.ok-result-grid span{display:block;margin-top:16px;color:#a1a1aa;font-size:13px}.ok-big-stat-note{display:flex;align-items:end;justify-content:space-between;color:#818188;font:12px/1.8 monospace}.ok-big-stat-note span{color:var(--orange);font-size:25px}.ok-strategy-grid article{min-height:220px}.ok-strategy-grid h3{margin-top:38px;font-size:23px}.ok-strategy-grid p{margin-top:15px;color:#a1a1aa;font-size:13px;line-height:1.8}.ok-metric-strip{grid-template-columns:repeat(4,1fr)}.ok-metric-strip>div{padding:30px}.ok-metric-strip strong{font-size:clamp(27px,3vw,48px)}
.ok-results{padding-bottom:160px}.ok-result-grid strong{color:#fff}.ok-footer{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:70px 0 100px;border-top:1px solid var(--line)}.ok-footer>span{color:#77777e;font:11px monospace}.ok-footer>strong{font-size:clamp(30px,4vw,58px);line-height:1.1}.ok-footer button{border:1px solid #ffffff40;padding:14px 20px;background:transparent;color:#fff;cursor:pointer}
body:has(.case-modal-overlay.active.has-ok-case) .cursor-dot{background:#fff}body:has(.case-modal-overlay.active.has-ok-case) .cursor-ring{border-color:#ffffffa0;color:#fff;background:#ffffff08}body:has(.case-modal-overlay.active.has-ok-case) .cursor-ring.cursor-hover{border-color:#fff;background:#ffffff26}body:has(.case-modal-overlay.active.has-ok-case) .cursor-ring.cursor-view{background:#fff;color:#070708}
@media(max-width:800px){.ok-nav{display:flex;min-height:64px;padding:14px 16px;gap:20px}.ok-nav-back{font-size:12px}.ok-nav-links{gap:20px}.ok-nav-links a{font-size:12px}.ok-hero-spatial,.ok-section,.ok-footer{width:calc(100% - 40px)}.ok-hero-spatial{padding-top:105px}.ok-hero-copy{grid-template-columns:minmax(0,1fr) 150px;gap:24px;padding:75px 0 60px}.ok-hero-logo{width:150px!important}.ok-section{padding-top:110px}.ok-intro-layout,.ok-editorial-heading{grid-template-columns:1fr;gap:28px;margin:48px 0}.ok-method-grid,.ok-strategy-grid,.ok-metric-strip{grid-template-columns:repeat(2,1fr)}.ok-hero-meta{grid-template-columns:repeat(2,1fr)}.ok-feature-grid{grid-template-columns:1fr}.ok-footer{flex-wrap:wrap}}
@media(max-width:520px){.ok-hero-top span:last-child{display:none}.ok-hero-copy{grid-template-columns:minmax(0,1fr) 88px;gap:12px}.ok-hero-logo{width:88px!important;border-radius:22.4%}.case-modal-detail .ok-spatial h1{font-size:clamp(38px,9vw,52px)}.ok-hero-stage{padding:16px}.ok-stage-caption,.ok-stage-bottom{font-size:9px}.ok-image-pair{grid-template-columns:1fr}.ok-big-stat{grid-template-columns:1fr 1fr}.ok-big-stat-note{grid-column:1/-1;min-height:100px}.ok-big-stat>div,.ok-result-grid article{padding:24px}.ok-result-grid{grid-template-columns:1fr}.ok-method-grid a,.ok-strategy-grid article{padding:22px;min-height:175px}.ok-method-grid strong{font-size:19px}.ok-method-grid span{font-size:9px}.ok-strategy-grid h3{font-size:19px}.ok-metric-strip>div{padding:22px}.ok-spatial figcaption{flex-wrap:wrap}.ok-footer{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.ok-method-grid a{transition:none}}