:root{--color-bg:#fff;--color-bg-alt:#f4f6fb;--color-text:#141a2e;--color-muted:#5b6478;--color-primary:#0f3fff;--color-primary-dark:#010c80;--color-border:#e3e7f0;--max-width:1080px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Pretendard", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);word-break:keep-all;margin:0;line-height:1.7}img{max-width:100%;height:auto}a{color:var(--color-primary);text-decoration:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.container.narrow{max-width:760px}.site-header{z-index:10;backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:#ffffffeb;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{align-items:center;display:flex}.logo img{width:auto;height:22px}.site-nav{align-items:center;gap:1.75rem;display:flex}.site-nav a{color:var(--color-text);font-weight:500}.site-nav a:hover{color:var(--color-primary)}.lang-switch{border:1px solid var(--color-border);letter-spacing:.04em;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:600}.nav-toggle{cursor:pointer;color:var(--color-text);background:0 0;border:none;font-size:1.5rem;display:none}.beat{text-align:center;padding:5.5rem 0;position:relative}.beat-alt{background:var(--color-bg-alt)}.beat+.beat:before{content:"";background:linear-gradient(180deg, var(--color-border), transparent);width:1px;height:2.5rem;position:absolute;top:0;left:50%}.beat-num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--color-primary);margin-bottom:1.25rem;font-size:.75rem;display:inline-block}.beat-title{letter-spacing:.08em;color:var(--color-muted);margin:0 0 2rem;font-size:.95rem;font-weight:600}.beat-text{letter-spacing:-.01em;color:var(--color-primary-dark);margin:0;font-size:clamp(1.5rem,3.6vw,2.25rem);font-weight:700;line-height:1.45}.beat-text-muted{color:var(--color-text);font-weight:500}.beat-hero{background:#f4f6fb;align-items:center;min-height:78vh;padding:6rem 0 6.5rem;display:flex;overflow:hidden}.hero-bg{object-fit:cover;object-position:center 45%;filter:saturate(.75)brightness(1.02);width:100%;height:100%;animation:6s ease-out forwards hero-settle;position:absolute;inset:0;transform:scale(1.04)}.hero-overlay{background:radial-gradient(70% 60% at 50% 55%,#ffffffc2 0%,#ffffff7a 60%,#ffffff47 100%),linear-gradient(#f4f6fbc7 0%,#ffffff61 40%,#ffffff7a 75%,#fff 100%);position:absolute;inset:0}.hero-content{z-index:1;animation:1.1s cubic-bezier(.2,.7,.2,1) .15s both hero-rise;position:relative}.hero-content .beat-text{text-shadow:0 1px #fffc,0 0 24px #ffffffe6}@keyframes hero-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-settle{0%{transform:scale(1.08)}to{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.hero-bg,.hero-content{animation:none;transform:none}}.hero-mark{width:72px;height:72px;margin-bottom:1.5rem}.eyebrow{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:700}.beat-hero .beat-text{font-size:clamp(1.75rem,4.5vw,2.75rem)}.beat-problem{padding-top:4.5rem}.work-grid{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.work-grid li{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-bg);padding:2rem 1.25rem}.work-grid strong{color:var(--color-primary-dark);letter-spacing:-.01em;font-size:1.35rem;font-weight:700;display:block}.work-grid span{color:var(--color-muted);margin-top:.35rem;font-size:.9rem;display:block}.steps{grid-template-columns:repeat(4,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.75rem 1rem;position:relative}.steps li+li:before{content:"→";color:var(--color-primary);padding:0 .15rem;font-size:1.1rem;position:absolute;top:50%;left:-.5rem;transform:translate(-50%,-50%)}.step-index{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-flex}.steps strong{color:var(--color-primary-dark);font-size:1.1rem;display:block}.step-note{color:var(--color-muted);margin-top:.25rem;font-size:.85rem;display:block}.beat-photo{background:var(--color-bg-alt);align-items:center;min-height:70vh;padding:7rem 0;display:flex;overflow:hidden}.beat-bg{position:absolute;inset:0}.beat-bg-img{object-fit:cover;object-position:center 55%;filter:saturate(.55)blur(2px);width:100%;height:100%;display:block;transform:scale(1.03)}.beat-bg:after{content:"";background:radial-gradient(75% 70%,#ffffffb8 0%,#fffc 100%),linear-gradient(#fff 0%,#ffffff26 15% 85%,#fff 100%);position:absolute;inset:0}.beat-bg-duo{grid-template-columns:1fr 1fr;display:grid}.beat-bg-duo .beat-bg-img:first-child{object-position:center 45%;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000 100%);mask-image:linear-gradient(90deg,#000 70%,#0000 100%)}.beat-bg-duo .beat-bg-img:last-child{object-position:center 45%;-webkit-mask-image:linear-gradient(270deg,#000 70%,#0000 100%);mask-image:linear-gradient(270deg,#000 70%,#0000 100%)}.beat-fg{z-index:1;position:relative}.beat-photo .work-grid li,.beat-photo .steps li{backdrop-filter:blur(4px);background:#ffffffdb}.beat-photo .work-grid{border-color:#e3e7f0e6}.method-note{color:var(--color-muted);margin:2rem 0 0;font-size:.95rem}.beat-cta{padding:6rem 0}.cta-title{color:var(--color-primary-dark);letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}.cta-lines{color:var(--color-muted);margin:0 0 2rem;font-size:1.1rem}.btn{background:var(--color-primary);color:#fff;border-radius:8px;padding:.85rem 2rem;font-weight:600;transition:background .15s;display:inline-block}.btn:hover{background:var(--color-primary-dark)}.cta-email{font-family:var(--font-mono);color:var(--color-muted);margin:1rem 0 0;font-size:.9rem}.section{padding:4.5rem 0}.section-alt{background:var(--color-bg-alt)}.section-title{color:var(--color-primary-dark);letter-spacing:-.01em;margin:0 0 1.75rem;font-size:1.5rem}.section p{margin:0 0 1rem}.projects{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.project{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.project-media{aspect-ratio:4/3;background:var(--color-bg-alt);display:block;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}a.project-media:hover img{transform:scale(1.03)}.project-body{padding:1.25rem 1.5rem 1.5rem}.project-body h3{margin:0 0 .4rem;font-size:1.05rem}.project-body h3 a{color:var(--color-text)}.project-body p{color:var(--color-muted);margin:0 0 .9rem;font-size:.92rem;line-height:1.6}.beat-notes{background:var(--color-bg-alt);text-align:left}.notes-label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--color-primary);margin:0 0 1rem;font-size:.8rem}.notes-lines{letter-spacing:-.01em;color:var(--color-primary-dark);margin:0 0 2.5rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;line-height:1.45}.notes-index{padding-top:4rem}.notes-index .notes-lines{margin-bottom:3rem}.note-list{border-top:1px solid var(--color-border);margin:0;padding:0;list-style:none}.note-item{border-bottom:1px solid var(--color-border)}.note-item a{color:var(--color-text);grid-template-columns:4.5rem 1fr;align-items:start;gap:1rem;padding:1.5rem 0;display:grid}.note-no{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-primary);font-size:.85rem}.note-item .note-no{padding-top:.45rem}.note-body{min-width:0;display:block}.note-title{color:var(--color-primary-dark);white-space:pre-line;font-size:1.3rem;font-weight:700;line-height:1.4;transition:color .15s;display:block}.note-item a:hover .note-title{color:var(--color-primary)}.note-desc{color:var(--color-muted);margin-top:.5rem;font-size:.95rem;display:block}.note-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.7rem;font-size:.8rem;display:flex}.notes-more{margin-top:1.75rem;font-weight:600;display:inline-block}.chip{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted);white-space:nowrap;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600;line-height:1.6;display:inline-block}.chip-status-solved{color:#0b7a3b;background:#0b7a3b0f;border-color:#0b7a3b4d}.chip-status-partial{color:#8a5a00;background:#8a5a000f;border-color:#8a5a004d}.chip-status-unsolved{color:#b42318;background:#b423180f;border-color:#b423184d}.chip-status-ongoing{color:var(--color-primary);background:#0f3fff0f;border-color:#0f3fff4d}.empty{color:var(--color-muted)}.note{text-align:left}.back-link{margin-bottom:1.5rem;font-size:.9rem;display:inline-block}.note-header{margin-bottom:2rem}.note-header-top{align-items:center;gap:.75rem;display:flex}.note-header .note-no{font-size:1rem}.note-header h1{color:var(--color-primary-dark);white-space:pre-line;margin:.6rem 0 .9rem;font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.3}.note-parts{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.note-parts-label{color:var(--color-muted);margin-right:.25rem;font-size:.8rem}.note-summary{border:1px solid var(--color-border);border-left:3px solid var(--color-primary);background:var(--color-bg-alt);border-radius:8px;grid-template-columns:5rem 1fr;gap:.6rem 1rem;margin:2rem 0 2.5rem;padding:1.25rem 1.5rem;font-size:.95rem;display:grid}.note-summary dt{color:var(--color-primary-dark);margin:0;font-weight:700}.note-summary dd{margin:0}.note-lang{margin:0 0 2rem;font-size:.9rem}.note-related{border-top:1px solid var(--color-border);margin-top:3.5rem;padding-top:2rem}.note-related h2{letter-spacing:.06em;color:var(--color-muted);margin:0 0 1rem;font-size:.9rem;font-weight:600}.note-related ul{margin:0;padding:0;list-style:none}.note-related li{padding:.4rem 0}.note-related a{color:var(--color-text);font-weight:600}.note-related a:hover{color:var(--color-primary)}.prose{font-size:1.05rem}.prose h2{border-top:1px solid var(--color-border);color:var(--color-primary-dark);margin:3rem 0 1rem;padding-top:1.5rem;font-size:1.5rem}.prose h3{margin:2rem 0 .75rem;font-size:1.2rem}.prose p,.prose ul,.prose ol{margin:0 0 1.25rem}.prose img,.prose video{border-radius:8px;margin:1.5rem auto;display:block}.prose figcaption{text-align:center;color:var(--color-muted);margin-top:-.75rem;margin-bottom:1.5rem;font-size:.85rem}.prose blockquote{border-left:3px solid var(--color-primary);background:var(--color-bg-alt);color:var(--color-muted);margin:1.5rem 0;padding:.5rem 1.25rem}.prose code{font-family:var(--font-mono);background:var(--color-bg-alt);border-radius:4px;padding:.15em .4em;font-size:.9em}.prose pre{border-radius:8px;margin:1.5rem 0;padding:1.25rem;font-size:.9rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-border);text-align:left;padding:.6rem .9rem}.post-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.tag{color:var(--color-primary);background:#0f3fff14;border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:600}.site-footer{background:var(--color-primary-dark);color:#ffffffb3;padding:3.5rem 0 3rem;font-size:.875rem}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.site-footer p{margin:0}.footer-mark{opacity:.9;width:28px;height:28px;margin-bottom:.75rem;display:block}.footer-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;font-size:.75rem;font-weight:600;margin-bottom:.4rem!important}.footer-email{color:#fff;margin-bottom:.4rem;font-size:1.25rem;font-weight:600;display:inline-block}.footer-email:hover{text-decoration:underline}.footer-line{color:#fff9}@media (width<=1000px){.steps{grid-template-columns:repeat(2,1fr);gap:1.25rem}.steps li+li:before{display:none}}@media (width<=720px){.nav-toggle{display:block}.site-nav{background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:64px;left:0;right:0}.site-nav.is-open{display:flex}.site-nav a{border-top:1px solid var(--color-border);padding:1rem 1.25rem}.lang-switch{border-bottom:0;border-left:0;border-right:0;border-radius:0;font-size:1rem}.beat{padding:4rem 0}.beat-hero{min-height:70vh;padding:5rem 0 5.5rem}.beat-photo{min-height:0;padding:4.5rem 0}.beat-bg-duo{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.beat-bg-duo .beat-bg-img:first-child{-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.beat-bg-duo .beat-bg-img:last-child{-webkit-mask-image:linear-gradient(#0000 0%,#000 30%);mask-image:linear-gradient(#0000 0%,#000 30%)}.work-grid{grid-template-columns:repeat(2,1fr)}.work-grid li{padding:1.5rem 1rem}.steps{grid-template-columns:1fr;gap:1.5rem}.steps li+li:before{content:"↓";display:block;top:-.75rem;left:50%;transform:translate(-50%,-50%)}.note-item a{grid-template-columns:3.5rem 1fr;gap:.75rem;padding:1.25rem 0}.note-title{font-size:1.15rem}.note-summary{grid-template-columns:1fr;gap:.15rem}.note-summary dd{margin-bottom:.6rem}.footer-grid{flex-direction:column-reverse;align-items:flex-start}}