:root{color-scheme:light;font-synthesis:none;--bg:#f9f9f6;--fg:#1d303b;--muted:#687981;--line:#c8d0d0;--accent:#ab4d3e;--surface:#f4f6f4;--width:1080px;--font:"Tw Cen MT","Jost","Century Gothic",sans-serif;--display:"Tw Cen MT","Jost","Century Gothic",sans-serif}html[data-mode=analog]{--bg:#f0e7cf;--fg:#41351f;--muted:#786546;--line:#af9564;--accent:#9a4435;--surface:#eadab6;--font:"IM Fell English",Georgia,serif;--display:"IM Fell English",Georgia,serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font);margin:0;line-height:1.55;transition:background-color .35s,color .35s}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%}.page-shell{max-width:var(--width);margin:auto;padding:0 clamp(20px,4.5vw,58px)}.site-header{height:114px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(20px,4vw,45px);border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-size:clamp(21px,2.8vw,30px);text-decoration:none;line-height:1;letter-spacing:-.045em;font-weight:600;white-space:nowrap}.wordmark-the{font-size:.7em;font-weight:400}.wordmark-analog{font-weight:400}.wordmark-stop{color:var(--accent)}.site-header nav{display:flex;gap:25px}.site-header nav a{text-decoration:none;font-size:13px;letter-spacing:.04em;white-space:nowrap}.site-header nav a:hover,.site-footer a:hover{color:var(--accent)}.mode-switch-wrap{display:flex;align-items:center;gap:9px}.mode-caption{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);min-width:45px;text-align:right}.mode-switch{border:0;background:none;color:var(--fg);cursor:pointer;padding:5px;perspective:400px}.switch-card{width:31px;height:44px;display:block;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.25,1)}html[data-mode=analog] .switch-card{transform:rotateY(180deg)}.switch-face{position:absolute;inset:0;backface-visibility:hidden;display:block}.switch-face svg{height:100%;width:100%}.face-analog{transform:rotateY(180deg);color:#913b35}.mode-direction{font-size:10px;color:var(--muted);display:none}.intro{padding:90px 0 61px;text-align:center}.overline{margin:0 0 23px;font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.23em;color:var(--accent)}.ornament{padding:0 8px}h1,h2,h3,p{margin-top:0}.intro h1{font-family:var(--display);font-weight:500;font-size:clamp(59px,8vw,103px);line-height:1.06;letter-spacing:-.06em;margin:0 0 22px}.intro h1 em{font-weight:400;color:var(--accent)}.intro-copy{max-width:510px;margin:auto;font-size:clamp(17px,2.1vw,21px);line-height:1.55;color:var(--muted)}.intro-rule{max-width:350px;margin:43px auto 0;border-top:1px solid var(--line);height:1px;position:relative}.intro-rule span{background:var(--bg);padding:0 13px;position:relative;top:-13px;font-size:15px;color:var(--accent)}.manuscript-symbol{display:none}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:24px}.section-heading h2{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:0}.section-heading>span{font-size:12px;color:var(--muted);letter-spacing:.13em}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 25px}.project-card{display:block;text-decoration:none;position:relative;min-width:0}.project-card[href]:hover .digital-art svg{transform:scale(1.035) rotate(-2deg)}.project-card[href]:hover .analog-art{transform:scale(1.035)}.project-art{height:auto;aspect-ratio:1.52;overflow:hidden;position:relative;background:var(--surface);border:1px solid var(--line)}.analog-art{width:100%;height:100%;object-fit:cover;object-position:center;display:none;transition:transform .4s}.digital-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent 30px,#dce4e3 31px),linear-gradient(140deg,#f6f8f6,#e7eeee);color:#5a747b}.digital-art svg{width:70%;height:78%;stroke:#55737c;stroke-width:1.15;vector-effect:non-scaling-stroke;transition:transform .35s}.art-number{position:absolute;left:19px;top:13px;font-size:10px;letter-spacing:.12em;color:#84999f}.art-cross{position:absolute;bottom:8px;right:16px;font-size:16px;color:#b15a4b}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.project-index{font-family:var(--font)}.project-bottom{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-top:9px}.project-bottom h3{font-size:clamp(21px,3vw,29px);font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:0 0 8px}.project-bottom p{font-size:14px;max-width:400px;line-height:1.5;color:var(--muted);margin:0}.project-arrow{font-size:23px;line-height:1}.project-status{display:block;font-size:10px;color:var(--muted);margin-top:12px;font-style:italic}.closer{text-align:center;margin:84px 0 96px;color:var(--muted);font-size:14px}.closer span{font-size:22px;color:var(--accent)}.closer p{margin:10px 0 0}.site-footer{border-top:1px solid var(--line);padding:27px 0 38px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.site-footer a{text-decoration:none}.about-intro{padding-bottom:56px}.about-body{max-width:680px;margin:0 auto 110px;font-size:clamp(17px,2vw,20px);line-height:1.8}.about-body p{margin-bottom:24px}.about-body strong{font-weight:600}.about-signature{font-size:26px;letter-spacing:-.035em;color:var(--accent)}.back-link{font-size:15px;text-decoration-thickness:1px;text-underline-offset:4px}html[data-mode=analog] body{background-image:radial-gradient(#a78f6320 .7px,transparent .7px);background-size:7px 7px}html[data-mode=analog] .page-shell{position:relative}html[data-mode=analog] .site-header{border-bottom:2px solid var(--line)}html[data-mode=analog] .wordmark{font-weight:400;letter-spacing:-.02em}html[data-mode=analog] .wordmark-analog{color:var(--accent)}html[data-mode=analog] .site-header nav a{font-size:16px;letter-spacing:0}html[data-mode=analog] .intro{padding-top:76px}html[data-mode=analog] .intro h1{font-size:clamp(59px,8vw,93px);letter-spacing:-.035em}html[data-mode=analog] .overline{letter-spacing:.08em;font-size:15px;text-transform:none}html[data-mode=analog] .intro-copy{color:#6b5438;max-width:540px}html[data-mode=analog] .digital-symbol{display:none}html[data-mode=analog] .manuscript-symbol{display:inline;font-size:26px;top:-19px}html[data-mode=analog] .section-heading{border-bottom:2px solid #9e8456}html[data-mode=analog] .section-heading h2{font-size:31px;letter-spacing:0}html[data-mode=analog] .section-heading>span{font-size:15px;letter-spacing:0}html[data-mode=analog] .project-grid{gap:35px 25px}html[data-mode=analog] .project-art{aspect-ratio:1.15;border:8px solid #e5d7b6;outline:1px solid #987c4b;outline-offset:-3px;box-shadow:0 3px #a18b6350;background:#dfcfad}html[data-mode=analog] .analog-art{display:block}html[data-mode=analog] .digital-art{display:none}html[data-mode=analog] .project-meta{font-size:14px;letter-spacing:0;margin-top:21px}html[data-mode=analog] .project-bottom{margin-top:6px}html[data-mode=analog] .project-bottom h3{font-size:clamp(25px,3vw,34px);letter-spacing:-.015em}html[data-mode=analog] .project-bottom p{font-size:17px;line-height:1.5;color:#735f40}html[data-mode=analog] .project-arrow{font-size:27px;color:#9a4435}html[data-mode=analog] .project-status{font-size:14px}html[data-mode=analog] .closer{font-size:18px}html[data-mode=analog] .site-footer{border-top:2px solid var(--line);font-size:15px}html[data-mode=analog] .about-body{font-size:21px}html[data-mode=analog] .about-body .dropcap:first-letter{float:left;font-size:4.5em;line-height:.78;padding:8px 10px 0 0;color:var(--accent)}@media(max-width:700px){.site-header{height:auto;min-height:104px;grid-template-columns:1fr auto;gap:5px 14px;padding:18px 0}.site-header nav{grid-column:1;grid-row:2;gap:20px}.mode-switch-wrap{grid-column:2;grid-row:1 / span 2}.intro{padding-top:65px}.project-grid{grid-template-columns:1fr}.project-art{aspect-ratio:1.55}html[data-mode=analog] .project-art{aspect-ratio:1.3}.site-footer{flex-wrap:wrap}.footer-center{display:none}}@media(max-width:390px){.wordmark{font-size:21px}.mode-caption{display:none}.intro h1{font-size:54px}.intro-copy{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}