:root{
    --bg:#f2f1eb;--text:#121210;--line:rgba(18,18,16,.16);--secondary:#6d6c66;
    --accent:#1d39f5;--accent-text:#f5f4ee;--header-h:60px;
    --container-padding:clamp(24px,3.98vw,76px);--font-xl:clamp(58px,6vw,100px);
    --font-lg:clamp(44px,6vw,112px);--font-md:clamp(20px,1.7vw,32px);--font-sm:13px;
    --font-display:'Clash Display','ClashDisplay-Variable','Pretendard',sans-serif;
    --font-body:'Pretendard','Helvetica Neue',Arial,sans-serif;
    --ease:cubic-bezier(.22,1,.36,1);--page-transition-duration:550ms
}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.4;overflow-x:hidden;opacity:0;transition:opacity var(--page-transition-duration) ease}body.is-page-ready{opacity:1}body.is-page-leaving{opacity:0;pointer-events:none}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;padding:.75rem 1rem;background:var(--text);color:#fff}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
h1,h2,h3,h4,h5,h6,.site-logo,.hero-title,.section-copy h2,.project-row__title,.practice-list h3,.about>h2,.about-runner>strong,.contact>h2,.global-menu nav span,.bracket-link{font-family:var(--font-display)}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--container-padding);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);transition:color .35s,border-color .35s,background .35s}.site-header.on-accent{color:#fff;border-color:#ffffff38;background:color-mix(in srgb,var(--accent) 92%,transparent)}.site-logo{justify-self:start;font-size:28px;font-weight:600;letter-spacing:normal}.site-logo span{color:var(--accent)}.on-accent .site-logo span{color:#fff}.desktop-nav{display:flex;gap:26px;font-family:"DM Mono",monospace;font-size:11px;text-transform:uppercase}.desktop-nav a{opacity:.45;transition:opacity .25s}.desktop-nav a.active,.desktop-nav a:hover{opacity:1}.menu-toggle{justify-self:end;display:flex;align-items:center;gap:11px;border:0;background:none;padding:8px 0}.menu-grid{display:grid;grid-template-columns:repeat(2,6px);gap:3px}.menu-grid i{width:6px;height:6px;background:var(--accent);transition:transform .38s var(--ease)}.on-accent .menu-grid i{background:#fff}.menu-toggle:hover .menu-grid i:nth-child(1),.menu-toggle:focus-visible .menu-grid i:nth-child(1){transform:translate(4.5px,4.5px)}.menu-toggle:hover .menu-grid i:nth-child(2),.menu-toggle:focus-visible .menu-grid i:nth-child(2){transform:translate(-4.5px,4.5px)}.menu-toggle:hover .menu-grid i:nth-child(3),.menu-toggle:focus-visible .menu-grid i:nth-child(3){transform:translate(4.5px,-4.5px)}.menu-toggle:hover .menu-grid i:nth-child(4),.menu-toggle:focus-visible .menu-grid i:nth-child(4){transform:translate(-4.5px,-4.5px)}
.global-menu{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;padding:24px var(--container-padding);background:var(--accent);color:#fff;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease),visibility 0s .7s}.global-menu.open{visibility:visible;clip-path:inset(0);transition-delay:0s}.global-menu__top,.global-menu__foot{display:flex;justify-content:space-between;font-family:"DM Mono",monospace;font-size:12px;text-transform:uppercase}.global-menu__top button{border:0;background:none;color:#fff;text-transform:uppercase}.global-menu nav{margin:auto 0;border-top:1px solid #ffffff55}.global-menu nav a{position:relative;display:grid;grid-template-columns:70px 1fr;align-items:baseline;overflow:hidden;border-bottom:1px solid #ffffff55;padding:10px 52px 10px 0;transition:border-color .3s var(--ease)}.global-menu nav a:after{content:"↗";position:absolute;right:4px;top:50%;font-size:clamp(24px,3vw,44px);opacity:0;transform:translate(-14px,-50%);transition:opacity .28s var(--ease),transform .42s var(--ease)}.global-menu nav small{font-family:"DM Mono",monospace;transition:transform .38s var(--ease),opacity .3s}.global-menu nav span{font-size:clamp(38px,6vw,90px);font-weight:600;letter-spacing:-.05em;line-height:1;transition:transform .42s var(--ease)}.global-menu nav a:hover,.global-menu nav a:focus-visible{border-color:#fff}.global-menu nav a:hover small,.global-menu nav a:focus-visible small{opacity:.62;transform:translateX(8px)}.global-menu nav a:hover span,.global-menu nav a:focus-visible span{transform:translateX(14px)}.global-menu nav a:hover:after,.global-menu nav a:focus-visible:after{opacity:1;transform:translate(0,-50%)}.global-menu__foot a{text-decoration:underline}
.section{position:relative;min-height:100svh;padding:calc(var(--header-h) + 48px) var(--container-padding) 48px}.section-index,.section-status{display:flex;align-items:center;gap:18px;font-family:"DM Mono",monospace;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.section-index b{color:var(--accent);font-weight:500}.section-index i{font-style:normal;color:var(--secondary)}.section--accent .section-index b{color:#fff}.section-head{display:flex;justify-content:space-between}.section-status span{display:flex;align-items:center;gap:8px}.section-status span:before{content:"";width:5px;height:5px;background:currentColor}.text-reveal>span{display:block;overflow:hidden}.text-reveal>span:after{content:"";display:block}.bracket-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;font-weight:700;font-size:clamp(24px,2.2vw,42px);line-height:.9;text-align:right}.bracket-link i{font-style:normal;color:var(--accent);transition:transform .3s}.bracket-link:hover i:first-child{transform:translateX(-5px)}.bracket-link:hover i:last-child{transform:translateX(5px)}.section--accent .bracket-link i{color:#fff}
.site-cursor{position:fixed;left:0;top:0;z-index:500;width:18px;height:18px;border-radius:50%;background:var(--accent);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;display:grid;place-items:center;transition:width .25s,height .25s}.site-cursor span{font-family:"DM Mono",monospace;font-size:10px;color:#fff;opacity:0}.site-cursor.is-view{width:74px;height:74px;mix-blend-mode:normal}.site-cursor.is-view span{opacity:1}.site-cursor.is-link{width:36px;height:36px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body,body.is-page-ready,body.is-page-leaving{opacity:1;transition:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.site-cursor{display:none}}