@font-face{font-family:Portfolio Sans;src:url('assets/fonts/PretendardVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--cream:#e9ecf3;--forest:#202736;--deep:#151b26;--ink:#20242b;--muted:#5e6980;--line:#cacfd9;--lime:#90aadf;--navy:#24354e;--font:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.9 var(--font);word-break:keep-all}h1,h2,h3,h4,p,ol,dl,dd{margin:0}h1,h2,h3,h4{line-height:1.4;letter-spacing:-.065em}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #bf782f;outline-offset:6px}button{border:0}::selection{background:var(--lime);color:var(--deep)}.wrap{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}.skip{position:absolute;top:-100px;z-index:100;background:var(--forest);color:#fff;padding:12px 20px}.skip:focus{top:10px}.header{height:88px;position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 max(6vw,24px);background:#e9ecf3f5;backdrop-filter:blur(16px);border-bottom:1px solid #cacfd999}.identity{font-size:25px;font-weight:800;letter-spacing:-.06em}.identity>span{font-size:12px;font-weight:400;letter-spacing:-.02em;color:#69758e;margin-left:20px}.header nav{display:flex;gap:29px;font-size:13px;font-weight:600}.header nav a:hover{color:#2f4c85}.header nav a>span{font-size:17px;margin-left:5px}.reading-progress{height:2px;background:#3d578c;position:absolute;bottom:-1px;left:0;width:0}.eyebrow,.section-label{font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.7}.eyebrow{display:flex;align-items:center;gap:10px;color:#5e6980}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3d5b96;box-shadow:0 0 0 4px #d3dae9}.hero{padding-top:64px;overflow:hidden;position:relative}.hero h1{font-size:clamp(44px,5.6vw,85px);font-weight:700;letter-spacing:-.075em;line-height:1.43;margin-top:31px;position:relative;z-index:1}.hero h1>span{color:#526180}.hero-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;margin-top:33px;min-height:290px}.hero-bottom>div:first-child{align-self:start;padding-top:12px;position:relative;z-index:2}.hero-bottom p{font-size:18px;line-height:1.95;color:#657188;max-width:60ch;letter-spacing:-.035em}.underline-link{display:inline-flex;align-items:center;gap:37px;font-size:14px;font-weight:600;border-bottom:1px solid #6b7994;padding-bottom:9px;margin-top:30px}.underline-link>span{font-size:24px;line-height:1;transition:translate .2s}.underline-link:hover>span{translate:0 4px}.hero-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:23px 0;font-size:12px;color:#69758d;margin-top:27px}.hero-art{height:300px;position:relative;width:100%;max-width:490px;justify-self:end;perspective:900px}.art-orbit{border:1px solid #c7cdd9;border-radius:50%;width:410px;height:170px;position:absolute;left:0;top:47px;transform:rotate(-24deg)}.floating-paper{position:absolute;width:135px;height:167px;padding:16px;border:1px solid #b2b9c8;background:#f6f8fc;box-shadow:7px 10px 17px #2028370c;transform-origin:center}.floating-paper>span{font-size:12px;color:#505b70;border-bottom:1px solid #bdc5d5;padding-bottom:9px;display:block}.floating-paper i{display:block;width:100%;height:3px;background:#d0d6e3;margin-top:17px}.floating-paper i:nth-of-type(2){width:65%}.floating-paper>b{font-size:15px;font-weight:500;color:#7484a5;position:absolute;bottom:13px;right:15px;letter-spacing:.03em}.paper-back{left:26px;top:15px;rotate:-15deg;animation:paper-drift 6s ease-in-out infinite}.paper-front{left:62px;top:47px;rotate:6deg;animation:paper-drift 6s 1s ease-in-out infinite}.art-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.art-path path{stroke:#7f8aa1;stroke-width:1.5;fill:none;stroke-dasharray:4 5}.art-path path:first-child{animation:dash-travel 9s linear infinite}.art-path path:last-child{stroke-dasharray:none}.information-slip{width:235px;position:absolute;right:0;top:109px;background:var(--navy);color:#e6eaf1;border-radius:4px;box-shadow:9px 14px 25px #1d2e361b;transform:rotate(-5deg);padding:18px 20px}.information-slip>span{font-size:12px;color:#a6b8c8;display:block;margin-bottom:12px}.hero-art .information-slip p{display:flex;justify-content:space-between;font-size:12px;line-height:1.7;padding:8px 0;border-top:1px solid #ffffff1a;color:#ccd1da;letter-spacing:-.02em}.information-slip b{font-size:12px;color:var(--lime);font-weight:400}.information-slip strong{font-size:12px;color:#cbd4e6;font-weight:500}@keyframes paper-drift{50%{translate:0 -7px}}@keyframes dash-travel{to{stroke-dashoffset:-90}}
.intro{padding-top:90px;padding-bottom:80px}.section-label{color:#69768f}.intro-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:8%;align-items:start;margin-top:29px}.intro h2{font-size:clamp(30px,3vw,45px);font-weight:600;line-height:1.5}.intro-grid p{font-size:18px;line-height:1.95;color:#616d84;letter-spacing:-.025em;max-width:65ch}.intro-grid p+p{margin-top:20px}.career-route{padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin-top:45px}.career-route li{position:relative;border-top:1px solid #aab4c8;padding-top:20px}.career-route li:before{content:'';width:5px;height:5px;border-radius:50%;background:#6e7d9a;position:absolute;top:-3px;left:0}.career-route li>span{font-size:15px;font-weight:600}.career-route li>p{font-size:12px;color:#808ba2;margin-top:6px}
.screen-section{background:var(--forest);color:var(--cream);padding-top:76px;padding-bottom:60px;overflow:hidden;position:relative}.screen-section:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#5d7cba12 0,transparent 65%)}.screen-section .section-label{color:#91a1c1}.screen-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;position:relative}.screen-section-heading h2{font-size:clamp(34px,3.8vw,55px);font-weight:600;line-height:1.4;margin-top:20px}.screen-section-heading>p{font-size:16px;color:#9aa3b5;line-height:1.9;max-width:36ch}.window-deck{height:690px;width:100%;position:relative;margin-top:15px;perspective:1400px;--deck-progress:0}.deck-guide{display:flex;gap:27px;align-items:center;position:absolute;left:4%;right:4%;top:30px;font-size:12px;color:#7e8aa1}.deck-guide>span{display:flex;gap:12px;align-items:center}.deck-guide>span:before{content:'';width:4px;height:4px;background:#94a9d3;border-radius:50%}.deck-guide>i{font-style:normal;flex:1;color:#51607f}.screen-slot{position:absolute;width:54%;border-radius:9px;z-index:2;transition:filter .35s;transform-style:flat}.slot-order{top:90px;left:1%;transform:rotate(-7deg);z-index:1}.slot-zero{top:165px;left:23%;transform:rotate(-1deg);z-index:2}.slot-cargo{top:252px;left:44%;transform:rotate(6deg);z-index:3}.screen-card{width:100%;display:block;padding:0;text-align:left;background:#fff;color:#232833;border:1px solid #e5eaf333;border-radius:9px;box-shadow:0 30px 65px #070d1955;overflow:hidden;transition:box-shadow .3s;position:relative}.screen-slot:hover,.screen-slot:focus-within{z-index:10!important}.screen-slot:hover .screen-card,.screen-slot:focus-within .screen-card{box-shadow:0 35px 80px #060a13a1;outline:2px solid #90aadf}.screen-slot.is-open:after{content:'창을 닫으면 이 자리로 돌아옵니다';display:grid;place-items:center;position:absolute;inset:0;border:1px dashed #8498bf;border-radius:9px;color:#a2b4d7;font-size:13px;background:#1a202c88;pointer-events:none}.screen-slot.is-open .screen-card{visibility:hidden}.window-bar{height:41px;display:flex;align-items:center;gap:12px;padding:0 15px;background:#edeff3;border-bottom:1px solid #d1d6e1;line-height:1.3}.window-dots{display:flex;gap:4px;flex-shrink:0}.window-dots i{width:6px;height:6px;border-radius:50%;background:#b8becb;display:block}.window-dots i:nth-child(2){background:#a9b2c4}.window-dots i:nth-child(3){background:#919eb9}.window-bar>b{font-size:12px;letter-spacing:-.035em;font-weight:600;white-space:nowrap}.window-bar>span:last-of-type{font-size:12px;color:#828da2;margin-left:auto;white-space:nowrap}.window-bar em{font-style:normal;font-size:12px;font-weight:600;color:#30446d;display:none;margin-left:auto;white-space:nowrap}.screen-card:hover .window-bar>span:last-of-type,.screen-card:focus-visible .window-bar>span:last-of-type{display:none}.screen-card:hover .window-bar em,.screen-card:focus-visible .window-bar em{display:block}.screen-image{display:block;position:relative;aspect-ratio:1.7;background:#dfe3ea;overflow:hidden}.screen-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.screen-card-label{position:absolute;bottom:0;left:0;right:0;padding:30px 18px 14px;background:linear-gradient(transparent,#171d2aed);color:#e8ecf4;display:flex;justify-content:space-between;gap:15px;align-items:end}.screen-card-label>b{font-size:15px;letter-spacing:-.045em;font-weight:500;line-height:1.5}.screen-card-label>span{font-size:12px;color:#adb8cf;line-height:1.5}.deck-corner{position:absolute;bottom:0;left:0;font-size:12px;color:#8c9bb9;letter-spacing:-.02em}.screen-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;position:relative;border-top:1px solid #465470;padding-top:26px;margin-top:5px}.screen-notes a{font-size:17px;font-weight:500;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:13px}.screen-notes a>span{font-size:12px;font-weight:400;color:#7386ac}.screen-notes p{font-size:14px;color:#8e9ab2;line-height:1.9;max-width:34ch;margin-top:12px;letter-spacing:-.025em}.experience-note{margin-top:32px;font-size:12px;line-height:1.95;color:#7d8aa5;position:relative;border-top:1px solid #38455f;padding-top:18px}.experience-note>span{font-weight:600;color:#a7b3ca;padding-right:14px}
.case-journey{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:start;padding-top:65px;padding-bottom:30px;background:var(--cream)}.journey-visual{height:calc(100svh - 120px);min-height:600px;max-height:950px;position:sticky;top:106px;display:flex;flex-direction:column;justify-content:space-between;padding:28px 0 36px;--scene-progress:0}.journey-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#76829a}.journey-count{font-variant-numeric:tabular-nums}.journey-drawing{position:relative;height:450px;width:100%;max-width:480px;align-self:center}.travel-paper{background:#f6f8fd;border:1px solid #b8bfcd;position:absolute;left:17px;top:20px;width:164px;height:202px;padding:20px;transform:rotate(-10deg) translate(calc(var(--scene-progress) * 14px),calc(var(--scene-progress) * -8px));box-shadow:8px 12px 25px #1e27380b}.travel-paper>span{font-size:12px;color:#78849c;display:block;border-bottom:1px solid #cfd4df;padding-bottom:13px}.travel-paper>i{height:3px;width:100%;background:#d0d6e3;display:block;margin-top:19px}.travel-paper>i:nth-of-type(2){width:70%}.travel-paper>b{font-size:12px;font-weight:400;color:#8892a7;position:absolute;bottom:17px}.travel-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.travel-line>path{fill:none;stroke:#8090af;stroke-width:1.5;stroke-dasharray:5 7;animation:dash-travel 12s linear infinite}.travel-line>circle{fill:#546c9d}.travel-result{position:absolute;right:0;bottom:48px;width:270px;padding:23px 22px 17px;background:var(--navy);color:#e9ecf3;border-radius:5px;transform:rotate(4deg);box-shadow:10px 15px 25px #1e2e3718}.result-kicker{font-size:12px;color:#a6b6c3;display:block;margin-bottom:17px}.result-grid{display:grid;grid-template-columns:1fr auto;font-size:13px;gap:13px 17px}.result-grid>span{color:#b5bccb}.result-grid>b{font-size:13px;font-weight:500;color:#c7d4ed}.result-caption{display:block;border-top:1px solid #ffffff1f;padding-top:12px;margin-top:20px;font-size:12px;color:#9bb0bb}.drawing-arrow{position:absolute;left:21%;bottom:70px;color:#96a3bc;font-size:45px;font-weight:400}.journey-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px;font-size:13px;line-height:1.8;color:#77839a}.journey-dots{display:flex;gap:7px}.journey-dots>i{display:block;width:22px;height:3px;background:#c4cbda}.journey-dots>i.active{background:#5c7098}.case{padding:44px 0 70px;scroll-margin-top:90px;position:relative;border-bottom:1px solid #bdc5d4}.case+.case{padding-top:80px}.case:last-child{border-bottom:0}.case-context{font-size:12px;line-height:1.9;color:#848fa4;display:flex;flex-direction:column;gap:5px}.case-context>span{font-size:13px;font-weight:600;color:#5a6988}.case h2{font-size:clamp(32px,3.3vw,47px);line-height:1.5;font-weight:600;letter-spacing:-.075em;margin-top:28px}.case-lead{font-size:18px;line-height:1.95;letter-spacing:-.03em;color:#636f87;margin-top:25px;max-width:65ch}.case-facts{margin-top:36px;max-width:65ch}.case-facts>div{border-top:1px solid #c7cedb;padding-top:20px;margin-top:23px}.case-facts dt{font-size:13px;color:#61708d;font-weight:600;margin-bottom:9px}.case-facts dd{font-size:17px;line-height:1.95;color:#5f6a80;letter-spacing:-.025em}.case-facts small{display:block;font-size:13px;line-height:1.9;color:#8993a8;margin-top:9px}.case-actions{margin-top:31px;display:flex;flex-wrap:wrap;align-items:center;gap:17px 25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:15px 20px;border-radius:4px;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.025em;transition:background .2s,translate .2s}.button>span{font-size:20px;line-height:1;font-weight:400}.button-forest{background:var(--forest);color:var(--cream)}.button-forest:hover{background:#29395a;translate:0 -2px}.case-actions>span{font-size:12px;color:#8b95a9}.case-bridge{font-size:16px;line-height:1.9;color:#828da4;letter-spacing:-.025em;border-left:2px solid #a9b6cf;margin-top:36px;padding-left:18px}.case-bridge>span{display:block;font-size:24px;margin-top:10px;color:#61759d}.case-disclosure{font-size:13px;line-height:1.95;color:#8a94a9;margin-top:21px;max-width:65ch}.service-link{font-size:13px;color:#536280;border-bottom:1px solid #8795b2;padding-bottom:4px}
.method{padding-top:85px;padding-bottom:90px;background:#dfe4ed;border-top:1px solid #c6cddc}.method h2{font-size:clamp(32px,3.6vw,52px);line-height:1.5;font-weight:600;margin-top:26px}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:47px}.method-steps article{border-top:1px solid #a9b4cb;padding-top:21px}.method-steps article>span{font-size:12px;color:#8592ac}.method-steps h3{font-size:22px;font-weight:600;line-height:1.5;margin-top:16px}.method-steps p{font-size:17px;line-height:1.95;color:#68748d;letter-spacing:-.025em;margin-top:17px;max-width:37ch}.contact{background:var(--lime);padding-top:62px;padding-bottom:45px;position:relative;overflow:hidden}.contact .section-label{color:#3e5582}.contact h2{font-size:clamp(35px,4.9vw,70px);line-height:1.5;font-weight:600;margin-top:29px}.contact-copy{font-size:18px;line-height:1.95;color:#3d5481;margin-top:28px;max-width:65ch}.contact-email{font-size:clamp(20px,2.4vw,35px);font-weight:500;letter-spacing:-.05em;display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid #4567aa;padding-bottom:9px;margin-top:35px}.contact-email>span{font-size:40px;line-height:1;font-weight:400;transition:translate .2s}.contact-email:hover>span{translate:3px -3px}.contact-bottom{margin-top:55px;border-top:1px solid #617db6;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:#405a8d}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:28px;padding-bottom:28px;background:var(--deep);color:#7d8aa4;font-size:12px;line-height:1.8}.footer a:hover{color:var(--lime)}
.modal-open{overflow:hidden}.project-dialog{padding:0;border:1px solid #acb5c8;border-radius:9px;background:#eceff4;color:var(--ink);width:min(1120px,92vw);height:min(780px,86svh);max-width:none;max-height:none;overflow:hidden;box-shadow:0 40px 130px #060a1388;transform-origin:center center;will-change:transform,opacity}.project-dialog::backdrop{background:#0d1421b8;backdrop-filter:blur(7px)}.project-dialog[open]{display:flex;flex-direction:column}.dialog-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 14px 10px 18px;background:#dfe4ed;border-bottom:1px solid #b8c1d2;flex-shrink:0}.dialog-topbar>div{display:flex;align-items:center;gap:10px}.dialog-dot{width:6px;height:6px;background:#6b7fa6;border-radius:50%}.dialog-topbar h2{font-size:14px;font-weight:600;letter-spacing:-.025em}.dialog-actions{gap:20px!important}.dialog-newtab{font-size:12px;color:#647392}.dialog-close{display:flex;align-items:center;gap:17px;padding:6px 13px;font-size:12px;background:#2a3448;border:1px solid #2a3448;color:#dae1f0;border-radius:3px}.dialog-close>span{font-size:21px;line-height:1;font-weight:400}.dialog-notice{font-size:12px;line-height:1.75;color:#717e97;padding:10px 18px;background:#eef0f5;border-bottom:1px solid #cdd3df;flex-shrink:0}.dialog-viewport{position:relative;flex:1;min-height:0;background:#f2f4f7;overflow:hidden}.dialog-viewport iframe{width:100%;height:100%;border:0;display:block;opacity:0;transition:opacity .25s}.dialog-viewport.is-ready iframe{opacity:1}.dialog-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;filter:blur(3px);opacity:.55;transition:opacity .3s;pointer-events:none}.dialog-loading{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:14px;padding:12px 21px;border:1px solid #c8cfdd;background:#f2f5fae8;border-radius:4px;color:#526386;z-index:1;text-align:center;line-height:1.7}.dialog-viewport.is-ready .dialog-poster,.dialog-viewport.is-ready .dialog-loading{opacity:0;pointer-events:none}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;padding:9px 18px;line-height:1.6;color:#7c88a0;border-top:1px solid #cdd3df;flex-shrink:0}
@media(min-width:1600px){.wrap,.header{padding-left:calc((100vw - 1410px)/2);padding-right:calc((100vw - 1410px)/2)}}
@media(max-width:1150px){.identity>span{display:none}.hero h1{font-size:6.5vw}.hero-bottom{grid-template-columns:1.1fr 1fr;gap:20px}.hero-art{scale:.86;transform-origin:right center;width:115%;margin-left:-15%}.hero-bottom p{font-size:17px}.intro-grid{gap:5%;grid-template-columns:1fr 1fr}.intro h2{font-size:31px}.intro-grid p{font-size:17px}.screen-section-heading{gap:35px}.screen-section-heading h2{font-size:38px}.screen-section-heading>p{font-size:15px}.window-deck{height:575px}.slot-order{top:87px}.slot-zero{top:150px}.slot-cargo{top:217px}.window-bar{height:36px;gap:9px;padding:0 11px}.window-bar>span:last-of-type{display:none}.screen-card-label{padding:25px 15px 12px;display:block}.screen-card-label>span{display:block;margin-top:3px}.screen-card-label>b{font-size:13px}.screen-notes{gap:25px}.screen-notes a{font-size:16px}.case-journey{gap:5%;grid-template-columns:.8fr 1.2fr}.journey-drawing{scale:.85;transform-origin:left center;width:115%}.case h2{font-size:35px}.case-facts dd{font-size:17px}.method-steps{gap:30px}.method-steps h3{font-size:20px}}
@media(max-width:760px){html{scroll-padding-top:78px}body{font-size:17px}.header{height:72px;padding:0 24px;gap:15px}.identity{font-size:22px}.header nav{gap:17px;font-size:12px}.header nav a:nth-child(2){display:none}.header nav a>span{font-size:15px;margin-left:2px}.hero{padding-top:41px}.eyebrow{font-size:12px;gap:9px}.hero h1{font-size:clamp(34px,7.55vw,55px);line-height:1.5;letter-spacing:-.075em;margin-top:25px}.hero h1>span{display:block}.hero h1 br{display:none}.hero-bottom{display:flex;flex-direction:column;gap:0;align-items:stretch;margin-top:25px}.hero-bottom>div:first-child{padding-top:0}.hero-bottom p{font-size:17px;line-height:1.95;letter-spacing:-.035em}.desktop{display:none}.underline-link{font-size:13px;gap:25px;margin-top:23px;padding-bottom:8px}.underline-link>span{font-size:21px}.hero-art{height:280px;scale:.8;transform-origin:center center;width:100%;max-width:390px;align-self:center;margin:0 0 -12px;flex-shrink:0}.art-orbit{width:340px;height:155px;left:-4px;top:55px}.floating-paper{width:125px;height:157px;padding:15px}.paper-back{left:-2px;top:30px}.paper-front{left:34px;top:57px}.information-slip{width:208px;right:-4px;top:126px;padding:16px}.information-slip>span{font-size:12px}.hero-art .information-slip p{font-size:12px;padding:7px 0}.information-slip strong,.information-slip b{font-size:12px}.hero-foot{margin-top:5px;padding:18px 0;font-size:12px;gap:20px}.hero-foot>span:first-child{max-width:220px}.hero-foot>span:last-child{font-size:12px;text-align:right}.intro{padding-top:53px;padding-bottom:50px}.section-label{font-size:12px}.intro-grid{grid-template-columns:1fr;gap:25px;margin-top:22px}.intro h2{font-size:29px;line-height:1.55}.intro-grid p{font-size:17px;line-height:1.95;letter-spacing:-.025em}.intro-grid p+p{margin-top:17px}.career-route{grid-template-columns:1fr 1fr;gap:22px 20px;margin-top:31px}.career-route li{padding-top:14px}.career-route li>span{font-size:14px}.career-route li>p{font-size:12px;margin-top:5px}.screen-section{padding-top:49px;padding-bottom:40px}.screen-section-heading{display:block}.screen-section-heading h2{font-size:31px;line-height:1.5;margin-top:17px}.screen-section-heading>p{font-size:15px;line-height:1.9;margin-top:21px}.screen-section-heading>p br{display:none}.window-deck{height:560px;perspective:none;margin-top:15px}.deck-guide{left:0;right:0;top:9px;gap:13px;font-size:12px}.screen-slot{width:90%;border-radius:6px}.slot-order{left:0;top:67px;transform:rotate(-5deg)}.slot-zero{left:4%;top:197px;transform:rotate(0deg)}.slot-cargo{left:8%;top:327px;transform:rotate(5deg)}.screen-card{border-radius:6px;box-shadow:0 18px 35px #070d1955}.window-bar{height:33px;gap:8px;padding:0 10px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.window-bar>b{font-size:12px}.window-bar em{font-size:12px}.screen-card-label{padding:22px 11px 10px}.screen-card-label>b{font-size:13px}.screen-card-label>span{font-size:12px;margin-top:2px}.deck-corner{font-size:12px;bottom:-5px}.screen-notes{grid-template-columns:1fr;gap:23px;margin-top:25px;padding-top:24px}.screen-notes article{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:start}.screen-notes a{font-size:15px;gap:9px;line-height:1.75}.screen-notes a>span{font-size:12px}.screen-notes p{font-size:13px;line-height:1.9;max-width:none;margin-top:0}.experience-note{font-size:12px;line-height:1.9;margin-top:25px;padding-top:16px}.experience-note>span{display:block;padding:0;margin-bottom:7px}.case-journey{grid-template-columns:1fr;padding-top:0;padding-bottom:10px;gap:0}.journey-visual{position:relative;top:auto;height:345px;min-height:0;max-height:none;padding-top:28px;padding-bottom:25px;border-bottom:1px solid #c6cedd;margin-bottom:5px}.journey-meta{font-size:12px}.journey-drawing{height:250px;scale:.65;transform-origin:center center;width:100%;max-width:380px;position:absolute;top:65px;left:50%;translate:-50% 0}.travel-paper{left:-8px;top:-15px}.travel-result{right:-10px;bottom:-1px;width:260px}.travel-line{height:330px;top:-50px}.drawing-arrow{left:7%;bottom:0;font-size:40px}.journey-bottom{position:absolute;bottom:20px;left:0;right:0;font-size:12px;line-height:1.6}.journey-bottom>span br{display:none}.journey-bottom>span{max-width:250px}.journey-dots>i{width:16px;height:2px}.case{padding:45px 0 50px;scroll-margin-top:75px}.case+.case{padding-top:50px}.case-context{font-size:12px}.case-context>span{font-size:12px}.case h2{font-size:31px;line-height:1.55;margin-top:23px;letter-spacing:-.07em}.case-lead{font-size:17px;line-height:1.95;margin-top:21px;letter-spacing:-.025em}.case-facts{margin-top:27px}.case-facts>div{padding-top:17px;margin-top:21px}.case-facts dt{font-size:13px;margin-bottom:8px}.case-facts dd{font-size:17px;line-height:1.95;letter-spacing:-.025em}.case-facts small{font-size:12px;line-height:1.9;margin-top:10px}.case-actions{margin-top:27px;gap:15px 20px}.button{font-size:13px;padding:14px 17px;gap:30px}.button>span{font-size:18px}.case-actions>span{font-size:12px}.case-bridge{font-size:15px;margin-top:29px;padding-left:15px}.case-bridge br{display:none}.case-bridge>span{font-size:22px;margin-top:7px}.case-disclosure{font-size:13px;line-height:1.95;margin-top:19px}.service-link{font-size:13px}.method{padding-top:50px;padding-bottom:52px}.method h2{font-size:30px;line-height:1.55;margin-top:22px}.method-steps{grid-template-columns:1fr;gap:26px;margin-top:32px}.method-steps article{padding-top:17px}.method-steps article>span{font-size:12px}.method-steps h3{font-size:21px;margin-top:11px}.method-steps p{font-size:17px;line-height:1.95;max-width:none;margin-top:13px}.contact{padding-top:43px;padding-bottom:30px}.contact h2{font-size:31px;line-height:1.55;margin-top:23px}.contact-copy{font-size:17px;line-height:1.95;margin-top:23px}.contact-copy br{display:none}.contact-email{font-size:clamp(18px,4.6vw,30px);gap:20px;margin-top:26px;width:100%;justify-content:space-between}.contact-email>span{font-size:29px}.contact-bottom{font-size:12px;margin-top:38px;padding-top:17px;gap:15px}.footer{font-size:12px;gap:15px;flex-wrap:wrap;padding-top:23px;padding-bottom:23px}.footer>span{width:100%}.project-dialog{width:94vw;height:88svh;border-radius:7px}.dialog-topbar{padding:9px 10px;gap:12px}.dialog-topbar>div{gap:7px}.dialog-topbar h2{font-size:12px;max-width:170px;line-height:1.5}.dialog-actions{gap:12px!important}.dialog-newtab{font-size:12px;white-space:nowrap}.dialog-close{padding:6px 9px;gap:10px;font-size:12px;white-space:nowrap}.dialog-close>span{font-size:19px}.dialog-dot{display:none}.dialog-notice{font-size:12px;padding:9px 12px;line-height:1.8}.dialog-bottom{padding:8px 11px;font-size:12px}.dialog-bottom>span:last-child{display:none}}
@media(max-width:390px){.header nav{gap:13px}.hero h1{font-size:32px}.hero-art{scale:.75;margin-top:-8px;margin-bottom:-25px}.screen-notes article{grid-template-columns:127px 1fr;gap:12px}.screen-notes a{font-size:14px}.screen-section-heading h2{font-size:29px}.case h2{font-size:29px}.contact h2{font-size:28px}.dialog-newtab{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art,.screen-slot,.travel-paper{translate:none!important}.project-dialog{will-change:auto}}

/* Readable copy remains the foreground; muted labels still meet normal-text contrast. */
.hero-bottom p,.intro-grid p,.case-lead,.case-facts dd,.method-steps p{color:#4a5365}
.eyebrow,.section-label,.hero-foot,.identity>span,.career-route li>p,.case-context,.case-context>span,.case-facts dt,.case-facts small,.case-actions>span,.case-bridge,.case-disclosure,.service-link,.journey-meta,.journey-bottom,.method-steps article>span{color:#505a6d}
.screen-section .section-label,.screen-section-heading>p,.deck-guide,.deck-corner,.screen-notes p,.experience-note,.experience-note>span{color:#b1bacb}
.screen-notes a>span{color:#91a5cc}
.window-bar>span:last-of-type,.floating-paper>span,.floating-paper>b,.travel-paper>span,.travel-paper>b{color:#505a6d}
.contact .section-label,.contact-copy,.contact-bottom{color:#2e4063}
.dialog-newtab,.dialog-notice,.dialog-bottom{color:#505a6d}

/* The apps retain a desktop viewport; fitting scales the entire interactive surface. */
.project-dialog{width:min(1200px,94vw);height:min(900px,92svh)}
.iframe-stage{position:absolute;left:0;top:0;width:1440px;height:900px;transform-origin:top left}
.dialog-viewport iframe{width:1440px;height:900px}
.dialog-viewport.is-original{overflow:auto}
.dialog-viewport.is-original .iframe-stage{position:relative}
.dialog-topbar>div:first-child{min-width:0;flex:1}
.dialog-topbar h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:none}
.dialog-actions{flex-shrink:0}
.dialog-newtab{display:inline-flex;white-space:nowrap}
.dialog-zoom{display:flex;gap:17px;align-items:center;min-width:0}
.dialog-zoom button{font-size:12px;line-height:1.5;padding:5px 9px;border:1px solid #a6b1c6;color:#3b4965;background:#e5eaf3;border-radius:3px;white-space:nowrap}
.frame-size{font-size:12px;white-space:nowrap}
@media(max-width:760px){.dialog-topbar>div:first-child{max-width:calc(100% - 147px)}.dialog-zoom{gap:13px}.frame-size{font-size:12px}.dialog-actions{gap:10px!important}.dialog-topbar{gap:10px}}
@media(min-width:1151px){.window-deck{height:clamp(720px,54vw,825px)}}
@media(min-width:761px) and (max-width:1150px){.window-deck{height:630px}}
@media(max-width:760px){
  .project-dialog{height:fit-content;max-height:92svh}
  .dialog-viewport{flex:none;width:100%;height:auto;aspect-ratio:16/10}
  .dialog-viewport.is-original{aspect-ratio:auto;height:60svh;min-height:160px;flex:0 1 60svh}
}

/* Experience typography and three scroll-driven product illustrations. */
.hero-runway{height:380svh;background:#081a2d}.hero-runway .hero{position:sticky;top:88px;height:calc(100svh - 88px);min-height:740px;--intro-fade:1;--light-x:70%;--light-y:50%}
.hero-runway .hero>.eyebrow,.hero-runway .hero>h1,.hero-runway .hero>.hero-bottom,.hero-runway .hero>.hero-foot{opacity:var(--intro-fade);transition:opacity .1s}
.hero.show-experience>.hero-bottom{pointer-events:none}.hero:after{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#80bfdf15,transparent 45%),linear-gradient(115deg,transparent 43%,#8fbcd00a 46%,transparent 49%)}
.experience-stage{position:absolute;inset:0;padding:8vh 6vw;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility .4s}
.show-experience .experience-stage{opacity:1;visibility:visible}.experience-kicker{font-size:16px;letter-spacing:.06em;color:#9cb7ce}.experience-word{font-size:clamp(70px,11vw,164px);font-weight:500;letter-spacing:-.085em;line-height:1.3;margin:24px 0;background:linear-gradient(115deg,#668cac,#dcecf6 45%,#79a7cc);background-clip:text;-webkit-background-clip:text;color:transparent}.experience-lesson{font-size:clamp(18px,1.8vw,25px);color:#d0dfeb;max-width:650px;min-height:3.8em;line-height:1.8}.experience-track{display:flex;gap:32px;margin-top:40px;padding-top:25px;border-top:1px solid #91b4d039;color:#7994ac;font-size:14px}.experience-track span{position:relative;transition:color .3s}.experience-track span.active{color:#e1f2ff}.experience-track span.active:before{content:'';position:absolute;top:-29px;left:0;width:6px;height:6px;border-radius:50%;background:#d4edff;box-shadow:0 0 20px #7abdeb}.experience-outro{color:#8ca8c1;font-size:14px;margin-top:36px}
.hero-art{transition:rotate .6s ease-out}.screen-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#d7efff35,transparent 48%);opacity:0;transition:opacity .3s}.screen-card:hover:after{opacity:1}
.journey-drawing>.travel-paper,.journey-drawing>.travel-line,.journey-drawing>.travel-result,.journey-drawing>.drawing-arrow{display:none}
.journey-drawing{height:460px;isolation:isolate}.project-scene{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .5s,transform .7s;pointer-events:none}.project-scene.active{opacity:1;transform:none}.project-scene svg{width:100%;height:auto;overflow:visible}.scene-label{font-size:12px;letter-spacing:.12em;color:#526d86}.scene-label span{display:block;font-size:17px;letter-spacing:-.035em;color:#193b57;margin-top:9px}.project-scene text{font:14px 'Noto Sans KR',sans-serif;fill:#274660}.project-scene .glass{fill:#e6eff6;stroke:#8eaac0;stroke-width:1}.project-scene .gridline{stroke:#9eb6c9;stroke-width:1.5}.fill-row{opacity:clamp(0,calc(var(--case-progress,0)*6 - var(--row,0)),1)}.fill-row rect{fill:#b8d3e7}.fill-row path{stroke:#416f95;stroke-width:2}.r0{--row:0}.r1{--row:1}.r2{--row:2}.r3{--row:3}.sheet-cursor{transform:translate(calc(var(--case-progress,0)*-70px),calc(var(--case-progress,0)*40px))}
.scan-band{fill:#6eacdb35;stroke:#75a7c6;transform:translateY(calc(var(--case-progress,0)*100px))}.transfer-route{stroke:#7c9fb9;stroke-width:2;stroke-dasharray:4 7}.data-packet{fill:#376f99;offset-path:path('M180 170C285 140 205 290 315 270');offset-distance:calc(var(--case-progress,0)*100%)}.zero-envelope{transform:translateY(calc((1 - var(--case-progress,0))*25px))}.review-checks{opacity:clamp(0,calc(var(--case-progress,0)*2),1)}.cargo-route{stroke:#b9cbd9;stroke-width:2;stroke-dasharray:4 7}.cargo-progress{stroke:#386f9a;stroke-width:3;stroke-dasharray:650;stroke-dashoffset:calc(var(--route-dash,1)*650)}.cargo-ship{offset-path:path('M35 280C95 280 90 120 210 120S320 280 405 280');offset-distance:calc(var(--case-progress,0)*100%);offset-rotate:0deg}.cargo-status{opacity:clamp(0,calc(var(--case-progress,0)*3),1)}
@media(max-width:760px){.hero-runway{height:350svh}.hero-runway .hero{top:72px;height:calc(100svh - 72px);min-height:690px}.experience-stage{padding:40px 24px}.experience-word{font-size:clamp(64px,17vw,110px)}.experience-track{gap:14px;flex-wrap:wrap;font-size:12px}.experience-lesson{font-size:18px}.experience-outro{font-size:13px}.journey-drawing{scale:1;width:100%;max-width:330px;top:65px;height:310px}.journey-visual{height:430px}.scene-label span{font-size:15px}.project-scene svg{height:300px}.journey-bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-runway{height:auto}.hero-runway .hero{position:relative;top:0;height:auto;min-height:0}.experience-stage{position:relative;inset:auto;padding:35px 0;opacity:1;visibility:visible}.experience-word{font-size:45px}.experience-track{color:#b9d0e4}.project-scene{transition:none;transform:none}.fill-row,.review-checks,.cargo-status{opacity:1}.sheet-cursor,.scan-band,.zero-envelope{transform:none}.cargo-progress{stroke-dashoffset:0}}

.mobile-project-scene{display:none}
@media(max-width:760px){.journey-visual{display:none}.mobile-project-scene{display:block;position:relative;inset:auto;height:350px;margin-bottom:30px;opacity:1;transform:none}.mobile-project-scene svg{height:300px;width:100%}}
/* The person and their decisions lead; working examples follow. */
.hero h1{font-size:clamp(65px,7.2vw,104px);line-height:1.15;margin-top:25px;font-weight:500}.hero h1>span{display:block;font-size:clamp(28px,3.1vw,45px);line-height:1.55;margin-top:20px;letter-spacing:-.045em}.hero-bottom{margin-top:22px;min-height:235px}.hero-art{height:250px;scale:.85;transform-origin:right top}.hero-foot{margin-top:4px}.hero-runway{height:310svh}
.working-notes{padding-top:110px;padding-bottom:100px;background:#edf1f4}.notes-intro{max-width:850px;margin-bottom:100px}.notes-intro h2{font-size:clamp(30px,3.8vw,52px);font-weight:500;margin:23px 0 30px;line-height:1.45}.notes-intro>p:last-child{max-width:680px;font-size:19px;line-height:1.95;color:#465b70}.work-note{display:grid;grid-template-columns:1fr 2fr;gap:8%;border-top:1px solid #b9cad7;padding:54px 0 80px}.note-margin>span{font-size:13px;color:#58768f}.note-margin>p{font-size:22px;line-height:1.6;margin:20px 0;color:#254763}.note-margin>small{font-size:12px;color:#5b7083}.note-body{max-width:740px}.note-body h3{font-size:clamp(26px,2.8vw,37px);font-weight:500;line-height:1.5;margin-bottom:27px}.note-body>p{font-size:18px;line-height:1.95;color:#435a70;margin-top:21px}.note-body strong{font-weight:600;color:#1c3e5a}.record-sheet{margin:32px 0;padding:27px 30px;background:linear-gradient(115deg,#f9fbfc,#e1eaf1);border:1px solid #bfcfdb;border-left:3px solid #6d92ae;box-shadow:0 12px 25px #203c5206}.record-caption{display:block;font-size:12px;color:#587088;margin-bottom:24px}.record-sheet p{font-size:15px;line-height:1.85;color:#4b6278}.relation-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.relation-line b{font-size:17px;font-weight:500;white-space:nowrap}.relation-line i{font-size:12px;font-style:normal;color:#617b90;border-bottom:1px solid #a3bacb;padding-bottom:4px}.record-list>div{display:grid;grid-template-columns:110px 1fr;padding:13px 0;border-top:1px solid #c4d4df;font-size:15px;line-height:1.7}.record-list dt{color:#25465f}.record-list dd{color:#536b80}.record-sheet .record-thought{font-size:23px;line-height:1.7;color:#264963;margin-bottom:20px}.note-body .note-limit{font-size:13px;color:#61758a;line-height:1.8}.personal-boundary{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding-top:45px;border-top:1px solid #b9cad7}.personal-boundary h3{font-size:25px;font-weight:500;line-height:1.6}.personal-boundary p{font-size:18px;line-height:1.95;color:#435a70}
@media(max-width:760px){.hero h1{font-size:58px}.hero h1>span{font-size:27px;margin-top:22px}.hero-bottom{margin-top:22px}.hero-art{height:240px;scale:.7;transform-origin:center center}.hero-runway{height:310svh}.working-notes{padding-top:60px;padding-bottom:60px}.notes-intro{margin-bottom:50px}.notes-intro>p:last-child{font-size:17px}.work-note{grid-template-columns:1fr;gap:24px;padding:30px 0 50px}.note-margin{display:flex;flex-wrap:wrap;gap:14px;align-items:baseline}.note-margin>p{font-size:16px;margin:0}.note-margin br{display:none}.note-margin>small{width:100%}.note-body>p{font-size:17px}.note-body h3{font-size:27px}.record-sheet{padding:22px 18px}.relation-line{flex-wrap:wrap;gap:12px}.relation-line b{font-size:15px}.relation-line i{font-size:11px}.record-list>div{grid-template-columns:82px 1fr;font-size:14px}.record-sheet .record-thought{font-size:20px}.personal-boundary{grid-template-columns:1fr;gap:23px}.personal-boundary p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-runway{height:auto}}
.project-context{margin-top:30px;padding:20px 0;border-top:1px solid #bfccd7;border-bottom:1px solid #bfccd7;max-width:740px}.project-context p{font-size:16px;line-height:1.8;color:#4d6174}.project-context p+p{margin-top:9px}.project-context strong{color:#25425b;font-weight:600}.note-margin>p{font-family:Arial,sans-serif;font-size:20px;letter-spacing:-.035em;line-height:1.4}

.experience-word{font-family:Georgia,'Times New Roman',serif;font-size:clamp(62px,7.5vw,112px);font-weight:400;letter-spacing:-.045em;line-height:1.2}.experience-track{gap:30px}.experience-lesson{max-width:760px}
@media(max-width:760px){.experience-word{font-size:clamp(40px,10.7vw,70px);line-height:1.25;overflow-wrap:normal}.experience-track{gap:14px 18px}.experience-lesson{font-size:17px}.note-margin>p{font-size:19px}}
/* Clear blue edition — one type family, open spacing, white-led surfaces. */
:root{--cream:#fff;--forest:#edf5ff;--deep:#143661;--ink:#192a3d;--muted:#5f6d7c;--line:#e0e8f0;--lime:#087cff;--navy:#225eaf;--font:'Portfolio Sans',-apple-system,BlinkMacSystemFont,sans-serif}
html{scroll-padding-top:100px}body{background:#fff;color:#192a3d;font-family:var(--font);font-weight:400;font-size:18px;line-height:1.75;letter-spacing:-.015em;font-synthesis:none;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.035em;font-weight:650;line-height:1.35}button,input,select{font-family:var(--font)}
.header{background:#ffffffed;color:#26374b;border-color:#e6edf5;height:80px;backdrop-filter:blur(14px)}.identity{font-size:23px;font-weight:750;letter-spacing:-.035em}.identity>span{color:#64748b}.header nav{font-size:14px;font-weight:550}.header nav a:hover{color:#137af0}.reading-progress{background:#1689f8}
.hero-runway{background:#fff;height:280svh}.hero-runway .hero{top:80px;background:linear-gradient(115deg,#fff 45%,#f3faff 100%);color:#182b43;min-height:720px;padding-top:64px}.hero:before,.hero:after{display:none}.hero h1{font-size:clamp(66px,7.5vw,104px);font-weight:720;letter-spacing:-.045em;line-height:1.08}.hero h1>span{font-size:clamp(29px,3.3vw,48px);font-weight:600;line-height:1.42;color:#2378d1;background:none;-webkit-text-fill-color:currentColor;letter-spacing:-.035em;margin-top:28px}.hero .eyebrow{color:#627a91;font-weight:500;letter-spacing:.08em;font-size:12px}.live-dot{background:#22a9fa;box-shadow:0 0 0 4px #e0f3ff}.hero-bottom p{color:#54677c;font-weight:400;line-height:1.8}.hero .underline-link{color:#1c6ccb;border-color:#b4d5f4;font-weight:600}.hero-foot{color:#718398;border-color:#dce8f4;font-size:13px}.hero-art{filter:none}.art-orbit{border-color:#b6ddf6}.floating-paper{background:#fff;border-color:#c9e1f3;box-shadow:7px 18px 32px #4289c411}.floating-paper>span,.floating-paper>b{color:#648ab0}.floating-paper i{background:#d9eaf6}.information-slip{background:linear-gradient(135deg,#f0f8ff,#dfeeff);border:1px solid #b5d5f4;box-shadow:8px 18px 30px #2572b512;color:#244d78}.information-slip>span{color:#537da7}.hero-art .information-slip p{color:#31587e;border-color:#c8def1}.information-slip b{color:#217acc}.information-slip strong{color:#265d98}.art-path path{stroke:#5ba9e0}
.experience-word{font-family:var(--font);font-weight:650;font-size:clamp(60px,7.5vw,108px);letter-spacing:-.045em;background:none;color:#187edb;-webkit-text-fill-color:currentColor}.experience-kicker{color:#617c95}.experience-lesson{color:#334c66;line-height:1.75;font-weight:400}.experience-track{color:#7d90a2;border-color:#d3e4f1}.experience-track span.active{color:#147ed6;font-weight:650}.experience-track span.active:before{background:#36a7f2;box-shadow:none}.experience-outro{color:#678199}.screen-card:after{background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#fff6,transparent 48%)}
.working-notes{background:#fff;padding-top:100px;padding-bottom:85px}.notes-intro{max-width:100%;margin-bottom:75px}.notes-intro h2{font-size:clamp(31px,3.8vw,50px);font-weight:650;letter-spacing:-.04em;line-height:1.4;margin:22px 0 25px}.notes-intro>p:last-of-type{font-size:19px;line-height:1.8;color:#57697c;max-width:730px}.section-label{color:#4382b9;font-weight:600;letter-spacing:.075em}.work-cycle{display:flex;align-items:center;gap:25px;margin:35px 0 0;flex-wrap:wrap;font-size:17px;line-height:1.5;font-weight:600}.work-cycle a{padding:10px 0;color:#244b76}.work-cycle span{font-size:12px;color:#3498e4;margin-right:8px}.work-cycle i{font-style:normal;color:#a2b9ce}.project-context{border-color:#e3ebf3;max-width:850px;padding:18px 0;margin-top:28px}.project-context p{font-size:15px;line-height:1.75;color:#697b8c}.project-context strong{color:#315c86}
.work-note{border-color:#e1e9f1;padding:55px 0 70px;grid-template-columns:.85fr 2fr;gap:8%;scroll-margin-top:100px}.note-margin>span{font-size:12px;letter-spacing:.065em;font-weight:650;color:#1783df}.note-margin>p{font-family:var(--font);font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.55;margin:20px 0}.note-margin>small{font-size:13px;color:#7b8a98;line-height:1.7;display:block}.note-body h3{font-size:clamp(27px,2.7vw,36px);font-weight:650;letter-spacing:-.035em;line-height:1.4;margin-bottom:25px}.note-body>p{font-size:18px;line-height:1.85;letter-spacing:-.015em;color:#516275;margin-top:22px}.note-body strong{font-weight:600;color:#1a4d7d}.note-body .note-limit{font-size:13px;color:#788896;line-height:1.7}.record-sheet{background:#f5f9fd;border:0;border-radius:12px;padding:25px 28px;box-shadow:none}.record-caption{color:#7890a5;font-size:12px;letter-spacing:0}.record-sheet p,.record-list dd{color:#526c83}.record-list>div{border-color:#dde9f3}.record-list dt{color:#246aa5;font-weight:550}.relation-line b{color:#2169a5;font-weight:600}.relation-line i{color:#7a95ac;border-color:#d2e2ef}.personal-boundary{border-color:#dce7f1}.personal-boundary h3{font-size:24px;font-weight:650}.personal-boundary p{color:#596e81;line-height:1.8;font-size:17px}
.outcome-evidence{margin:32px 0;padding:30px;border-radius:14px;background:#eef7ff;color:#335c81}.outcome-evidence .record-caption{margin:0;color:#567fa3}.outcome-values{display:flex;gap:35px;align-items:center;margin:24px 0}.outcome-values>div>span{display:block;font-size:14px;color:#6b859b}.outcome-values strong{font-size:64px;font-weight:650;color:#879eb3;letter-spacing:-.045em;line-height:1.2}.outcome-values>div:last-child strong{color:#1187e9}.outcome-values strong small{font-size:23px;font-weight:500;margin-left:5px}.outcome-values i{font-style:normal;font-size:32px;color:#b0c9df}.outcome-evidence>p{font-size:16px}.outcome-evidence>small{display:block;font-size:12px;line-height:1.7;color:#688198;margin-top:12px}
.screen-section{background:#eaf5ff;color:#173d64}.screen-section:before{background:radial-gradient(ellipse at 70% 50%,#c6e8ff66,transparent 65%)}.screen-section h2{color:#173d64;font-weight:650;letter-spacing:-.04em}.screen-section .section-label,.screen-section-heading>p,.deck-guide,.deck-corner,.screen-notes p,.experience-note,.experience-note>span{color:#587f9f}.screen-notes a>span,.deck-guide>i{color:#4196d8}.screen-notes,.experience-note{border-color:#c4ddef}.screen-notes a{font-weight:600}.screen-card{box-shadow:0 18px 45px #316ba527;border-color:#c9def0}.screen-slot:hover .screen-card,.screen-slot:focus-within .screen-card{outline:2px solid #8acbf7;box-shadow:0 22px 50px #316ba53d}.window-bar{background:#f7fbff;border-color:#dbe7f3}.screen-card-label{background:linear-gradient(transparent,#153c65e8)}.screen-card-label>span{color:#c5e1f4}.screen-slot.is-open:after{background:#e3f2fc;color:#527fa4;border-color:#91c2e4}
.case-journey{background:#fff}.case h2{font-weight:650;letter-spacing:-.035em}.case-lead,.case-facts dd{color:#53687d;line-height:1.8;letter-spacing:-.015em}.case-context,.case-context>span,.case-facts dt,.case-facts small,.case-actions>span,.case-bridge,.case-disclosure,.service-link,.journey-meta,.journey-bottom{color:#66829c}.case-facts>div,.case+.case{border-color:#e1eaf3}.scene-label{color:#5893be}.scene-label span{color:#345f82;font-weight:500}.project-scene text{font-family:var(--font);fill:#3b709a}.project-scene .glass{fill:#edf7ff;stroke:#a9d4f3}.project-scene .gridline{stroke:#b4d6ec}.fill-row rect{fill:#cbeaff}.button-forest{background:#e9f4ff;border:1px solid #c5dff6;color:#206eb5;border-radius:8px;box-shadow:none;font-weight:600}.button-forest:hover{background:#dceeff;color:#145a98}.contact{background:#f1f8fe;color:#25496c}.contact h2{font-weight:650}.contact .section-label,.contact-copy,.contact-bottom{color:#63829d}.contact-email{color:#2175bd;font-weight:500;border-color:#bedaf1;letter-spacing:-.025em}.contact-bottom{border-color:#d0e2f1}.footer{background:#fff;color:#748798;border-top:1px solid #e2edf5}
.project-dialog{background:#fff;border-color:#bdd9ef}.project-dialog::backdrop{background:#254d7370;backdrop-filter:blur(8px)}.dialog-topbar{background:#eff7ff;border-color:#d6e6f3}.dialog-notice,.dialog-bottom{background:#fff;color:#617f99;border-color:#dfebf5}.dialog-close{background:#247ec3;border-color:#247ec3;color:#fff}.dialog-newtab{color:#5281a7}.dialog-viewport{background:#f7fbff}.dialog-zoom button{background:#eff7ff;border-color:#cbdfef;color:#437798}a:focus-visible,button:focus-visible{outline-color:#1298f5}::selection{background:#c4e9ff;color:#173d64}
@media(max-width:760px){.header{height:72px}.hero-runway .hero{top:72px;min-height:690px;padding-top:44px}.hero h1{font-size:62px}.hero h1>span{font-size:29px;line-height:1.5;letter-spacing:-.035em}.experience-word{font-size:clamp(39px,10.6vw,65px);line-height:1.2}.hero-bottom p{font-size:17px;line-height:1.8}.working-notes{padding-top:58px;padding-bottom:55px}.notes-intro{margin-bottom:45px}.notes-intro h2{font-size:32px}.notes-intro>p:last-of-type{font-size:17px}.work-cycle{gap:5px 14px;font-size:14px;margin-top:23px}.work-cycle i{display:none}.work-cycle a{width:100%;padding:6px 0}.project-context p{font-size:14px}.work-note{grid-template-columns:1fr;gap:23px;padding:32px 0 48px}.note-margin{display:block}.note-margin>p{font-size:21px;margin:13px 0 8px;line-height:1.45}.note-margin br{display:block}.note-margin>small{font-size:12px}.note-body h3{font-size:27px;line-height:1.5}.note-body>p{font-size:17px;line-height:1.85}.record-sheet{padding:23px 20px}.record-list>div{grid-template-columns:78px 1fr;gap:8px;font-size:14px}.outcome-evidence{padding:24px 22px}.outcome-values{gap:22px}.outcome-values strong{font-size:55px}.personal-boundary{grid-template-columns:1fr}.case h2{font-size:29px}.screen-section-heading h2{font-size:31px}.contact h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-runway{height:auto}}

/* Decisions and the learning after release. */
.decision-scene{margin:0 0 32px;padding:23px 25px;background:linear-gradient(125deg,#f1f8ff,#e5f4ff);border:1px solid #d9ebf9;border-radius:16px;overflow:hidden}.decision-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#5280a3}.decision-status{color:#1c83d4}.decision-flow{display:flex;align-items:center;gap:14px;margin:30px 0;font-size:14px;line-height:1.7;color:#486c8a}.decision-flow span,.decision-flow strong{flex:1}.decision-flow strong{font-weight:600;color:#1768ad}.decision-flow i{font-style:normal;color:#8bbbe0}.decision-line{height:2px;background:#d0e5f6;position:relative}.decision-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#83d6ff,#247dec);transform-origin:left}.motion-ready:not(.is-seen) .decision-line i{transform:scaleX(0)}.is-seen .decision-line i{animation:decision-trace 1.3s cubic-bezier(.2,.7,.2,1) both}.is-seen .decision-flow>*{animation:decision-enter .7s both}.is-seen .decision-flow>*:nth-child(2){animation-delay:.12s}.is-seen .decision-flow>*:nth-child(3){animation-delay:.24s}.is-seen .decision-flow>*:nth-child(4){animation-delay:.36s}.is-seen .decision-flow>*:nth-child(5){animation-delay:.48s}.work-cycle a{transition:color .25s,box-shadow .25s}.work-cycle a.is-current{color:#087ce5;box-shadow:0 2px #269bfa}.revision-section{padding-top:100px;padding-bottom:100px;background:linear-gradient(125deg,#f5faff,#e8f4ff);display:grid;grid-template-columns:1fr 1.2fr;gap:35px 8%}.revision-heading h2{font-size:clamp(32px,3.6vw,48px);margin:22px 0}.revision-heading>p:last-child{font-size:17px;line-height:1.9;color:#59738a}.revision-board{background:#ffffffb8;border:1px solid #d0e5f7;border-radius:20px;padding:32px;box-shadow:0 20px 55px #3072a60a}.revision-board span{font-size:12px;color:#6587a3}.revision-board h3{font-size:24px;line-height:1.6;margin:12px 0}.revision-board p{font-size:14px;color:#5f7a92;margin:10px 0 0}.revision-before{color:#506f89}.revision-turn{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1ecf4;margin:25px 0;padding-top:20px}.revision-turn b{color:#3297de;font-size:24px}.revision-after{color:#2066a2}.revision-after>p{color:#1672bd}.revision-foot{grid-column:1/-1;font-size:18px;color:#3f6a8d;padding-top:20px;border-top:1px solid #cde1f1}.is-seen .revision-before{animation:revision-reconsider 1.6s both}.is-seen .revision-after{animation:decision-enter .8s .6s both}.is-seen .revision-turn b{animation:decision-enter .6s .3s both}@keyframes decision-trace{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes decision-enter{from{opacity:.25;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes revision-reconsider{from{opacity:1}to{opacity:.9}}@media(max-width:760px){.decision-scene{padding:20px 18px}.decision-flow{gap:8px;font-size:12px}.revision-section{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:25px}.revision-board{padding:24px}.revision-board h3{font-size:22px}.revision-foot{font-size:16px}.hero-bottom p{font-size:16px}}@media(prefers-reduced-motion:reduce){.decision-scene *,.revision-board *{animation:none!important;transition:none!important}.decision-line i{transform:none!important}}