:root{color-scheme:light;--paper:#f5f3ed;--ink:#242a26;--muted:#5b625b;--line:#d4d6ce;--accent:#b65d27}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #98501d;outline-offset:4px}.wrap{width:min(1100px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:8px}header{border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{text-decoration:none;font-size:25px;letter-spacing:-1px;font-weight:800;line-height:1}.brand span{color:var(--accent)}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:8px;color:var(--ink)}nav{display:flex;gap:28px}nav a{text-decoration:none;padding:12px 0;font-size:14px}nav a:hover{text-decoration:underline}.intro{padding:32px 0 26px}.intro p{margin:0 0 8px;color:var(--muted);font-size:14px}h1,h2,p,figure{margin:0}h1{font-size:clamp(32px,5vw,52px);line-height:1.12;font-weight:500;letter-spacing:-1.5px}h2{font-size:clamp(23px,3vw,32px);line-height:1.2;font-weight:500;letter-spacing:-.6px}.build{padding:32px 0 56px;border-top:1px solid var(--line);scroll-margin-top:24px}.build-heading{display:flex;gap:22px;align-items:baseline;margin-bottom:20px}.number{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.role{font-size:13px;color:var(--muted);margin-top:7px;max-width:650px}.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8f968c #e5e8df;gap:0;border:1px solid var(--line);background:#e5e8df}.slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.slide picture{display:block;height:clamp(280px,55svh,550px)}.slide img{display:block;width:100%;height:100%;object-fit:contain}.slide figcaption{padding:12px 18px;background:var(--paper);font-size:13px;color:var(--muted);border-top:1px solid var(--line)}.controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;min-height:44px}.controls[hidden]{display:none}.count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.buttons{display:flex;gap:8px}.buttons button{width:48px;height:44px;border:1px solid #8f968c;background:transparent;border-radius:0;font-size:22px;line-height:1}.buttons button:hover:not(:disabled){background:var(--line)}.swipe-hint{font-size:12px;color:var(--muted);margin-bottom:24px}.about{border-top:1px solid var(--line);padding:58px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about picture{display:block;background:#e5e8df}.about img{width:100%;height:480px;object-fit:contain;display:block}.about h2{margin-bottom:18px}.about p{max-width:420px;margin:12px 0;color:var(--muted)}.contact{display:flex;flex-direction:column;align-items:start;gap:8px;margin-top:24px}.contact a{padding:6px 0;text-underline-offset:4px;overflow-wrap:anywhere}.about figcaption{font-size:12px;margin-top:9px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-row{min-height:78px;gap:12px}.brand{font-size:22px}nav{gap:22px}nav a{font-size:13px}.intro{padding:32px 0 28px}.build{padding:24px 0 38px}.build-heading{gap:14px;margin-bottom:16px}.role{font-size:12px}.slide picture{height:clamp(260px,52svh,460px)}.slide figcaption{padding:10px 12px}.about{grid-template-columns:1fr;gap:26px;padding-top:38px}.about picture{max-width:420px}.about img{height:430px}.about-copy{grid-row:1}.about p{font-size:15px}.swipe-hint{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{scroll-behavior:auto!important}}@media print{.track{display:block;overflow:visible;border:0}.slide{break-inside:avoid;margin-block:16px}.slide picture{height:350px}.controls,nav,.swipe-hint{display:none!important}.build{break-before:auto}.about{break-inside:avoid}}

/* COM 001: concise personal introduction and gallery guidance. */
.intro .trade{display:block;font-size:clamp(22px,3vw,30px);letter-spacing:-.6px;margin-top:6px}.intro .scope{margin:18px 0 6px;max-width:700px}.intro .location{margin:0}.mobile-hint{display:none}.buttons button{border-color:#727c70}@media(max-width:700px){.intro .scope{font-size:13px;line-height:1.6}.mobile-hint{display:block;font-size:12px;color:var(--muted);margin-right:auto}.controls{gap:14px}}