.header-actions{align-items:center;gap:18px;display:flex}.theme-button{background:0 0;border:0;align-items:center;gap:7px;font-size:19px;display:flex}.theme-button span{font-size:12px}.connect-link{border-bottom:1px solid;align-items:center;gap:6px;padding:8px 0;font-size:12px;display:flex}.site-header nav a{padding-inline:16px}.home-about{grid-template-columns:1fr 1fr;gap:7%;display:grid;position:relative}.home-about h2,.career-details h2{letter-spacing:-.05em;margin:25px 0;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1.08}.home-about em,.career-details h2 em{color:var(--primary)}.about-notes>p{margin-bottom:24px;font-size:18px;line-height:1.75}.about-facts{gap:24px;margin:38px 0;font-size:12px;line-height:1.6;display:flex}.about-facts span{flex:1}.about-facts b{color:var(--primary);margin-bottom:8px;font-family:Georgia,serif;font-size:30px;font-weight:400;display:block}.career-intro{align-items:flex-start}.career-intro p{max-width:780px}.career-intro .outline-link{flex-shrink:0}.project-card{isolation:isolate;transform:perspective(1400px) translateY(var(--lift,0px)) rotateY(var(--tilt,0deg));transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000}.project-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(450px circle at var(--glow-x,50%) var(--glow-y,50%),#fff5,transparent 75%);opacity:var(--near,0);transition:opacity .5s;position:absolute;inset:0}:is(.project-card:hover,.project-card:focus-visible){box-shadow:0 20px 35px #0002}.career-details{background:var(--secondary)}.skills-universe{isolation:isolate;place-items:center;height:65vw;max-height:900px;display:grid;position:relative}.orbit-ring{border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);pointer-events:none;border-radius:50%;width:30vw;height:30vw;position:absolute}.ring-two{border-style:dashed;width:48vw;height:48vw}.motion-on .ring-two{animation:100s linear infinite spin}.skill-core,.skill-orbit{background:var(--foreground);color:var(--background);white-space:nowrap;border-radius:40px;padding:16px 24px;font-size:clamp(12px,1.4vw,19px);position:absolute;box-shadow:0 8px 22px #0002}.skill-core{background:var(--primary);color:#fff;z-index:2;padding:28px;font-size:25px}.skill-orbit{transition:box-shadow .3s,filter .3s}.skill-columns{grid-template-columns:1fr 1fr;gap:60px;margin:35px 0 100px;display:grid}.skill-columns h3{letter-spacing:-.035em;margin-bottom:24px;font-size:30px;font-weight:400}.skill-pills{flex-wrap:wrap;gap:12px;display:flex}.skill-pills span{background:var(--foreground);color:var(--background);border-radius:30px;padding:12px 18px;font-size:14px;transition:transform .25s,background .25s;box-shadow:0 4px #0002}.skill-pills span:hover{background:var(--primary);color:#fff;transform:translateY(-6px)rotate(-3deg)}.timeline-group{border-top:1px solid var(--border);padding:55px 0;position:relative}.timeline-entries{margin:55px 0 0 16%;padding-left:70px;position:relative}.timeline-progress{background:var(--primary);transform-origin:top;width:3px;position:absolute;top:23px;bottom:45px;left:22px}.timeline-entry{padding-bottom:65px;position:relative}.timeline-entry:last-child{padding-bottom:0}.timeline-dot{color:var(--primary);position:absolute;top:0;left:-70px}.timeline-copy h3{letter-spacing:-.025em;font-size:clamp(23px,2.6vw,35px);font-weight:400;line-height:1.2}.timeline-copy h3 em{color:var(--primary);white-space:nowrap}.timeline-date{color:var(--muted-foreground);margin:16px 0 22px;font-size:13px;line-height:1.7}.timeline-copy ul{max-width:800px;padding-left:20px}.timeline-copy li{margin:10px 0;padding-left:7px;font-size:16px;line-height:1.8;list-style:outside}.motion-on .pulse-dot{transform-origin:50%;animation:3s ease-in-out infinite pulse-dot}.story-journey{border-top:1px solid #65705c;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:65px;padding-top:35px;display:grid;position:relative}.journey-stop{z-index:1;position:relative}.journey-number{letter-spacing:.12em;color:#c0baac;font-family:monospace;font-size:10px}.journey-icon{align-items:center;height:130px;display:flex;position:relative}.journey-icon svg{color:#e99770;z-index:1;width:65px;height:65px}.journey-icon span{border:1px dashed #e9977066;border-radius:50%;width:90px;height:90px;position:absolute;left:-10px}.motion-on .journey-icon span{animation:20s linear infinite spin}.motion-on .journey-icon svg{animation:5s ease-in-out infinite journey-drift}.journey-stop:nth-child(2) svg{animation-delay:-1.7s}.journey-stop:nth-child(3) svg{animation-delay:-3.3s}.journey-stop h3{font-family:Georgia,serif;font-size:26px;font-weight:400}.journey-stop p{color:#c0baac;margin-top:12px;font-size:13px}.journey-trail{pointer-events:none;background:linear-gradient(90deg,#de815900,#de815966,#de815900);height:1px;position:absolute;top:121px;left:0;right:0}.comparison-line{pointer-events:none;z-index:2}.compare-label{pointer-events:none;z-index:3}.image-comparison-control[data-slot=slider]{z-index:4;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.image-comparison-control [data-slot=slider-track]{border-radius:0;background:0 0!important;height:100%!important}.image-comparison-control [data-slot=slider-range]{background:0 0!important}.image-comparison-control [data-slot=slider-thumb]{width:42px;height:42px;box-shadow:none;background:0 0;border:0}.image-comparison-control [data-slot=slider-thumb]:focus-visible{outline-offset:5px;outline:3px solid #fff}.comparison-hint{letter-spacing:.1em;color:#cbc7ba;margin-top:16px;font:10px monospace}.tool-logo{object-fit:contain;flex-shrink:0;width:48px;height:48px}.tool-logo[src*=davinci]{filter:invert()}.aura-title{isolation:isolate;padding:80px 6%;position:relative;overflow:hidden}.aura-title>.eyebrow{z-index:3;color:#c6d4eb;position:relative}.aura-title>p{z-index:2;letter-spacing:-.065em;flex-direction:column;margin:35px auto 15px;font-size:clamp(55px,11vw,170px);font-weight:800;line-height:.85;display:flex;position:relative}.aura-feel{color:#90b8ff;text-shadow:0 0 30px #447fff80;margin:10px 0;font-family:Georgia,serif;font-style:italic;font-weight:400}.aura-halo{filter:blur(18px);z-index:0;background:radial-gradient(#2458ff4d 0%,#3d46d52e 25%,#0000 65%);border-radius:50%;width:65%;height:90%;position:absolute;top:5%;left:17.5%}.motion-on .aura-feel{animation:5s ease-in-out infinite aura-word}.aura-sparks{pointer-events:none;position:absolute;inset:0}.aura-sparks i{opacity:0;background:linear-gradient(#0000,#96bdff);width:2px;height:22px;position:absolute;bottom:5%}.motion-on .aura-sparks i{animation:4s linear infinite aura-rise}.edit-outro>.outline-link{z-index:3;position:relative}.motion-off .aura-halo{opacity:.65}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#080e1b;--foreground:#e6edff;--primary:#83b1ff;--secondary:#0e192c;--secondary-foreground:#e6edff;--muted:#1b2c46;--muted-foreground:#acbdd7;--accent:#172c49;--accent-foreground:#e6edff;--border:#30415f;--input:#30415f;--ring:#83b1ff;--card:#0e192c;--card-foreground:#e6edff;--popover:#0e192c;--popover-foreground:#e6edff}html[data-theme=dark] .site-header,html[data-theme=dark] footer{border-color:#30415f}html[data-theme=dark] .site-header nav a:hover{background:#192c48}html[data-theme=dark] .brand span,html[data-theme=dark] .hero-bottom em,html[data-theme=dark] .hero-star,html[data-theme=dark] .portrait-note,html[data-theme=dark] .section-heading h2 em,html[data-theme=dark] .home-end em,html[data-theme=dark] .career-hero h1 em{color:#83b1ff}html[data-theme=dark] .hero-bottom p:nth-child(2){color:#acbdd7}html[data-theme=dark] .portrait-orbit{border-color:#27456c;box-shadow:0 0 70px #236dff18,inset 0 0 90px #236dff18}html[data-theme=dark] .hero-person{filter:drop-shadow(0 0 35px #407fff55)}html[data-theme=dark] .worlds{background:#0c1627}html[data-theme=dark] .world-code{background:#152943}html[data-theme=dark] .code-art{color:#9ab9e5}html[data-theme=dark] .code-art span{color:#6599ff}html[data-theme=dark] .outline-link:hover{background:#3874d9;border-color:#3874d9}html[data-theme=dark] .project-card{color:#e6edff;background:#10253c;border:1px solid #34506f}html[data-theme=dark] .project-echo{background:#111b30}html[data-theme=dark] .project-nutrition{background:#18313c}html[data-theme=dark] .project-wellnest{background:#132d3d}html[data-theme=dark] .project-gym{background:#252340}html[data-theme=dark] .story-dialog{color:#e6edff;background:#101b2c}html[data-theme=dark] .story-dialog [data-slot=dialog-description],html[data-theme=dark] .story-note{color:#afc6ed}html[data-theme=dark] .story-metric,html[data-theme=dark] .tags span{background:#20324d}html[data-theme=dark] .page-editing{background:#080e1b}html[data-theme=dark] .reel-section{background:#050a13}html[data-theme=dark] .skill-core{background:#346ed0}html[data-theme=dark] .timeline-dot circle:first-child{fill:#0e192c}@keyframes pulse-dot{50%{opacity:.4}}@keyframes journey-drift{50%{transform:translateY(-12px)rotate(8deg)}}@keyframes aura-breathe{50%{filter:blur(35px);opacity:.6;transform:scale(1.2)rotate(15deg)}}@keyframes aura-word{50%{text-shadow:0 0 12px #bad6ff,0 0 60px #376dff;letter-spacing:.02em}}@keyframes aura-rise{10%{opacity:.8}90%{opacity:0;transform:translate(20px,-450px)}}@media (max-width:1100px){.header-actions{gap:12px}.motion-button span{display:none}.career-intro{display:block}.career-intro .outline-link{margin-top:25px}.home-about{gap:35px}.about-facts{flex-wrap:wrap}.site-header nav a{padding-inline:12px}}@media (max-width:700px){.site-header{flex-wrap:wrap;align-items:flex-start;height:120px;padding-top:20px}.site-header nav{justify-content:center;position:absolute;bottom:12px;left:0;right:0}.site-header nav a{padding:8px 15px}.header-actions{align-items:center;gap:16px}.motion-button{margin:0}.theme-button span,.connect-link{font-size:11px}.home-about{grid-template-columns:1fr}.home-about h2{font-size:41px}.about-notes>p{font-size:16px}.about-facts{gap:15px}.about-facts b{font-size:26px}.skill-columns{grid-template-columns:1fr;gap:35px;margin-bottom:65px}.skills-universe{aspect-ratio:1;flex-wrap:wrap;place-content:center;gap:10px;width:100%;max-width:350px;height:auto;min-height:350px;margin:0 auto;padding:15px 5px;display:flex}.skill-core{text-align:center;width:100%;color:var(--primary);margin-bottom:20px;padding:15px;position:relative;background:0 0!important}.skill-orbit{padding:12px 16px;font-size:13px;position:relative;transform:none!important}.orbit-ring{z-index:-1;width:60%;height:60%;top:50%;left:50%;translate:-50% -50%}.ring-two{width:90%;height:90%}.ring-three{display:none}.timeline-entries{margin-left:0;padding-left:48px}.timeline-dot{width:32px;left:-48px}.timeline-progress{left:15px}.timeline-copy h3{font-size:23px}.timeline-copy li{font-size:14px}.timeline-date{font-size:12px}.timeline-copy ul{padding-left:14px}.story-journey{gap:16px;margin-top:40px}.journey-icon{height:105px}.journey-icon svg{width:44px;height:44px}.journey-icon span{width:65px;height:65px;left:-8px}.journey-stop h3{font-size:20px}.journey-stop p{font-size:11px;line-height:1.5}.journey-number{font-size:8px}.journey-trail{top:110px}.tool-logo{width:36px;height:36px}.toolbox p{gap:12px}.toolbox small{font-size:7px}.aura-title{padding:60px 5%}.aura-title>p{font-size:12vw}.aura-halo{width:100%;left:0}.header-actions .motion-button{padding:8px 0}.skill-columns h3{font-size:27px}}.connect-link-btn{cursor:pointer;color:inherit;letter-spacing:.05em;background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:6px;padding:8px 0;font-family:inherit;font-size:12px;transition:opacity .25s;display:flex}.connect-link-btn:hover{opacity:.7}.social-connections a svg,.contact-social-icon svg{flex-shrink:0;width:18px;height:18px}.contact-social-icon{border:1px solid #50584e;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .25s;display:grid}.contact-social-icon:hover{color:#07101e;background:#83b1ff;transform:translateY(-3px)}.contact-social-icon svg{width:16px;height:16px}.project-support{color:#e4edff;background:#1a2635}html[data-theme=dark] .project-support{color:#e4edff;background:#0f1e2e;border:1px solid #2a4a6b}.project-github-link{border:1px solid var(--border);color:inherit;border-radius:30px;align-items:center;gap:8px;margin-top:18px;padding:10px 18px;font-size:13px;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.project-github-link:hover{background:var(--primary);color:#07101e}.project-github-link svg{width:16px;height:16px}html[data-theme=dark] .chitchat-main{color:#e6edff;background:#060b18}html[data-theme=dark] .chitchat-main .eyebrow{color:#7ea8d8!important}html[data-theme=dark] .chitchat-main h1{color:#e6edff}html[data-theme=dark] .chitchat-main h1 em{color:#83b1ff}html[data-theme=dark] .chitchat-main>div>p{color:#b0c2de}html[data-theme=dark] .email-link{color:#8fb8e8}html[data-theme=dark] .chat-bubble{color:#d0e0ff;background:#142035;border-color:#2a4a6b}html[data-theme=dark] .handshake-caption{color:#6a7e99!important}html[data-theme=dark] .social-connections a{color:#cad8ef;border-color:#2a4060}.hero-particles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.hero-particle{background:var(--primary);opacity:0;filter:blur(1px);border-radius:50%;width:4px;height:4px;position:absolute}.motion-on .hero-particle{animation:6s ease-in-out infinite particle-float}@keyframes particle-float{0%{opacity:0;transform:translateY(0)}30%{opacity:.6}70%{opacity:.3}to{opacity:0;transform:translateY(-80px)translate(20px)}}.motion-on .ring-one{animation:60s linear infinite reverse spin}.motion-on .ring-three{animation:150s linear infinite spin}.skill-orbit>span{transition:box-shadow .3s,background .3s,color .3s,transform .3s}.skill-orbit:hover>span{box-shadow:0 0 28px color-mix(in srgb,var(--primary) 65%,transparent);transform:scale(1.08)}@media (max-width:700px){.connect-link-btn{font-size:11px}}.theme-button,.motion-button{letter-spacing:.05em!important;text-transform:uppercase!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:20px!important;padding:6px 12px!important;font-size:11px!important;font-weight:500!important;transition:all .2s!important}.theme-button:hover,.motion-button:hover{background:#ffffff26!important;border-color:#ffffff4d!important}html[data-theme=light] .theme-button,html[data-theme=light] .motion-button{background:#0000000d!important;border-color:#0000001a!important}html[data-theme=light] .theme-button:hover,html[data-theme=light] .motion-button:hover{background:#0000001a!important;border-color:#0003!important}.connect-link-btn{text-underline-offset:5px!important;text-transform:uppercase!important;letter-spacing:.08em!important;border-bottom:0!important;font-size:13px!important;font-weight:600!important;text-decoration:underline!important;text-decoration-thickness:1px!important}.brand-johnap{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.johnap-logo{color:#fff;letter-spacing:-.05em;background:linear-gradient(135deg,#1a3a6e 0%,#2563eb 60%,#60a5fa 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:22px;font-style:italic;font-weight:900;display:inline-flex;box-shadow:0 0 18px #2563eb55,0 0 4px #2563eb88}.johnap-name{letter-spacing:.18em;text-transform:uppercase;color:#e6edff;font-size:15px;font-weight:800}html[data-theme=light] .johnap-name{color:#0b1120}.world-film-stats{z-index:4;gap:8px;display:flex;position:absolute;top:14px;right:14px}.film-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.05em;color:#fff;background:#0000008c;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.film-stat svg{flex-shrink:0}.services-social-stats{gap:10px;margin-top:14px;display:flex}.svc-stat{letter-spacing:.04em;color:#83b1ff;background:#2563eb26;border:1px solid #2563eb4d;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:flex}html[data-theme=light] .svc-stat{color:#1d4ed8;background:#2563eb14;border-color:#2563eb33}.home-travel{background:linear-gradient(160deg,#07101e 0%,#0b1120 60%,#0e1b31 100%);border-top:1px solid #2563eb1f;border-bottom:1px solid #2563eb1f}.travel-inner{grid-template-columns:1fr auto;align-items:center;gap:60px;max-width:1000px;display:grid}.travel-text .eyebrow{color:#4d7fff}.travel-text h2{letter-spacing:-.04em;margin:16px 0 22px;font-size:clamp(38px,5vw,65px);font-weight:800;line-height:.9}.travel-text h2 em{color:#4d7fff}.travel-text>p{opacity:.75;max-width:480px;margin-bottom:28px;font-size:16px;line-height:1.65}.travel-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.travel-list li{opacity:.85;align-items:baseline;gap:10px;font-size:15px;font-weight:500;display:flex}.travel-list li em{color:#4d7fff;font-style:normal}.travel-dot{color:#2563eb;flex-shrink:0;font-size:10px}.travel-visual{flex-shrink:0}.travel-globe{justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.globe-ring{border:1px solid #2563eb40;border-radius:50%;position:absolute}.ring-a{width:100%;height:100%}.ring-b{border-color:#2563eb66;width:68%;height:68%}.motion-on .ring-a{animation:20s linear infinite spin}.motion-on .ring-b{animation:12s linear infinite reverse spin}.globe-dot{filter:drop-shadow(0 0 12px #2563eb);font-size:28px;animation:none}@media (max-width:700px){.travel-inner{grid-template-columns:1fr;gap:30px}.travel-visual,.johnap-name{display:none}}html[data-theme=light] .home-travel{background:#f0f0eb;border-top-color:#2563eb26;border-bottom-color:#2563eb26}html[data-theme=light] .travel-text .eyebrow{color:#1d4ed8}html[data-theme=light] .travel-text h2{color:#0b1120}html[data-theme=light] .travel-text h2 em{color:#1d4ed8}html[data-theme=light] .travel-text>p{color:#3a4050;opacity:1}html[data-theme=light] .travel-list li{color:#1a2030;opacity:1}html[data-theme=light] .travel-list li em,html[data-theme=light] .travel-dot{color:#1d4ed8}html[data-theme=light] .globe-ring{border-color:#2563eb4d}html[data-theme=light] .ring-b{border-color:#2563eb80}html[data-theme=light] .globe-dot{filter:drop-shadow(0 0 10px #1d4ed8)}.globe-dot{display:inline-block;position:relative}.motion-on .globe-dot{animation:4s ease-in-out infinite plane-fly!important}@keyframes plane-fly{0%{opacity:.4;transform:translate(-40px)}15%{opacity:1}85%{opacity:1}to{opacity:.4;transform:translate(40px)}}.brand-jinwoo{letter-spacing:0;border:1px solid #699cff;border-radius:50%;flex:none;width:58px;height:58px;overflow:hidden;box-shadow:0 0 0 5px #4988ff12,0 0 24px #4988ff55}.brand-jinwoo img{object-fit:cover;object-position:52% center;width:100%;height:100%;transform:scale(1.18)}.brand-jinwoo:hover img{transition:transform .5s;transform:scale(1.3)}.home-beyond{background:var(--secondary);border-top:1px solid var(--border)}.home-beyond h2{letter-spacing:-.05em;margin:24px 0 0;font-size:clamp(42px,5vw,74px);font-weight:400}.home-beyond h2 em{color:var(--primary)}.home-beyond .story-journey{border-color:var(--border)}.home-beyond .journey-number,.home-beyond .journey-stop p{color:var(--muted-foreground)}.home-beyond .journey-icon svg{color:var(--primary)}.skills-section{grid-template-rows:auto 1fr;grid-template-columns:minmax(240px,.42fr) minmax(560px,1fr);align-items:start;column-gap:3vw;min-height:min(100svh,900px);display:grid}.skills-section>.eyebrow,.skills-section>h2{grid-column:1}.skills-section>h2{margin-top:18px!important}.skills-universe{aspect-ratio:1;grid-area:1/2/3;width:100%;max-width:min(76svh,690px);height:100%;max-height:none}.orbit-ring{aspect-ratio:1;border-radius:50%;width:34%;height:34%;top:50%;left:50%;translate:-50% -50%}.ring-two{width:64%;height:64%}.ring-three{width:92%;height:92%}.skill-orbit{box-shadow:none;font-size:inherit;background:0 0;padding:0;transform:translate(-50%,-50%)}.skill-orbit>span{background:var(--foreground);color:var(--background);white-space:nowrap;will-change:transform,opacity;border-radius:40px;padding:14px 21px;font-size:clamp(12px,1.2vw,17px);transition:box-shadow .3s,background .3s,color .3s;display:block;box-shadow:0 8px 24px #0003}.skill-orbit:hover{box-shadow:none;filter:none}.skill-orbit:hover>span{background:var(--primary);color:#07101e;box-shadow:0 0 32px color-mix(in srgb,var(--primary) 60%,transparent)}.skill-core{box-shadow:0 0 40px color-mix(in srgb,var(--primary) 45%,transparent);padding:23px;font-size:21px}.skill-columns{border-top:1px solid var(--border);padding-top:70px}.edit-process{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:70px;padding-top:30px;display:grid;position:relative}.process-line{transform-origin:0;background:linear-gradient(90deg,#0000,#7da8ff,#d97551,#0000);height:1px;position:absolute;top:88px;left:4%;right:4%}.motion-on .process-line{animation:2.2s ease-out both process-draw}.process-step{background:#161b18;border:1px solid #66715f;min-height:250px;padding:22px;position:relative;overflow:hidden}.process-step:before{content:"";opacity:0;background:radial-gradient(circle,#346fff33,#0000 70%);height:80%;transition:opacity .4s;position:absolute;inset:auto -30% -60% 10%}.process-step:hover:before{opacity:1}.process-step>span{letter-spacing:.1em;color:#b6b9ad;font:10px monospace}.process-step>div{color:#e68861;align-items:center;gap:14px;margin:35px 0 24px;display:flex}.process-step svg{width:32px;height:32px}.process-step b{color:#eeeade;font-family:Georgia,serif;font-size:20px;font-weight:400}.process-step p{color:#c5c8bd;font-size:14px;line-height:1.65;position:relative}.motion-on .process-step{animation:.75s backwards process-arrive}.motion-on .process-step:nth-of-type(2){animation-delay:.12s}.motion-on .process-step:nth-of-type(3){animation-delay:.24s}.motion-on .process-step:nth-of-type(4){animation-delay:.36s}.aura-title>p{text-align:center;flex-flow:wrap;justify-content:center;align-items:baseline;gap:.1em;font-size:clamp(52px,8.5vw,142px);line-height:.9;display:flex}.aura-word{white-space:nowrap;display:inline-flex}.aura-word i{will-change:transform,opacity,filter;font-style:normal;display:inline-block}.aura-feel{margin:0}.aura-feel i{color:#90b8ff;font-family:Georgia,serif;font-style:italic;font-weight:400}.motion-off .aura-word i{opacity:1}.social-connections{flex-wrap:wrap;gap:11px;margin-top:22px;display:flex}.social-connections a{border:1px solid var(--border);border-radius:30px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;transition:transform .25s,background .25s,color .25s;display:flex}.social-connections a:hover{background:var(--primary);color:#07101e;transform:translateY(-4px)}.contact-dialog{isolation:isolate;overflow:hidden}.contact-dialog[data-state=open]{animation:.55s cubic-bezier(.16,1,.3,1) contact-rise!important}.contact-aura{z-index:-1;filter:blur(25px);pointer-events:none;background:radial-gradient(circle,#377dff45,#0000 68%);width:70%;height:55%;position:absolute;top:-25%;left:40%}.contact-dialog[data-state=open] .contact-aura{animation:4s ease-in-out infinite contact-glow}.contact-dialog[data-state=open] form>*{animation:.45s backwards field-rise}.contact-dialog[data-state=open] form>:nth-child(4){animation-delay:60ms}.contact-dialog[data-state=open] form>:nth-child(6){animation-delay:.12s}.contact-dialog[data-state=open] form>:nth-child(8){animation-delay:.18s}.contact-direct{border-top:1px solid #424940;justify-content:space-between;align-items:center;gap:18px;padding-top:17px;display:flex}.contact-direct>a{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:13px;display:flex}.contact-direct>div{gap:8px;display:flex}.contact-direct>div a{border:1px solid #50584e;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .25s;display:grid}.contact-direct>div a:hover{color:#07101e;background:#83b1ff;transform:translateY(-3px)}.resume-container{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:12px;margin-top:15px;display:flex}.resume-hint{color:#699cff;letter-spacing:.15em;text-transform:uppercase;font-size:11px}.solo-button{color:#8ab4f8;text-transform:uppercase;letter-spacing:.05em;background:#0d1627;border:1px solid #4a72d4;border-radius:4px;align-items:center;gap:14px;padding:20px 32px;font-size:17px;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 15px #2750b333,inset 0 0 10px #2750b333}.solo-button:before{content:"";background:linear-gradient(90deg,#0000,#4a72d4,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.solo-button:hover{color:#fff;border-color:#7da8ff;transform:translateY(-3px);box-shadow:0 0 25px #4a72d466,inset 0 0 15px #4a72d466}.solo-button:hover:before{transform:translate(100%)}.solo-button svg{transition:transform .3s}.solo-button:hover svg{transform:translateY(3px)}.section-transition{z-index:200;pointer-events:none;opacity:0;visibility:hidden;background:linear-gradient(90deg,#0a0a0f 0%,#0c1627 50%,#5a101b 80%,#f33 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.section-transition img{filter:drop-shadow(0 0 35px #ff3b3b88);opacity:.28;height:min(80vh,780px);position:absolute;bottom:-9%;left:50%;translate:-50%}.section-transition>p{letter-spacing:-.08em;color:#ffeded;text-shadow:0 0 20px #f33,0 0 75px #8c1010;mix-blend-mode:screen;font:700 clamp(52px,11vw,160px)/1 Arial;position:relative}.transition-rift{mix-blend-mode:screen;filter:blur(30px);background:linear-gradient(90deg,#0000,#0752ff55,#f335,#0000);width:100%;height:100%;position:absolute}.transition-rift span{display:none}.motion-on .transition-rift{animation:2s ease-in-out infinite rift-burn}.transition-enter{visibility:visible;animation:1s cubic-bezier(.7,0,.2,1) both transition-open}.transition-exit{visibility:visible;pointer-events:auto;animation:.8s cubic-bezier(.7,0,.2,1) both transition-close}.transition-exit>p{animation:.8s both transition-title}@keyframes rift-burn{50%{opacity:.6}}@keyframes process-draw{0%{scale:0 1}to{scale:1}}@keyframes process-arrive{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes aura-letter{0%,70%,to{opacity:.72;filter:blur();transform:translateY(0)}18%{opacity:1;filter:drop-shadow(0 0 12px #7fa9ff);transform:translateY(-18px)scale(1.06)}}@keyframes aura-letter-feel{0%,70%,to{text-shadow:0 0 10px #447fff55;transform:translateY(0)rotate(0)}18%{text-shadow:0 0 24px #bad6ff,0 0 60px #376dff;transform:translateY(-24px)rotate(-3deg)scale(1.12)}}@keyframes contact-rise{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-46%)scale(.92)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes contact-glow{50%{opacity:.65;transform:scale(1.3)}}@keyframes field-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes transition-open{0%{opacity:1;clip-path:inset(0)}to{opacity:1;clip-path:inset(0 100% 0 0)}}@keyframes transition-close{0%{opacity:1;clip-path:inset(0 0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes transition-title{0%{opacity:0;filter:blur(18px);transform:scale(.85)}to{opacity:1;filter:blur();transform:scale(1)}}@media (max-width:950px){.skills-section{grid-template-columns:220px minmax(0,1fr)}.edit-process{grid-template-columns:1fr 1fr}.process-step{min-height:220px}.process-line{display:none}}@media (max-width:700px){.brand-jinwoo{width:42px;height:42px}.skills-section{min-height:auto;display:block}.skills-universe{height:auto;min-height:420px}.skill-orbit{padding:0;position:relative;top:auto!important;left:auto!important;transform:none!important}.skill-orbit>span{padding:12px 16px;font-size:13px}.skill-core{width:100%;margin-bottom:20px}.home-beyond h2{font-size:39px}.home-beyond .story-journey{grid-template-columns:1fr;gap:20px}.home-beyond .journey-trail{display:none}.home-beyond .journey-stop{border-bottom:1px solid var(--border);grid-template-columns:90px 1fr;align-items:center;padding-bottom:18px;display:grid}.home-beyond .journey-number{grid-column:1/-1}.home-beyond .journey-icon{grid-row:2/4;height:80px}.edit-process{grid-template-columns:1fr;margin-top:45px}.process-step{min-height:0}.aura-title>p{gap:.12em;font-size:14vw}.contact-direct{flex-direction:column;align-items:flex-start}.social-connections span{display:none}.social-connections a{padding:11px}.section-transition img{height:65vh}.section-transition>p{font-size:20vw}}.motion-on .aura-word i{animation:3.5s cubic-bezier(.2,.8,.2,1) infinite aura-letter-v2}.motion-on .aura-word:nth-child(2) i{animation-name:aura-letter-feel-v2}.motion-on .aura-word:nth-child(3) i{animation-name:aura-letter-something}.motion-on .aura-title>p{animation:4s ease-in-out infinite aura-container-glow}.aura-halo{transition:all .5s}.motion-on .aura-halo{animation:4s ease-in-out infinite aura-breathe-v2}.aura-shimmer{z-index:4;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff18 50%,#0000 65%);position:absolute;inset:0}.motion-on .aura-shimmer{animation:4s ease-in-out infinite shimmer-sweep}@keyframes aura-letter-v2{0%,60%,to{opacity:.65;filter:blur();color:inherit;transform:translateY(0)scale(1)}20%{opacity:1;filter:drop-shadow(0 0 16px #7fa9ff)blur();color:#c8deff;transform:translateY(-24px)scale(1.12)}}@keyframes aura-letter-feel-v2{0%,60%,to{text-shadow:none;color:#90b8ff;transform:translateY(0)rotate(0)scale(1)}20%{text-shadow:0 0 30px #bad6ff,0 0 80px #376dff,0 0 120px #143bab;color:#fff;filter:brightness(1.4);transform:translateY(-32px)rotate(-5deg)scale(1.18)}}@keyframes aura-letter-something{0%,60%,to{opacity:.7;filter:blur();transform:translateY(0)}20%{opacity:1;filter:drop-shadow(0 0 10px #9fbbff);transform:translateY(-18px)scale(1.08)}}@keyframes aura-container-glow{0%,to{text-shadow:none}50%{text-shadow:0 0 80px #3060ff55}}@keyframes aura-breathe-v2{0%,to{filter:blur(18px);opacity:.6;transform:scale(1)}50%{filter:blur(30px);opacity:.9;transform:scale(1.4)rotate(20deg)}}@keyframes shimmer-sweep{0%{transform:translate(-150%)}to{transform:translate(250%)}}.section-curtain{position:relative;overflow:hidden}.section-curtain:before{content:"";background:var(--background);transform-origin:bottom;z-index:10;pointer-events:none;position:absolute;inset:0;transform:scaleY(0)}.parallax-layer{will-change:transform;transform:translateZ(0)}.line-reveal{overflow:hidden}.line-reveal span{animation:.8s cubic-bezier(.16,1,.3,1) both line-up;display:block}@keyframes line-up{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}.project-card:after{content:"";opacity:0;background:linear-gradient(135deg,#0000 30%,#ffffff12 50%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.project-card:hover:after{opacity:1}.skill-pills span{transform-origin:50%;will-change:transform}.world-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.world-card:hover{box-shadow:0 32px 60px #0004}.clip-card{overflow:hidden}.clip-image{transition:transform .4s}.clip-card:hover .clip-image{transform:scale(1.02)}.page-home .home-hero:after,.page-career .career-hero:after{content:"";background:radial-gradient(circle,color-mix(in srgb,var(--primary) 12%,transparent),transparent 70%);pointer-events:none;z-index:0;filter:blur(50px);border-radius:50%;width:600px;height:600px;position:absolute;top:-10%;right:-5%}.motion-on .page-home .home-hero:after,.motion-on .page-career .career-hero:after{animation:12s ease-in-out infinite orb-drift}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-40px,30px)scale(1.08)}66%{transform:translate(30px,-20px)scale(.94)}}