@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Thin.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-ThinItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Hairline.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-HairlineItalic.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedBlack.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedLight.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedLight.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedMedium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Extrabold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-ExtraboldItalic.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowBoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowSemibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedLight.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedMedium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedThin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:formula-semiextended;src:url(/fonts/formula/PPFormula-SemiExtendedBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Ultralight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}:root{--bg: #f7f6f2;--bg-2: #f0eee8;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .9);--line: rgba(24, 24, 24, .1);--text: #171717;--muted: #625f58;--soft: #949087;--shadow: 0 24px 60px rgba(26, 26, 26, .08);--shadow-strong: 0 34px 90px rgba(20, 20, 20, .12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(230,228,223,.95),transparent 28%),radial-gradient(circle at 90% 12%,rgba(255,255,255,.9),transparent 18%),linear-gradient(180deg,#fcfcfa,#f5f3ee 52%,#fbfaf8);color:var(--text);font-family:Pretendard Variable,Pretendard,sans-serif;overflow-x:hidden}:lang(ko){font-family:Noto Sans KR,Pretendard Variable,Pretendard,sans-serif;word-break:keep-all}h1:lang(ko){font-size:clamp(1.85rem,4vw,3.7rem);line-height:1.18;letter-spacing:-.03em}h2:lang(ko){font-size:clamp(1.4rem,3vw,2.6rem);line-height:1.22;letter-spacing:-.03em}h3:lang(ko){font-size:clamp(.95rem,1.5vw,1rem);line-height:1.4;letter-spacing:-.01em}:lang(en){font-family:Pretendard Variable,Pretendard,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.44),transparent 22%,transparent 78%,rgba(255,255,255,.3)),linear-gradient(180deg,rgba(255,255,255,.28),transparent 40%);pointer-events:none;z-index:-1}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.page-shell{width:min(100%,1440px);margin:0 auto;padding:0 1.25rem 4rem}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;margin-bottom:1.25rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark,.site-nav a,.eyebrow,.project-index,.contact-caption{font-family:inherit;letter-spacing:.08em;text-transform:uppercase}.brand-mark{font-size:.86rem}.site-nav{display:flex;align-items:center;gap:1.25rem;color:var(--muted);font-size:.82rem}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;bottom:-.25rem;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.section{padding:6rem 0}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,4vw,5rem);align-items:end;min-height:calc(100svh - 5.5rem);padding-top:2.5rem}.hero-copy{max-width:42rem;padding-bottom:2.5rem}.hero-kicker{margin-bottom:.9rem;font-size:.88rem;color:var(--muted)}.eyebrow{margin-bottom:1.1rem;color:var(--soft);font-size:.74rem}h1,h2,h3{font-weight:500;letter-spacing:-.05em}h1{font-size:clamp(4rem,8vw,7.8rem);line-height:.9}h2{font-size:clamp(3rem,6vw,5.5rem);line-height:.92}h3{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.08}p{font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.8;color:var(--muted)}.hero-text{margin-top:1.6rem;max-width:31rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:.95rem 1.45rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-family:inherit;font-size:.98rem;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease}.button:hover,.button:focus-visible{transform:translateY(-2px);background:var(--surface-strong);box-shadow:0 18px 35px #14141414}.button-primary{background:#171717;border-color:#171717;color:#f6f5f2}.button-primary:hover,.button-primary:focus-visible{background:#242424}.hero-visual{position:relative;min-height:48rem}.hero-visual-stack{position:relative;width:100%;height:100%}.hero-image-card,.about-image,.project-card,.hero-note,.contact-block{overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:2rem;background:var(--surface);box-shadow:var(--shadow)}.hero-image-card{position:absolute}.hero-image-primary{right:0;bottom:0;width:min(100%,36rem);height:40rem;z-index:2}.hero-image-secondary{left:0;top:3rem;width:min(64%,18rem);height:18rem;z-index:3;border-radius:1.5rem;box-shadow:var(--shadow-strong)}.hero-note{position:absolute;left:2rem;bottom:3.25rem;z-index:4;width:min(56%,17rem);padding:1.2rem 1.2rem 1.3rem;background:#ffffffd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-note .eyebrow{margin-bottom:.6rem}.hero-image-card img,.about-image img,.project-image img{filter:saturate(.88) contrast(1.02) brightness(1.01);transition:transform 1s ease}.hero-image-card:hover img,.about-image:hover img,.project-card:hover .project-image img{transform:scale(1.04)}.marquee-band{margin:1.5rem 0 .5rem;padding:1rem 0;overflow:hidden;border-top:1px solid rgba(23,23,23,.08);border-bottom:1px solid rgba(23,23,23,.08)}.marquee-track{display:flex;gap:2rem;width:max-content;color:#171717cc;font-size:clamp(1.1rem,2vw,1.4rem);animation:marqueeMove 20s linear infinite}.marquee-track span{position:relative}.marquee-track span:after{content:"•";margin-left:2rem;color:#17171747}.about-intro,.section-heading,.projects-head{margin-bottom:2.5rem}.about-layout{display:grid;grid-template-columns:1.15fr .85fr .7fr;gap:1.5rem;align-items:end}.about-copy{display:grid;gap:1rem}.about-copy-feature{padding-right:1rem}.about-lead{color:var(--text);font-size:clamp(1.15rem,1.6vw,1.45rem)}.about-image{min-height:36rem}.about-image-tall{border-radius:2.25rem}.about-copy-side{align-self:stretch;padding:1.5rem;border-radius:1.75rem;background:#ffffff8c;border:1px solid rgba(23,23,23,.06)}.about-quote{margin-top:auto;padding-top:2rem;border-top:1px solid rgba(23,23,23,.08)}.projects-head{display:grid;grid-template-columns:1.1fr .7fr;gap:2rem;align-items:end}.projects-intro{max-width:26rem;justify-self:end}.project-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.5rem;align-items:start}.project-card{display:grid;grid-template-rows:auto 1fr;transition:transform .35s ease,box-shadow .35s ease}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong)}.project-card-large .project-image{aspect-ratio:.96}.project-card-offset{margin-top:5rem}.project-card-offset .project-image{aspect-ratio:.78}.project-image{position:relative}.project-body{display:grid;gap:.95rem;padding:1.55rem}.project-index{font-size:.76rem;color:var(--soft)}.skills-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.skill-card{grid-column:span 4;min-height:14rem;padding:1.5rem;border:1px solid var(--line);border-radius:1.5rem;background:#ffffff9e;box-shadow:0 12px 32px #1414140a;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.skill-card-tall{grid-column:span 5;min-height:18rem}.skill-card-tools{grid-column:span 7}.tool-list{display:flex;flex-wrap:wrap;gap:.75rem}.tool-list span{padding:.75rem 1rem;border-radius:999px;background:#f1f0ec;color:var(--text);font-size:.84rem}.contact{padding-bottom:7rem}.contact-block{padding:clamp(2rem,4vw,3rem);background:linear-gradient(180deg,#ffffffd6,#f7f6f2f2),radial-gradient(circle at top right,rgba(255,255,255,.9),transparent 28%);box-shadow:var(--shadow-strong)}.contact-topline{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.contact-caption{color:var(--soft);font-size:.78rem}.contact-text{margin-top:1.5rem;max-width:34rem}[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}[data-parallax]{will-change:transform}@keyframes marqueeMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1100px){.hero,.about-layout,.projects-head,.project-grid{grid-template-columns:1fr}.hero{min-height:auto;gap:2rem}.hero-copy{padding-bottom:0}.hero-visual{min-height:38rem}.hero-image-primary{width:min(100%,32rem);height:31rem}.hero-image-secondary{top:1rem;width:min(52%,16rem);height:14rem}.hero-note{bottom:1.5rem}.about-copy-side{min-height:auto}.projects-intro{justify-self:start}.project-card-offset{margin-top:0}.skill-card,.skill-card-tall,.skill-card-tools{grid-column:span 6}}@media (max-width: 720px){.page-shell{padding:0 1rem 3.5rem}.site-header{align-items:flex-start;flex-direction:column;padding-top:1rem}.site-nav{flex-wrap:wrap;gap:.85rem 1rem}.section{padding:4rem 0}.hero-visual{min-height:28rem}.hero-image-primary{width:100%;height:23rem;position:relative}.hero-image-secondary{top:-1rem;left:1rem;width:42%;height:9rem}.hero-note{left:1rem;right:1rem;width:auto;bottom:1rem}.marquee-track{font-size:1rem}.skills-grid{grid-template-columns:1fr}.skill-card,.skill-card-tall,.skill-card-tools{grid-column:auto;min-height:auto}.hero-actions,.button{width:100%}.contact-topline{flex-direction:column}}