:root{--outer: #e9e9e6;--paper: #fcfcfa;--surface: #ffffff;--ink: #20211f;--muted: #7b7d77;--quiet: #a6a8a2;--line: #e2e3de;--grid: #ecece8;--accent: #e6eee9;--accent-ink: #486255;--focus: #39594a;--sans: "Manrope", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--display: "Noto Sans SC", "Hiragino Sans GB", "PingFang SC", sans-serif;--mono: "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--outer);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;min-height:100dvh;overflow-x:hidden;background:var(--outer)}[hidden]{display:none!important}img{display:block;max-width:100%}a,button{color:inherit;font:inherit}a{text-decoration:none}button,a{cursor:pointer}::selection{background:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip{position:fixed;top:-5rem;left:2rem;z-index:100;padding:.55rem .8rem;border:1px solid var(--ink);border-radius:4px;background:var(--surface)}.skip:focus{top:2rem}.site-frame{position:relative;min-height:calc(100dvh - 36px);margin:18px;border-radius:28px;background:var(--paper)}.grid-lines{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));padding-inline:18px;pointer-events:none}.grid-lines span{border-left:1px dashed var(--grid)}.grid-lines span:last-child{border-right:1px dashed var(--grid)}.site-header,main{position:relative;z-index:2}.site-header{position:sticky;top:18px;z-index:30;border-radius:28px 28px 0 0;background:var(--paper)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:10px 30px;border-bottom:1px solid var(--line)}.profile-link{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.profile-avatar{width:40px;height:40px;flex:0 0 40px;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.profile-avatar img{width:100%;height:100%;object-fit:cover;transform:scale(1.5);transform-origin:50% 34%}.profile-name{display:grid;line-height:1.25}.profile-name strong{font-family:var(--display);font-size:.86rem;font-weight:500;white-space:nowrap}.profile-name small{color:var(--muted);font-size:.65rem;letter-spacing:.02em}.top-nav{display:flex;align-items:center;gap:clamp(1rem,2.8vw,2.5rem)}.top-nav a{position:relative;color:var(--muted);font-size:.78rem;white-space:nowrap;transition:color .18s ease}.top-nav a:after{content:"";position:absolute;right:0;bottom:-.32rem;left:0;height:1px;background:var(--accent-ink);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)}.top-nav a:hover,.top-nav a.is-active{color:var(--ink)}.top-nav a.is-active:after{transform:scaleX(1)}.hero{min-height:calc(100svh - 108px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:1.25rem;padding:clamp(4rem,8vw,7rem) 40px clamp(5rem,9vw,8rem)}.hero-copy{grid-column:2 / 7;align-self:center}.hero-label,.workspace-eyebrow,.panel-kicker{margin:0;color:var(--quiet);font-family:var(--mono);font-size:.64rem;line-height:1.4;letter-spacing:.11em;text-transform:uppercase}.hero h1{margin:1.3rem 0 0;font-family:var(--display);font-size:clamp(2.05rem,3vw,2.8rem);font-weight:500;line-height:1.28;letter-spacing:-.045em;white-space:nowrap}.hero-note{margin:1.25rem 0 0;color:var(--muted);font-size:.84rem}.hero-art{grid-column:8 / 12;justify-self:center;width:min(100%,390px);margin:0}.hero-art-object{position:relative;aspect-ratio:1}.hero-art-object:before{content:"";position:absolute;inset:9% -7% -7% 9%;border-radius:14px;background:var(--accent)}.hero-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.hero-art figcaption{margin-top:.9rem;color:var(--quiet);font-family:var(--mono);font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}.workspace{scroll-margin-top:108px;padding:0 40px clamp(5rem,8vw,7rem)}.workspace-shell{max-width:1120px;margin-inline:auto;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.workspace-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:18px 24px;border-bottom:1px solid var(--line)}.workspace-header h2{margin:.35rem 0 0;font-family:var(--display);font-size:.95rem;font-weight:500;letter-spacing:-.015em}.view-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#f7f7f4}.view-tabs a{padding:7px 13px;border-radius:6px;color:var(--muted);font-size:.76rem;line-height:1;white-space:nowrap;transition:background-color .18s ease,color .18s ease}.view-tabs a:hover{color:var(--ink)}.view-tabs a.is-active{background:var(--accent);color:var(--accent-ink)}.workspace-panels{min-height:520px}.view-panel{min-height:520px;padding:clamp(2rem,4vw,3.5rem);animation:panel-in .42s var(--ease) both}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:2rem}.panel-heading h3{margin:.45rem 0 0;font-family:var(--display);font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:500;line-height:1.3;letter-spacing:-.035em}.panel-heading>span{color:var(--quiet);font-family:var(--mono);font-size:.64rem;letter-spacing:.05em}.empty-state{margin-top:clamp(6rem,13vw,9rem);display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:1.25rem 0;border-block:1px solid var(--line)}.empty-state p,.empty-state span{margin:0}.empty-state p{font-family:var(--display);font-size:.92rem;font-weight:500}.empty-state span{color:var(--muted);font-size:.74rem}.about-layout{margin-top:clamp(4rem,9vw,7rem);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(3rem,8vw,7rem);align-items:start}.about-lead{max-width:13ch;margin:0;font-family:var(--display);font-size:clamp(1.65rem,3vw,2.35rem);font-weight:500;line-height:1.42;letter-spacing:-.04em}.about-body>p{max-width:36rem;margin:0;color:var(--muted);font-size:.88rem;line-height:1.9}.contact-row{margin-top:2.5rem;display:grid;grid-template-columns:4rem 1fr auto;align-items:center;gap:1rem;padding:.9rem 0;border-block:1px solid var(--line);font-size:.78rem}.contact-row span:first-child{color:var(--quiet)}.contact-row strong{font-weight:500}.contact-row span:last-child{transition:transform .18s var(--ease)}.contact-row:hover span:last-child{transform:translate(3px,-3px)}.site-footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;margin-inline:40px;padding:1.25rem 0 1.6rem;border-top:1px solid var(--line);color:var(--quiet);font-family:var(--mono);font-size:.62rem}.site-footer a:hover{color:var(--ink)}.error-page{min-height:calc(100svh - 108px);display:grid;place-content:center;justify-items:start;padding:3rem}.error-page p{margin:0;color:var(--quiet);font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.error-page h1{margin:1rem 0 1.5rem;font-family:var(--display);font-size:clamp(1.8rem,4vw,3rem);font-weight:500;letter-spacing:-.04em}.error-page a{padding-bottom:.2rem;border-bottom:1px solid var(--ink);font-size:.8rem}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}}@media(max-width:820px){.site-frame{min-height:100dvh;margin:0;border-radius:0}.grid-lines{grid-template-columns:repeat(7,minmax(0,1fr));padding-inline:12px}.grid-lines span:nth-child(n+8){display:none}.site-header{top:0;border-radius:0}.header-inner{min-height:64px;gap:1rem;padding:9px 12px}.profile-avatar{width:34px;height:34px;flex-basis:34px}.profile-name strong{font-size:.78rem}.profile-name small{font-size:.57rem}.top-nav{gap:.9rem}.top-nav a{font-size:.7rem}.hero{min-height:calc(100svh - 64px);grid-template-columns:1fr;align-content:center;gap:3.5rem;padding:3.5rem 24px 5rem}.hero-copy,.hero-art{grid-column:1}.hero-copy{width:min(100%,28rem)}.hero h1{margin-top:1rem;font-size:clamp(1.95rem,9vw,2.65rem);white-space:normal}.hero-art{width:min(74vw,290px);margin-right:4vw}.workspace{scroll-margin-top:78px;padding:0 12px 4rem}.workspace-shell{border-radius:14px}.workspace-header{min-height:auto;display:grid;gap:1.3rem;padding:18px}.view-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.view-tabs a{text-align:center}.workspace-panels,.view-panel{min-height:470px}.view-panel{padding:26px 20px}.empty-state{grid-template-columns:1fr;margin-top:7rem}.about-layout{grid-template-columns:1fr;gap:2.5rem;margin-top:4rem}.about-lead{font-size:clamp(1.5rem,7vw,2rem)}.site-footer{grid-template-columns:1fr auto;margin-inline:12px}.site-footer span:nth-child(2){display:none}}@media(max-width:420px){.profile-name small{display:none}.profile-name strong:after{content:" ↗";color:var(--quiet);font-size:.62rem;font-weight:400}.top-nav{gap:.72rem}.top-nav a{font-size:.66rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}