:root{--paper:#f2f0eb;--ink:#1f211d;--body:#4e5149;--muted:#666a60;--rule:#c8c7be;--accent:#34483d;--max:1180px;color-scheme:light}:root[data-theme=dark]{--paper:#1c1d1a;--ink:#f2f0eb;--body:#c6c8c0;--muted:#a8aa9f;--rule:#4a4b44;--accent:#b8c8bb;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;line-height:1.6}a{color:inherit}.shell{max-width:var(--max);margin:0 auto;padding-left:32px;padding-right:32px}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:8px 12px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--rule) 75%, transparent);background:color-mix(in srgb, var(--paper) 84%, transparent);backdrop-filter:blur(14px);position:fixed;inset:0 0 auto}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:76px;display:grid}.wordmark{letter-spacing:-.03em;font-weight:600;text-decoration:none}nav{align-items:center;gap:28px;font-size:.95rem;display:flex}nav a{color:var(--muted);text-decoration:none}nav a:hover,nav a.active{color:var(--ink)}.theme-switcher{color:var(--muted);position:relative}.theme-switcher summary{cursor:pointer;list-style:none}.theme-switcher summary::-webkit-details-marker{display:none}.theme-switcher summary:after{content:" +"}.theme-switcher[open] summary:after{content:" −"}.theme-menu{z-index:5;background:var(--paper);border:1px solid var(--rule);min-width:100px;padding:6px;display:grid;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #1f211d14}.theme-menu button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:7px 9px;font:500 .7rem DM Mono,monospace}.theme-menu button:hover,.theme-menu button:focus-visible{background:var(--rule)}.header-actions{justify-self:end;align-items:center;gap:18px;font-size:.95rem;display:flex}.header-contact,.resume-link{text-underline-offset:4px;text-decoration:underline}.resume-link{color:var(--accent)}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font:500 .7rem/1.4 DM Mono,monospace}.hero{padding-top:128px;padding-bottom:136px;position:relative}.note-symbol{background:currentColor;flex:none;width:36px;height:42px;display:block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.note-symbol-light{width:34px;height:37px;mask-image:url(/notes/double-light.png)}.note-symbol-heavy{width:36px;height:39px;mask-image:url(/notes/double-heavy.png)}.note-symbol-eighth{width:30px;height:42px;mask-image:url(/notes/eighth.png)}.note-symbol-quarter{width:24px;height:39px;mask-image:url(/notes/quarter.png)}.note-background-test{z-index:0;color:var(--accent);opacity:.08;transform-origin:50%;align-items:flex-end;gap:12px;display:flex;position:absolute;top:20%;right:7%;transform:rotate(-10deg)scale(1.8)}.hero>p,.hero>h1,.hero>.hero-bottom,.hero>.status-line{z-index:1;position:relative}.kyoko-ribbon{z-index:0;background:var(--accent);opacity:.09;pointer-events:none;width:286px;height:286px;position:absolute;top:20px;left:-56px;transform:rotate(-7deg);mask:url(/motifs/kyoko-ribbon.png) 50%/contain no-repeat}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.055em;font-weight:500}h1{max-width:900px;margin:28px 0 50px;font-size:clamp(3rem,8.2vw,7.6rem);line-height:.96}h1 em,h2 em{font-family:Playfair Display,serif;font-weight:500}h2{margin:16px 0 35px;font-size:clamp(2rem,4vw,4rem);line-height:1.02}.hero-bottom{border-top:1px solid var(--rule);justify-content:space-between;align-items:end;gap:40px;padding-top:24px;display:flex}.lede{max-width:520px;color:var(--body);font-size:1.15rem;line-height:1.5}.status-line{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;flex-wrap:wrap;gap:10px 28px;margin-top:28px;font:500 .68rem DM Mono,monospace;display:flex}.now-strip{border-top:1px solid var(--rule);grid-template-columns:1fr 1.2fr;gap:12%;padding-top:36px;padding-bottom:72px;display:grid}.now-strip h2{margin-bottom:0;font-size:clamp(2rem,3vw,3rem)}.now-copy{max-width:560px;color:var(--body);margin:0;font-size:1.08rem}.text-link,.back-link{text-underline-offset:5px;text-decoration:underline;text-decoration-color:var(--muted)}.text-link:hover,.back-link:hover{color:var(--accent)}.section-block{border-top:1px solid var(--rule);padding-top:32px;padding-bottom:128px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-note,.entry-meta,.skill-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font:500 .72rem DM Mono,monospace}.experience-entry{border-top:1px solid var(--rule);grid-template-columns:1fr 1.2fr;gap:12%;padding-top:28px;display:grid}.experience-entry h3{letter-spacing:-.03em;margin:0 0 8px;font-size:1.35rem;font-weight:500}.experience-entry ul{padding-left:20px}.experience-entry li{margin:0 0 10px}.activity-entry{border-top:1px solid var(--rule);grid-template-columns:1fr 1.2fr;gap:12%;padding-top:28px;display:grid}.activity-entry h3{letter-spacing:-.03em;margin:0 0 8px;font-size:1.35rem;font-weight:500}.work-list{border-top:1px solid var(--rule)}.work-row{border-bottom:1px solid var(--rule);grid-template-columns:58px 1.1fr 2fr 90px 24px;align-items:baseline;gap:20px;padding:25px 0;text-decoration:none;transition:padding .2s,color .2s;display:grid}.work-row:hover{color:var(--accent);padding-left:10px;padding-right:10px}.work-index,.work-meta{color:var(--muted);font:500 .72rem DM Mono,monospace}.work-title{font-size:1.25rem}.work-summary{color:var(--muted);gap:7px;font-size:.95rem;display:grid}.work-summary small{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;font:500 .66rem DM Mono,monospace}.work-meta,.arrow{text-align:right}.split-section{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:12%;padding-top:36px;padding-bottom:120px;display:grid}.prose{max-width:560px;color:var(--body);font-size:1.08rem}.prose p:last-child{margin-bottom:0}.skills-groups{border-top:1px solid var(--rule)}.skills-groups>div{border-bottom:1px solid var(--rule);padding:16px 0}.skills-groups p{margin:0}.skills-groups .skill-label{margin-bottom:6px}.activity-detail{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.activity-detail summary{cursor:pointer;justify-content:space-between;gap:20px;padding:18px 0;font-size:1.2rem;list-style:none;display:flex}.activity-detail summary::-webkit-details-marker{display:none}.activity-detail summary span{color:var(--muted);font:500 .72rem DM Mono,monospace}.activity-detail .prose{padding:8px 0 25px}.contact-section{border-top:1px solid var(--rule);padding:55px 32px 140px}.contact-section h2{max-width:600px}.contact-links{flex-wrap:wrap;gap:20px 30px;margin-top:38px;display:flex}.contact-links a{text-underline-offset:5px}.page-intro{padding-top:110px;padding-bottom:90px}.page-intro h1{margin-bottom:30px;font-size:clamp(3.4rem,7vw,6.4rem)}.case-study{padding-top:55px;padding-bottom:140px}.back-link{font-size:.9rem}.case-header{border-bottom:1px solid var(--rule);padding:100px 0 90px}.case-header h1{margin:24px 0 30px}.case-body{max-width:700px;margin:70px auto 0}.placeholder-note{border-left:2px solid var(--accent);color:var(--muted);margin-bottom:50px;padding:10px 18px;font-size:.9rem}.site-footer{border-top:1px solid var(--rule);color:var(--muted);font:.7rem DM Mono,monospace}.footer-inner{justify-content:space-between;align-items:center;gap:20px;min-height:84px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=760px){.shell{padding-left:20px;padding-right:20px}.header-inner{grid-template-columns:1fr auto;gap:12px;min-height:64px;display:grid}nav{grid-area:1/2;justify-self:end;gap:14px;padding:0;font-size:.82rem;font-weight:600}.header-actions{display:none}.theme-menu{left:0;transform:none}.hero{padding-top:72px;padding-bottom:78px}.hero-bottom,.split-section,.experience-entry,.activity-entry,.now-strip{display:block}.hero-bottom{padding-top:18px}.hero-bottom .text-link{margin-top:18px;display:inline-block}.lede{font-size:1.05rem}.status-line{gap:8px 16px;margin-top:22px}.now-strip{padding-top:28px;padding-bottom:58px}.section-block{padding-top:26px;padding-bottom:72px}.work-row{grid-template-columns:34px 1fr;gap:8px;padding:20px 0}.work-summary,.work-meta{display:none}.split-section{padding-top:28px;padding-bottom:72px}.split-section .prose,.skills-groups,.activity-entry .prose,.now-copy{margin-top:28px}.contact-section{padding:38px 20px 80px}.footer-inner{flex-direction:column;align-items:flex-start;padding-top:20px;padding-bottom:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-row{transition:none}}