:root{--bg:#0d1110;--text:#e8ece8;--muted:#8d9792;--line:#303735;--accent:#9de8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Noto Sans KR;font-weight:300}a{color:inherit;text-decoration:none}header{border-bottom:1px solid var(--line);z-index:10;background:#0d1110e8;justify-content:space-between;align-items:center;height:104px;padding:0 4.5vw;display:flex;position:relative}.logo{align-items:center;gap:18px;display:flex}.logo b{font:500 17px/1 DM Mono}.logo span{color:var(--muted);border-left:1px solid var(--line);padding-left:18px;font:9px/1.45 DM Mono}nav{gap:34px;font:11px DM Mono;display:flex}nav a{color:var(--muted)}nav a:hover,nav .on{color:var(--accent)}.menu{color:#fff;background:0 0;border:0;display:none}.wrap{width:min(91vw,1500px);margin:auto}.eyebrow{letter-spacing:.16em;color:var(--accent);font:11px DM Mono}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;min-height:calc(100vh - 104px);display:grid}.hero h1{letter-spacing:-.075em;margin:28px 0;font-size:clamp(58px,8.8vw,148px);font-weight:600;line-height:.84}.hero h1 i{color:#0000;-webkit-text-stroke:1px #83908a;font-style:normal}.hero-copy,.page-hero p,.project-info p,.prose p,.career-row p,.case p{color:var(--muted);line-height:1.9}.hero-visual{height:70vh;position:relative;overflow:hidden}.hero-visual img,.project-img img{object-fit:cover;filter:saturate(.7)brightness(.72);width:100%;height:100%;transition:all .6s}.hero-visual:hover img,.project-img:hover img{filter:saturate(.9)brightness(.8);transform:scale(1.025)}.stamp{background:var(--accent);color:#101614;padding:12px;font:10px DM Mono;position:absolute;bottom:24px;left:24px}.section{padding:130px 0}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:60px;padding-bottom:25px;display:flex}.section-head h2,.page-title{letter-spacing:-.06em;margin:0;font-size:clamp(42px,6vw,90px);line-height:1}.section-head span,.top{color:var(--muted);font:10px DM Mono}.projects{gap:80px;display:grid}.project{grid-template-columns:1.8fr 1fr;align-items:end;gap:35px;display:grid}.project:nth-child(2n){grid-template-columns:1fr 1.8fr}.project:nth-child(2n) .project-img{order:2}.project-img{height:clamp(340px,50vw,680px);display:block;overflow:hidden}.project-info{padding:0 8px 20px}.top{justify-content:space-between;display:flex}.project-info h3{letter-spacing:-.05em;margin:23px 0 11px;font-size:clamp(35px,4vw,62px);line-height:.95}.arrow{border-bottom:1px solid;margin-top:22px;padding-bottom:7px;font:11px DM Mono;display:inline-block}.arrow:hover{color:var(--accent)}.page-hero{padding:130px 0 90px}.page-hero p{max-width:600px;margin-top:35px}.grid2{grid-template-columns:1fr 1fr;gap:10vw;display:grid}.facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.fact{border-bottom:1px solid var(--line);padding:25px 0}.fact label{color:var(--muted);margin-bottom:9px;font:10px DM Mono;display:block}.fact b{font-weight:500}.prose h2{font-size:32px}.career{border-top:1px solid var(--line)}.career-row{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr 1fr;gap:40px;padding:45px 0;display:grid}.career-row time{color:var(--accent);font:11px DM Mono}.career-row h3{margin:0;font-size:25px}.career-row small{color:var(--muted);margin-top:8px;font-size:13px;display:block}.detail-hero{height:72vh;position:relative}.detail-hero img{object-fit:cover;filter:brightness(.55)saturate(.7);width:100%;height:100%}.detail-title{position:absolute;bottom:50px;left:4.5vw}.detail-title h1{letter-spacing:-.07em;margin:16px 0;font-size:clamp(52px,9vw,135px);line-height:.8}.detail-title p{font:11px DM Mono}.case-grid{grid-template-columns:300px 1fr;gap:10vw;display:grid}.sticky{height:max-content;position:sticky;top:30px}.sticky dl{border-top:1px solid var(--line)}.sticky div{border-bottom:1px solid var(--line);padding:18px 0}.sticky dt{color:var(--muted);font:9px DM Mono}.sticky dd{margin:7px 0 0}.case h2{font-size:38px}.case p{margin:0 0 65px}.highlight{border-left:2px solid var(--accent);padding-left:30px;color:var(--text)!important;font-size:clamp(25px,3vw,45px)!important}.contactbox{padding:12vw 0}.contactbox h1{letter-spacing:-.07em;font-size:clamp(50px,10vw,150px);line-height:.9}.contactbox h1 span{color:var(--accent)}.mail{border-bottom:1px solid;font-size:clamp(17px,3vw,35px)}.contactfacts{max-width:600px;margin-top:80px}footer{border-top:1px solid var(--line);height:110px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 4.5vw;font:9px DM Mono;display:flex}@media (width<=800px){header{height:78px}.menu{display:block}nav{background:#111615;flex-direction:column;padding:28px 5vw;display:none;position:absolute;top:78px;left:0;right:0}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{height:58vh}.section{padding:85px 0}.project,.project:nth-child(2n){grid-template-columns:1fr}.project:nth-child(2n) .project-img{order:0}.project-img{height:60vw}.grid2,.case-grid{grid-template-columns:1fr}.career-row{grid-template-columns:1fr;gap:15px}.sticky{position:static}.detail-hero{height:75vh}.logo span{display:none}footer{flex-wrap:wrap;gap:20px;height:auto;padding:35px 4.5vw}}body.lang-ja{font-family:Noto Sans JP,Noto Sans KR,sans-serif}nav{align-items:center}.language-switch{border-left:1px solid var(--line);align-items:center;gap:7px;padding-left:22px;display:flex}.language-switch i{color:var(--line);font-style:normal}@media (width<=800px){.language-switch{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}.hero-career{margin-top:8px}.career-hero .page-title i{color:#0000;-webkit-text-stroke:1px #83908a;font-style:normal}.career-stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;display:grid}.career-stats div{background:var(--bg);padding:25px}.career-stats strong{color:var(--text);font:500 clamp(26px,4vw,52px) DM Mono;display:block}.career-stats span{color:var(--muted);font:9px DM Mono}.career-entry{border-bottom:1px solid var(--line);grid-template-columns:280px 1fr;gap:7vw;padding:70px 0;display:grid}.career-meta{align-content:start;gap:16px;display:grid}.career-index{color:var(--muted);font:11px DM Mono}.career-meta time{color:var(--accent);font:11px DM Mono}.career-meta p{color:var(--text);margin:0}.career-tags{flex-wrap:wrap;gap:8px;display:flex}.career-tags span{color:var(--accent);border:1px solid var(--line);padding:7px 9px;font:9px DM Mono}.career-content h2{letter-spacing:-.04em;margin:22px 0 10px;font-size:clamp(27px,3.4vw,50px);line-height:1.15}.career-content h3{color:var(--muted);margin:0 0 30px;font-size:15px;font-weight:400}.career-summary{max-width:850px;color:var(--text)!important;font-size:19px!important}.career-content ul{color:var(--muted);grid-template-columns:1fr 1fr;gap:12px 28px;margin:28px 0;padding:0;line-height:1.7;list-style:none;display:grid}.career-content li{padding-left:16px;position:relative}.career-content li:before{content:"—";color:var(--accent);position:absolute;left:0}.career-result{border-left:2px solid var(--accent);background:#111716;margin-top:30px;padding:20px;color:var(--text)!important}.career-result b{color:var(--accent);margin-right:18px;font:10px DM Mono}.career-skills{grid-template-columns:1fr 1fr;gap:10vw;display:grid}.career-skills h2{font-size:clamp(34px,4vw,62px);line-height:1.1}.skill-list{border-top:1px solid var(--line)}.skill-list p{border-bottom:1px solid var(--line);margin:0;padding:24px 0;font-size:18px}.skill-list span{color:var(--accent);margin-right:20px;font:10px DM Mono}@media (width<=800px){.career-entry,.career-skills{grid-template-columns:1fr}.career-entry{gap:38px;padding:55px 0}.career-content ul,.career-stats{grid-template-columns:1fr}.career-stats div{justify-content:space-between;align-items:center;display:flex}}.career-intro{border:1px solid var(--line);background:#101513;margin:0 0 28px;padding:18px 20px}.career-intro b{letter-spacing:.12em;color:var(--accent);margin-bottom:8px;font:9px DM Mono;display:block}.career-intro p{color:var(--muted);margin:0;line-height:1.8}.career-gallery{margin:35px 0}.career-gallery figure{background:#080b0a;margin:0;overflow:hidden}.career-gallery img{object-fit:cover;filter:saturate(.78)brightness(.82);width:100%;height:100%;transition:all .5s;display:block}.career-gallery figure:hover img{filter:saturate()brightness(.92);transform:scale(1.015)}.career-gallery-main{height:clamp(300px,40vw,560px)}.career-gallery>div{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.career-gallery>div figure{height:clamp(150px,18vw,280px)}.career-gallery>p{justify-content:space-between;gap:20px;font:9px DM Mono;display:flex;color:var(--muted)!important;margin:12px 0 0!important}.career-gallery a{color:var(--accent)}@media (width<=800px){.career-gallery-main{height:56vw}.career-gallery>div figure{height:30vw}.career-gallery>p{line-height:1.8;display:block}}.works-hero{padding-bottom:35px}.work-group{border-top:1px solid var(--line)}.work-group+.work-group{padding-top:100px}.work-group__head>div{max-width:900px}.work-group__head .eyebrow{margin:0 0 18px}.work-group__head h2{line-height:.92}.student-group{margin-top:30px}.work-card__visual{background:#111716}.work-card__diagram,.hero-case-graphic,.case-study-hero__graphic{background:linear-gradient(145deg,#15201d 0%,#0a0f0e 70%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:clamp(28px,4vw,60px);display:flex;position:relative;overflow:hidden}.work-card__diagram:before,.hero-case-graphic:before,.case-study-hero__graphic:before{content:"";border:1px solid #31413c;position:absolute;inset:9%}.work-card__diagram:after,.hero-case-graphic:after,.case-study-hero__graphic:after{content:"";aspect-ratio:1;border:1px solid #547168;border-radius:50%;width:48%;position:absolute;top:8%;right:8%;box-shadow:0 0 0 42px #17211e,0 0 0 43px #293a35}.work-card__diagram span,.hero-case-graphic span,.case-study-hero__graphic span{letter-spacing:.18em;color:var(--accent);z-index:1;font:10px DM Mono;position:absolute;top:clamp(28px,4vw,60px);left:clamp(28px,4vw,60px)}.work-card__diagram b,.hero-case-graphic strong,.case-study-hero__graphic b{letter-spacing:-.06em;color:var(--text);z-index:1;font:500 clamp(42px,7vw,110px)/.9 DM Mono}.work-card__diagram small,.hero-case-graphic small,.case-study-hero__graphic small{letter-spacing:.16em;color:var(--accent);z-index:1;margin-top:14px;font:10px DM Mono}.work-card__diagram i,.hero-case-graphic i,.case-study-hero__graphic i{background:#2e3e39;width:52%;height:1px;position:absolute;right:-6%;transform:rotate(-35deg)}.work-card__diagram i:first-of-type,.hero-case-graphic i:first-of-type,.case-study-hero__graphic i:first-of-type{top:32%}.work-card__diagram i:nth-of-type(2),.hero-case-graphic i:nth-of-type(2),.case-study-hero__graphic i:nth-of-type(2){top:48%}.work-card__diagram i:nth-of-type(3),.hero-case-graphic i:nth-of-type(3),.case-study-hero__graphic i:nth-of-type(3){top:64%}.work-card__ko{font-weight:500;color:var(--text)!important}.work-card__facts{border-top:1px solid var(--line);gap:10px;margin:25px 0 0;padding-top:18px;display:grid}.work-card__facts div{grid-template-columns:78px 1fr;gap:15px;display:grid}.work-card__facts dt{color:var(--accent);font:9px DM Mono}.work-card__facts dd{color:var(--muted);margin:0;font-size:13px}.featured-cases__all{margin-top:65px}.work-card--compact .project-img{height:clamp(300px,42vw,600px)}.hero-case-graphic{justify-content:center;padding:clamp(30px,4vw,70px)}.hero-case-graphic strong{font-size:clamp(78px,12vw,190px)}.hero-case-graphic:after{width:60%;top:-10%;right:-10%}.experience-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101513}.experience-strip__grid{grid-template-columns:repeat(4,1fr);display:grid}.experience-strip__grid div{border-right:1px solid var(--line);padding:30px 24px}.experience-strip__grid div:first-child{border-left:1px solid var(--line)}.experience-strip strong{color:var(--text);font:500 clamp(16px,1.7vw,25px) DM Mono;display:block}.experience-strip span{letter-spacing:.12em;color:var(--muted);margin-top:10px;font:8px DM Mono;display:block}.case-study-hero--graphic{background:#101513}.case-study-hero__graphic{position:absolute;inset:0}.case-study-hero__graphic b{opacity:.42;font-size:clamp(70px,13vw,200px)}.case-study-title{z-index:2;max-width:91vw}.case-study-title h1{max-width:1200px}.case-study-title__ko{font-family:Noto Sans KR!important;font-size:clamp(15px,1.8vw,24px)!important}.case-meta__link{width:max-content;display:block}.confidentiality{background:#111716;border:1px solid #3c4d48;padding:20px 24px;color:var(--muted)!important;margin:0 0 70px!important}.confidentiality b{letter-spacing:.13em;color:var(--accent);margin-bottom:9px;font:9px DM Mono;display:block}.case-section{padding:0 0 95px}.case-section>h2,.case-panel h2{margin:12px 0 25px}.professional-case .case-section>p:not(.eyebrow):not(.highlight),.case-panel p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.9}.case-split{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:0 0 95px;display:grid}.case-panel{background:#101513;padding:35px}.case-panel h2{font-size:clamp(24px,3vw,38px)}.process-flow{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.process-flow li{border-bottom:1px solid var(--line);grid-template-columns:50px 130px 1fr;align-items:start;gap:20px;padding:26px 0;display:grid}.process-flow span{color:var(--accent);font:9px DM Mono}.process-flow b{letter-spacing:.08em;font:500 12px DM Mono}.process-flow p{color:var(--muted);line-height:1.7;margin:0!important}.before-after{grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;margin-top:45px;display:grid}.before-after>div{border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:130px;padding:24px;display:flex}.before-after span{color:var(--accent);font:9px DM Mono}.before-after b{font-size:16px;line-height:1.6}.before-after>i{color:var(--accent);font-style:normal}.result-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:60px;padding:65px 0;display:grid}.result-section strong{text-align:right;display:block}.result-section strong span{color:var(--accent);white-space:nowrap;font:500 clamp(54px,8vw,110px)/.85 DM Mono;display:block}.result-section strong small{letter-spacing:.12em;color:var(--muted);margin-top:14px;font:9px DM Mono;display:block}.reflection-section{padding-top:95px}.automation-case h2{letter-spacing:-.045em;font-size:clamp(30px,4.2vw,58px);line-height:1.12}.automation-pill-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:45px;display:grid}.automation-pill-grid span{background:#101513;align-items:center;gap:14px;padding:18px;font-size:13px;display:flex}.automation-pill-grid i{color:var(--accent);font:9px DM Mono}.automation-task-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:40px;display:grid}.automation-task-grid div{background:#101513;padding:22px}.automation-task-grid span,.goal-equation span,.standardization-compare span,.responsibility-grid>div>span,.quality-results span{letter-spacing:.12em;color:var(--accent);margin-bottom:12px;font:9px DM Mono;display:block}.automation-task-grid b{font-size:15px;line-height:1.5}.vertical-workflow{border-top:1px solid var(--line);margin:35px 0 0;padding:0;list-style:none}.vertical-workflow li{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr auto;align-items:center;gap:20px;min-height:74px;display:grid;position:relative}.vertical-workflow li:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:25px}.vertical-workflow li:not(:last-child):after{content:"↓";color:var(--accent);background:var(--bg);z-index:1;position:absolute;bottom:-10px;left:20px}.vertical-workflow span{z-index:1;background:var(--bg);border:1px solid var(--line);width:28px;height:28px;color:var(--accent);place-items:center;font:8px DM Mono;display:grid;position:relative}.vertical-workflow p{color:var(--text)!important;margin:0!important}.vertical-workflow small{letter-spacing:.1em;color:#d48e7b;font:8px DM Mono}.vertical-workflow--after small{color:var(--accent)}.vertical-workflow--after li:last-child small{color:#f1d482}.goal-equation{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:15px;margin-top:40px;display:grid}.goal-equation div{border:1px solid var(--line);background:#101513;padding:24px}.goal-equation b{font-size:15px;line-height:1.55}.goal-equation>i{color:var(--accent);align-self:center;font-style:normal}.pipeline-diagram{grid-template-columns:repeat(6,1fr);gap:18px;margin:45px 0;padding:0;list-style:none;display:grid}.pipeline-diagram li{border:1px solid var(--line);background:#101513;min-height:115px;padding:18px;position:relative}.pipeline-diagram li:not(:last-child):after{content:"→";color:var(--accent);z-index:1;position:absolute;top:45%;right:-15px}.pipeline-diagram span{color:var(--accent);font:8px DM Mono;display:block}.pipeline-diagram b{margin-top:34px;font:500 10px/1.4 DM Mono;display:block}.reconstruction-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.reconstruction-grid figure{border:1px solid var(--line);background:#101513;margin:0;padding:22px;overflow:hidden}.reconstruction-grid figcaption{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.reconstruction-grid figcaption span{color:var(--accent);font:8px DM Mono}.reconstruction-grid figcaption b{font-size:13px}.dummy-table{overflow-x:auto}.dummy-table>div{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 2.3fr 1fr;min-width:560px;display:grid}.dummy-table>div:last-child{border-bottom:1px solid var(--line)}.dummy-table span{border-right:1px solid var(--line);color:var(--muted);padding:12px 10px;font:9px DM Mono}.dummy-table .head span{color:var(--text);background:#18201e}.tool-window{background:#151b19;border:1px solid #40504b}.tool-window header{background:#232b28;align-items:center;gap:5px;height:34px;padding:0 10px;display:flex}.tool-window header i{background:#52625c;border-radius:50%;width:7px;height:7px}.tool-window header span{color:var(--muted);margin-left:8px;font:8px DM Mono}.tool-window label{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr auto;align-items:center;gap:8px;padding:10px;display:grid}.tool-window label span,.tool-window label b,.tool-window button,.tool-window pre{font:7px DM Mono}.tool-window label b{color:var(--muted);font-weight:400;overflow:hidden}.tool-window button{color:var(--text);background:#1b2421;border:1px solid #455650;padding:7px}.tool-generate{width:calc(100% - 20px);margin:12px 10px;display:block;background:var(--accent)!important;color:#0d1110!important}.tool-window pre{color:var(--accent);white-space:pre-wrap;background:#0c100f;margin:10px;padding:10px;line-height:1.7}.standardization-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:40px;display:grid}.standardization-compare>div{border:1px solid var(--line);background:#101513;padding:28px}.standardization-compare p{border-bottom:1px solid var(--line);padding:12px 0 12px 18px;position:relative;color:var(--muted)!important;margin:0!important}.standardization-compare p:before{content:"·";color:var(--accent);position:absolute;left:0}.standardization-compare>i{color:var(--accent);font-style:normal}.responsibility-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:1.35fr .65fr;gap:1px;margin-top:35px;display:grid}.responsibility-grid>div{background:#101513;padding:28px}.responsibility-grid ul{margin:0;padding:0;list-style:none}.responsibility-grid li{color:var(--muted);border-bottom:1px solid var(--line);padding:9px 0 9px 18px;line-height:1.6;position:relative}.responsibility-grid li:before{content:"→";color:var(--accent);font-size:9px;position:absolute;left:0}.ai-disclosure,.measurement-note{border-left:2px solid var(--accent);background:#111716;padding:22px;color:var(--muted)!important;margin:22px 0 0!important}.ai-disclosure b,.measurement-note b{letter-spacing:.12em;color:var(--accent);margin-bottom:8px;font:9px DM Mono;display:block}.impact-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:35px;display:grid}.impact-grid>div{background:#101513;min-height:185px;padding:28px}.impact-grid strong{color:var(--accent);font:500 clamp(30px,4vw,56px)/1 DM Mono;display:block}.impact-grid span{letter-spacing:.12em;margin-top:12px;font:9px DM Mono;display:block}.impact-grid p{color:var(--muted)!important;margin:25px 0 0!important}.quality-results{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;display:grid}.quality-results>div{background:#101513;padding:24px}.quality-results b{font-size:14px;line-height:1.6}.future-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:35px;display:grid}.future-grid span{border:1px solid var(--line);background:#101513;padding:18px}.reconstruction-note{border-top:1px solid var(--line);background:#101513;padding:55px!important}.reconstruction-note p:last-child{margin:0!important}@media (width<=800px){.work-group__head{align-items:start}.work-group__head h2{font-size:40px}.work-card__facts div{grid-template-columns:65px 1fr}.experience-strip__grid{grid-template-columns:1fr 1fr}.experience-strip__grid div{border-bottom:1px solid var(--line)}.experience-strip__grid div:nth-child(odd){border-left:1px solid var(--line)}.case-study-title h1{font-size:clamp(40px,12vw,68px);line-height:.9}.case-split,.result-section{grid-template-columns:1fr}.process-flow li{grid-template-columns:40px 1fr}.process-flow p{grid-column:2}.before-after{grid-template-columns:1fr}.before-after>i{text-align:center;transform:rotate(90deg)}.result-section strong{text-align:left}.case-section{padding-bottom:70px}.confidentiality{margin-bottom:55px!important}.automation-pill-grid,.automation-task-grid,.impact-grid,.quality-results,.future-grid{grid-template-columns:1fr 1fr}.goal-equation{grid-template-columns:1fr}.goal-equation>i,.standardization-compare>i{text-align:center;transform:rotate(90deg)}.pipeline-diagram{grid-template-columns:1fr 1fr}.pipeline-diagram li:not(:last-child):after{content:"↓";top:auto;bottom:-14px;right:10px}.reconstruction-grid,.standardization-compare,.responsibility-grid{grid-template-columns:1fr}.reconstruction-note{padding:32px!important}}@media (width<=520px){.experience-strip__grid{grid-template-columns:1fr}.experience-strip__grid div{border-left:1px solid var(--line)}.work-group__head{display:block}.work-group__head>span{margin-top:20px;display:block}.work-card__diagram b{font-size:36px}.work-card--compact .project-img{height:72vw}.automation-pill-grid,.automation-task-grid,.impact-grid,.quality-results,.future-grid{grid-template-columns:1fr}.vertical-workflow li{grid-template-columns:48px 1fr}.vertical-workflow small{grid-column:2;margin-bottom:14px}.pipeline-diagram{grid-template-columns:1fr}.reconstruction-grid figure{padding:15px}}.tool-field{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr auto;align-items:center;gap:8px;padding:10px;display:grid}.tool-field span,.tool-field b,.tool-button,.tool-generate{font:7px DM Mono}.tool-field b{color:var(--muted);font-weight:400;overflow:hidden}.tool-button{color:var(--text);background:#1b2421;border:1px solid #455650;padding:7px;font-style:normal}.tool-generate{text-align:center;padding:7px}.level-case h2{letter-spacing:-.045em;font-size:clamp(30px,4.2vw,58px);line-height:1.12}.stage-chip{border:1px solid var(--line);background:#101513;grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:42px;padding:25px;display:grid}.stage-chip span,.stage-chip small{letter-spacing:.12em;color:var(--accent);font:9px DM Mono}.stage-chip strong{grid-area:1/2/3;font-size:clamp(26px,4vw,50px)}.stage-chip small{color:var(--muted)}.experience-goals{border:1px solid var(--line);background:var(--line);grid-template-columns:1fr 1fr;gap:1px;margin-top:35px;display:grid}.experience-goals div{background:#101513;grid-template-columns:45px 1fr;align-items:start;gap:15px;padding:24px;display:grid}.experience-goals span{color:var(--accent);font:9px DM Mono}.experience-goals p{color:var(--text)!important;margin:0!important}.learning-curve{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin:40px 0 0;padding:0;list-style:none;display:grid}.learning-curve li{background:#101513;min-height:320px;padding:25px;position:relative}.learning-curve li:not(:last-child):after{content:"→";z-index:1;color:var(--accent);position:absolute;top:50%;right:-6px}.learning-curve>li>span{color:var(--accent);font:9px DM Mono}.learning-curve h3{margin:38px 0 18px;font-size:24px}.learning-curve p{font-size:14px;color:var(--muted)!important;margin:0!important}.learning-curve li>div{flex-wrap:wrap;gap:6px;margin-top:30px;display:flex}.learning-curve small{border:1px solid var(--line);color:var(--accent);padding:7px;font:8px DM Mono}.switch-relationship{border:1px solid var(--line);background:#101513;grid-template-columns:220px 100px 1fr;align-items:center;min-height:330px;margin-top:40px;padding:35px;display:grid}.switch-node{aspect-ratio:1;border:1px solid #507066;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 28px #15201d}.switch-node span,.state-columns span{color:var(--accent);font:8px DM Mono}.switch-node b{margin:10px 0;font:500 24px DM Mono}.switch-node i{color:var(--muted);font:9px DM Mono}.relationship-lines{align-content:space-around;height:230px;display:grid}.relationship-lines i{background:var(--accent);transform-origin:0;height:1px}.relationship-lines i:first-child{transform:rotate(-24deg)}.relationship-lines i:last-child{transform:rotate(24deg)}.state-columns{border:1px solid var(--line);background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.state-columns>div{background:var(--bg);padding:24px}.state-columns b{border-bottom:1px solid var(--line);padding:14px 0;font-weight:400;display:block}.blockmap{border:1px solid var(--line);background:linear-gradient(135deg,#101513,#0b100e);grid-template-rows:150px 150px;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:40px;padding:35px;display:grid;position:relative}.room{background:#141b19;border:1px solid #46554f;flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:relative}.room span{color:var(--accent);font:8px DM Mono}.room b{font-size:13px}.room small{background:var(--accent);color:#0d1110;padding:5px;font:7px DM Mono;position:absolute;top:10px;right:10px}.room--start{grid-area:1/1/auto/2}.room--switch{grid-area:1/2/auto/3}.room--elevator{grid-area:1/3/auto/5}.room--branch{grid-area:2/4/auto/6}.room--return{grid-area:2/2/auto/4}.room--final{grid-area:1/5/auto/7}.path{color:var(--accent);font:18px DM Mono;position:absolute}.path--1{top:26%;left:17%}.path--2{top:26%;left:35%}.path--3{top:48%;left:58%}.path--4{top:76%;left:37%}.path--5{top:26%;right:28%}.diagram-caption{font:9px DM Mono;color:var(--muted)!important;margin:14px 0 0!important}.story-progression{border-top:1px solid var(--line);margin:40px 0 0;padding:0;list-style:none}.story-progression li{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr 1fr;align-items:center;gap:20px;min-height:70px;display:grid}.story-progression span{color:var(--accent);font:9px DM Mono}.story-progression b{font-weight:400}.story-progression i{width:calc(var(--story-level) * 24%);background:var(--accent);height:4px;opacity:calc(.3 + var(--story-level) * .16);display:block}.level-responsibility{border:1px solid var(--line);background:var(--line);grid-template-columns:1.4fr .6fr;gap:1px;margin-top:35px;display:grid}.level-responsibility>div{background:#101513;padding:28px}.level-responsibility span{color:var(--accent);margin-bottom:18px;font:9px DM Mono;display:block}.level-responsibility ul{margin:0;padding:0;list-style:none}.level-responsibility li{border-bottom:1px solid var(--line);color:var(--muted);padding:10px 0 10px 18px;position:relative}.level-responsibility li:before{content:"→";color:var(--accent);font-size:9px;position:absolute;left:0}.playtest-before-after{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:40px;display:grid}.playtest-panel{border:1px solid var(--line);background:#101513;padding:28px}.playtest-panel>span{color:var(--accent);margin-bottom:20px;font:9px DM Mono;display:block}.playtest-panel>p{border-bottom:1px solid var(--line);padding:12px 0 12px 18px;position:relative;color:var(--muted)!important;margin:0!important}.playtest-panel>p:before{content:"·";color:var(--accent);position:absolute;left:0}.iteration-arrow{color:var(--accent);font-style:normal}.elevator-demo{border:1px solid var(--line);background:linear-gradient(90deg,#0c100f 0 36%,#17201d 36% 64%,#0c100f 64%);height:175px;margin-bottom:20px;position:relative;overflow:hidden}.elevator-demo b{color:var(--text);font:8px DM Mono;position:absolute;bottom:18px;left:46%}.elevator-demo i{background:#522c27;border:1px solid #d87968;width:18px;height:18px;position:absolute}.elevator-demo--before i:first-child{top:18px;left:40%}.elevator-demo--before i:nth-child(2){top:55px;right:36%}.elevator-demo--before i:nth-child(3){bottom:45px;left:39%}.elevator-demo--before i:nth-child(4){bottom:15px;right:39%}.elevator-demo--after i{top:30px;right:38%}.elevator-demo small{border:1px solid var(--accent);color:var(--accent);padding:10px;font:7px DM Mono;position:absolute;top:20px;left:8px}.level-results{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:35px;display:grid}.level-results div{background:#101513;min-height:160px;padding:25px}.level-results strong{color:var(--accent);font:500 32px DM Mono}.level-results p{color:var(--text)!important;margin:28px 0 0!important}.takeaway-list{border-top:1px solid var(--line);margin-top:35px}.takeaway-list p{border-bottom:1px solid var(--line);padding:20px 0 20px 30px;position:relative;color:var(--text)!important;margin:0!important}.takeaway-list p:before{content:"✓";color:var(--accent);position:absolute;left:0}.level-designer-statement{border-left:2px solid var(--accent);background:#111716;padding:30px;font-size:18px;color:var(--text)!important;margin:45px 0 0!important}.level-designer-statement b{color:var(--accent);margin-bottom:12px;font:9px DM Mono;display:block}@media (width<=900px){.learning-curve{grid-template-columns:1fr 1fr}.learning-curve li{min-height:270px}.switch-relationship{grid-template-columns:1fr;gap:40px}.switch-node{justify-self:center;width:200px}.relationship-lines{display:none}.blockmap{grid-template-rows:130px 130px 130px;grid-template-columns:1fr 1fr 1fr}.room--start{grid-area:1/1}.room--switch{grid-area:1/2}.room--elevator{grid-area:1/3}.room--branch{grid-area:2/2/auto/4}.room--return{grid-area:3/1/auto/3}.room--final{grid-area:3/3}.path{display:none}.level-responsibility,.playtest-before-after{grid-template-columns:1fr}.iteration-arrow{text-align:center;transform:rotate(90deg)}.level-results{grid-template-columns:1fr}}@media (width<=560px){.stage-chip{grid-template-columns:1fr}.stage-chip strong{grid-area:auto}.experience-goals,.learning-curve,.state-columns{grid-template-columns:1fr}.learning-curve li{min-height:auto}.learning-curve li:not(:last-child):after{content:"↓";top:auto;bottom:-8px;right:20px}.blockmap{flex-direction:column;padding:20px;display:flex}.room{min-height:100px}.story-progression li{grid-template-columns:35px 1fr}.story-progression i{width:calc(var(--story-level) * 23%);grid-column:2;margin-bottom:14px}.level-designer-statement{font-size:16px}}
