:root{--paper: #f2e9d3;--paper-edge: #e3d6b6;--ink: #2c2620;--ink-faded: #857a66;--rule: rgba(44, 38, 32, .14);--red-pencil: #c65a3c;--warm-accent: #e0a04a;--font-display: "Playfair Display", Georgia, serif;--font-body: "EB Garamond", Garamond, "Times New Roman", serif;--font-geo: "Montserrat", "Helvetica Neue", sans-serif;--font-label: var(--font-geo);--font-hand: "Nanum Pen Script", cursive}html.skip-loading .loading-screen{display:none!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:5.5rem}body{font-family:var(--font-display);background-color:var(--paper);color:var(--ink);line-height:1.5;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 120% 100% at 50% 45%,transparent 60%,rgba(140,115,70,.13) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.45 0 0 0 0 0.38 0 0 0 0 0.26 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto;display:block}::selection{background:#c65a3c40}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background-color:var(--paper);overflow:hidden;transition:opacity .35s ease-out;background-image:radial-gradient(ellipse 120% 100% at 50% 45%,transparent 60%,rgba(140,115,70,.13) 100%)}.loading-screen.is-leaving{opacity:0;pointer-events:none}.player-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:1rem;transition:transform .35s ease}.player-button:hover:not(:disabled){transform:rotate(-1.2deg) scale(1.015)}.player-button:disabled{cursor:default}.player-svg{width:min(320px,72vw);overflow:visible}.record{transform-box:view-box;transform-origin:150px 170px}.groove{stroke:var(--paper);opacity:.55}.record-label{fill:var(--paper);stroke:var(--ink)}.record-hole{fill:var(--ink)}.is-spinning .record{animation:spin-up 1.4s cubic-bezier(.6,.05,.9,.5) 1,record-spin 1.9s linear 1.4s infinite}@keyframes spin-up{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes record-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tonearm{transform-box:view-box;transform-origin:283px 88px;transform:rotate(-24deg);transition:transform .9s cubic-bezier(.34,1.3,.64,1)}.is-playing .tonearm{transform:rotate(0)}.pivot{fill:var(--paper)}.piece{transform-box:fill-box;transform-origin:center}.is-exploding .player-svg{animation:none;overflow:visible}.is-exploding .piece{transition:transform .55s cubic-bezier(.3,.5,.5,1)}.is-exploding .piece-case{transform:translate(-600px,1700px) rotate(-200deg)}.is-exploding .piece-record{transform:translate(-2000px,-1300px) rotate(-560deg)}.is-exploding .piece-arm{transform:translate(2100px,-1100px) rotate(440deg)}.is-exploding .piece-knobs{transform:translate(1900px,1400px) rotate(560deg)}.is-exploding .piece-screws{transform:translate(-2100px,700px) rotate(320deg)}.is-exploding .record{animation:none}.loading-screen.is-exploding{animation:screen-jolt .35s linear}@keyframes screen-jolt{0%{transform:translate(0)}20%{transform:translate(-7px,5px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-4px,-4px)}80%{transform:translate(4px,3px)}to{transform:translate(0)}}.masthead{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem clamp(1.25rem,4vw,2.5rem) .85rem;position:fixed;top:0;left:0;right:0;z-index:3;background:linear-gradient(to bottom,var(--paper) 72%,transparent);pointer-events:none}.masthead a{pointer-events:auto}.masthead-logo{display:block;flex-shrink:0;width:clamp(64px,8vw,84px);line-height:0;transition:transform .2s ease}.masthead-logo img{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.masthead-logo:hover{transform:rotate(-4deg) scale(1.05)}.masthead-nav{display:flex;align-items:baseline;gap:clamp(.9rem,2vw,1.6rem);flex-shrink:0;margin-top:.35rem;font-family:var(--font-geo);font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.masthead-link{border-bottom:1px solid transparent;transition:border-color .2s ease}.masthead-link:hover{border-bottom-color:var(--ink)}.masthead-link.is-current{color:var(--red-pencil);border:1.5px solid var(--red-pencil);border-radius:155px 35px 145px/35px 145px 35px 155px;padding:.2em .6em}.masthead-link.is-current:hover{border-bottom-color:var(--red-pencil)}.home{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem 8rem;overflow:hidden}.home-backdrop{position:relative;z-index:2;margin:0 0 -1.25rem;font-family:var(--font-hand);font-weight:400;font-size:clamp(5.5rem,18vw,12.5rem);line-height:.85;letter-spacing:.02em;color:var(--ink);opacity:.28;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;text-align:center}.home-backdrop span{display:inline-block}.home-backdrop span:nth-child(1){transform:translateY(.02em) rotate(-3deg)}.home-backdrop span:nth-child(2){transform:translateY(-.04em) rotate(2deg)}.home-backdrop span:nth-child(3){transform:translateY(.03em) rotate(-1deg)}.home-backdrop span:nth-child(5){transform:translateY(-.02em) rotate(3deg)}.home-backdrop span:nth-child(6){transform:translateY(.05em) rotate(-2deg)}.home-backdrop span:nth-child(7){transform:translateY(-.03em) rotate(1deg)}.home-backdrop span:nth-child(8){transform:translateY(.02em) rotate(-2deg)}.home-backdrop-space{width:.28em}.home-doodle{position:relative;z-index:1;display:block;flex-shrink:0;margin-inline:auto;margin-top:.35rem;width:clamp(260px,40vw,400px);height:clamp(260px,40vw,400px);background-image:url(/images/draw-boy.png);background-position:center;background-size:contain;background-repeat:no-repeat;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.home-scroll{position:absolute;bottom:6.35rem;left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:.45rem;color:var(--ink-faded);transition:color .2s ease,transform .2s ease}.home-scroll:hover{color:var(--ink);transform:translate(-50%) translateY(3px)}.home-scroll-text{font-family:var(--font-geo);font-size:.62rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase}.home-scroll-tri{width:12px;height:9px;display:block}@media(max-width:760px){.home-doodle{width:min(280px,78vw);height:min(280px,78vw)}}.section{padding:3.25rem 1.5rem 7rem;position:relative;z-index:1}.section-title{display:inline-block;position:relative;font-family:var(--font-hand);font-weight:400;font-size:clamp(2.8rem,6vw,4rem);line-height:1;letter-spacing:.02em;margin-bottom:2.4rem;transform:rotate(-1.5deg)}.section-title:after{content:"";position:absolute;left:.08em;bottom:-.08em;width:1.4em;height:3px;background:var(--red-pencil);border-radius:2px;transform:rotate(-2deg)}.about-section{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--rule);min-height:100vh;min-height:100dvh;padding-top:4rem;padding-bottom:8.5rem}.dict-layout{display:flex;align-items:center;gap:clamp(2.5rem,5vw,4.5rem);width:min(1180px,100%)}.dict-entry{max-width:560px}.dict-word{font-family:var(--font-body);font-weight:400;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.05;letter-spacing:.01em}.dict-phonetic{margin-top:1.1rem;font-family:var(--font-body);font-size:1.2rem;color:var(--ink)}.dict-pos{font-family:var(--font-body);font-size:.95rem;font-style:italic;font-weight:400;letter-spacing:.02em}.dict-defs{margin-top:1.7rem;list-style:none;counter-reset:def;display:flex;flex-direction:column;gap:1.1rem}.dict-defs li{counter-increment:def;display:grid;grid-template-columns:1.25rem 1fr;column-gap:.45rem;align-items:baseline;font-family:var(--font-body);font-size:1.2rem;line-height:1.6}.dict-defs li:before{content:counter(def);grid-column:1;font-family:var(--font-body);font-size:1.2rem;font-weight:400;line-height:inherit;color:var(--red-pencil);text-align:right}.about-photo{flex-shrink:0;width:clamp(220px,26vw,380px)}.about-photo img{width:100%;display:block;filter:grayscale(1) contrast(1.05)}@media(max-width:760px){.dict-layout{flex-direction:column-reverse;justify-content:flex-start;text-align:left}.about-photo{width:min(240px,62vw)}}.projects-section{border-top:1px solid var(--rule);display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding-top:4.5rem;padding-bottom:7.5rem}.projects-container{width:min(1180px,100%);transform:translateY(-1.6rem)}.projects-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.75rem);align-items:start;margin-top:2.85rem}.proj{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;color:inherit;text-decoration:none}.proj-mark{width:100%;height:clamp(96px,12vw,132px);display:flex;align-items:center;justify-content:center}.proj-mark img{width:auto;height:auto;max-width:min(118px,78%);max-height:110px;display:block;object-fit:contain;transition:transform .25s ease}a.proj:hover .proj-mark img{transform:rotate(-2deg) scale(1.05)}.proj-num{font-family:var(--font-geo);font-size:.72rem;font-weight:500;letter-spacing:.14em;color:var(--red-pencil)}.proj-name{font-family:var(--font-geo);font-weight:500;font-size:.68rem;line-height:1.35;letter-spacing:.12em;text-transform:uppercase;color:var(--red-pencil);max-width:14ch}@media(max-width:860px){.projects-section{min-height:100dvh;align-items:center;padding-top:4rem;padding-bottom:7rem}.projects-container{transform:translateY(-1rem)}.projects-row{display:flex;overflow-x:auto;gap:1.75rem;padding:.25rem .15rem 1rem;margin-top:2.25rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.proj{flex:0 0 42vw;min-width:150px;scroll-snap-align:start}.proj-name{max-width:16ch}}.experience-section{border-top:1px solid var(--rule);display:flex;justify-content:center;align-items:stretch;min-height:100vh;min-height:100dvh;padding-top:4.5rem;padding-bottom:8rem}.experience-stage{position:relative;width:min(1180px,100%);display:flex;flex-direction:column;min-height:min(70vh,640px)}.experience-map{position:relative;width:100%;aspect-ratio:1400 / 600;margin-top:.75rem;margin-bottom:2.75rem}.experience-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.experience-path-ink path{fill:none;stroke:#2c26206b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.experience-path-dash{stroke-dasharray:4.5 6.5}.exp-node{fill:#2c262080}.exp-node-halo{fill:none;stroke:#2c262024;stroke-width:1.25}.exp-node-end{fill:#2c262061}.exp-item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.4rem;width:7.5rem;text-decoration:none;color:var(--ink);transform:translate(-50%,calc(-100% - 14px));transition:transform .22s ease}.exp-item:hover{transform:translate(-50%,calc(-100% - 18px))}.exp-logo{width:auto;height:clamp(42px,5.2vw,60px);max-width:72px;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.exp-logo-wide{height:clamp(26px,3.4vw,38px);max-width:108px}.exp-name{font-family:var(--font-geo);font-size:.72rem;font-weight:500;letter-spacing:.04em;color:var(--ink);text-align:center;white-space:nowrap}.exp-1{left:calc(195 / 1400 * 100%);top:calc(258 / 600 * 100%)}.exp-2{left:calc(505 / 1400 * 100%);top:calc(452 / 600 * 100%)}.exp-3{left:calc(838 / 1400 * 100%);top:calc(330 / 600 * 100%)}.exp-4{left:calc(1020 / 1400 * 100%);top:calc(275 / 600 * 100%)}.exp-5{left:calc(1214 / 1400 * 100%);top:calc(330 / 600 * 100%)}.experience-note{position:absolute;left:0;bottom:.25rem;display:flex;align-items:center;gap:.7rem;font-family:var(--font-hand);font-size:1.45rem;line-height:1.2;color:var(--ink-faded)}.experience-note-rule{display:block;width:1px;height:1.15em;background:#2c262059;flex-shrink:0}@media(max-width:860px){.experience-section{padding-top:4rem;padding-bottom:7.5rem;align-items:stretch}.experience-stage{min-height:0}.experience-stage{overflow-x:auto;-webkit-overflow-scrolling:touch}.experience-map{min-width:860px;aspect-ratio:1400 / 600}.exp-item{width:6.5rem}.exp-name{font-size:.66rem}.experience-note{position:static;margin-top:.5rem}}.contact-dock{position:fixed;right:clamp(.9rem,2.5vw,1.6rem);bottom:clamp(1rem,2.5vw,1.5rem);z-index:6;display:flex;align-items:center;gap:.7rem}.contact-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;opacity:.78;transition:opacity .2s ease,transform .2s ease}.contact-link img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.contact-link:hover{opacity:1;transform:rotate(-6deg) scale(1.1)}@media(max-width:940px){.contact-dock{right:.75rem;bottom:6.85rem;flex-direction:column;gap:.55rem}}@media(max-width:720px){.masthead{align-items:center}.masthead-nav{margin-top:0}.contact-link{width:32px;height:32px}}.player-bar{position:fixed;left:50%;bottom:1.1rem;transform:translate(-50%,calc(100% + 2rem));z-index:5;width:min(620px,calc(100% - 2rem));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.65rem 1.1rem;background-color:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:3px 4px #2c26202e;opacity:0;transition:transform .6s cubic-bezier(.34,1.3,.64,1),opacity .4s ease}.player-bar.is-visible{transform:translate(-50%);opacity:1}.pb-track{display:flex;align-items:center;gap:.6rem;min-width:0}.pb-vinyl{flex-shrink:0;width:26px;color:var(--ink);animation:record-spin 2.4s linear infinite}.player-bar.is-paused .pb-vinyl{animation-play-state:paused}.pb-meta{display:flex;flex-direction:column;min-width:0;line-height:1.25}.pb-title{font-family:var(--font-display);font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-artist{font-family:var(--font-geo);font-size:.6rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faded);margin-top:.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-controls{display:flex;align-items:center;gap:.35rem}.pb-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--ink);cursor:pointer;width:34px;height:34px;padding:6px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.pb-btn:hover{transform:rotate(-6deg) scale(1.15)}.pb-btn:active{transform:scale(.92)}.pb-btn svg{width:100%}.pb-btn svg[hidden]{display:none}.pb-btn-play{width:42px;height:42px;padding:8px}.pb-btn-play:hover{transform:scale(1.08)}.pb-volume{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.pb-speaker{width:20px;flex-shrink:0;color:var(--ink)}.pb-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:88px;height:16px;background:transparent;cursor:pointer}.pb-slider::-webkit-slider-runnable-track{height:2px;background:var(--ink);border-radius:2px;opacity:.45}.pb-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5.5px;background:var(--paper);border:2.5px solid var(--ink);border-radius:55% 45% 50% 50%/50% 55% 45% 50%}.pb-slider::-moz-range-track{height:2px;background:var(--ink);border-radius:2px;opacity:.45}.pb-slider::-moz-range-thumb{width:13px;height:13px;background:var(--paper);border:2.5px solid var(--ink);border-radius:55% 45% 50% 50%/50% 55% 45% 50%}@media(max-width:640px){.player-bar{grid-template-columns:1fr auto;gap:.6rem}.pb-volume{display:none}}@media(max-width:640px){.masthead{padding:1.1rem 1.25rem .75rem}.section{padding-top:2.75rem}.projects-section,.experience-section{padding-top:4rem;padding-bottom:7rem}.about-section{padding-top:3.25rem}}