.case-modal-overlay.has-full-case.has-design-system-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-design-system-case .modal-close{display:none}.case-modal-overlay.has-design-system-case #case-study-content{padding:0}.case-modal-detail.design-system-fullscreen-page{padding:0;background:#09090b;color:#f6f6f4}
.dsc{--lime:#d4ff32;--line:rgba(255,255,255,.13);overflow:hidden;background:#09090b;color:#f6f6f4;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.dsc *{box-sizing:border-box}.dsc h1,.dsc h2,.dsc h3,.dsc p,.dsc figure{margin:0}.dsc img{display:block;width:100%;height:auto;object-fit:contain}.dsc-wrap{width:min(100% - 10vw,1440px);margin:0 auto}.dsc section[id]{scroll-margin-top:85px}
.dsc-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:24px;padding:16px 44px;background:#09090bea;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.dsc-back{justify-self:start;padding:0;border:0;background:none;color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.dsc-nav nav{grid-column:2;display:flex;gap:30px;overflow-x:auto;scrollbar-width:none}.dsc-nav nav::-webkit-scrollbar{display:none}.dsc-nav a{color:#aaaab0;font-size:14px;white-space:nowrap;text-decoration:none}.dsc-nav a:hover,.dsc-back:hover{color:var(--lime)}
.dsc-hero{position:relative;min-height:calc(100vh - 1px);padding-top:126px;display:flex;flex-direction:column}.dsc-hero:before{content:"";position:absolute;z-index:0;inset:80px -10vw 0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 95%);pointer-events:none}.dsc-hero>*{position:relative}.dsc-eyebrow,.dsc-label,.dsc-hero-line{display:flex;justify-content:space-between;gap:20px;color:#8e8e95;font:11px/1.5 monospace;letter-spacing:.12em}.dsc-eyebrow span:first-child,.dsc-label span:first-child{color:var(--lime)}.dsc-hero-title{padding:clamp(100px,12vw,180px) 0 110px}.dsc-hero-title>p{color:#b5b5bc;font-size:15px;letter-spacing:.1em}.case-modal-detail .dsc h1{margin:30px 0 0;color:#f7f7f5;font-size:clamp(44px,6.1vw,88px);font-weight:800;line-height:1.35;letter-spacing:-.055em}.dsc h1 em{display:inline-block;margin:0 .06em;padding:.04em .2em .08em;border-radius:100px;background:var(--lime);color:#111;font-style:normal}.dsc-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:48px}.dsc-hero-bottom p{color:#b2b2ba;font-size:clamp(15px,1.2vw,18px);line-height:1.9}.dsc-hero-bottom a{display:inline-flex;gap:45px;align-items:center;padding:17px 24px;border:1px solid #ffffff45;border-radius:40px;color:white;text-decoration:none;font-size:14px}.dsc-hero-bottom a span{color:var(--lime);font-size:20px}.dsc-hero-line{margin-top:auto;padding:24px 0;border-top:1px solid var(--line)}
.dsc-section{padding-top:clamp(130px,12vw,190px)}.dsc-label{padding-top:20px;border-top:1px solid var(--line)}.dsc-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin:80px 0 68px}.case-modal-detail .dsc h2{color:#f6f6f4;font-size:clamp(38px,5vw,72px);line-height:1.2;letter-spacing:-.045em;font-weight:750}.dsc h2 em,.dsc-footer em{color:var(--lime);font-style:normal}.dsc-heading>p,.dsc-reflection>p{max-width:480px;color:#a9a9b0;font-size:16px;line-height:2}.dsc-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:55px}.dsc-stats>div{padding:36px 18px 36px 0}.dsc-stats strong,.dsc-stats span{display:block}.dsc-stats strong{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.06em}.dsc-stats small{color:var(--lime);font-size:.6em}.dsc-stats span{margin-top:18px;color:#a9a9b0;font-size:14px}.dsc-small-stats{display:flex;flex-wrap:wrap;gap:14px 32px;padding:34px 0;color:#b4b4b9;font-size:14px}
.dsc-evidence{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dsc figure{min-width:0}.dsc-evidence figure,.dsc-wide{padding:12px;background:#16161b;border:1px solid #ffffff18;border-radius:16px}.dsc figcaption{display:flex;justify-content:space-between;gap:15px;padding:17px 6px 5px;color:#d4d4d7;font-size:13px;line-height:1.6}.dsc figcaption span{color:#8e8e95;font:10px/1.6 monospace;letter-spacing:.08em}.dsc-wide{margin-top:26px!important}.dsc-evidence img,.dsc-wide img{border-radius:8px}.dsc-details{grid-template-columns:repeat(3,1fr);margin-top:24px}
.dsc-rows{border-top:1px solid var(--line)}.dsc-rows article{display:grid;grid-template-columns:70px 1fr 1fr;gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.dsc-rows article>span,.dsc-questions span{color:var(--lime);font:12px monospace}.dsc-rows h3{font-size:clamp(22px,2.5vw,36px);font-weight:650}.dsc-rows p{color:#a2a2aa;font-size:15px;line-height:1.9}.dsc-questions{border-top:1px solid var(--line)}.dsc-questions p{display:flex;gap:30px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--line);font-size:clamp(19px,2.4vw,32px);line-height:1.5}.dsc-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dsc-phases article{display:flex;flex-direction:column;min-height:310px;padding:32px;background:#17171c;border:1px solid var(--line);border-radius:18px}.dsc-phases article>span,.dsc-standard small,.dsc-toolbox small,.dsc-token small,.dsc-flow small{color:var(--lime);font:11px monospace;letter-spacing:.12em}.dsc-phases b{margin-top:32px;color:#3a3a40;font-size:70px;line-height:1}.dsc-phases h3{margin-top:auto;font-size:25px}.dsc-phases p{margin-top:14px;color:#aaaab0;font-size:14px;line-height:1.8}
.dsc-standard{display:grid;grid-template-columns:1.4fr .6fr;gap:1px;margin-bottom:26px;overflow:hidden;background:#ffffff18;border:1px solid #ffffff18;border-radius:16px}.dsc-standard>div{min-width:0;padding:35px;background:#111114}.dsc-standard strong{display:block;margin-top:30px;font-size:clamp(25px,3.2vw,45px);line-height:1.4}.dsc-standard strong i{color:var(--lime);font-style:normal}.dsc-standard p{margin-top:15px;color:#a9a9b0;line-height:1.8}.dsc-token{margin-top:90px;padding:55px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dsc-token strong{display:block;margin-top:30px;font-size:clamp(24px,4vw,55px);line-height:1.4}.dsc-token em{color:var(--lime);font-style:normal}.dsc-token p{margin-top:20px;color:#aaaab0;line-height:1.8}
.dsc-toolbox{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;padding:40px;border:1px solid var(--line);border-radius:20px;background:#15151a}.dsc-toolbox h3{margin-top:25px;font-size:38px}.dsc-toolbox p{margin-top:25px;color:#aaaab0;line-height:2.2}.dsc-766{display:grid;grid-template-columns:repeat(3,1fr) 1fr;align-items:end;gap:20px;margin:110px 0 40px}.dsc-766 strong,.dsc-766 span{display:block}.dsc-766 strong{color:var(--lime);font-size:clamp(65px,9vw,130px);line-height:1;letter-spacing:-.07em}.dsc-766 span{margin-top:15px;color:#bbb;font-size:14px}.dsc-766 p{color:#b8b8bf;font-size:24px;line-height:1.5}.dsc-statement{padding:140px 0 90px}.dsc-statement>span{color:var(--lime);font:11px monospace;letter-spacing:.14em}.dsc-statement h3{margin-top:35px;font-size:clamp(44px,6.5vw,90px);line-height:1.2;letter-spacing:-.05em}.dsc-statement h3 span{color:var(--lime)}.dsc-statement p{max-width:640px;margin-top:35px;color:#aaaab0;font-size:16px;line-height:2}.dsc-flow{padding:120px 0 50px}.dsc-flow h3{margin-top:28px;font-size:clamp(30px,4vw,55px);line-height:1.3}.dsc-flow>div{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:55px}.dsc-flow>div span{padding:18px 28px;border:1px solid #ffffff2d;border-radius:50px;font-size:18px}.dsc-flow>div b{color:var(--lime);font-size:25px}.dsc-flow p{margin-top:25px;color:#aaaab0;line-height:1.8}.dsc-reflection h2{margin-top:80px!important}.dsc-reflection>p{margin:30px 0 65px;max-width:680px}.dsc-footer{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:160px;padding:60px 0 90px;border-top:1px solid var(--line)}.dsc-footer>span{color:#888;font:11px/1.5 monospace}.dsc-footer strong{font-size:clamp(30px,4vw,58px);line-height:1.1}.dsc-footer button{border:1px solid #ffffff40;border-radius:30px;padding:15px 22px;background:transparent;color:white;cursor:pointer}
@media(max-width:800px){.dsc-nav{display:flex;min-height:64px;padding:14px 16px;gap:20px}.dsc-nav nav{gap:20px}.dsc-nav a,.dsc-back{font-size:12px}.dsc-wrap{width:calc(100% - 40px)}.dsc-hero{min-height:0;padding-top:105px}.dsc-hero-title{padding:85px 0}.case-modal-detail .dsc h1{font-size:clamp(30px,7.3vw,58px)}.dsc-heading{grid-template-columns:1fr;gap:25px;margin:55px 0}.dsc-section{padding-top:110px}.dsc-stats{grid-template-columns:repeat(2,1fr)}.dsc-phases{grid-template-columns:1fr}.dsc-phases article{min-height:220px}.dsc-rows article{grid-template-columns:40px 1fr;gap:12px}.dsc-rows p{grid-column:2}.dsc-toolbox{grid-template-columns:1fr;padding:25px}.dsc-766{grid-template-columns:repeat(3,1fr)}.dsc-766 p{grid-column:1/-1}.dsc-footer{flex-wrap:wrap}}
@media(max-width:520px){.dsc-eyebrow span:last-child,.dsc-hero-line span:last-child{display:none}.dsc-hero-bottom{align-items:start;flex-direction:column}.dsc-evidence,.dsc-details,.dsc-standard{grid-template-columns:1fr}.dsc-stats strong{font-size:42px}.dsc-questions p{gap:16px}.dsc-token strong{font-size:23px}.dsc-flow>div{gap:10px}.dsc-flow>div span{padding:12px 15px;font-size:14px}.dsc-footer{align-items:start;flex-direction:column}}
/* The sculpture floats behind the oversized title. */
.dsc-section#dsc-outcome{padding-top:clamp(32px,3.2vw,48px)}
.dsc-hero-main{position:relative;display:flex;align-items:center;flex:1}
.dsc-hero-main .dsc-hero-title{position:relative;z-index:2;min-width:0;padding:100px 0;pointer-events:none}
.case-modal-detail .dsc-hero-main h1{font-size:clamp(56px,7.1vw,104px);line-height:1.3;letter-spacing:-.045em;white-space:nowrap}
.dsc-hero-main .dsc-hero-bottom{display:block}.dsc-hero-main .dsc-hero-bottom a{margin-top:28px;pointer-events:auto}
.dsc-sculpture{position:absolute;z-index:1;right:0;top:60%;transform:translateY(-50%);width:min(48vw,650px);aspect-ratio:1;margin:0!important}
.dsc-sculpture-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline:none}.dsc-sculpture-canvas:active{cursor:grabbing}.dsc-sculpture-canvas:focus-visible{outline:2px solid var(--lime);outline-offset:-5px;border-radius:28px}
@media(max-width:900px){.dsc-hero-main .dsc-hero-title{padding:110px 0}.case-modal-detail .dsc-hero-main h1{font-size:clamp(35px,7vw,63px)}.dsc-sculpture{width:min(60vw,480px);right:-5%;opacity:.75}.dsc-hero-main .dsc-hero-bottom{margin-top:30px}}
@media(max-width:520px){.dsc-hero-main .dsc-hero-title{padding:110px 0 150px}.case-modal-detail .dsc-hero-main h1{font-size:clamp(27px,7vw,36px)}.dsc-sculpture{width:72vw;right:-10%;top:65%;opacity:.65}}
