*,:before,:after{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}::-webkit-scrollbar{width:0;height:0;display:none}:root{--color-cream:#fcf3e9;--color-cream-rgb:252, 243, 233;--bg-primary:#000;--bg-secondary:#0c0c0e;--bg-surface:#ffffff08;--bg-hover:#ffffff0f;--text-primary:#fff;--text-secondary:#ffffffbf;--text-muted:#ffffff80;--text-dim:#ffffff4d;--border-color:#ffffff1f;--border-subtle:#ffffff0f;--border-strong:#ffffff47;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0c0c0e;--bg-surface:#ffffff08;--bg-hover:#ffffff0f;--text-primary:#fff;--text-secondary:#ffffffbf;--text-muted:#ffffff80;--text-dim:#ffffff4d;--border-color:#ffffff1f;--border-subtle:#ffffff0f;--border-strong:#ffffff47;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-primary:#fcf3e9;--bg-secondary:#00000008;--bg-surface:#0000000a;--bg-hover:#00000012;--text-primary:#121016;--text-secondary:#121016e6;--text-muted:#121016b8;--text-dim:#1210168c;--border-color:#12101633;--border-subtle:#1210161a;--border-strong:#12101661;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scrollbar-width:none;-ms-overflow-style:none;width:100%;min-height:100%;overflow-x:clip}body{background-color:var(--bg-primary);width:100%;min-height:100%;color:var(--text-primary);scrollbar-width:none;-ms-overflow-style:none;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:clip}#root{width:100%;min-height:100%}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}#root::-webkit-scrollbar{width:0;height:0;display:none}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:99999}img,video,canvas,svg{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.opening-sequence-overlay{z-index:99999;background-color:var(--bg-primary);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.opening-sequence-overlay.exit-fade{opacity:0;pointer-events:none;transform:scale(.98)}.opening-content-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:680px;min-height:180px;display:flex}.opening-text{color:var(--text-primary);letter-spacing:-.01em;will-change:transform, opacity, filter;font-family:Fragment Mono,monospace,sans-serif;font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:400;line-height:1.45}.opening-text.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards openingTextIn}.opening-text.fade-out{animation:.35s cubic-bezier(.4,0,1,1) forwards openingTextOut}@keyframes openingTextIn{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes openingTextOut{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(4px);transform:translateY(-8px)}}.opening-ready-actions{margin-top:2rem}.fade-in-delayed{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .3s forwards readyFadeIn}@keyframes readyFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.opening-ready-btn{background:var(--text-primary);color:var(--bg-primary);cursor:pointer;letter-spacing:.02em;border:none;border-radius:9999px;align-items:center;gap:10px;padding:10px 22px;font-family:Fragment Mono,monospace,sans-serif;font-size:.95rem;font-weight:500;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 4px 20px #00000026}.opening-ready-btn:hover{opacity:.92}.opening-ready-btn:active{transform:translateY(0)}.opening-ready-btn kbd{background:var(--bg-primary);width:20px;height:20px;color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;font-size:.75rem;line-height:1;display:inline-flex}.celebration-overlay{z-index:99999;-webkit-user-select:none;user-select:none;pointer-events:auto;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration-center-stage{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.celebration-video-slot{aspect-ratio:16/9;background:0 0;justify-content:center;align-items:center;width:min(560px,86vw);display:flex}.celebration-video,.celebration-canvas{object-fit:contain;width:100%;height:100%;box-shadow:none;background:0 0;border:none;outline:none}.celebration-text-slot{text-align:center;pointer-events:none;width:max-content;max-width:90vw;margin-bottom:24px;position:absolute;bottom:100%}.celebration-text-container{flex-direction:column;align-items:center;gap:8px;display:flex}.celebration-msg{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-family:Fragment Mono,monospace,sans-serif;font-size:clamp(.95rem,2.2vw,1.25rem);font-weight:400;line-height:1.45}.celebration-msg-sub{color:var(--text-muted);font-size:clamp(.85rem,1.9vw,1.05rem)}.celebration-btn-slot{justify-content:center;width:100%;margin-top:24px;display:flex;position:absolute;top:100%}.celebration-letsgo-btn{background-color:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);cursor:pointer;box-shadow:none;letter-spacing:.01em;border-radius:4px;padding:8px 24px;font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:500;transition:none}.celebration-letsgo-btn:hover{box-shadow:none;opacity:.9;transform:none}.celebration-fade-in{animation:.35s forwards celebrationFadeIn}@keyframes celebrationFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hv-container{background-color:var(--bg-primary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.hv-card{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;max-width:360px;box-shadow:none;border-radius:4px;padding:1rem}.hv-header{margin-bottom:.85rem}.hv-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.25rem;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:600}.hv-instruction{color:var(--text-muted);letter-spacing:.02em;font-family:Fragment Mono,monospace,sans-serif;font-size:.78rem}.hv-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:.85rem;display:grid}.hv-tile{aspect-ratio:1;background:var(--bg-secondary);cursor:pointer;width:100%;box-shadow:none;border:2px solid #0000;border-radius:4px;outline:none;margin:0;padding:0;transition:none;position:relative;overflow:hidden}.hv-tile:hover{box-shadow:none;filter:none;transform:none}.hv-tile:focus-visible{outline:none}.hv-tile.is-selected{border-color:var(--text-primary)}.hv-tile-img{object-fit:cover;pointer-events:none;border-radius:2px;width:100%;height:100%;display:block}.hv-tile-check{background-color:var(--text-primary);width:14px;height:14px;box-shadow:none;border-radius:2px;position:absolute;top:4px;right:4px}.hv-error{color:#ef4444;letter-spacing:.01em;margin-bottom:.75rem;font-family:Fragment Mono,monospace,sans-serif;font-size:.74rem}.hv-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.hv-retry-btn,.hv-reload-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;box-shadow:none;background:0 0;border-radius:4px;padding:6px 12px;font-family:Fragment Mono,monospace,sans-serif;font-size:.76rem;transition:none}.hv-retry-btn:hover,.hv-reload-btn:hover{box-shadow:none;color:var(--text-primary);border-color:var(--border-strong);transform:none}.hv-submit-btn{background-color:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);cursor:pointer;box-shadow:none;border-radius:4px;padding:6px 18px;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:500;transition:none}.hv-submit-btn:hover{box-shadow:none;transform:none}.hv-submit-btn.is-success{color:#fff;background-color:#10b981;border-color:#10b981}.hv-submit-btn:disabled{opacity:.6;cursor:not-allowed}.dither-veil{touch-action:pan-y;width:100%;height:100%;position:relative;overflow:hidden}.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-pad:0px;padding-top:var(--logoloop-pad);padding-bottom:var(--logoloop-pad);-webkit-tap-highlight-color:transparent;position:relative;overflow:clip}.logoloop--vertical{height:100%;padding:0 var(--logoloop-pad);display:inline-block}.logoloop[data-draggable]{cursor:grab;touch-action:pan-y pinch-zoom}.logoloop--vertical[data-draggable]{touch-action:pan-x pinch-zoom}.logoloop[data-dragging],.logoloop[data-dragging] *{cursor:grabbing}.logoloop__track{z-index:0;will-change:transform;-webkit-user-select:none;user-select:none;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1;position:relative}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop[data-intro] .logoloop__item{opacity:0}.logoloop__content{align-items:center;gap:calc(var(--logoloop-logoHeight) * .3);color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:4px;padding:0;text-decoration:none;transition:opacity .35s,filter .35s,color .35s;display:inline-flex}.logoloop[data-labels=below] .logoloop__content{gap:calc(var(--logoloop-logoHeight) * .22);flex-direction:column}.logoloop__content:focus-visible{outline-offset:2px;outline:2px solid}.logoloop__node{align-items:center;display:inline-flex}.logoloop__item img{width:auto;height:var(--logoloop-logoHeight);object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;display:block}.logoloop__node,.logoloop__item img{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2)}.logoloop__label{font-size:max(12px, calc(var(--logoloop-logoHeight) * .5));letter-spacing:-.01em;white-space:nowrap;font-weight:600;line-height:1.2}.logoloop[data-labels=below] .logoloop__label{font-size:max(11px, calc(var(--logoloop-logoHeight) * .26));letter-spacing:0;opacity:.72;font-weight:500}.logoloop__tip{margin-top:calc(var(--logoloop-logoHeight) * .2);font-size:max(11px, calc(var(--logoloop-logoHeight) * .26));white-space:nowrap;opacity:0;pointer-events:none;font-weight:500;line-height:1.2;transition:opacity .25s,translate .25s;position:absolute;top:100%;left:50%;translate:-50% 4px}.logoloop--vertical .logoloop__tip{margin-top:0;margin-left:calc(var(--logoloop-logoHeight) * .25);top:50%;left:100%;translate:4px -50%}.logoloop__item:hover .logoloop__tip,.logoloop__item:focus-within .logoloop__tip,.logoloop__item[data-active] .logoloop__tip{opacity:.8;translate:-50%}.logoloop--vertical .logoloop__item:hover .logoloop__tip,.logoloop--vertical .logoloop__item:focus-within .logoloop__tip,.logoloop--vertical .logoloop__item[data-active] .logoloop__tip{translate:0 -50%}.logoloop[data-muted] .logoloop__content{filter:grayscale(var(--logoloop-gray,1));opacity:var(--logoloop-dim,.5)}.logoloop[data-muted] .logoloop__item:hover .logoloop__content,.logoloop[data-muted] .logoloop__item:focus-within .logoloop__content,.logoloop[data-muted] .logoloop__item[data-active] .logoloop__content{filter:none;opacity:1}.logoloop__item[data-color]:hover .logoloop__content,.logoloop__item[data-color]:focus-within .logoloop__content,.logoloop__item[data-color][data-active] .logoloop__content{color:var(--logoloop-item-color)}.logoloop:not([data-muted]) .logoloop__item:not([data-color]) a.logoloop__content:hover,.logoloop:not([data-muted]) .logoloop__item:not([data-color]) button.logoloop__content:hover{opacity:.8}@media (prefers-reduced-motion:reduce){.logoloop__content,.logoloop__node,.logoloop__item img,.logoloop__tip{transition:none}}.line-sidebar{--accent-color:#a855f7;--text-color:#c4c4c4;--marker-color:#6c6c6c;--marker-length:40px;--marker-gap:0px;--tick-scale:.5;--max-shift:20px;--item-gap:20px;--font-size:1.1rem;--smoothing:.1s;z-index:99999;-webkit-user-select:none;user-select:none;pointer-events:auto;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.line-sidebar--left{justify-content:flex-start;left:0;right:auto}.line-sidebar--left.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap));padding-right:0}.line-sidebar--left .line-sidebar__label{transform:translateX(calc(var(--effect,0) * var(--max-shift)))}.line-sidebar--left .line-sidebar__marker,.line-sidebar--left.line-sidebar--markers .line-sidebar__item:not(:last-child):after{left:calc(-1 * var(--marker-length) - var(--marker-gap));transform-origin:0;right:auto}.line-sidebar--right{justify-content:flex-end;left:auto;right:0}.line-sidebar--right.line-sidebar--markers{padding-right:calc(var(--marker-length) + var(--marker-gap));padding-left:0}.line-sidebar--right .line-sidebar__item{justify-content:flex-end;display:flex}.line-sidebar--right .line-sidebar__label{text-align:right;transform:translateX(calc(var(--effect,0) * -1 * var(--max-shift)));justify-content:flex-end}.line-sidebar--right .line-sidebar__marker,.line-sidebar--right.line-sidebar--markers .line-sidebar__item:not(:last-child):after{left:auto;right:calc(-1 * var(--marker-length) - var(--marker-gap));transform-origin:100%}.line-sidebar__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.line-sidebar__item{cursor:pointer;position:relative}.line-sidebar__item:before{content:"";position:absolute;inset:-6px -48px}.line-sidebar__label{font-size:var(--font-size);color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--text-color));align-items:baseline;line-height:1.2;display:inline-flex;position:relative}.line-sidebar__index{opacity:calc(.55 + var(--effect,0) * .45);margin-right:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.line-sidebar__marker{height:1px;width:var(--marker-length);background-color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--marker-color));transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .5));position:absolute;top:50%}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";top:calc(100% + var(--item-gap) / 2);height:1px;width:calc(var(--marker-length) * var(--tick-scale));background-color:var(--marker-color);opacity:.5;position:absolute;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .6))}@media (width<=1024px){.line-sidebar{display:none!important}}.home-container{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative}.hero-section{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;min-height:100vh;padding:2rem 1.5rem;display:flex}.hero-image-wrapper{aspect-ratio:832/850;justify-content:center;align-items:center;width:min(400px,80vw);margin:0 auto;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.hero-skeleton{background:var(--bg-surface);border:1px solid var(--border-subtle);z-index:2;pointer-events:none;border-radius:8px;width:100%;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;position:absolute;inset:0;overflow:hidden}.hero-skeleton--hidden{opacity:0;visibility:hidden}.hero-skeleton-shimmer{background:linear-gradient(90deg, transparent 0%, var(--border-strong) 50%, transparent 100%);opacity:.3;animation:1.8s cubic-bezier(.4,0,.2,1) infinite hero-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes hero-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-image-wrapper .dither-veil{transition:opacity .6s cubic-bezier(.16,1,.3,1);width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.hero-image-wrapper .dither-veil.is-loading{opacity:0}.hero-image-wrapper .dither-veil.is-loaded{opacity:1}.hero-image-wrapper canvas{display:block;width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.intro-section{opacity:0;filter:blur(4px);will-change:transform, opacity, filter;flex-direction:column;align-items:flex-start;width:100%;max-width:720px;margin:0 auto;padding:6rem 1.5rem 8rem;display:flex;transform:translateY(10px)}.intro-section.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards introSectionIn}.intro-section.fade-out{animation:.35s cubic-bezier(.4,0,1,1) forwards introSectionOut}@keyframes introSectionIn{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes introSectionOut{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(4px);transform:translateY(-8px)}}.intro-inner{flex-direction:column;gap:2.4rem;width:100%;display:flex}.intro-line{color:var(--text-secondary);letter-spacing:-.01em;font-size:1.125rem;line-height:1.75}.intro-greeting{color:var(--text-primary);letter-spacing:-.025em;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600;line-height:1.35}.intro-normal{font-weight:400}.intro-footnote{color:var(--text-secondary);border-left:3px solid var(--border-strong);background:var(--bg-surface);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;font-size:.95rem;font-style:italic;line-height:1.8}.intro-cta{color:var(--text-muted);letter-spacing:.02em;margin-top:1.25rem;font-size:1.05rem;font-weight:500;animation:2.5s ease-in-out infinite gentle-pulse}@keyframes gentle-pulse{0%,to{opacity:.65}50%{opacity:1}}.projects-section{opacity:0;filter:blur(4px);will-change:transform, opacity, filter;flex-direction:column;align-items:flex-start;width:100%;max-width:720px;margin:0 auto;padding:4rem 1.5rem 12rem;display:flex;transform:translateY(10px)}.projects-section.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards introSectionIn}.projects-section.fade-out{animation:.35s cubic-bezier(.4,0,1,1) forwards introSectionOut}.projects-inner{flex-direction:column;gap:2rem;width:100%;display:flex}.projects-line{color:var(--text-secondary);letter-spacing:-.01em;font-size:1.125rem;line-height:1.75}.projects-classified{color:var(--text-muted);font-style:italic}.projects-opensource{color:var(--text-primary);font-size:1.25rem;font-weight:500;line-height:1.6}.projects-highlight-card{border:1px solid var(--border-color);border-radius:4px;margin-top:.5rem;padding:2.2rem 2.4rem;transition:border-color .25s,background-color .25s}.projects-highlight-card:hover{border-color:var(--border-strong)}.projects-pitch{color:var(--text-primary);letter-spacing:-.015em;font-size:clamp(1.2rem,3vw,1.55rem);font-weight:500;line-height:1.65}.kyun-r-btn{background-color:var(--text-primary);color:var(--bg-primary);letter-spacing:.04em;vertical-align:middle;white-space:nowrap;border-radius:4px;align-items:center;gap:.4rem;margin-left:.35rem;padding:.3rem .95rem;font-family:inherit;font-size:.88em;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 2px 10px #00000026}.kyun-r-btn:active{transform:translateY(0)scale(.98)}.socials-section{opacity:0;filter:blur(4px);will-change:transform, opacity, filter;flex-direction:column;justify-content:center;align-items:center;gap:3.5rem;width:100%;max-width:800px;margin:0 auto;padding:3rem 1.5rem 6rem;display:flex;position:relative;transform:translateY(10px)}.socials-section.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards introSectionIn}.socials-section.fade-out{animation:.35s cubic-bezier(.4,0,1,1) forwards introSectionOut}.socials-inner{justify-content:center;align-items:center;width:100%;display:flex}.contact-inner{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.contact-heading{color:var(--text-primary);letter-spacing:-.015em;text-align:center;width:100%;margin:0;font-size:clamp(1.2rem,3vw,1.45rem);font-weight:500;line-height:1.6}.contact-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.15rem;display:flex}.contact-btn{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);letter-spacing:-.01em;cursor:pointer;border-radius:4px;align-items:center;gap:.65rem;padding:.85rem 1.6rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #00000014}.contact-btn-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.contact-btn-text{line-height:1}.footer-section{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;margin-top:2rem;display:flex;position:relative;overflow:hidden}.footer-bg-wrapper{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.footer-bg-video{object-fit:contain;width:100%;height:100%;display:block}.footer-inner{z-index:1;justify-content:center;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:3rem 1.5rem;display:flex;position:relative}.of-tooltip-backdrop{z-index:999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out forwards ofFadeIn;display:flex;position:fixed;inset:0}.of-tooltip-card{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;width:100%;max-width:440px;padding:2rem 2.2rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards ofCardIn;position:relative;box-shadow:0 20px 48px #00000073}.of-tooltip-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.1rem;transition:color .2s;position:absolute;top:.85rem;right:.85rem}.of-tooltip-close:hover{color:var(--text-primary)}.of-tooltip-text{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:500;line-height:1.6}.of-tooltip-link-btn{color:#00aff0;font-weight:700;font-size:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;margin:0;padding:0;font-family:inherit;text-decoration:underline;transition:opacity .2s,transform .2s;display:inline-block}.of-tooltip-link-btn:hover{opacity:.8}@keyframes ofFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ofCardIn{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=600px){.intro-section{padding:4rem 1.25rem 6rem}.intro-inner{gap:2rem}.intro-greeting{font-size:1.4rem}.intro-line{font-size:1rem}.intro-footnote{padding:1rem 1.1rem;font-size:.85rem}.projects-section{padding:3rem 1.25rem 5rem}.projects-highlight-card{padding:1.5rem 1.4rem}.projects-pitch{font-size:1.15rem}.kyun-r-btn{margin-top:.5rem;display:inline-flex}.socials-section{padding:1rem 1rem 4rem}.of-tooltip-card{padding:1.5rem 1.4rem}.of-tooltip-text{font-size:1rem}.contact-heading{font-size:1.15rem}.contact-ctas{gap:.75rem}.contact-btn{padding:.75rem 1.35rem;font-size:.95rem}}