:root{--font-sans:"Manrope", "Pretendard Variable", "Pretendard", sans-serif;--font-serif:"Noto Serif KR", serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fs-hero:clamp(3.5rem, 11.2vw, 13rem);--fs-statement:clamp(2.5rem, 6.4vw, 9rem);--fs-title:clamp(2.75rem, 6.2vw, 7.25rem);--fs-number:clamp(2.75rem, 5.4vw, 6.25rem);--fs-subhead:clamp(.8125rem, 1.15vw, 1.25rem);--fs-body:clamp(.9375rem, 1.1vw, 1.125rem);--fs-body-sm:clamp(.875rem, .98vw, 1rem);--fs-label:clamp(.75rem, .85vw, .875rem);--fs-ui:clamp(.8125rem, 1vw, 1rem);--lh-display:.92;--lh-statement:1;--lh-title:.96;--lh-body:1.7;--lh-tight:1.3;--ls-display:-.035em;--ls-label:.24em;--ls-wide:.4em;--ls-ui:.06em}html{font-family:var(--font-sans);font-weight:var(--fw-regular);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}:where(.t-body,.t-body-sm,.t-statement,.t-title,.t-hero){word-break:keep-all}.t-hero{font-family:var(--font-sans);font-size:var(--fs-hero);font-weight:var(--fw-medium);line-height:var(--lh-display);letter-spacing:var(--ls-display)}.t-title{font-family:var(--font-sans);font-size:var(--fs-title);font-weight:var(--fw-medium);line-height:var(--lh-title);letter-spacing:var(--ls-display);text-transform:uppercase}.t-statement{font-family:var(--font-sans);font-size:var(--fs-statement);font-weight:var(--fw-medium);line-height:var(--lh-statement);word-spacing:.08em;letter-spacing:var(--ls-display)}.t-body{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-body)}.t-body-sm{font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body)}.t-label{font-family:var(--font-sans);font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);line-height:var(--lh-tight);text-transform:uppercase}.t-subhead{font-family:var(--font-sans);font-size:var(--fs-subhead);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);line-height:var(--lh-tight);text-transform:uppercase}.t-ui{font-family:var(--font-sans);font-size:var(--fs-ui);font-weight:var(--fw-medium);letter-spacing:var(--ls-ui);line-height:var(--lh-tight)}.t-number{font-family:var(--font-sans);font-size:var(--fs-number);font-weight:var(--fw-regular);letter-spacing:var(--ls-display);font-variant-numeric:tabular-nums;line-height:1}:root{font-family:var(--font-sans);background:#d6e8f2}*{box-sizing:border-box}html,body{margin:0}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.journey-canvas{position:fixed;inset:0}.scroll-track{height:6822vh}.debug-hud{z-index:10;color:#fff;pointer-events:none;background:#00000073;padding:8px 10px;font:12px/1.5 ui-monospace,Consolas,monospace;position:fixed;bottom:16px;left:16px}.content-layer{--ink:#0a2540;--ink-soft:#0a2540bd;--light:#f3fbff;--light-soft:#f3fbffd1;--gutter:clamp(24px, 4vw, 72px);z-index:5;pointer-events:none;color:var(--ink);position:fixed;inset:0}.scene-section{visibility:hidden;position:absolute;inset:0}.scene-section [data-at]{will-change:opacity, transform}.scene-section h1,.scene-section h2,.scene-section h3,.scene-section p{margin:0}.label{color:var(--ink-soft);position:absolute}.intro{--frame-in-x:calc(7vw + clamp(20px, 3vw, 56px));--frame-in-y:calc(12vh + clamp(20px, 4vh, 48px))}.intro__stack{--intro-name-size:100px;width:max-content;position:absolute;top:29vh;left:48vw}.intro [data-reveal-step]{opacity:0;transition:opacity .35s}.intro[data-reveal] [data-reveal-step]{opacity:1;transition:opacity 1.6s ease var(--reveal-delay,0s)}@media (prefers-reduced-motion:reduce){.intro[data-reveal] [data-reveal-step]{transition-duration:.6s}}.intro__name{white-space:nowrap;color:var(--ink);font-family:var(--font-sans);font-weight:600;font-size:var(--intro-name-size);letter-spacing:-.025em;margin-left:-.06em!important}.intro__role{letter-spacing:.1em;color:var(--ink-soft);font-size:20px;font-weight:500;margin-top:20px!important}.intro__role-letters{letter-spacing:0;padding-inline:calc(var(--intro-name-size) * .04);justify-content:space-between;display:flex}.intro__role-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.intro__lead{letter-spacing:-.01em;color:#0a2540db;gap:6px;max-width:30vw;font-size:clamp(1.05rem,1.5vw,1.55rem);font-weight:350;line-height:1.65;display:grid;position:absolute;top:54vh;left:48vw}.intro__cue{left:50%;bottom:calc(var(--frame-in-y) - 12px);color:var(--ink);position:absolute;translate:-50%}.intro__cue-inner{letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:center;gap:14px;font-size:clamp(.7rem,.78vw,.82rem);display:flex}.intro__cue i{background:#0a254033;width:1px;height:48px;display:block;position:relative;overflow:hidden}.intro__cue i:after{content:"";background:currentColor;width:1px;height:40%;animation:2.4s cubic-bezier(.45,0,.35,1) infinite intro-cue-drift;position:absolute;top:-40%;left:0}@keyframes intro-cue-drift{0%{top:-40%}to{top:100%}}@media (prefers-reduced-motion:reduce){.intro__cue i:after{animation:none;top:30%}}.about{--about-size:13vh;--o-centre:.615em;color:var(--light)}.about__label{left:var(--gutter);color:var(--light-soft);top:8vh}.about__statement{left:var(--gutter);top:calc(50% - 1em - var(--o-centre));font-size:var(--about-size);font-weight:var(--fw-regular);letter-spacing:-.025em;color:var(--light);text-shadow:0 2px 24px #041e3c2e;line-height:1;position:absolute}.about__line{white-space:nowrap;display:block}.about__pearl-letter{color:#0000;text-shadow:none}.about__aside{right:calc(var(--gutter) + 2vw);width:min(24vw,360px);position:absolute;bottom:9vh}.about__photos{margin:0 0 28px;display:grid}.about__photo{grid-area:1/1;margin:0}.about__photo--1{z-index:1;width:64%;margin-top:5vh;position:relative;transform:rotate(-4deg);box-shadow:0 18px 40px #041e3c59}.about__photo--2{justify-self:end;width:58%;transform:translate(14px,-18px)rotate(3deg)}.about__photo:only-child{width:72%;box-shadow:none;margin-top:0;transform:none}.about__photo img,.about__photo-placeholder{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.about__photo-placeholder{color:var(--light-soft);letter-spacing:.2em;background:#f3fbff24;place-items:center;font-size:11px;display:grid}.about__copy{border-top:1px solid var(--light-soft);gap:.9em;padding-top:20px;display:grid}.about__body{color:var(--light)}.about__body span{display:block}.scroll-hint{color:var(--light);letter-spacing:.22em;white-space:nowrap;text-shadow:0 1px 8px #041e3c66;opacity:0;visibility:hidden;pointer-events:none;justify-items:center;gap:14px;font-size:10px;display:grid;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.scroll-hint__arrow{border-bottom:1px solid;border-right:1px solid;width:8px;height:8px;animation:2.8s ease-in-out infinite scroll-hint-drift;transform:rotate(45deg)}@keyframes scroll-hint-drift{0%,to{transform:translateY(0)rotate(45deg)}50%{transform:translateY(4px)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.scroll-hint__arrow{animation:none}}.skills__accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.approach__label{left:var(--gutter);color:var(--light-soft);top:11vh}.approach__title{left:var(--gutter);white-space:nowrap;color:var(--light);display:grid;position:absolute;top:15vh}.approach__steps{margin:0;padding:0;list-style:none;position:absolute;top:50%;left:50%}.step{text-align:center;visibility:hidden;opacity:0;width:clamp(240px,24vw,380px);color:var(--light);text-shadow:0 0 22px #041e388c,0 1px 3px #041e3859;position:absolute;transform:translate(-50%,-50%)}.step__no{display:block}.step__rule{background:var(--light-soft);width:100%;height:1px;margin:12px 0 14px;display:block}.step__desc{color:var(--light-soft);margin-top:8px!important}@media (width<=640px){.about__aside{width:60vw}}.project-panel{top:50%;right:calc(var(--gutter) + 2vw);visibility:hidden;opacity:0;width:min(30vw,420px);color:var(--light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:opacity, transform;background:#04162a6b;border:1px solid #a0dcff47;position:absolute}.project-panel__media{aspect-ratio:16/10;color:#f3fbff66;background:#78d2ff12;border-bottom:1px solid #a0dcff2e;place-items:center;display:grid}.project-panel__media img{object-fit:cover;width:100%;height:100%}.project-panel__body{gap:10px;padding:clamp(20px,2vw,32px);display:grid}.project-panel__meta{color:#a0dcffd9;justify-content:space-between;display:flex}.project-panel__title{color:var(--light);font-size:clamp(1.375rem,2vw,1.8rem);margin-top:6px!important;margin-bottom:0!important}.project-panel__category{color:var(--light-soft)}.project-panel__desc{color:var(--light-soft);margin-top:6px!important}.project-panel__links{gap:28px;margin-top:10px;display:flex}.project-panel__link{color:var(--light);align-items:center;gap:12px;text-decoration:none;display:inline-flex}@media (width<=640px){.project-panel{left:var(--gutter);right:var(--gutter);width:auto}}.project-panel--center{transform-origin:50%;left:50%;right:auto}@media (width<=640px){.project-panel--center{width:calc(100% - 2 * var(--gutter));left:50%;right:auto}}.intro-window{--fx:7vw;--fy:12vh;--surround:1;position:absolute;inset:0}.intro-window__surround{opacity:var(--surround);-webkit-backdrop-filter:blur(24px)saturate(.75)brightness(1.1);backdrop-filter:blur(24px)saturate(.75)brightness(1.1);-webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% 100% no-repeat, linear-gradient(#000 0 0) center / calc(100% - 2 * var(--fx)) calc(100% - 2 * var(--fy)) no-repeat;mask:linear-gradient(#000 0 0) 0 0 / 100% 100% no-repeat, linear-gradient(#000 0 0) center / calc(100% - 2 * var(--fx)) calc(100% - 2 * var(--fy)) no-repeat;background:radial-gradient(34% 26% at 10% 6%,#fffffff2,#0000 70%),radial-gradient(28% 22% at 42% 3%,#faf6f0e6,#0000 70%),radial-gradient(34% 28% at 80% 7%,#fffffff2,#0000 70%),radial-gradient(22% 36% at 1% 48%,#f7f2ebe6,#0000 70%),radial-gradient(22% 38% at 99% 52%,#ffffffe6,#0000 70%),radial-gradient(38% 28% at 18% 97%,#faf5eef2,#0000 70%),radial-gradient(38% 28% at 72% 99%,#fffffff2,#0000 70%),radial-gradient(26% 26% at 96% 92%,#e8e4e0d9,#0000 70%),radial-gradient(26% 22% at 60% 12%,#e2e0e0b3,#0000 70%),#e4e2e299;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.intro-window__doors{inset:var(--fy) var(--fx);perspective:2200px;display:flex;position:absolute}.intro-window__glass,.intro-window__door:before{content:"";background:linear-gradient(115deg,#ffffff24 0%,#ffffff08 32%,#ffffff29 46%,#ffffff05 60%,#ffffff14 100%)}.intro-window__glass{opacity:calc(1 - var(--swing,0));position:absolute;inset:0}.intro-window__door{backface-visibility:hidden;will-change:transform, opacity;border:1px solid #ffffff8c;flex:1;position:relative}.intro-window__door:before{opacity:var(--swing,0);background-size:200% 100%;position:absolute;inset:0}.intro-window__door--left{transform-origin:0;border-right:none}.intro-window__door--left:before{background-position:0}.intro-window__door--right{transform-origin:100%;border-left:none}.intro-window__door--right:before{background-position:100%}.contact__label{left:var(--gutter);top:11vh}.contact__eyebrow{left:var(--gutter);color:var(--ink-soft);position:absolute;top:24vh}.contact__statement{left:var(--gutter);font-size:clamp(32px,6.7vw,134px);font-weight:var(--fw-regular);letter-spacing:-.045em;color:var(--ink);line-height:1.05;position:absolute;top:29vh}.contact__line{white-space:nowrap;display:block}.contact__description{left:var(--gutter);white-space:nowrap;font-size:clamp(15px,1.25vw,22px);font-weight:var(--fw-regular);color:var(--light);text-shadow:0 1px 8px #041e3c8c;line-height:1.5;position:absolute;top:calc(51vh - .735vw)}.contact__links{right:calc(var(--gutter) + 2vw);flex-direction:column;gap:clamp(24px,3vh,40px);width:clamp(260px,24vw,360px);margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:20vh}.contact__links li{justify-items:start;gap:8px;display:grid}.contact__link-label{color:var(--light-soft)}.contact__credits details{pointer-events:auto;position:relative}.contact__credits summary{cursor:pointer}.contact__credit-list{overscroll-behavior:contain;scrollbar-width:none;width:min(360px,80vw);max-height:32vh;color:var(--light);text-shadow:0 1px 8px #041e3ca6;margin:0;padding:0;font-size:12px;list-style:none;position:absolute;bottom:calc(100% + 16px);right:0;overflow-y:auto}.contact__credit-list::-webkit-scrollbar{display:none}.contact__credit-list li{margin-bottom:12px}.contact__credit-list a{color:inherit;text-underline-offset:3px}.contact__link{pointer-events:auto;color:var(--light);overflow-wrap:anywhere;border-bottom:1px solid;padding-bottom:2px;text-decoration:none}.contact__sign{right:calc(var(--gutter) + 2vw);text-align:left;width:clamp(260px,24vw,360px);color:var(--light-soft);gap:8px;display:grid;position:absolute;bottom:6vh}@media (width<=760px){.contact__label{top:8vh}.contact__eyebrow{top:20vh}.contact__statement{font-size:clamp(22px,6.7vw,50px);top:25vh}.contact__description{top:calc(39vh - .735vw)}.contact__links,.contact__sign{right:var(--gutter);width:min(260px, calc(100vw - 2 * var(--gutter)))}.contact__links{gap:20px;bottom:18vh}.contact__sign{bottom:5vh}}.journey-nav{z-index:5;opacity:0;visibility:hidden;width:40px;height:min(56vh,520px);font-family:var(--font-sans);--nav-rgb:243, 251, 255;--halo-rgb:45, 110, 175;--halo-a:.8;--dot-upcoming:#f3fbffcc;filter:drop-shadow(0 0 1px rgba(var(--halo-rgb), var(--halo-a))) drop-shadow(0 0 5px rgba(var(--halo-rgb), calc(var(--halo-a) * .55)));position:fixed;top:50%;right:clamp(12px,1.6vw,28px);transform:translateY(-50%)}.journey-nav__map{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.journey-nav__route{fill:none;stroke:rgba(var(--nav-rgb), .55);stroke-width:1.2px;vector-effect:non-scaling-stroke}.journey-nav__route.is-travelled{stroke:rgba(var(--nav-rgb), .9)}.journey-nav__stops{margin:0;padding:0;list-style:none;position:absolute;inset:0}.journey-nav__stops li{position:absolute;transform:translate(-50%,-50%)}.journey-nav__stop{cursor:pointer;background:0 0;border:0;width:18px;height:18px;padding:0;display:block;position:relative}.journey-nav__stop:before{content:"";background:var(--dot-upcoming);border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.journey-nav__stop.is-minor:before{width:6px;height:6px}.journey-nav__stop.is-passed:before{background:rgb(var(--nav-rgb))}.journey-nav__stop:hover:before,.journey-nav__stop:focus-visible:before{background:rgb(var(--nav-rgb));transform:translate(-50%,-50%)scale(1.5)}.journey-nav__stop:focus-visible{outline:1px solid rgba(var(--nav-rgb), .7);outline-offset:2px;border-radius:50%}.journey-nav__label{color:rgb(var(--nav-rgb));letter-spacing:.2em;white-space:nowrap;opacity:0;pointer-events:none;font-size:10px;font-weight:500;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:calc(100% + 10px);transform:translate(6px,-50%)}.journey-nav__stop:hover .journey-nav__label,.journey-nav__stop:focus-visible .journey-nav__label{opacity:1;transform:translateY(-50%)}.journey-nav__marker{border:1.5px solid rgb(var(--nav-rgb));background:rgba(var(--nav-rgb), .15);pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}@media (width<=640px){.journey-nav{display:none}}@media (prefers-reduced-motion:reduce){.journey-nav__stop:before,.journey-nav__label{transition:none}}