@font-face{font-family:Gmarket;src:url("assets/GmarketSansMedium.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Gmarket;src:url("assets/GmarketSansBold.woff") format("woff");font-weight:700;font-display:swap}
:root{--bg:#0b0d0f;--panel:#121519;--panel2:#1a1e23;--ink:#f3f1e9;--muted:#8d959d;--line:#343a41;--acid:#d6ff45;--cyan:#79e5ff;--orange:#ff8c5a;--sans:Gmarket,"Noto Sans KR","Malgun Gothic",sans-serif;--mono:"Courier New",monospace;--ease:cubic-bezier(.22,.8,.26,1)}
*{box-sizing:border-box}img,video{display:block}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans)}body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.skip-link{position:fixed;z-index:999;left:1rem;top:1rem;transform:translateY(-200%);padding:.7rem 1rem;background:var(--acid);color:#000}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button{font:inherit}.deck{position:fixed;inset:0}.slide{--px:clamp(2.2rem,4.6vw,5rem);position:absolute;inset:0;padding:clamp(4.2rem,7vh,6.5rem) var(--px) clamp(4.9rem,8vh,6.4rem);overflow:hidden;background:radial-gradient(circle at 78% 18%,#1b2025 0,transparent 36%),var(--bg);opacity:0;visibility:hidden;pointer-events:none;transform:scale(.985);transition:opacity .42s var(--ease),transform .55s var(--ease),visibility .42s}.slide.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transform:none}.slide:before{content:"";position:absolute;left:var(--px);right:var(--px);top:2.2rem;height:1px;background:var(--line)}.slide:after{content:attr(data-slide);position:absolute;right:var(--px);top:1.15rem;color:#6c747c;font:500 .58rem/1 var(--mono)}[data-reveal]{opacity:0;transform:translateY(12px)}.slide.is-active [data-reveal]{animation:reveal .72s var(--ease) forwards}.slide.is-active [data-reveal]:nth-child(2){animation-delay:.1s}.slide.is-active [data-reveal]:nth-child(3){animation-delay:.18s}.slide.is-active [data-reveal]:nth-child(4){animation-delay:.26s}@keyframes reveal{to{opacity:1;transform:none}}
.section-head{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:end;margin-bottom:clamp(1rem,2vh,1.8rem)}.section-head p{grid-column:1;margin:0 0 .35rem;color:var(--acid);font:500 clamp(.58rem,.72vw,.72rem)/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}.section-head h2{grid-column:1;margin:0;font-size:clamp(2.1rem,4.3vw,4.8rem);line-height:.88;letter-spacing:-.06em}.section-head>span{grid-column:2;grid-row:1/3;align-self:end;color:var(--muted);font:500 clamp(.53rem,.65vw,.65rem)/1.4 var(--mono);letter-spacing:.1em}.section-head.overlay{position:absolute;top:clamp(4.2rem,7vh,6.5rem);left:var(--px);right:var(--px);margin:0;color:white;text-shadow:0 2px 20px #000}.section-head.overlay>span{color:#c2c7ca}.case-slide{padding:0;background:#050607}.case-slide:before,.case-slide:after{z-index:10}.case-slide .section-head.overlay{pointer-events:none}.media-label{position:absolute;bottom:1.1rem;padding:.42rem .6rem;background:rgba(5,7,8,.82);backdrop-filter:blur(8px);font:500 .6rem/1 var(--mono);letter-spacing:.08em}.before .media-label{left:1rem}.after .media-label{right:1rem;color:var(--acid)}
/* cover */.cover{padding:0;background:#070809}.cover:before,.cover:after{z-index:5}.cover-media{position:absolute;inset:0}.cover-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(1.12) brightness(.55)}.cover-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.94) 0%,rgba(5,7,8,.75) 42%,rgba(5,7,8,.1) 75%),linear-gradient(0deg,rgba(5,7,8,.8),transparent 55%)}.cover-grid{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.09) 50%,transparent 50.05%),linear-gradient(0deg,transparent 49.95%,rgba(255,255,255,.07) 50%,transparent 50.05%)}.brandline{position:absolute;z-index:4;left:var(--px);right:var(--px);top:2.2rem;display:flex;justify-content:space-between;color:#b5bbc0;font:500 .56rem/1 var(--mono);letter-spacing:.1em}.cover-title{position:absolute;z-index:4;left:var(--px);top:50%;transform:translateY(-52%)}.cover-title .micro{margin:0 0 1rem;color:var(--acid);font:500 .68rem/1 var(--mono);letter-spacing:.2em}.cover-title h1{margin:0;font-size:clamp(5rem,12vw,12rem);line-height:.76;letter-spacing:-.08em}.cover-title h1 i{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--ink)}.subtitle{margin:clamp(1.2rem,2.5vh,2rem) 0 .5rem;font-size:clamp(1.2rem,2.2vw,2.5rem);letter-spacing:-.04em}.case-line{margin:0;color:#aeb5ba;font:500 clamp(.6rem,.85vw,.88rem)/1.5 var(--mono);letter-spacing:.08em}.case-line span{color:var(--acid);margin:0 .5rem}.cover-cue{position:absolute;z-index:4;left:var(--px);bottom:5.2rem;display:flex;align-items:center;gap:1rem;color:var(--muted);font:500 .55rem/1 var(--mono);letter-spacing:.1em}.cover-cue i{width:8rem;height:1px;background:var(--acid)}
/* pipeline */.pipeline{display:grid;grid-template-rows:auto 1fr auto}.pipeline-stage{display:grid;grid-template-columns:1.25fr .55fr .74fr .55fr 1.25fr;align-items:center;gap:clamp(.6rem,1.2vw,1.2rem)}.source-reel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding:.55rem;background:#050607;border:1px solid var(--line);transform:rotate(-1deg)}.source-reel figure{margin:0;aspect-ratio:16/10;overflow:hidden}.source-reel img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.reel-label{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;padding:.35rem .2rem 0;font:500 .55rem/1 var(--mono)}.reel-label span{color:var(--muted)}.pipe-connector{display:grid;place-items:center;gap:.5rem;color:var(--muted);font:500 .52rem/1 var(--mono)}.pipe-connector i{display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--line),var(--acid));position:relative}.pipe-connector i:after{content:"";position:absolute;right:0;top:-3px;border-left:7px solid var(--acid);border-top:3px solid transparent;border-bottom:3px solid transparent}.pipe-connector.out i{background:linear-gradient(90deg,var(--acid),var(--line))}.mps-core{aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid #55616b;background:radial-gradient(circle,#26303a,#0b0d0f 68%);box-shadow:0 0 70px rgba(121,229,255,.13)}.mps-core small,.mps-core span{font:500 .5rem/1 var(--mono);letter-spacing:.1em;color:var(--muted)}.mps-core b{margin:.7rem 0;font-size:clamp(2.5rem,4vw,4.7rem);letter-spacing:-.08em;color:var(--cyan)}.delivery-monitor{position:relative;aspect-ratio:16/10;border:1px solid #53606a;background:#050607;padding:.45rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,.25)}.delivery-monitor video{width:100%;height:100%;object-fit:cover}.delivery-monitor span{position:absolute;left:.8rem;bottom:.8rem;padding:.32rem .45rem;background:rgba(4,6,7,.8);font:500 .5rem/1 var(--mono);color:var(--acid)}.function-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.function-strip div{display:grid;grid-template-columns:auto 1fr;gap:.15rem .8rem;padding:.85rem 1rem;border-right:1px solid var(--line)}.function-strip div:last-child{border:0}.function-strip i{grid-row:1/3;color:var(--acid);font:500 .55rem/1 var(--mono);font-style:normal}.function-strip b{font-size:clamp(.72rem,.9vw,.9rem)}.function-strip span{color:var(--muted);font:500 .52rem/1 var(--mono)}
/* compare */.compare{--pos:50%;position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:ew-resize}.compare-layer{position:absolute;inset:0}.compare-layer video{width:100%;height:100%;object-fit:cover}.compare-layer.after{clip-path:inset(0 0 0 var(--pos))}.compare-handle{position:absolute;z-index:6;left:var(--pos);top:0;bottom:0;width:3rem;transform:translateX(-50%);border:0;background:transparent;color:#050607;cursor:ew-resize}.compare-handle i{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--acid);box-shadow:0 0 20px rgba(214,255,69,.5)}.compare-handle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--acid);font:700 1rem/1 var(--mono)}.look-strip,.grade-notes{position:absolute;z-index:8;left:var(--px);right:var(--px);bottom:5rem;display:flex;align-items:center;gap:clamp(.65rem,1.3vw,1.4rem);padding:.72rem .9rem;background:rgba(8,10,12,.82);backdrop-filter:blur(13px);border:1px solid rgba(255,255,255,.12)}.look-strip span{color:var(--acid);font:500 .53rem/1 var(--mono);letter-spacing:.1em}.look-strip b{font-size:clamp(.58rem,.74vw,.74rem)}.look-strip small{margin-left:auto;color:var(--muted);font:500 .5rem/1 var(--mono)}
/* grade */.split-view{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--bg)}.split-view figure{position:relative;margin:0;overflow:hidden}.split-view video{width:100%;height:100%;object-fit:cover}.split-view figcaption{position:absolute;bottom:1rem;left:1rem;display:flex;flex-direction:column;gap:.2rem;padding:.5rem .65rem;background:rgba(5,7,8,.8);backdrop-filter:blur(8px)}.split-view figcaption b{font:700 .68rem/1 var(--mono)}.split-view figcaption span{color:var(--muted);font:500 .5rem/1 var(--mono)}.split-view figure+figure figcaption b{color:var(--acid)}.grade-notes span{font:500 .55rem/1 var(--mono);letter-spacing:.08em}.grade-notes span:before{content:"+";color:var(--acid);margin-right:.35rem}.grade-notes small{margin-left:auto;color:var(--orange);font:500 .5rem/1 var(--mono)}
/* sr */.sr-layout{position:absolute;inset:0;display:grid;grid-template-columns:1.6fr .7fr;background:#050607}.wide-frame{position:relative;overflow:hidden;border-right:2px solid var(--bg)}.wide-frame video{width:100%;height:100%;object-fit:cover}.wide-frame>span{position:absolute;left:1rem;bottom:1rem;padding:.4rem .55rem;background:rgba(5,7,8,.8);font:500 .55rem/1 var(--mono);color:var(--acid)}.crop-guide{position:absolute;right:8%;top:27%;width:38%;height:48%;border:1px solid var(--acid);box-shadow:0 0 0 9999px rgba(0,0,0,.17)}.crop-compare{display:grid;grid-template-rows:1fr 1fr;gap:2px}.crop-compare figure{position:relative;margin:0;overflow:hidden}.crop-compare video{width:100%;height:100%;object-fit:cover}.crop-compare figcaption{position:absolute;left:.7rem;bottom:.7rem;padding:.35rem .45rem;background:#090b0d;font:500 .5rem/1 var(--mono)}.crop-compare figure+figure figcaption{color:var(--acid)}
/* presets */.preset-index{display:grid;grid-template-rows:auto 1fr auto}.preset-list{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.6rem,1.3vw,1.3rem)}.preset-list article{position:relative;display:flex;flex-direction:column;min-width:0;padding-bottom:1rem;border-bottom:1px solid var(--line)}.preset-thumb{aspect-ratio:4/5;overflow:hidden;background:var(--panel);margin-bottom:1rem}.preset-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .7s var(--ease),filter .7s}.preset-list article:hover img{transform:scale(1.035);filter:saturate(1)}.preset-list article>span{color:var(--acid);font:500 .53rem/1 var(--mono)}.preset-list h3{margin:.5rem 0 .6rem;font-size:clamp(1.1rem,1.8vw,2rem);letter-spacing:-.04em}.preset-list p{margin:0;font-size:clamp(.65rem,.82vw,.82rem)}.preset-list small{margin-top:auto;padding-top:1rem;color:var(--muted);font:500 .49rem/1 var(--mono)}.index-note{margin:.8rem 0 0;text-align:right;color:var(--muted);font:500 .52rem/1 var(--mono)}
/* workflow */.workflow{display:grid;grid-template-rows:auto 1fr auto}.workflow-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:clamp(.4rem,.8vw,.8rem)}.workflow-path article{position:relative;min-width:0}.workflow-path article>span{position:absolute;z-index:2;left:.55rem;top:.55rem;padding:.3rem;background:#090b0d;color:var(--acid);font:500 .5rem/1 var(--mono)}.workflow-visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.workflow-visual img{width:100%;height:100%;object-fit:cover}.workflow-visual b{position:absolute;right:.45rem;bottom:.45rem;padding:.3rem .4rem;background:var(--acid);color:#090b0d;font:700 .48rem/1 var(--mono)}.workflow-path h3{margin:.8rem 0 .35rem;font-size:clamp(.82rem,1.2vw,1.2rem)}.workflow-path p{margin:0;color:var(--muted);font-size:clamp(.55rem,.67vw,.67rem)}.path-line{width:clamp(1rem,2.5vw,2.5rem);height:1px;background:var(--acid);position:relative}.path-line:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid var(--acid);border-top:3px solid transparent;border-bottom:3px solid transparent}.guardrail{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.8rem;border-top:1px solid var(--line);color:var(--muted);font:500 .53rem/1 var(--mono)}.guardrail b{color:var(--acid)}.guardrail i{width:2px;height:2px;border-radius:50%;background:#727981}
/* controls */.controls{position:fixed;z-index:50;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:.55rem;padding:.4rem .48rem;background:rgba(8,10,12,.88);backdrop-filter:blur(14px);border:1px solid #30363c;box-shadow:0 .8rem 3rem rgba(0,0,0,.3)}.controls>button{width:2.1rem;height:2.1rem;border:0;background:transparent;color:var(--ink);cursor:pointer}.controls>button:hover{background:var(--acid);color:#050607}.controls>button:disabled{opacity:.25;cursor:default;background:none;color:var(--ink)}.rail{display:flex;gap:3px}.rail button{width:clamp(12px,1.4vw,20px);height:2px;border:0;padding:0;background:#596069;cursor:pointer}.rail button[aria-current=step]{height:5px;background:var(--acid)}.counter{display:flex;gap:.25rem;align-items:baseline;font:500 .55rem/1 var(--mono)}.counter b{color:var(--acid);font-size:.68rem}.counter i{color:#545b62}.controls .help{border-left:1px solid var(--line)}dialog{width:min(90vw,480px);padding:2rem;border:1px solid #4a535b;background:#121519;color:var(--ink);box-shadow:0 2rem 7rem #000}dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}dialog>p{color:var(--acid);font:500 .55rem/1 var(--mono)}dialog h2{margin:.5rem 0 1.5rem;font-size:2rem}dialog dl{margin:0}dialog dl div{display:grid;grid-template-columns:8rem 1fr;padding:.65rem 0;border-top:1px solid var(--line)}dialog dt{font:500 .68rem/1 var(--mono)}dialog dd{margin:0;color:var(--muted);font-size:.7rem}.close{position:absolute;right:.7rem;top:.7rem;width:2rem;height:2rem;border:0;background:#252a30;color:white}.noscript{position:fixed;z-index:999;bottom:0;left:0;right:0;margin:0;padding:1rem;background:var(--orange);color:#000}
@media(max-width:760px){.slide{--px:1.2rem;padding:3.7rem var(--px) 4.8rem;overflow-y:auto}.slide:before{top:1.55rem}.slide:after{top:.7rem}.section-head{grid-template-columns:1fr;margin-bottom:.75rem}.section-head h2{font-size:clamp(2rem,10vw,3.1rem)}.section-head>span{grid-column:1;grid-row:auto;margin-top:.55rem;font-size:.43rem}.section-head.overlay{top:3.7rem;left:var(--px);right:var(--px)}.section-head.overlay h2{font-size:2rem}.section-head.overlay>span{display:none}.brandline{top:1.55rem;left:var(--px);right:var(--px);font-size:.4rem}.cover-title{left:var(--px);right:var(--px);top:47%}.cover-title .micro{font-size:.48rem}.cover-title h1{font-size:clamp(4rem,23vw,6rem);line-height:.82}.subtitle{font-size:1.1rem}.case-line{font-size:.48rem}.cover-cue{left:var(--px);bottom:4.8rem;font-size:.4rem}.cover-cue i{width:3rem}.cover-media:after{background:linear-gradient(0deg,rgba(5,7,8,.95) 0%,rgba(5,7,8,.52) 65%,rgba(5,7,8,.35))}.pipeline{display:grid;grid-template-rows:auto 1fr auto}.pipeline-stage{grid-template-columns:1fr;gap:.35rem;align-content:center}.source-reel{width:62%;justify-self:center}.pipe-connector{grid-template-columns:auto 1fr;width:58%;justify-self:center}.pipe-connector i{grid-column:2}.pipe-connector.out{display:none}.mps-core{width:22%;min-width:70px;justify-self:center}.mps-core small,.mps-core span{font-size:.34rem}.mps-core b{font-size:1.35rem;margin:.3rem}.delivery-monitor{width:62%;justify-self:center}.function-strip{grid-template-columns:1fr 1fr}.function-strip div{padding:.5rem}.function-strip div:nth-child(2){border-right:0}.function-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.function-strip b{font-size:.58rem}.function-strip span,.function-strip i{font-size:.4rem}.compare-layer video{object-fit:cover}.case-slide .section-head.overlay{top:3.7rem}.look-strip,.grade-notes{left:var(--px);right:var(--px);bottom:4.5rem;gap:.45rem;padding:.5rem;flex-wrap:wrap}.look-strip span,.grade-notes span{font-size:.4rem}.look-strip b{font-size:.48rem}.look-strip small,.grade-notes small{width:100%;margin:0;font-size:.38rem}.media-label{bottom:8.4rem;font-size:.4rem}.compare-handle{width:2rem}.compare-handle span{width:2rem;height:2rem;font-size:.7rem}.split-view{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:2px}.split-view figcaption{left:.55rem;bottom:.55rem;padding:.35rem}.split-view figcaption b{font-size:.5rem}.split-view figcaption span{font-size:.38rem}.sr-layout{grid-template-columns:1fr;grid-template-rows:1.2fr .8fr}.wide-frame{border-right:0;border-bottom:2px solid var(--bg)}.crop-compare{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.crop-guide{right:10%;top:20%;height:55%}.preset-index{grid-template-rows:auto 1fr auto}.preset-list{grid-template-columns:1fr 1fr;gap:.7rem}.preset-thumb{aspect-ratio:16/8;margin-bottom:.5rem}.preset-list h3{font-size:.8rem;margin:.3rem 0}.preset-list p{font-size:.48rem}.preset-list small{padding-top:.45rem;font-size:.38rem}.preset-list article>span{font-size:.4rem}.index-note{font-size:.38rem}.workflow{grid-template-rows:auto 1fr auto}.workflow-path{grid-template-columns:1fr 1fr;gap:.8rem;align-content:center}.path-line{display:none}.workflow-visual{aspect-ratio:16/9}.workflow-path h3{font-size:.65rem;margin:.4rem 0 .2rem}.workflow-path p{font-size:.42rem}.workflow-path article>span{font-size:.38rem}.guardrail{flex-wrap:wrap;gap:.4rem;font-size:.4rem;padding:.5rem}.controls{bottom:max(.55rem,env(safe-area-inset-bottom));gap:.3rem;padding:.32rem}.controls>button{width:1.8rem;height:1.8rem}.rail{gap:2px}.rail button{width:7px}.counter{font-size:.45rem}dialog{padding:1.5rem}dialog dl div{grid-template-columns:6rem}}
@media(max-height:700px) and (min-width:761px){.slide{padding-top:3.5rem;padding-bottom:4.4rem}.section-head.overlay{top:3.5rem}.section-head h2{font-size:3.4rem}.look-strip,.grade-notes{bottom:4rem}.cover-cue{bottom:4.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}}
@media print{html,body{overflow:visible}.deck{position:static}.slide{position:relative;opacity:1;visibility:visible;transform:none;pointer-events:auto;width:100vw;height:56.25vw;page-break-after:always}.controls{display:none}[data-reveal]{opacity:1;transform:none}}

/* v3 · lossless frame detail */
.detail-slide{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at 14% 54%,#20262c 0,transparent 30%),var(--bg)}
.detail-slide .section-head{margin-bottom:.8rem}.detail-slide .section-head h2,.precision-slide .section-head h2{font-size:clamp(1.9rem,3.55vw,4rem)}
.detail-stage{min-height:0;display:grid;grid-template-columns:minmax(240px,.54fr) minmax(0,1.46fr);gap:clamp(.9rem,1.6vw,1.6rem);align-items:center}
.detail-navigator{position:relative;width:100%;margin:0;aspect-ratio:16/9;overflow:hidden;border:1px solid #4a525b;background:#050607;box-shadow:0 1rem 3rem rgba(0,0,0,.26)}.detail-navigator img{width:100%;height:100%;object-fit:cover}.detail-navigator figcaption{position:absolute;left:.6rem;bottom:.6rem;padding:.35rem .45rem;background:rgba(3,5,6,.84);color:var(--acid);font:500 .48rem/1 var(--mono)}
.detail-navigator .marker{position:absolute;border:1px solid var(--acid);box-shadow:0 0 0 9999px rgba(0,0,0,.06)}.detail-navigator .marker:after{position:absolute;left:-1px;top:-1.1rem;padding:.2rem .3rem;background:var(--acid);color:#050607;font:700 .42rem/1 var(--mono)}.detail-navigator .marker-a{left:39%;top:4%;width:22%;height:33%}.detail-navigator .marker-a:after{content:"A"}.detail-navigator .marker-b{left:38%;top:39%;width:24%;height:33%;border-color:var(--cyan)}.detail-navigator .marker-b:after{content:"B";background:var(--cyan)}
.detail-navigator.short-nav .marker-a{left:32%;top:6%;width:34.4%;height:47%}.detail-navigator.short-nav .marker-b{left:6.6%;top:33%;width:34.4%;height:47%}.detail-navigator.game-nav .marker-a{left:38.3%;top:27%;width:36%;height:50%}.detail-navigator.game-nav .marker-b{left:10.9%;top:33%;width:32.8%;height:47%}.detail-navigator.sr-nav{aspect-ratio:2206/946}.detail-navigator.sr-nav .marker-a{left:6.8%;top:24.3%;width:21.8%;height:38%}.detail-navigator.sr-nav .marker-b{left:33%;top:8.4%;width:21.8%;height:38%}
.detail-regions{min-height:0;height:100%;display:grid;grid-template-rows:1fr 1fr;gap:.7rem}.detail-region{min-height:0;display:grid;grid-template-columns:clamp(7rem,9vw,9rem) 1fr;border-top:1px solid var(--line);padding-top:.55rem}.region-head{display:flex;flex-direction:column;gap:.35rem;padding:.35rem .6rem 0 0}.region-head b{color:var(--acid);font:700 .58rem/1 var(--mono);letter-spacing:.08em}.region-head span{color:var(--muted);font:500 .46rem/1.45 var(--mono)}
.crop-pair{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#050607}.crop-pair figure{position:relative;min-width:0;min-height:0;margin:0;display:grid;place-items:center;overflow:hidden;background:#07090b}.crop-pair img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.crop-pair figcaption{position:absolute;left:.45rem;bottom:.45rem;padding:.3rem .38rem;background:rgba(5,7,8,.86);color:#c3c8cc;font:500 .45rem/1 var(--mono)}.crop-pair figure+figure figcaption{color:var(--acid)}.detail-foot,.precision-note{margin:.65rem 0 0;padding-top:.55rem;border-top:1px solid var(--line);color:var(--muted);font:500 .47rem/1.4 var(--mono);letter-spacing:.03em}
/* v3 · working precision */
.precision-slide{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:radial-gradient(circle at 50% 55%,#22272c 0,transparent 43%),var(--bg)}.precision-slide .section-head{margin-bottom:.65rem}.precision-flow{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.7rem}.precision-flow div{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:.45rem;padding:.5rem .6rem;border:1px solid var(--line);background:rgba(18,21,25,.76);font:500 .45rem/1 var(--mono)}.precision-flow b{color:#dce0e3}.precision-flow span{color:var(--orange)}.precision-flow div+div span{color:var(--acid)}.precision-flow em{font-style:normal;color:var(--cyan)}.precision-flow strong{color:var(--muted);font-weight:500}.precision-flow i{height:1px;background:linear-gradient(90deg,#545c64,var(--cyan));position:relative}.precision-flow i:after{content:"";position:absolute;right:0;top:-2px;border-left:5px solid var(--cyan);border-top:2px solid transparent;border-bottom:2px solid transparent}
.precision-stage{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.precision-branch{position:relative;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding:.65rem;border:1px solid var(--line);background:#07090a;overflow:hidden}.precision-branch>header{display:flex;align-items:center;gap:.7rem;margin-bottom:.55rem}.precision-branch>header>span{display:grid;place-items:center;width:1.75rem;height:1.75rem;background:var(--orange);color:#080a0b;font:700 .62rem/1 var(--mono)}.precision-branch.working>header>span{background:var(--acid)}.precision-branch header div{display:flex;flex-direction:column;gap:.2rem}.precision-branch header b{font-size:clamp(.72rem,.95vw,.95rem)}.precision-branch header small{color:var(--muted);font:500 .43rem/1 var(--mono)}
.precision-main{position:relative;min-height:0;margin:0;overflow:hidden;background:#030405}.precision-main img{width:100%;height:100%;object-fit:cover}.precision-main figcaption,.precision-inset figcaption{position:absolute;left:.45rem;bottom:.45rem;padding:.28rem .35rem;background:rgba(5,7,8,.86);font:500 .42rem/1 var(--mono);color:#d5d9dc}.precision-inset{position:absolute;z-index:2;right:1rem;bottom:1rem;width:29%;aspect-ratio:1.16;margin:0;overflow:hidden;border:1px solid #777f86;background:#050607;box-shadow:0 .8rem 2rem #000}.precision-inset img{width:100%;height:100%;object-fit:cover}.precision-inset figcaption{left:.3rem;bottom:.3rem;font-size:.34rem}.precision-note b{margin-right:.45rem;color:var(--acid)}
@media(max-width:760px){.detail-slide,.precision-slide{padding-top:3.4rem;padding-bottom:4.2rem;overflow:hidden}.detail-slide .section-head,.precision-slide .section-head{margin-bottom:.45rem}.detail-slide .section-head h2,.precision-slide .section-head h2{font-size:clamp(1.3rem,6.4vw,1.8rem)}.detail-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:.45rem}.detail-navigator{width:44%;aspect-ratio:16/9;justify-self:end}.detail-navigator.sr-nav{aspect-ratio:2206/946}.detail-navigator figcaption{font-size:.28rem;left:.25rem;bottom:.25rem;padding:.2rem}.detail-regions{gap:.35rem}.detail-region{grid-template-columns:4.2rem 1fr;padding-top:.28rem}.region-head{gap:.15rem;padding:.18rem .25rem 0 0}.region-head b{font-size:.38rem}.region-head span{font-size:.3rem}.crop-pair figcaption{font-size:.28rem;left:.2rem;bottom:.2rem;padding:.18rem}.detail-foot,.precision-note{margin-top:.35rem;padding-top:.32rem;font-size:.31rem;line-height:1.25}.precision-flow{gap:.35rem;margin-bottom:.4rem}.precision-flow div{grid-template-columns:auto 1fr auto 1fr auto;padding:.35rem;font-size:.28rem}.precision-flow div i:nth-of-type(3),.precision-flow strong{display:none}.precision-stage{gap:.35rem}.precision-branch{padding:.35rem}.precision-branch>header{gap:.35rem;margin-bottom:.3rem}.precision-branch>header>span{width:1.2rem;height:1.2rem;font-size:.38rem}.precision-branch header b{font-size:.48rem}.precision-branch header small{font-size:.28rem}.precision-main figcaption{font-size:.28rem;left:.25rem;bottom:.25rem}.precision-inset{right:.55rem;bottom:.55rem;width:40%;border-width:1px}.precision-inset figcaption{display:none}.controls{max-width:calc(100vw - 1rem)}.rail button{width:5px}}
@media(max-height:700px) and (min-width:761px){.detail-slide,.precision-slide{padding-top:3.2rem;padding-bottom:4rem}.precision-flow{margin-bottom:.45rem}.detail-foot,.precision-note{margin-top:.35rem}}