*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}:root{--bg:#f6fbf8;--bg-accent:#edf8f3;--surface:#fff;--surface-soft:#f8faf9;--text:#141715;--muted:#5e665f;--brand:#1f5c4a;--brand-strong:#174436;--chip:#e4eeea;--nav-pill:#fff;--header-bg:#fffffff0;--autoplay-offset:132px}[data-theme=dark]{--bg:#101614;--bg-accent:#16201c;--surface:#1a2320;--surface-soft:#202c28;--text:#eaf4ef;--muted:#a4b5ad;--brand:#2db886;--brand-strong:#22936c;--chip:#24342f;--nav-pill:#1d2824;--header-bg:#0f1513e6}body{background:radial-gradient(900px 420px at 8% -12%, #c4e4d66b 0%, transparent 58%), radial-gradient(720px 320px at 92% -18%, #cadfee61 0%, transparent 50%), var(--bg);color:var(--text);font-family:Pretendard,SUIT,Noto Sans KR,sans-serif;line-height:1.64}::view-transition-old(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-name:page-soft-out}::view-transition-new(root){animation-name:page-soft-in}@keyframes page-soft-out{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(8px);transform:translateY(-8px)}}@keyframes page-soft-in{0%{opacity:0;filter:blur(10px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}[data-theme=dark] body{background:radial-gradient(900px 420px at 8% -12%, #2d564652 0%, transparent 58%), radial-gradient(720px 320px at 92% -18%, #21374e42 0%, transparent 50%), var(--bg)}[data-theme=dark] .page-title{color:#e8f3ee}[data-theme=dark] .page-subtitle{color:#b7c7bf}[data-theme=dark] .section-name{color:#8da198}[data-theme=dark] .section-nav-item.is-active .section-name{color:#5dd3a5}[data-theme=dark] .ncloud-tab{color:#d4e5dd;background:#273630}[data-theme=dark] .ncloud-tab .tab-index{color:#d8eee4;background:#e6f4ec33}[data-theme=dark] .ncloud-tab:not(.is-active):hover{color:#ecf7f1;background:#30423b}.site-shell{z-index:1;position:relative}.starfield-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.container{width:min(1350px,92vw);margin:0 auto}.site-header{z-index:20;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;box-shadow:0 1px #1417150f}.nav-wrap{justify-content:space-between;align-items:center;gap:14px;width:min(1350px,100vw - 32px);min-height:68px;padding:0;display:flex}.brand{color:var(--text);letter-spacing:-.01em;min-width:0;font-weight:800;text-decoration:none}.theme-toggle{z-index:60;width:40px;height:40px;color:var(--brand);cursor:pointer;-webkit-backdrop-filter:blur(18px);background:#ffffffa3;border:1px solid #1f5c4a29;border-radius:999px;flex:0 0 40px;order:3;justify-content:center;align-items:center;font-size:0;line-height:1;transition:transform .14s,box-shadow .14s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffbd,0 10px 26px #121a181a}.theme-toggle:before{content:"";border-radius:999px;width:15px;height:15px;transform:translate(4px);box-shadow:-5px 0}[data-theme=dark] .theme-toggle:before{background:currentColor;width:16px;height:16px;transform:none;box-shadow:0 0 0 4px #2db88629}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 16px #121a1829}.desktop-nav{order:2;gap:8px;margin-left:auto;display:flex}.desktop-nav-link{color:var(--muted);background:var(--nav-pill);border-radius:999px;padding:8px 13px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .16s,color .16s,box-shadow .16s,background .16s}.desktop-nav-link:hover{color:var(--text);transform:translateY(-1px);box-shadow:0 8px 20px #18342a14}.desktop-nav-link.is-active{color:#fff;background:linear-gradient(135deg, #2b7a62, var(--brand));box-shadow:0 10px 22px #1f5c4a47}.page-content{padding:100px 0 64px}.mobile-section-nav{display:none}.bottom-nav-wrap{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(10px)saturate(1.25)contrast(1.02);touch-action:pan-y;-webkit-user-select:none;user-select:none;--liquid-x:0%;--drag-x:0px;background:#ffffff1f;border:1px solid #ffffff80;border-radius:999px;width:min(360px,100vw - 32px);padding:8px;display:none;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #ffffff4d,0 18px 50px #14181c2e}.bottom-nav-wrap:before{content:"";border-radius:inherit;pointer-events:none;opacity:.7;background:linear-gradient(115deg,#ffffffa3,#0000 36%),linear-gradient(280deg,#ffffff57,#0000 34%);position:absolute;inset:0}.bottom-nav-liquid{width:calc(50% - 8px);height:calc(100% - 16px);transform:translateX(calc(var(--liquid-x) + var(--drag-x)));pointer-events:none;background:0 0;border:1px solid #ffffff9e;border-radius:999px;transition:transform .38s cubic-bezier(.2,.9,.18,1.05),border-radius .18s,filter .18s;position:absolute;top:8px;left:8px;overflow:hidden;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -10px 18px #ffffff2e,inset 8px 0 18px #fff3,inset -8px 0 18px #0000000d,0 10px 28px #14181c2e}.liquid-glass-canvas{z-index:0;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.bottom-nav-liquid:before,.bottom-nav-liquid:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.bottom-nav-liquid:before{z-index:1;filter:blur(10px);opacity:.72;background:radial-gradient(circle at 50% 46%,#ffffffa8,#0000 62%);transition:transform .22s,opacity .22s;inset:-10px 14%;transform:scaleX(.86)}.bottom-nav-liquid:after{z-index:2;border-radius:inherit;opacity:.84;background:linear-gradient(135deg,#ffffffb8,#0000 38%),radial-gradient(80px 28px at 50% -18%,#fffc,#0000 68%),radial-gradient(90px 36px at 50% 118%,#ffffff61,#0000 70%);inset:0}.bottom-nav-wrap.is-dragging .bottom-nav-liquid{filter:saturate(1.12);border-radius:28px;transition:border-radius .18s,filter .18s}.bottom-nav-wrap.is-dragging .bottom-nav-liquid:before{opacity:1;transform:scaleX(1.34)}.bottom-nav{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid;position:relative}.bottom-nav-link{appearance:none;cursor:pointer;min-height:44px;color:color-mix(in srgb, var(--text) 72%, transparent);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;font-family:inherit;font-size:14px;font-weight:800;text-decoration:none;transition:color .16s,text-shadow .16s;display:inline-flex}.bottom-nav-link:hover{transform:none}.bottom-nav-link.is-active{color:#18211f;box-shadow:none;text-shadow:0 1px 10px #ffffff8f;background:0 0}[data-theme=dark] .bottom-nav-wrap{background:#0a0c0e2e;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1a,0 18px 50px #0000006b}[data-theme=dark] .bottom-nav-liquid{background:0 0;box-shadow:inset 0 1px 1px #ffffff57,inset 0 -10px 18px #ffffff0f,inset 8px 0 18px #ffffff14,inset -8px 0 18px #0000002e,0 10px 28px #0000005c}[data-theme=dark] .bottom-nav-link.is-active{color:#f7fbfa;text-shadow:0 1px 10px #0000005c}[data-theme=dark] .bottom-nav-link{color:#c5d6cf}.page-shell{gap:18px;display:grid}.portfolio-sections{scroll-snap-type:y mandatory;--scene-progress:0;--project-progress:0;isolation:isolate;position:relative}.portfolio-sections:before,.portfolio-sections:after{content:"";pointer-events:none;z-index:-1;will-change:transform, opacity;position:fixed;inset:-12vh -10vw}.portfolio-sections:before{transform:translate3d(calc(var(--scene-progress) * 180px), calc(var(--scene-progress) * -210px), 0) scale(calc(1 + (var(--scene-progress) * .12)));background:radial-gradient(38vw 34vw at 16% 22%,#3f7a673d,#0000 70%),radial-gradient(42vw 36vw at 84% 76%,#2340612e,#0000 72%);transition:transform .22s linear}.portfolio-sections:after{filter:blur(4px);transform:translate3d(calc(var(--scene-progress) * -200px), calc(var(--scene-progress) * 140px), 0) scale(calc(1 + (var(--project-progress) * .12)));opacity:calc(.45 + (var(--project-progress) * .48));background:radial-gradient(22vw 20vw at 74% 28%,#11212e24,#0000 68%),radial-gradient(20vw 18vw at 24% 84%,#1f5c4a33,#0000 72%);transition:transform .3s ease-out,opacity .3s ease-out}.portfolio-section{scroll-snap-align:start;opacity:.46;align-items:center;min-height:calc(100vh - 72px);transition:opacity .42s,transform .42s;display:grid;transform:translateY(26px)scale(.98)}.section-rail{z-index:30;position:fixed;top:50%;left:clamp(8px,50vw - 727px,36px);transform:translateY(-50%)}.section-rail-track{--rail-x:10px;--dot-size:8px;--thumb-size:10px;align-items:flex-start;gap:4px;padding:0;display:grid;position:relative}.section-rail-line{left:var(--rail-x);background:#c8d6cf;border-radius:999px;width:2px;position:absolute;top:20px;bottom:20px;transform:translate(-50%)}.section-rail-thumb{left:calc(var(--rail-x) - (var(--thumb-size) / 2));width:var(--thumb-size);height:var(--thumb-size);z-index:3;background:#1f6b55;border-radius:50%;transition:top .32s cubic-bezier(.22,1,.36,1);position:absolute;box-shadow:0 6px 14px #1f5c4a59}.section-nav-item{appearance:none;cursor:pointer;background:0 0;border:0;grid-template-columns:20px auto;align-items:center;column-gap:12px;height:40px;padding:0;display:grid}.section-dot{width:var(--dot-size);height:var(--dot-size);z-index:1;background:#d2ddd7;border-radius:50%;justify-self:center;transition:background .18s;position:relative}.section-name{white-space:nowrap;color:#8d9893;font-size:13px;font-weight:600;line-height:1;transition:color .18s}.section-nav-item.is-active .section-name{color:var(--brand)}.section-nav-item.is-active .section-dot{opacity:0}.section-nav-item:not(.is-active):hover .section-name{color:#191f28}.portfolio-section.is-active{opacity:1;transform:translateY(0)scale(1)}.section-inner{width:100%}.intro-block,.skills-block,.project-block{will-change:transform;gap:14px;transition:transform .26s cubic-bezier(.22,1,.36,1);display:grid}.intro-block{transform:translate3d(calc((var(--scene-progress) - .08) * -90px), calc((var(--scene-progress) - .08) * 34px), 0)}.skills-block{transform:translate3d(calc((var(--scene-progress) - .46) * 85px), calc((var(--scene-progress) - .46) * -20px), 0)}.project-block{padding-bottom:var(--autoplay-offset);transform:translate3d(calc((var(--project-progress) - .5) * -64px), calc((var(--project-progress) - .5) * 16px), 0);position:relative}.project-block:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(145deg, #ffffff80, #ffffff14), radial-gradient(82% 94% at calc(20% + (var(--project-progress) * 40%)) 22%, #6fa59124, transparent 72%);filter:blur(.2px);opacity:calc(.6 + (var(--project-progress) * .24));transform:translateY(calc((1 - var(--project-progress)) * 26px));border-radius:28px;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .42s;position:absolute;inset:-34px -26px}.skills-grid{flex-wrap:wrap;gap:10px;display:flex}.skills-table{background:#fff;border-radius:12px;grid-template-columns:160px 1fr 1fr;display:grid;overflow:hidden;box-shadow:0 8px 20px #161c1914}.skills-head{color:#2a3732;background:#f0f4f2;padding:12px 14px;font-weight:700}.skills-row{display:contents}.skills-category{color:#41504a;background:#fafcfb;border-top:1px solid #e4ece8;padding:12px 14px;font-weight:600}.skills-cell{border-top:1px solid #e4ece8;flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.skill-chip{color:#214f41;background:#e6eeea;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600}.skill-chip.strong{color:#1d5a47;background:#e1efe8}.skill-chip.experienced{color:#394d88;background:#eceef8}[data-theme=dark] .skills-table{background:linear-gradient(160deg,#1b2522 0%,#202d29 100%);box-shadow:0 12px 28px #04080759}[data-theme=dark] .skills-head{color:#dcebe4;background:#24332e}[data-theme=dark] .skills-category{color:#b7cbc2;background:#1f2c28;border-top:1px solid #2f403a}[data-theme=dark] .skills-cell{background:#1c2724;border-top:1px solid #2f403a}[data-theme=dark] .skill-chip{color:#d7e8e0;background:#2a3b35}[data-theme=dark] .skill-chip.strong{color:#d9f6ea;background:#244f42}[data-theme=dark] .skill-chip.experienced{color:#dbe4ff;background:#2b3547}.page-head{background:linear-gradient(155deg,#fff 0%,#f6f9f8 100%);border-radius:18px;padding:22px;box-shadow:0 12px 28px #10182814}[data-theme=dark] .page-head{background:linear-gradient(155deg,#1c2724 0%,#22302c 100%);box-shadow:0 12px 28px #04080759}[data-theme=dark] .page-head .page-title{color:#eaf4ef}[data-theme=dark] .page-head .page-subtitle{color:#b8c8c0}.label{color:var(--brand);letter-spacing:.08em;margin:0;font-size:12px;font-weight:700}.page-title{letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(30px,4vw,42px);line-height:1.14}.page-subtitle{color:var(--muted);max-width:74ch;margin:10px 0 0}.project-grid{gap:16px;display:grid}.scroll-scene{display:block;position:relative}.scroll-sticky{position:relative;top:auto}.ncloud-block{gap:12px;display:grid;position:relative}.project-edge-nav{color:#f2faf6;cursor:pointer;opacity:0;pointer-events:none;z-index:12;background:#141e1ab8;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .18s,transform .18s,background .18s;display:inline-flex;position:absolute;top:54%;transform:translateY(-50%);box-shadow:0 10px 20px #0a141147}.project-edge-nav svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.project-edge-nav-prev{left:-14px}.project-edge-nav-next{right:-14px}.scroll-scene:hover .project-edge-nav{opacity:1;pointer-events:auto}.project-edge-nav:hover{background:#141e1ae0;transform:translateY(-50%)scale(1.04)}.autoplay-wrap{pointer-events:none;z-index:40;opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1210d6;border-radius:14px;justify-content:center;gap:6px;width:auto;min-width:0;max-width:calc(100vw - 28px);padding:10px 14px 12px;display:grid;position:fixed;bottom:18px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 14px 32px #050a0857}.autoplay-wrap.is-visible{opacity:1}.media-progress{pointer-events:auto;isolation:isolate;cursor:pointer;touch-action:none;justify-self:center;width:min(600px,100vw - 72px);height:12px;margin:0;padding:0;position:relative}.media-progress-left,.media-progress-right{border-radius:999px;height:5px;position:absolute;top:50%;transform:translateY(-50%)}.media-progress-left{z-index:1;background:#1ed760;left:0}.media-progress-right{z-index:1;background:#ffffff38}.media-progress-thumb{z-index:2;background:#fff;border:1px solid #1ed760;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1ed76038}.media-controls{justify-content:center;align-items:center;gap:20px;display:flex}.media-controls-row{pointer-events:auto;grid-template-columns:auto 1fr auto;align-items:center;width:100%;display:grid}.media-controls-row .media-controls{grid-column:2}.media-controls-row .media-btn-repeat{grid-column:1;justify-self:start}.media-controls-spacer{grid-column:3;justify-self:end;width:40px;height:40px}.media-time-row{justify-content:space-between;justify-self:center;align-items:center;width:min(600px,100vw - 72px);display:flex}.media-time{color:#ecf5f1cc;letter-spacing:.02em;margin:0;font-size:11px;font-weight:600;line-height:1}.media-btn{color:#f7fffb;cursor:pointer;width:38px;height:38px;box-shadow:none;background:#fff3;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.media-btn:focus-visible{outline-offset:2px;outline:2px solid #1ed760bf}.media-btn:hover{box-shadow:none;background:#ffffff3d;transform:translateY(-1px)}.media-btn-play{color:#0d2419;background:#1ed760;width:46px;height:46px;font-size:18px;box-shadow:0 10px 22px #1ed7604d}.media-btn-play:hover{background:#3be477}.media-btn-repeat{border-radius:50%;width:40px;min-width:40px;height:40px;padding:0;position:relative}.media-btn-repeat.is-all{color:#f2fbf7;background:#ffffff2e}.media-btn-repeat.is-one{color:#0c2118;background:#1ed760;box-shadow:0 8px 18px #1ed76047}.media-icon{fill:currentColor;stroke:none;width:20px;height:20px}.media-icon-solid{fill:currentColor;stroke:none;width:18px;height:18px}.media-icon-play{width:28px;height:28px}.repeat-badge{color:#0b2419;background:#fff;border:1px solid #0c191333;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:800;line-height:1;display:inline-flex;position:absolute;bottom:-3px;right:-3px}.media-toast-global{color:#f3faf6;white-space:nowrap;pointer-events:none;z-index:60;background:#0c1210f5;border:1px solid #ffffff14;border-radius:10px;margin:0;padding:8px 12px;font-size:11px;font-weight:600;animation:1.8s forwards toast-in-out;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #070c0a52}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%,6px)}12%{opacity:1;transform:translate(-50%)}82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.ncloud-tabs{flex-wrap:wrap;gap:8px;display:flex}.ncloud-project-nav{display:block}.project-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-title-row .page-title{margin-top:0}.project-type-filter{background:#0e1b1738;border:1px solid #ffffff1f;border-radius:999px;flex:none;gap:6px;padding:5px;display:inline-flex}.project-type-filter-button{color:#ffffffc7;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;transition:background .18s,color .18s,transform .18s}.project-type-filter-button.is-active{color:#223a32;background:#fff;transform:translateY(-1px)}.ncloud-empty{min-height:280px;color:var(--muted);background:#ffffffb8;border-radius:18px;place-items:center;font-weight:800;display:grid}.ncloud-tab{color:#3d5a50;cursor:pointer;background:#eaf1ee;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-weight:600;transition:all .22s;display:inline-flex}.ncloud-tab.is-active{color:#fff;background:linear-gradient(135deg, #2b7a62, var(--brand));transform:translateY(-1px);box-shadow:0 10px 20px #1f5c4a42}.tab-index{color:#2f4f44;background:#ffffffa6;border-radius:999px;padding:2px 6px;font-size:11px}.ncloud-tab.is-active .tab-index{color:#fff;background:#fff3}.ncloud-panel{grid-template-columns:300px minmax(0,1fr);align-items:stretch;gap:14px;min-height:min(68vh,820px);transition:filter .3s;display:grid}.ncloud-panel.is-switching{animation:.98s cubic-bezier(.22,1,.36,1) panel-switch}.ncloud-visual{color:#fff;background:linear-gradient(165deg,#2f3a37 0%,#212827 100%);border-radius:18px;min-height:420px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 16px 30px #121a1840}.ncloud-panel.is-switching .ncloud-visual{animation:1.02s cubic-bezier(.22,1,.36,1) visual-switch}.ncloud-kicker{opacity:.7;margin:0;font-size:12px}.ncloud-visual h2{margin:10px 0 0;font-size:34px;line-height:1.1}.ncloud-visual p{opacity:.85;margin:10px 0 0}.visual-orb{filter:blur(2px);opacity:.35;border-radius:999px;position:absolute}.orb-a{background:radial-gradient(circle,#ffc08a 0%,#0000 70%);width:220px;height:220px;bottom:-60px;right:-70px}.orb-b{background:radial-gradient(circle,#8ed9c1 0%,#0000 72%);width:180px;height:180px;top:-60px;left:-60px}.ncloud-detail{color:#1d2421;scrollbar-width:thin;background:linear-gradient(155deg,#f8fcfa 0%,#eef6f2 100%);border-radius:18px;min-height:0;max-height:min(68vh,820px);padding:18px 12px 22px 18px;overflow-y:auto;box-shadow:inset 0 0 0 1px #294e4014,0 10px 24px #182c2414}.ncloud-panel.is-switching .ncloud-detail{animation:1.02s cubic-bezier(.22,1,.36,1) detail-switch}.ncloud-detail::-webkit-scrollbar{width:8px}.ncloud-detail::-webkit-scrollbar-thumb{background:#1f5c4a38;border-radius:999px}.ncloud-detail::-webkit-scrollbar-track{background:0 0}.summary-banner{background:linear-gradient(135deg,#fff 0%,#f4fbf8 100%);border-radius:12px;padding:14px 16px;font-size:1.05rem;font-weight:600;display:block;box-shadow:0 8px 18px #182c2414}.ncloud-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(120px,auto);gap:12px;margin-top:12px;display:grid}.ncloud-grid section{background:radial-gradient(circle at 100% 0,#bad3c938,#0000 34%),linear-gradient(145deg,#fff 0%,#f6fbf9 100%);border:1px solid #bed1c97a;border-radius:18px;padding:14px 15px;box-shadow:0 16px 34px #19342914,inset 0 1px #ffffffc2}.info-card{position:relative;overflow:hidden}.info-card:before{content:"";background:#d8d3cc;width:4px;height:100%;position:absolute;top:0;left:0}.info-context:before{background:#9ebdb2}.info-tech:before{background:#96b9d8}.info-scope:before{background:#8ec5b1}.info-iterations:before{background:#d2ad6d}.info-outcomes:before{background:#a7c99e}.info-context{grid-area:span 2/span 2}.info-tech,.info-scope{grid-column:span 2}.info-iterations{grid-area:span 2/span 2}.info-outcomes{grid-column:span 4}.ncloud-grid h3{color:#1f2b25;margin:0 0 6px;font-size:14px}.ncloud-grid p,.ncloud-grid ul{color:#27332d;margin:0}.ncloud-grid ul{padding-left:18px}.portfolio-case-empty{color:#5f6f68;background:#f7fbf9;border:1px solid #374b4224;border-radius:18px;place-items:center;min-height:320px;font-weight:800;display:grid}.portfolio-case-study{grid-template-columns:280px minmax(0,1fr);gap:16px;min-height:min(74vh,900px);display:grid;position:relative}.case-index-panel{background:linear-gradient(#fbfdfc 0%,#eef6f2 100%);border:1px solid #20322b24;border-radius:18px;align-self:start;gap:12px;padding:14px;display:grid;position:sticky;top:92px;box-shadow:0 16px 34px #14221d14}.case-index-kicker{color:#48675b;letter-spacing:.08em;margin:0;font-size:12px;font-weight:900}.case-index-list{gap:8px;display:grid}.case-index-button{color:#2f3d38;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:34px minmax(0,1fr);gap:3px 10px;width:100%;padding:11px;transition:background .18s,border-color .18s,transform .18s;display:grid}.case-index-button:hover,.case-index-button.is-active{background:#fff;border-color:#24624c29;transform:translateY(-1px);box-shadow:0 10px 22px #14221d14}.case-index-button span{color:#2b5d4c;background:#dfeae5;border-radius:10px;grid-row:span 2;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:inline-flex}.case-index-button.is-active span{color:#fff;background:#24624c}.case-index-button strong{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.25}.case-index-button small{color:#63736c;min-width:0;font-size:12px;line-height:1.35}.case-detail-panel{background:#fbfdfc;border:1px solid #20322b24;border-radius:22px;min-width:0;overflow:hidden;box-shadow:0 18px 44px #14221d1a}.case-hero{background:linear-gradient(135deg,#e0ede8e6,#f9fcfad1),linear-gradient(#fff,#f1f7f4);border-bottom:1px solid #20322b1a;gap:12px;padding:24px;display:grid}.case-hero-meta{flex-wrap:wrap;gap:8px;display:flex}.case-hero-meta span,.case-meta-grid div{background:#ffffffb8;border:1px solid #24624c24;border-radius:999px}.case-hero-meta span{color:#2b5d4c;padding:6px 10px;font-size:12px;font-weight:900}.case-hero h2{color:#17211d;letter-spacing:-.02em;margin:0;font-size:clamp(32px,6vw,64px);line-height:.98}.case-hero p{color:#33433d;max-width:68ch;margin:0;font-size:clamp(18px,2.2vw,24px);font-weight:800;line-height:1.35}.case-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 0;display:grid}.case-meta-grid div{min-width:0;padding:10px 12px}.case-meta-grid dt{color:#66756e;font-size:11px;font-weight:800}.case-meta-grid dd{color:#1f2d28;margin:3px 0 0;font-size:13px;font-weight:900;line-height:1.35}.case-body{padding:18px 18px calc(var(--autoplay-offset) + 18px);scrollbar-width:thin;gap:14px;max-height:min(72vh,920px);display:grid;overflow-y:auto}.case-body::-webkit-scrollbar{width:8px}.case-body::-webkit-scrollbar-thumb{background:#24624c3d;border-radius:999px}.case-text-block,.case-tech-block,.case-service-block,.case-list-block{background:#fff;border:1px solid #2a453a1f;border-radius:16px;padding:16px;box-shadow:0 10px 24px #14221d0d}.case-text-block h3,.case-tech-block h3,.case-service-block h3,.case-list-block h3{color:#1e3d32;margin:0 0 10px;font-size:14px;font-weight:900}.case-text-block p{color:#2f3c37;margin:0;line-height:1.72}.case-text-block p+p{margin-top:10px}.case-tech-list{flex-wrap:wrap;gap:8px;display:flex}.case-tech-list span{color:#245844;background:#eef7f2;border:1px solid #24624c24;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.case-service-grid,.case-split-grid,.case-bottom-grid{gap:14px;display:grid}.case-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-service-grid article{background:#f4f8f6;border-radius:14px;min-width:0;padding:14px}.case-service-grid strong{color:#213d33;font-weight:900;display:block}.case-service-grid p{color:#40514a;margin:8px 0 0;font-size:13px;line-height:1.62}.case-split-grid,.case-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-list-block ul{gap:8px;margin:0;padding-left:18px;display:grid}.case-list-block li{color:#2f3c37;line-height:1.58}.case-list-outcomes{background:linear-gradient(#f8fbf9,#edf6f1)}.case-list-outcomes li::marker{color:#287457}.case-link-row{flex-wrap:wrap;gap:8px;display:flex}.case-link-row a,.case-pager button{color:#fff;cursor:pointer;background:#24624c;border:0;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900;text-decoration:none}.case-pager{background:#ffffffdb;border-radius:999px;align-items:center;gap:8px;padding:6px;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 10px 24px #14221d24}.case-pager span{color:#35443f;font-size:12px;font-weight:900}.project-card{background:var(--surface);border-radius:16px;gap:12px;padding:18px;display:grid;box-shadow:0 10px 26px #121a1812}.row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.row h2{letter-spacing:-.01em;margin:0;font-size:24px}.period{color:#2f5348;white-space:nowrap;background:var(--chip);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.summary{color:#2e3730;margin:0}.project-card section,.split section{background:var(--surface-soft);border-radius:12px;padding:11px}.project-card h3{color:#2a5346;margin:0 0 6px;font-size:14px}.project-card h4{margin:0 0 4px;font-size:14px}.project-card p,.project-card ul{margin:0}.project-card ul{padding-left:18px}.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sub-card{background:#fff;border-radius:10px;padding:10px;box-shadow:0 6px 16px #121e1a0f}.link-row{flex-wrap:wrap;gap:8px;display:flex}.link-row-panel{border-top:1px solid #5e4e3c26;margin-top:12px;padding-top:12px}.btn-link{color:#fff;background:linear-gradient(135deg, #2b7a62, var(--brand));border-radius:9px;padding:7px 11px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s}.btn-link:hover{transform:translateY(-1px);box-shadow:0 10px 18px #1f5c4a47}.ncloud-panel[data-theme=flobee] .ncloud-visual{background:linear-gradient(165deg,#203833 0%,#162522 100%)}.ncloud-panel[data-theme=sidiz] .ncloud-visual{background:linear-gradient(165deg,#373a4c 0%,#242636 100%)}.ncloud-panel[data-theme=wowcruise] .ncloud-visual{background:linear-gradient(165deg,#3e3230 0%,#2a211f 100%)}.ncloud-panel[data-theme=asdf] .ncloud-visual{background:linear-gradient(165deg,#2f3846 0%,#202734 100%)}.block{background:var(--surface);border-radius:14px;padding:14px;box-shadow:0 8px 22px #121a180f}.resume-list{gap:12px;display:grid}.resume-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:6px;display:flex}.resume-title-row .page-title{margin-top:0}.resume-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.resume-action-link{min-height:36px;color:var(--brand-strong);background:#ffffffb8;border:1px solid #1f5c4a29;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffc7,0 8px 18px #121a1814}.resume-action-link:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 22px #1f5c4a29}.resume-item{background:var(--surface);border-radius:14px;padding:14px;box-shadow:0 8px 22px #121a180f}.resume-item p{margin:8px 0 0}.resume-detail{margin-top:10px}.resume-detail strong{line-height:1.45;display:block}.resume-detail p{color:inherit;margin:4px 0 0;padding-left:12px}.resume-project-type{color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:600}.resume-overview p{margin:6px 0 0}.resume-key-block{margin-top:12px}.resume-key-section+.resume-key-section{margin-top:10px}.resume-bullets{gap:6px;margin:8px 0 0;padding-left:20px;display:grid}.resume-outcomes li{color:inherit;font-weight:500}[data-theme=dark] .resume-action-link{color:#d8eee4;background:#ffffff14;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #0000003d}@media (max-width:1200px){.page-content{padding-top:98px}.portfolio-section{opacity:1;min-height:auto;padding:10px 0 14px;transform:none}.intro-block,.skills-block,.project-block{transform:none}.project-block:before{opacity:.5;inset:-18px -12px;transform:none}.section-inner{box-shadow:none;background:0 0;border-radius:0;padding:0}.page-title{font-size:clamp(24px,3.8vw,32px);line-height:1.22}.page-subtitle{color:color-mix(in srgb, var(--text) 74%, #6f8178 26%);font-size:14px}}@media (max-width:900px){html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:clip}.site-shell{width:100%;max-width:100%;overflow-x:clip}.container{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0 26px}.site-header{position:fixed;top:0;left:0;right:0}.nav-wrap{justify-content:space-between;align-items:center;gap:12px;width:calc(100vw - 36px);min-height:70px;padding:0;display:flex}.theme-toggle{flex:0 0 38px;width:38px;height:38px;margin-left:0}.page-content{padding:94px 26px 36px}.bottom-nav-wrap{width:min(340px,100vw - 28px);bottom:max(14px, env(safe-area-inset-bottom));padding:6px}.bottom-nav-link{min-height:42px;font-size:13px}.portfolio-sections:before,.portfolio-sections:after,.project-block:before{display:none}.portfolio-sections{scroll-snap-type:none;gap:14px;min-width:0;max-width:100%;display:grid}.mobile-section-nav{z-index:1;scrollbar-width:none;gap:8px;padding:0 0 2px;display:flex;position:relative;overflow-x:auto}.mobile-section-nav::-webkit-scrollbar{display:none}.mobile-section-pill{color:#355249;white-space:nowrap;letter-spacing:.01em;background:#fff;border:1px solid #d4e3dc;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.mobile-section-pill.is-active{color:#fff;background:linear-gradient(135deg, #2b7a62, var(--brand));border-color:#0000;box-shadow:0 8px 18px #1f5c4a3d}.portfolio-section{opacity:1;min-width:0;min-height:auto;padding:0;transform:none}.section-inner{background:linear-gradient(156deg,#fff 0%,#f7fbf9 100%);border:1px solid #dfeae5;border-radius:16px;width:100%;min-width:0;max-width:100%;padding:18px 16px;box-shadow:0 10px 22px #10231c14}.intro-block,.skills-block,.project-block,.scroll-scene,.ncloud-block{min-width:0;max-width:100%}.section-rail,.project-edge-nav,.autoplay-wrap{display:none!important}.page-title{word-break:keep-all;overflow-wrap:break-word;max-width:100%;font-size:28px;line-height:1.2}.page-subtitle{color:#3f4f48;max-width:100%;margin-top:12px;font-size:14px;line-height:1.6}.intro-block .page-title,.intro-block .page-subtitle{width:min(100%,320px)}.skills-table{border:1px solid #dde9e3;border-radius:12px;grid-template-columns:1fr;min-width:0;max-width:100%;overflow:hidden;box-shadow:0 6px 14px #12201b14}.skills-head{display:none}.skills-row{border-top:1px solid #e4ece8;grid-template-columns:1fr;display:grid}.skills-category,.skills-cell{border-top:0}.skills-cell{gap:10px;padding-top:10px;padding-bottom:12px}.skills-category{background:#f8fcfa;padding:11px 12px 2px;font-size:13px}.skill-chip{padding:8px 12px;font-size:13px}.scroll-sticky{position:relative;top:auto}.split,.sub-grid,.ncloud-panel,.ncloud-grid{grid-template-columns:1fr}.ncloud-panel{gap:10px}.ncloud-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:4px;overflow-x:auto}.project-type-filter{margin-left:auto}.portfolio-case-study{grid-template-columns:1fr;min-height:auto}.case-index-panel{position:relative;top:auto}.case-index-list{scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.case-index-list::-webkit-scrollbar{display:none}.case-index-button{flex:0 0 min(320px,84vw)}.case-body{max-height:none;padding-bottom:calc(var(--autoplay-offset) + 16px)}.case-meta-grid,.case-service-grid,.case-split-grid,.case-bottom-grid{grid-template-columns:1fr}.ncloud-tabs::-webkit-scrollbar{display:none}.ncloud-tab{border-radius:11px;flex:none;padding:10px 12px;font-size:13px}.tab-index{font-size:10px}.ncloud-visual{border-radius:14px;min-height:180px;padding:14px}.ncloud-visual h2{font-size:26px;line-height:1.1}.ncloud-detail{border-radius:14px;padding:12px}.summary-banner{padding:12px 13px;font-size:.92rem;line-height:1.5}.ncloud-grid{gap:9px;margin-top:12px}.ncloud-grid section{padding:11px}.info-context,.info-tech,.info-scope,.info-iterations,.info-outcomes{grid-area:span 1/span 1}[data-theme=dark] .section-inner{background:linear-gradient(156deg,#1a2421 0%,#202d29 100%);border-color:#2d3e37;box-shadow:0 12px 24px #04080757}[data-theme=dark] .mobile-section-pill{color:#d3e5dd;background:#24322e;border-color:#32453f}[data-theme=dark] .mobile-section-pill.is-active{color:#f5fffb;background:linear-gradient(135deg,#2b7a62,#22936c)}[data-theme=dark] .page-subtitle{color:#c1d1c9}[data-theme=dark] .skills-table{border-color:#31413b}}@media (max-width:700px){.container{padding:0 18px}.page-content{padding:90px 18px 112px}.desktop-nav{display:none}.bottom-nav-wrap{display:block}.brand{width:auto;max-width:calc(100vw - 84px);font-size:20px;line-height:1.2}.section-inner{border-radius:14px;padding:16px 14px}.mobile-section-pill{padding:7px 12px;font-size:12px}.skills-table{border-radius:10px}.page-title{font-size:22px}.project-title-row{flex-direction:column;align-items:flex-start}.project-type-filter{justify-content:space-between;width:100%}.project-type-filter-button{flex:1;padding:8px 10px}.case-index-panel,.case-detail-panel{border-radius:16px}.case-hero{padding:18px}.case-hero h2{font-size:34px}.case-hero p{font-size:17px}.case-meta-grid{gap:7px}.case-body{padding:12px 12px calc(var(--autoplay-offset) + 12px);gap:10px}.case-text-block,.case-tech-block,.case-service-block,.case-list-block{border-radius:14px;padding:13px}.case-pager{justify-content:center;margin-top:10px;position:static}.intro-block .page-title,.intro-block .page-subtitle{width:min(100%,300px)}.ncloud-grid section{padding:10px}.info-context,.info-tech,.info-scope,.info-iterations,.info-outcomes{grid-area:span 1/span 1}.ncloud-grid h3{font-size:13px}.row{flex-direction:column;align-items:flex-start;gap:6px}.resume-title-row{flex-direction:column;gap:12px}.resume-actions{justify-content:flex-start;width:100%}.resume-action-link{min-height:34px;padding:7px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.portfolio-sections:before,.portfolio-sections:after,.project-block:before{transition:none;transform:none}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-switch{0%{opacity:.88;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes visual-switch{0%{opacity:.72;transform:translate(-10px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes detail-switch{0%{opacity:.74;transform:translate(10px)}to{opacity:1;transform:translate(0)}}