:root{--color-black: #000000;--color-off-white: #f4f0df;--color-yellow: #d6ac45;--color-yellow-dim: #72551f;--color-blue: #396d9e;--color-blue-dark: #1e3f5d;--font-display: Impact, "Arial Black", system-ui, sans-serif;--font-body: system-ui, sans-serif;--line-thin: 2px;--line-thick: 5px;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--background: var(--color-off-white);--surface: #f7f7f8;--text: #111111;--muted: #5f6368;--accent: var(--color-blue);--border: #dedee3;--max-width: 1120px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}@font-face{font-family:Classic Quality;src:url(/fonts/classic-quality/Classic%20Quality.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent)}img{display:block;max-width:100%}.container,.site-main{width:min(100% - 2rem,var(--max-width));margin-inline:auto}.site-header,.site-footer{border-block:1px solid var(--border)}.nav,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4)}.brand{color:var(--text);font-weight:700;text-decoration:none}.nav-links,.footer-links,.intro-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.nav-links a,.footer-links a{color:var(--muted);text-decoration:none}.nav-links a:hover,.footer-links a:hover{color:var(--accent)}.site-main{padding-block:clamp(2rem,6vw,5rem)}.intro,.page-heading,.content{max-width:760px}.intro h1,.page-heading h1{margin:0;font-size:clamp(2.5rem,8vw,5rem);line-height:1}.intro p,.page-heading p{color:var(--muted);font-size:1.125rem}.eyebrow,.card-meta{color:var(--muted);font-size:.875rem;font-weight:700;text-transform:uppercase}.button{display:inline-flex;align-items:center;min-height:2.75rem;border-radius:.375rem;background:var(--accent);color:#fff;padding-inline:var(--space-4);text-decoration:none}.text-link{display:inline-flex;align-items:center}.section{margin-top:clamp(3rem,8vw,6rem)}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-4)}.card{border:1px solid var(--border);border-radius:.5rem;background:var(--surface);padding:var(--space-6)}.card h3{margin-top:0}.card h3 a{color:var(--text);text-decoration:none}.project-card{overflow:hidden}.project-card img{width:100%;margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) var(--space-4);max-width:calc(100% + var(--space-6) * 2);border-bottom:1px solid var(--border)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:var(--space-4) 0 0;list-style:none}.tag-list li{border:1px solid var(--border);border-radius:999px;padding:.125rem .5rem;color:var(--muted);font-size:.875rem}.content{margin-top:var(--space-8)}.site-main--full{width:100%;max-width:none;padding-block:0}.home-intro-sequence{--home-progress: 0;--line-y: 0svh;--horizontal-line-opacity: 1;--split-line-opacity: 1;--split-left-x: 0vw;--split-right-x: 0vw;--name-clip-right: 0px;--name-clip-bottom: 0px;--summary-clip-left: 0px;--summary-clip-top: 0px;min-height:220svh;background:var(--color-black);color:var(--color-off-white)}.home-intro-sticky{position:sticky;top:0;min-height:100svh;overflow:hidden;background:var(--color-black)}.title-card-scene,.activity-reveal,.artwork-reveal{position:absolute;inset:0;min-height:100svh}.title-card-scene{z-index:auto;background:transparent}.yellow-line{position:absolute;z-index:4;background:var(--color-yellow);transform:translateZ(0);will-change:transform}.yellow-line--top{top:calc(12svh + var(--line-y));left:calc(50vw + var(--split-left-x));right:12vw;height:var(--line-thin);opacity:var(--horizontal-line-opacity);transform:translateZ(0)}.yellow-line--split-top{top:0;left:50vw;width:var(--line-thin);height:calc(88svh - var(--line-y));opacity:var(--split-line-opacity);transform:translate(var(--split-left-x))}.yellow-line--split-bottom{left:50vw;top:calc(12svh + var(--line-y));bottom:0;width:var(--line-thin);opacity:var(--split-line-opacity);transform:translate(var(--split-right-x))}.yellow-line--bottom{left:12vw;top:calc(88svh - var(--line-y));width:calc(38vw + var(--split-right-x));height:var(--line-thin);opacity:var(--horizontal-line-opacity);transform:translateZ(0)}.home-title-nav{position:absolute;z-index:10;top:5svh;right:12vw;display:flex;align-items:center;gap:clamp(.75rem,2vw,1.5rem)}.home-title-nav a{color:var(--color-off-white);font-family:Aptos,Calibri,Arial,sans-serif;font-size:clamp(.75rem,1.2vw,.95rem);font-weight:800;letter-spacing:0;text-decoration:none;text-transform:uppercase}.home-title-nav a:hover{color:var(--color-yellow)}.writing-page .home-title-nav,.projects-page .home-title-nav{position:fixed}.writing-page,.projects-page{position:relative;min-height:100svh;background:var(--color-black);color:var(--color-off-white);font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;padding:calc(12svh + 2.5rem) 12vw 5rem}.projects-page{--projects-rail-width: clamp(4.25rem, 9vw, 7rem);--projects-content-gap: clamp(1.75rem, 4vw, 4rem);--projects-side-label-color: #c7352f;padding-left:calc(12vw + var(--projects-content-gap));padding-right:calc(12vw + var(--projects-content-gap))}.writing-top-line,.projects-top-line{position:fixed;z-index:9;top:12svh;left:50vw;right:12vw;height:var(--line-thin);background:var(--color-blue)}.projects-top-line{background:var(--projects-side-label-color)}.writing-page-content,.projects-page-content{width:min(100%,var(--max-width))}.projects-page-content{max-width:58rem;margin-inline:auto}.writing-page-title,.projects-page-title{margin:0 0 .6rem;color:var(--color-off-white);font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;font-size:clamp(1.6rem,4vw,2.75rem);font-weight:700;line-height:1;letter-spacing:0;text-transform:lowercase}.writing-page-description,.projects-page-description{margin:0 0 var(--space-8);color:#f4f0dfad;font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;font-size:1rem;line-height:1.5}.projects-page-description{margin-bottom:var(--space-6)}.project-filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.project-filter-tab{min-height:2rem;border:var(--line-thin) solid var(--projects-side-label-color);border-radius:0;background:transparent;color:var(--color-off-white);cursor:pointer;font:800 .75rem/1 Aptos,Calibri,Arial,sans-serif;letter-spacing:0;padding:0 var(--space-3);text-transform:uppercase}.project-filter-tab:hover,.project-filter-tab.is-active{background:var(--projects-side-label-color);color:var(--color-black)}.projects-page .card{background:#fff;color:var(--text);padding:var(--space-3)}.projects-page .card h3 a{color:var(--text)}.projects-page .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.projects-page .project-card img{margin:calc(var(--space-3) * -1) calc(var(--space-3) * -1) var(--space-3);max-width:calc(100% + var(--space-3) * 2)}.projects-page .project-card h3{margin-bottom:var(--space-2);font-size:1.05rem;line-height:1.2}.projects-page .project-card p{margin-block:var(--space-2);font-size:.85rem;line-height:1.45}.projects-page .tag-list{margin-top:var(--space-3)}.projects-page .tag-list li{font-size:.75rem}.projects-page-title,.projects-page-side-label{position:fixed;z-index:3;top:50svh;margin:0;color:var(--projects-side-label-color);font-family:"Classic Quality",var(--font-display);font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:1;letter-spacing:0;text-transform:uppercase;pointer-events:none}.projects-page-title{left:calc(12vw + .5em);transform:translate(-50%,-50%) rotate(-90deg)}.projects-page-side-label--right{right:calc(12vw + .5em);transform:translate(50%,-50%) rotate(90deg)}@media(max-width:900px){.projects-page{--projects-rail-width: 3.5rem;--projects-content-gap: 1rem}.projects-page .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-page-title,.projects-page-side-label{font-size:clamp(2rem,7vw,3.5rem)}}@media(max-width:640px){.projects-page{--projects-rail-width: 2.75rem;--projects-content-gap: .75rem}.projects-page .card-grid{grid-template-columns:1fr}}.writing-list{display:grid;gap:var(--space-6)}.writing-year-list{display:grid;gap:var(--space-8)}.writing-year-section{display:grid;gap:var(--space-4)}.writing-year-heading{margin:0;color:var(--color-off-white);font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;font-size:clamp(1.1rem,2vw,1.45rem);font-style:italic;font-weight:400;letter-spacing:0;line-height:1.2}.writing-entry{color:var(--color-off-white)}.writing-entry h2{margin:0 0 .4rem;font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800;line-height:1.2}.writing-entry h2 a{color:var(--color-off-white);font-weight:800;text-decoration:underline;text-decoration-thickness:var(--line-thin);text-underline-offset:.18em}.writing-entry time{display:block;color:#f4f0dfc7;font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;font-size:.9rem;line-height:1.4}.writing-post{--writing-post-header-gap: .5rem;width:min(100%,760px);font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif}.writing-post-header{margin-bottom:var(--writing-post-header-gap)}.writing-post-back{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-bottom:var(--space-4);color:var(--color-off-white);text-decoration:none}.writing-post-back svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.writing-post-back:hover{color:var(--color-yellow)}.writing-post-header h1{margin:0 0 var(--writing-post-header-gap);color:var(--color-off-white);font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;font-size:clamp(1.6rem,4vw,2.75rem);font-weight:700;letter-spacing:0;line-height:1}.writing-post-header time{display:inline-block;margin-left:.35rem;color:var(--color-off-white);font-size:.9rem;font-weight:700;line-height:1.4}.writing-post-body{color:var(--text);background:#fff;border-radius:.75rem;padding:clamp(1.25rem,3vw,2rem);font-size:1rem;line-height:1.6;tab-size:4}.writing-post-body :where(p,li,blockquote,pre){white-space:pre-wrap;tab-size:4}.writing-post-body :where(h2,h3,h4){color:var(--text);font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;letter-spacing:0}.writing-post-body a{color:var(--accent);text-decoration:underline}.title-card-name,.title-card-summary{position:absolute;z-index:3;margin:0;color:var(--color-off-white)}.title-card-name{left:12vw;bottom:calc(12svh + .75rem);width:35vw;max-width:35vw;font-family:"Classic Quality",var(--font-display);font-size:clamp(2.8rem,8vw,6.75rem);line-height:1.08;letter-spacing:0;text-transform:uppercase;text-align:right;overflow-wrap:anywhere;padding-top:.16em;clip-path:inset(0 var(--name-clip-right) var(--name-clip-bottom) 0)}.title-card-summary{top:calc(12svh + 1rem);right:13.5vw;width:35vw;max-width:35vw;font-family:Aptos,Calibri,Arial,sans-serif;font-size:clamp(1rem,2vw,1.45rem);font-weight:400;line-height:1.25;text-align:left;overflow-wrap:anywhere;white-space:pre-line;clip-path:inset(var(--summary-clip-top) 0 0 var(--summary-clip-left))}.title-card-summary a{color:var(--color-off-white)}.home-social-links{position:absolute;z-index:6;left:12vw;top:calc(88svh + 1.25rem);display:flex;align-items:center;gap:.9rem}.home-social-links a{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;color:var(--color-off-white);text-decoration:none}.home-social-links svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.home-social-links a:hover{color:var(--color-yellow)}.activity-reveal,.artwork-reveal{position:absolute;inset:0;min-height:100svh;z-index:2;pointer-events:none}.activity-reveal--current{background:var(--color-black);clip-path:inset(12svh 12vw calc(100svh - (12svh + var(--line-y))) calc(50vw + var(--split-left-x)))}.artwork-reveal{background:var(--color-black);clip-path:inset(calc(88svh - var(--line-y)) calc(50vw - var(--split-right-x)) 0 12vw)}.activity-content{position:absolute;left:12vw;right:12vw;top:12svh;bottom:50svh;display:grid;align-content:stretch;z-index:5;pointer-events:auto}.activity-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);height:100%;padding:.8rem .9rem}.activity-panel{height:100%;min-height:0;border:var(--line-thin) solid var(--color-yellow);background:var(--color-black);color:var(--color-off-white);padding:var(--space-sm);display:flex;flex-direction:column;transform-origin:center;transition:background-color .14s linear,transform .14s linear;will-change:transform}.activity-panel:hover{background:#1a1a1a;transform:scale(1.035);z-index:1}.artwork-placeholder{position:absolute;left:12vw;right:12vw;top:50svh;bottom:0;display:grid;place-items:center;color:var(--color-yellow-dim);font-family:Aptos,Calibri,Arial,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.activity-panel h3{display:inline-flex;align-items:center;gap:.45em;margin:0 0 .75rem;color:var(--color-off-white);font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;font-size:.75rem;font-weight:800;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.activity-panel-icon{width:1em;height:1em;flex:0 0 1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.activity-panel ul{display:grid;gap:.5rem;padding:0;margin:0;list-style:none}.activity-panel li{color:var(--color-off-white);font-family:"Source Sans 3",Aptos,Calibri,Arial,sans-serif;font-size:.95rem;line-height:1.4}@media(max-width:800px){.activity-content{top:12svh;bottom:50svh;overflow-y:auto}.activity-panel-grid{grid-template-columns:1fr;gap:var(--space-sm);padding:.6rem .7rem}.activity-panel{padding:var(--space-sm)}.artwork-placeholder{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.home-intro-sequence{min-height:auto}.home-intro-sticky{position:static;min-height:auto;overflow:visible}.title-card-scene,.activity-reveal,.artwork-reveal{position:relative;min-height:100svh}.yellow-line,.title-card-scene{transform:none}.title-card-name,.title-card-summary{transform:none;clip-path:none}.activity-reveal{clip-path:none;pointer-events:auto}.artwork-reveal{clip-path:none}.activity-panel{transition:none}.activity-panel:hover{transform:none}}
