:root{--bg: #f2ede3;--bg-2: #e8e2d4;--ink: #191611;--muted: #6f6759;--line: rgba(25, 22, 17, .14);--accent: #e84a00;--accent-soft: #c43e00;--font-display: "Clash Display", "Arial Narrow", sans-serif;--font-hero: "Zodiak", Georgia, "Times New Roman", serif;--font-body: "General Sans", "Segoe UI", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--pad: clamp(20px, 4.5vw, 72px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}html.is-loading,html.menu-open{overflow:hidden}body{background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cpath d='M2 9h14M9 2v14' stroke='%23191611' stroke-opacity='0.13' stroke-width='1'/%3E%3C/svg%3E");background-size:180px 180px;background-position:40px 40px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;opacity:.05;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'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");background-size:300px}::selection{background:var(--accent);color:#f6f1e7}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#19161140;border-radius:99px}@media (pointer: fine){*{cursor:none!important}}a{color:inherit;text-decoration:none}button{background:none;border:0;color:inherit;font:inherit}ul{list-style:none}.mono{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.serif-i{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.site{position:relative;z-index:1}.section{padding:clamp(110px,14vw,200px) var(--pad) 0;position:relative}.kicker{color:var(--muted);display:flex;align-items:center;gap:16px;margin-bottom:clamp(28px,4vw,48px)}.kicker:after{content:"";height:1px;width:64px;background:var(--line)}.h2{font-family:var(--font-display);font-size:clamp(2.1rem,5vw,4.1rem);font-weight:600;line-height:1.06;letter-spacing:-.015em;max-width:21ch}.h2 .serif-i{font-size:1.06em}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg-2);display:grid;place-items:center;clip-path:inset(0 0 0 0)}.preloader-mark{font-family:var(--font-serif);font-style:italic;font-size:clamp(3rem,8vw,5.5rem);color:var(--ink);display:flex;align-items:baseline;gap:.2em}.preloader-mark-dash{color:var(--accent);font-family:var(--font-display);font-style:normal;font-weight:500}.preloader-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:32px;display:flex;justify-content:space-between;color:var(--muted)}.preloader-bar{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:110;pointer-events:none;border-radius:50%}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--accent)}.cursor-ring{width:36px;height:36px;margin:-18px 0 0 -18px;border:1px solid rgba(25,22,17,.4);display:grid;place-items:center;transition:width .35s ease,height .35s ease,margin .35s ease,background-color .35s ease,border-color .35s ease}.cursor-ring.is-active{width:56px;height:56px;margin:-28px 0 0 -28px;border-color:var(--accent)}.cursor-ring.is-view{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--accent);border-color:var(--accent)}.cursor-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;color:#f6f1e7}.nav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);background:linear-gradient(180deg,#f2ede3e6,#f2ede300);visibility:hidden}html.reduced .nav,.nav[style]{visibility:visible}.nav-logo{font-family:var(--font-serif);font-size:1.35rem;letter-spacing:.02em}.nav-logo .serif-i{font-size:1.1em}.nav-links{display:flex;gap:clamp(20px,3vw,44px)}.nav-links a{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:color .3s ease}.nav-links a:hover{color:var(--ink)}.nav-links sup{color:var(--accent);font-size:9px;margin-right:2px}.nav-right{display:flex;align-items:center;gap:24px}.nav-clock{color:var(--muted)}.nav-burger{display:none;width:40px;height:40px;position:relative}.nav-burger span{position:absolute;left:8px;right:8px;height:1.5px;background:var(--ink);transition:transform .4s cubic-bezier(.7,0,.3,1)}.nav-burger span:nth-child(1){top:16px}.nav-burger span:nth-child(2){top:24px}.nav-burger.is-open span:nth-child(1){transform:translateY(4px) rotate(45deg)}.nav-burger.is-open span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#f2ede3f7;display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad);transform:translateY(-102%);transition:transform .7s cubic-bezier(.76,0,.24,1)}.menu.is-open{transform:translateY(0)}.menu-links{display:flex;flex-direction:column;gap:4px}.menu-links a{font-family:var(--font-display);font-size:clamp(2.6rem,11vw,5rem);font-weight:600;text-transform:uppercase;line-height:1.12;display:flex;align-items:baseline;gap:18px;opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s cubic-bezier(.3,1,.4,1)}.menu.is-open .menu-links a{opacity:1;transform:translateY(0)}.menu-index{color:var(--accent)}.menu-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:36px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--muted)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:110px var(--pad) 40px;position:relative}.hero-meta{position:absolute;top:96px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;color:var(--muted)}.hero-title{font-family:var(--font-hero);font-weight:900;font-size:clamp(4.4rem,15vw,14.5rem);line-height:.94;letter-spacing:-.02em;margin-bottom:clamp(28px,4vw,56px)}.hero-title .accent-dot{color:var(--accent)}.hero-title .mask{display:block;overflow:hidden;padding-bottom:.06em}.hero-title .mask>span{display:block;will-change:transform}.hero-line-2{font-size:.86em;margin-left:clamp(24px,8vw,160px)}.hero-sub{max-width:38ch;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.6;color:var(--muted);margin-bottom:clamp(40px,6vw,80px)}.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;color:var(--muted)}.hero-scroll{display:inline-flex;align-items:center;gap:12px}.hero-scroll svg{animation:scroll-nudge 2.2s ease-in-out infinite}@keyframes scroll-nudge{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(6px);opacity:.5}}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-top:clamp(60px,8vw,110px)}.marquee-track{display:flex;width:max-content;animation:marquee 36s linear infinite}.marquee.is-reverse .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-half{display:flex;flex-shrink:0}.marquee-item{font-family:var(--font-display);font-size:clamp(1.05rem,2.2vw,1.5rem);font-weight:500;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;display:inline-flex;align-items:center}.marquee-star{color:var(--accent);margin:0 clamp(20px,3vw,44px);font-size:.75em}.marquee.is-ghost .marquee-item{color:transparent;-webkit-text-stroke:1px rgba(25,22,17,.32)}.marquee.is-ghost .marquee-star{color:var(--accent);-webkit-text-stroke:0}@keyframes marquee{to{transform:translate(-50%)}}.about-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.about-grid>*{grid-column:2}.about-heading{margin-bottom:clamp(32px,4vw,56px)}.about-copy{max-width:58ch;display:grid;gap:1.2em;font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.7;color:var(--muted)}.about-copy .serif-i{color:var(--ink);font-size:1.12em}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:clamp(64px,9vw,120px)}.stat{padding:clamp(24px,3vw,44px) clamp(16px,2vw,32px) 0 0;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat+.stat{padding-left:clamp(16px,2vw,32px)}.stat-num{display:block;font-family:var(--font-display);font-size:clamp(2.2rem,4.6vw,4rem);font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--ink);margin-bottom:14px;font-variant-numeric:tabular-nums}.stat-label{font-size:.88rem;color:var(--muted);max-width:22ch;display:block;line-height:1.5}.exp-heading{margin-bottom:clamp(48px,7vw,96px)}.exp-list{border-bottom:1px solid var(--line)}.exp-row{border-top:1px solid var(--line)}.exp-head{width:100%;display:grid;grid-template-columns:56px minmax(0,1.35fr) minmax(0,1fr) auto 44px;align-items:baseline;gap:20px;padding:clamp(22px,3vw,36px) 0;text-align:left;transition:padding-left .4s cubic-bezier(.3,1,.4,1)}.exp-head:hover{padding-left:14px}.exp-idx{color:var(--accent)}.exp-role{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,2.1rem);font-weight:500;letter-spacing:-.01em;transition:color .3s ease}.exp-row.is-open .exp-role,.exp-head:hover .exp-role{color:var(--accent-soft)}.exp-company{color:var(--muted);font-size:.95rem}.exp-period{color:var(--muted);justify-self:end}.exp-plus{position:relative;width:16px;height:16px;justify-self:end;align-self:center}.exp-plus:before,.exp-plus:after{content:"";position:absolute;background:var(--muted);transition:transform .45s cubic-bezier(.7,0,.3,1),background .3s}.exp-plus:before{left:0;right:0;top:7px;height:1.5px}.exp-plus:after{top:0;bottom:0;left:7px;width:1.5px}.exp-row.is-open .exp-plus:after{transform:rotate(90deg)}.exp-row.is-open .exp-plus:before,.exp-row.is-open .exp-plus:after{background:var(--accent)}.exp-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.7,0,.3,1)}.exp-row.is-open .exp-body{grid-template-rows:1fr}.exp-body-inner{overflow:hidden}.exp-body-inner p{max-width:64ch;color:var(--muted);padding:0 0 clamp(26px,3vw,40px) 76px;line-height:1.7}.work{padding-left:0;padding-right:0}.work-intro{padding:0 var(--pad);display:flex;flex-direction:column}.work-hint{color:var(--muted);margin-top:24px;animation:hint-blink 3s ease-in-out infinite}@keyframes hint-blink{0%,to{opacity:.7}50%{opacity:.25}}.work-pin{height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.work-track{display:flex;gap:clamp(20px,3vw,48px);padding:0 var(--pad);width:max-content;will-change:transform}.panel{position:relative;width:min(76vw,920px);min-height:min(64vh,560px);border:1px solid var(--line);background:linear-gradient(160deg,#fffdf8d1,#f2ede373);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;overflow:hidden;transition:border-color .4s ease}.panel:hover{border-color:#e84a0080}.panel-ghost-idx{position:absolute;right:-1.5%;bottom:-14%;font-family:var(--font-display);font-weight:700;font-size:clamp(10rem,24vw,20rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(25,22,17,.18);pointer-events:none;-webkit-user-select:none;user-select:none}.panel-top{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:auto;padding-bottom:clamp(40px,7vh,90px)}.panel-title{font-family:var(--font-display);font-size:clamp(2.4rem,5.4vw,4.6rem);font-weight:600;letter-spacing:-.015em;line-height:1;margin-bottom:20px}.panel-desc{max-width:52ch;color:var(--muted);line-height:1.65;margin-bottom:28px}.panel-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.panel-tags li{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:7px 14px;border-radius:99px}.panel-link{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:1.05rem;font-weight:500;letter-spacing:.02em;color:var(--ink);width:fit-content;border-bottom:1px solid var(--line);padding-bottom:6px;transition:color .3s ease,border-color .3s ease}.panel-link:hover{color:var(--accent-soft);border-color:var(--accent)}.panel-link svg{transition:transform .35s cubic-bezier(.3,1,.4,1)}.panel-link:hover svg{transform:translate(3px,-3px)}.work-progress{position:absolute;left:var(--pad);right:var(--pad);bottom:5vh;height:1px;background:var(--line)}.work-progress-bar{height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.skills-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(32px,5vw,88px);align-items:start}.skills-heading{margin-bottom:0}.skills-list{width:100%;border-bottom:1px solid var(--line)}.skill-group{display:grid;grid-template-columns:minmax(140px,.35fr) 1fr;gap:24px;border-top:1px solid var(--line);padding:clamp(28px,4vw,44px) 0}.skill-group:first-child{border-top:0;padding-top:6px}.skill-label{color:var(--accent);padding-top:8px}.skill-chips{display:flex;flex-wrap:wrap;gap:10px}.skill-chips li{font-size:.92rem;font-weight:500;border:1px solid var(--line);border-radius:99px;padding:10px 20px;color:var(--muted);background:#f8f4ecd9;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.skill-chips li:hover{background:var(--ink);border-color:var(--ink);color:#f2ede3}.contact{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-bottom:0}.contact-heading{font-family:var(--font-display);font-size:clamp(2.7rem,8.2vw,7.6rem);font-weight:600;line-height:1.02;letter-spacing:-.02em;max-width:14ch;margin-bottom:clamp(44px,6vw,80px)}.contact-heading .serif-i{color:var(--accent);font-size:1.05em}.contact-email{display:inline-flex;align-items:center;gap:clamp(16px,3vw,32px);width:fit-content;max-width:100%;font-family:var(--font-display);font-size:clamp(1.35rem,4.2vw,3.4rem);font-weight:500;letter-spacing:-.01em;border-bottom:1px solid var(--line);padding-bottom:14px;transition:color .35s ease,border-color .35s ease;overflow-wrap:anywhere}.contact-email:hover{color:var(--accent-soft);border-color:var(--accent)}.contact-email-arrow{flex-shrink:0;width:clamp(22px,3.4vw,40px);height:auto;transition:transform .4s cubic-bezier(.3,1,.4,1)}.contact-email:hover .contact-email-arrow{transform:translate(6px,-6px)}.contact-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:clamp(70px,10vw,130px);padding-top:clamp(32px,4vw,52px);border-top:1px solid var(--line)}.contact-col{display:flex;flex-direction:column;gap:10px;font-size:.95rem;color:var(--muted)}.contact-col a{width:fit-content;transition:color .3s ease}.contact-col a:hover{color:var(--accent-soft)}.contact-col-label{color:var(--ink);margin-bottom:8px}.footer-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;color:var(--muted);border-top:1px solid var(--line);margin-top:clamp(60px,8vw,100px);padding:26px 0 30px}.footer-note{color:#19161173}.footer-top{transition:color .3s ease}.footer-top:hover{color:var(--accent-soft)}@media (max-width: 899px){.nav-links{display:none}.nav-burger{display:block}.nav-clock{display:none}.hero-meta{flex-direction:column;gap:8px}.hero-line-2{margin-left:10vw}.about-grid{display:block}.about-stats{grid-template-columns:1fr 1fr}.stat{border-right:0;border-bottom:1px solid var(--line);padding-bottom:24px}.stat+.stat{padding-left:0}.stat:nth-child(odd){border-right:1px solid var(--line);padding-right:20px}.stat:nth-child(2n){padding-left:20px}.exp-head{grid-template-columns:40px 1fr auto 32px}.exp-company{display:none}.exp-body-inner p{padding-left:60px}.work{padding-left:var(--pad);padding-right:var(--pad)}.work-intro{padding:0}.work-hint{display:none}.work-pin{height:auto;overflow:visible;display:block;margin-top:56px}.work-track{flex-direction:column;width:100%;padding:0;gap:24px}.panel{width:100%;min-height:0}.panel-top{padding-bottom:48px}.work-progress{display:none}.skills-grid{grid-template-columns:1fr;gap:40px}.skill-group{grid-template-columns:1fr;gap:16px}.skill-group:first-child{border-top:1px solid var(--line);padding-top:clamp(28px,4vw,44px)}.contact-meta{grid-template-columns:1fr}.footer-bar{flex-direction:column;align-items:flex-start}}@media (max-width: 520px){.exp-head{grid-template-columns:32px 1fr 32px}.exp-period{display:none}.exp-body-inner p{padding-left:0}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}.hero-scroll svg,.work-hint{animation:none}body:after{animation:none}.nav{visibility:visible}*{transition-duration:.01ms!important}}