:root{--paper:#f3efe5;--paper-2:#fffdf7;--ink:#23302f;--muted:#69706a;--line:#b9b3a5;--blue:#355e73;--green:#5f7358;--clay:#a8684b;--yellow:#d7bf72;--shadow:0 18px 50px rgba(42,45,38,.12);--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Noto Sans KR",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 5%,rgba(255,255,255,.85),transparent 36%),linear-gradient(135deg,#f6f2e9,#ece6d9);color:var(--ink)}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:50;background:var(--ink);color:white;padding:.8rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}.site-header{max-width:1440px;margin:auto;padding:34px clamp(20px,4vw,64px) 18px;display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.eyebrow,.folio-kicker{margin:0 0 8px;font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--clay)}h1{margin:0;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4vw,4.8rem);line-height:.9;letter-spacing:-.045em}h1 span{display:block;margin-top:12px;font-family:inherit;font-size:.42em;font-weight:400;letter-spacing:.01em;color:var(--muted)}.boundary-stack{display:grid;gap:7px;max-width:480px}.boundary-stack span,.persistent-boundaries span{border:1px solid var(--line);background:rgba(255,253,247,.72);padding:9px 12px;font-size:.72rem;font-weight:800;letter-spacing:.05em}.state-nav{max-width:1440px;margin:auto;padding:0 clamp(20px,4vw,64px) 18px}.state-nav [role=tablist]{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:7px;overflow-x:auto;padding:3px}.state-nav button{border:1px solid var(--line);background:rgba(255,253,247,.55);padding:12px 10px;text-align:left;border-radius:10px;color:var(--muted);cursor:pointer;white-space:nowrap}.state-nav button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.state-stage{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,64px) 36px}.visual-state{min-height:760px;background:rgba(255,253,247,.82);border:1px solid rgba(130,124,112,.45);box-shadow:var(--shadow);border-radius:28px;padding:clamp(20px,3.4vw,52px);position:relative;overflow:hidden}.visual-state::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(80,74,64,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(80,74,64,.03) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.visual-state>*{position:relative}.state-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}.state-heading h2{margin:0;font:700 clamp(1.8rem,3vw,3.6rem)/1.02 Georgia,"Noto Serif KR",serif;letter-spacing:-.035em}.state-heading>p{max-width:420px;text-align:right;color:var(--muted);margin:0}.cover-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch}.folio{background:var(--ink);color:#f8f5ec;border-radius:20px;padding:clamp(26px,4vw,58px);position:relative;overflow:hidden}.folio::after{content:"38";position:absolute;right:-10px;bottom:-46px;font:700 13rem/1 Georgia,serif;color:rgba(255,255,255,.05)}.hero-folio h2{font:700 clamp(2.3rem,4.6vw,5.5rem)/1.04 Georgia,"Noto Serif KR",serif;letter-spacing:-.055em;margin:28px 0}.lede{font-size:1.03rem;line-height:1.75;color:#d9ded8;max-width:680px}.seal-row{display:grid;gap:10px;margin-top:50px;border-top:1px solid rgba(255,255,255,.25);padding-top:18px}.seal-row strong{font-size:1rem;letter-spacing:.08em}.seal-row span{font-size:.76rem;color:#c1c8c0}.asset-frame{margin:0;background:#e7dfd0;border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;flex-direction:column;min-width:0}.asset-frame img{width:100%;height:auto;display:block;flex:1;object-fit:contain}.asset-frame figcaption,.strip-asset figcaption{font-size:.72rem;letter-spacing:.06em;font-weight:700;color:var(--muted);margin-top:12px}.hero-asset{min-height:520px}.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.boundary-grid article,.mini-grid article{border:1px solid var(--line);background:var(--paper-2);padding:18px;border-radius:14px}.boundary-grid small,.mini-grid small,.paper-card span,.observation-notes span,.cue-stack span,.option-card span,.dial-card span,.stop-card span,.review-row span{display:block;font-size:.68rem;letter-spacing:.12em;font-weight:900;color:var(--clay);margin-bottom:8px}.boundary-grid b{font-size:1rem}.boundary-grid p{color:var(--muted);line-height:1.5;margin:8px 0 0}.profile-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.asset-frame.tall{min-height:460px}.profile-cards{display:grid;gap:14px}.paper-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--paper-2)}.paper-card h3{font:700 clamp(1.35rem,2vw,2.3rem)/1.15 Georgia,"Noto Serif KR",serif;margin:8px 0}.paper-card p{color:var(--muted);line-height:1.6;margin-bottom:0}.paper-card.goal{border-left:7px solid var(--blue)}.paper-card.constraint{border-left:7px solid var(--clay)}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-grid b{display:block;line-height:1.35}.strip-asset{margin:20px 0 0;border-top:1px solid var(--line);padding-top:18px}.strip-asset img,.sequence-figure img{width:100%;display:block}.assessment-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.observation-notes{display:grid;gap:14px}.observation-notes article{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:22px}.observation-notes h3{margin:0 0 8px;font:700 1.5rem Georgia,serif}.observation-notes p{color:var(--muted);line-height:1.6}.observation-notes b{display:inline-block;margin-top:10px;font-size:.76rem;letter-spacing:.08em;color:var(--blue)}.observation-notes .unknown{background:#eee4d9;border-style:dashed}.confidence-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.confidence-scale span{padding:12px;border:1px solid var(--line);font-size:.76rem;font-weight:800}.sequence-figure{margin:0 0 22px;border-radius:16px;overflow:hidden}.session-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.session-list li{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:13px 4px}.session-list time{font:700 1.4rem Georgia,serif;color:var(--blue)}.session-list b{font-size:1.03rem}.session-list p{margin:4px 0 0;color:var(--muted)}.session-list span{font-size:.68rem;letter-spacing:.12em;font-weight:900;border:1px solid var(--line);padding:8px}.session-note{display:flex;gap:18px;align-items:center;background:var(--ink);color:white;border-radius:14px;padding:18px 22px;margin-top:20px}.session-note p{margin:0;color:#d8ded8}.form-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.cue-stack{display:grid;gap:14px}.cue-stack article{border:1px solid var(--line);border-radius:16px;background:var(--paper-2);padding:22px}.cue-stack h3{font:700 1.45rem/1.3 Georgia,"Noto Serif KR",serif;margin:0}.cue-stack p{color:var(--muted);line-height:1.6;margin-bottom:0}.cue-stack .uncertain{background:#eee4d9;border-style:dashed}.certification-ban{margin-top:20px;border:2px solid var(--ink);padding:18px;border-radius:12px;display:flex;justify-content:space-between;gap:18px}.adaptation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.option-card,.dial-card,.stop-card{border:1px solid var(--line);border-radius:18px;background:var(--paper-2);padding:20px;overflow:hidden}.option-card h3,.stop-card h3{font:700 1.45rem/1.2 Georgia,"Noto Serif KR",serif;margin:0 0 8px}.option-card p,.dial-card p,.stop-card p{color:var(--muted);line-height:1.55}.option-card img,.dial-card img{width:100%;max-height:150px;object-fit:contain}.regression{border-top:7px solid var(--green)}.progression{border-top:7px solid var(--blue)}.stop-card{background:#eee4d9;border-style:dashed}.review-row{display:grid;grid-template-columns:180px 1fr 180px;gap:16px;align-items:center;margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.review-row figure{margin:0;text-align:center}.review-row img{width:100%;max-height:130px;object-fit:contain}.review-row figcaption{font-size:.68rem;letter-spacing:.1em;font-weight:800}.review-row article h3{font:700 1.2rem/1.35 Georgia,"Noto Serif KR",serif;margin:0}.review-row article p{color:var(--muted)}.replay-button{border:1px solid var(--ink);background:var(--ink);color:white;padding:12px 16px;border-radius:10px;cursor:pointer}.motion-track{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#ebe6db}.motion-track span,.motion-track strong{opacity:.38;transform:translateY(4px);font-size:.72rem;border:1px solid var(--line);background:var(--paper-2);padding:8px;border-radius:6px}.motion-track i{font-style:normal;color:var(--muted)}.motion-track.is-complete span,.motion-track.is-complete strong{opacity:1;transform:none}.motion-track.is-running [data-motion-step]{animation:motionStep 80ms both}.motion-track.is-running [data-motion-step]:nth-of-type(1){animation-delay:0ms}.motion-track.is-running [data-motion-step]:nth-of-type(2){animation-delay:80ms}.motion-track.is-running [data-motion-step]:nth-of-type(3){animation-delay:160ms}.motion-track.is-running [data-motion-step]:nth-of-type(4){animation-delay:240ms}.motion-track.is-running [data-motion-step]:nth-of-type(5){animation-delay:320ms}.motion-track.is-running [data-motion-step]:nth-of-type(6){animation-delay:400ms}.motion-track.is-running [data-motion-step]:nth-of-type(7){animation-delay:480ms}.motion-track.is-running [data-motion-step]:nth-of-type(8){animation-delay:560ms}.motion-track.is-running .motion-final{animation-name:motionFinal;animation-duration:100ms;animation-delay:680ms!important;animation-fill-mode:both}.motion-track.is-complete .motion-final{box-shadow:0 0 0 3px rgba(53,94,115,.18)}.motion-final{font-weight:900!important;border-color:var(--ink)!important}.persistent-boundaries{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.persistent-boundaries span{font-size:.64rem}.phone-shell{width:min(390px,100%);min-height:844px;margin:0 auto;background:#fbf8f0;border:10px solid var(--ink);border-radius:34px;padding:18px;box-shadow:0 24px 60px rgba(35,48,47,.22);display:flex;flex-direction:column;gap:12px}.phone-top{display:flex;justify-content:space-between;font-size:.68rem;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--line)}.phone-current{background:var(--ink);color:white;padding:18px;border-radius:18px}.phone-current h3{font:700 1.75rem/1.05 Georgia,serif;margin:8px 0}.phone-current p{margin:0;color:#d9dfda}.phone-shell small{display:block;font-size:.61rem;letter-spacing:.09em;font-weight:900}.phone-cue,.phone-grid section,.phone-stop{border:1px solid var(--line);border-radius:14px;padding:14px;background:white}.phone-cue p,.phone-grid p,.phone-stop p{margin:7px 0 0;font-size:.84rem;line-height:1.45}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-stop{background:#eee4d9;border-style:dashed}.phone-shell footer{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.phone-shell footer div{display:flex;justify-content:space-between;gap:8px}.phone-shell footer p{font-size:.62rem;line-height:1.4;font-weight:800}.site-footer{max-width:1440px;margin:auto;padding:0 clamp(20px,4vw,64px) 32px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.68rem;letter-spacing:.08em;font-weight:800;color:var(--muted)}
@keyframes motionStep{from{opacity:.38;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes motionFinal{from{opacity:.38;transform:translateY(4px);box-shadow:none}to{opacity:1;transform:translateY(0);box-shadow:0 0 0 3px rgba(53,94,115,.18)}}
@media(max-width:900px){.site-header{display:grid}.boundary-stack{max-width:none}.cover-grid,.profile-layout,.assessment-layout,.form-layout{grid-template-columns:1fr}.boundary-grid{grid-template-columns:1fr}.adaptation-grid{grid-template-columns:1fr}.review-row{grid-template-columns:120px 1fr 120px}.persistent-boundaries{grid-template-columns:repeat(2,1fr)}.visual-state{min-height:auto}.state-heading{align-items:flex-start}.state-heading>p{text-align:left}}
@media(max-width:560px){.site-header{padding-top:22px}.state-stage{padding-left:12px;padding-right:12px}.visual-state{padding:18px;border-radius:18px}.state-heading{display:grid}.state-heading h2{font-size:2rem}.mini-grid,.confidence-scale,.phone-grid{grid-template-columns:1fr}.session-list li{grid-template-columns:62px 1fr}.session-list span{grid-column:2}.review-row{grid-template-columns:1fr}.review-row figure{max-width:150px;margin:auto}.persistent-boundaries{grid-template-columns:1fr}.certification-ban{display:grid}.hero-folio h2{font-size:2.45rem}.hero-asset{min-height:320px}.phone-shell{border-width:7px;min-height:844px;padding:14px}.boundary-stack span{font-size:.62rem}.site-footer{display:grid}.motion-track{align-items:flex-start}.motion-track i{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.motion-track.is-running [data-motion-step],.motion-track.is-running .motion-final{animation:none!important;opacity:1;transform:none}}

@media(max-width:560px){body[data-current-state="mobile"] .site-header,body[data-current-state="mobile"] .site-footer{display:none}body[data-current-state="mobile"] .state-nav{padding:8px 8px 6px}body[data-current-state="mobile"] .state-nav button{padding:8px 9px;font-size:.72rem}body[data-current-state="mobile"] .state-stage{padding:0 6px 6px}body[data-current-state="mobile"] .visual-state{padding:6px;border-radius:12px}body[data-current-state="mobile"] .state-heading{display:none}body[data-current-state="mobile"] .phone-shell{min-height:748px;border-width:6px;border-radius:26px;padding:10px;gap:7px}body[data-current-state="mobile"] .phone-current{padding:12px;border-radius:13px}body[data-current-state="mobile"] .phone-current h3{font-size:1.45rem;margin:5px 0}body[data-current-state="mobile"] .phone-cue,body[data-current-state="mobile"] .phone-grid section,body[data-current-state="mobile"] .phone-stop{padding:10px;border-radius:11px}body[data-current-state="mobile"] .phone-cue p,body[data-current-state="mobile"] .phone-grid p,body[data-current-state="mobile"] .phone-stop p{font-size:.76rem;line-height:1.33;margin-top:4px}body[data-current-state="mobile"] .phone-shell footer{padding-top:7px}body[data-current-state="mobile"] .phone-shell footer p{margin:5px 0 0}}