:root{--ink:#17241f;--muted:#617069;--paper:#f4f0e8;--paper-deep:#e9e2d6;--cream:#fffaf1;--lime:#d7ff58;--blue:#a9c7ff;--coral:#ff9b7b;--line:#17241f2e;--shadow:0 18px 50px #17241f1f;--radius:22px;--shell:min(1160px, calc(100vw - 44px))}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;margin:0}body:before{content:"";opacity:.18;pointer-events:none;z-index:-1;background-image:radial-gradient(#17241f1f .55px,#0000 .55px);background-size:8px 8px;position:fixed;inset:0}a{color:inherit}img{max-width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}.narrow{max-width:900px}.skip-link{background:var(--ink);color:#fff;z-index:20;padding:.7rem 1rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.site-header{padding:22px 0}.header-inner,.footer-inner{justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:-.08em;font-size:1.5rem;font-weight:900;text-decoration:none}.wordmark-dot{color:#ef5b3f}nav{gap:1.65rem;display:flex}nav a{color:var(--muted);font-size:.88rem;font-weight:750;text-decoration:none}nav a:hover,nav a[aria-current=page]{color:var(--ink)}nav a[aria-current=page]{text-underline-offset:6px;text-decoration:underline #ef5b3f}.hero{grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);align-items:center;gap:clamp(3rem,8vw,7rem);min-height:76vh;padding:4rem 0 7rem;display:grid}.kicker,.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:850}.kicker{color:#476358;margin:0 0 1.35rem}.hero h1,.page-hero h1,.article-page h1{letter-spacing:-.072em;max-width:940px;margin:0;font-size:clamp(3.35rem,8vw,7.2rem);line-height:.93}.hero h1 span{color:#486b5f}.hero-intro{color:#33483f;max-width:680px;margin:2rem 0 0;font-size:clamp(1.12rem,2vw,1.38rem);line-height:1.55}.hero-now{color:var(--muted);max-width:620px;margin:1.15rem 0 0;font-size:.92rem;font-weight:680;line-height:1.5}.hero-quote{border-left:2px solid var(--ink);margin:1.7rem 0 0;padding-left:1rem}.hero-quote blockquote{letter-spacing:-.015em;margin:0;font-size:1rem;font-weight:480;line-height:1.4}.hero-quote figcaption{color:var(--muted);text-transform:uppercase;margin-top:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:750}.hero-actions{align-items:center;gap:1.6rem;margin-top:2.1rem;display:flex}.button{background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:999px;padding:.92rem 1.25rem;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-block}.button:hover{box-shadow:5px 5px 0 var(--lime);transform:translate(-2px,-2px)}.button-small{padding:.72rem 1rem}.text-link{text-underline-offset:4px;font-size:.9rem;font-weight:800}.portrait-wrap{position:relative}.portrait-frame{background:var(--blue);border:2px solid var(--ink);box-shadow:13px 13px 0 var(--ink);border-radius:44% 44% 22px 22px;overflow:hidden;transform:rotate(2deg)}.portrait-frame img{aspect-ratio:1/1.06;object-fit:cover;object-position:center 31%}.section{border-top:1px solid var(--line);padding:7rem 0}.section-heading{margin-bottom:2.6rem}.section-heading h2{letter-spacing:-.055em;max-width:760px;margin:.7rem 0 0;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1}.split-heading{justify-content:space-between;align-items:end;display:flex}.split-heading .text-link{margin-bottom:.45rem}.work-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.work-card{border:2px solid var(--ink);border-radius:var(--radius);flex-direction:column;justify-content:space-between;min-height:320px;padding:1.4rem;display:flex}.work-card p{letter-spacing:-.025em;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:680;line-height:1.35}.work-card-meta{text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.72rem;font-weight:850;display:flex}.tone-1{background:var(--lime);transform:rotate(-1deg)}.tone-2{background:var(--blue);transform:translateY(16px)rotate(1deg)}.tone-3{background:var(--coral);transform:rotate(-.5deg)}.section-link{margin-top:2.4rem;display:inline-block}.appearance-grid{grid-template-columns:repeat(2,1fr);gap:1.1rem;display:grid}.appearance-grid-page{grid-template-columns:repeat(2,1fr);padding-bottom:8rem}.appearance-card{border:1px solid var(--line);border-radius:var(--radius);background:#fffaf1b3;padding:clamp(1.4rem,3vw,2.2rem)}.appearance-card h3{letter-spacing:-.04em;margin:1.4rem 0 .55rem;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.08}.appearance-card h3 a{text-decoration:none}.appearance-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:5px}.appearance-card p{color:#405149;line-height:1.55}.appearance-topline{justify-content:space-between;align-items:center;display:flex}.appearance-topline time,.appearance-host{color:var(--muted);font-size:.8rem}.appearance-host{font-weight:750}.off-duty{background:var(--ink);border-radius:var(--radius);color:#fff;margin-bottom:7rem;padding:clamp(2rem,5vw,4.2rem)}.off-duty .eyebrow{color:var(--lime)}.off-duty-copy{letter-spacing:-.045em;max-width:980px;margin:1.2rem 0 0;font-size:clamp(1.7rem,4vw,3.4rem);line-height:1.08}.page-hero{padding:7rem 0 5rem}.page-hero h1,.article-page h1{font-size:clamp(3.1rem,7vw,6.1rem)}.page-hero>p:last-child{color:var(--muted);max-width:640px;font-size:1.2rem;line-height:1.55}.timeline{border-top:1px solid var(--line)}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:2rem;padding:3.5rem 0;display:grid}.timeline-meta{color:var(--muted);text-transform:uppercase;flex-direction:column;gap:.45rem;font-size:.76rem;font-weight:800;display:flex}.timeline-content h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3vw,2.5rem)}.timeline-role{color:var(--muted);margin:.45rem 0 1.25rem;font-size:.88rem;font-weight:700}.timeline-content>p:last-child{max-width:670px;margin-bottom:0;font-size:1.15rem;line-height:1.55}.details-grid{grid-template-columns:1fr 1fr;gap:5rem;display:grid}.detail-item{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1.2rem}.detail-item h3{margin:0;font-size:1rem}.detail-item p{color:var(--muted);margin:.4rem 0 0;line-height:1.5}.inline-callout{background:var(--blue);border:2px solid var(--ink);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:7rem;padding:1.4rem 1.6rem;display:flex}.inline-callout p{margin:0}.article-page{padding:5rem 0 8rem}.back-link{color:var(--muted);text-underline-offset:4px;margin-bottom:4rem;font-size:.82rem;font-weight:800;display:inline-block}.article-page header{border-bottom:1px solid var(--line);padding-bottom:3rem}.article-deck{color:var(--muted);margin-top:1.5rem;font-size:1.2rem}.article-body{max-width:720px;padding-top:2.2rem;font-size:1.22rem;line-height:1.7}.link-cluster{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.simple-list{padding-bottom:8rem}.simple-list article{border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:2.5rem 0}.simple-list h2{letter-spacing:-.045em;margin:.8rem 0;font-size:clamp(1.7rem,4vw,3rem)}.simple-list h2 a{text-underline-offset:5px;text-decoration-thickness:2px}.simple-list p:last-child{color:var(--muted);line-height:1.55}.error-page{min-height:68vh}.error-page .button{margin-top:1rem}.site-footer{border-top:1px solid var(--line);padding:2rem 0}.site-footer p{color:var(--muted);font-size:.75rem}.footer-links{gap:1.2rem;display:flex}.footer-links a{font-size:.78rem;font-weight:800}@media (width<=820px){:root{--shell:min(100% - 30px, 680px)}.hero{grid-template-columns:1fr;min-height:auto;padding:4rem 0 6rem}.hero-copy{order:1}.portrait-wrap{order:2;max-width:330px}.work-grid,.appearance-grid,.appearance-grid-page,.details-grid{grid-template-columns:1fr}.work-card{min-height:240px;transform:none}.timeline-item{grid-template-columns:1fr;gap:1.2rem}.timeline-meta{flex-direction:row;justify-content:space-between}.split-heading{flex-direction:column;align-items:start;gap:1.5rem}}@media (width<=520px){nav{gap:.85rem}nav a{font-size:.74rem}.hero h1{font-size:3.4rem}.hero-actions{flex-direction:column;align-items:flex-start}.page-hero{padding:4.5rem 0 3.5rem}.section{padding:5rem 0}.inline-callout{flex-direction:column;align-items:flex-start;gap:1rem}.footer-inner{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
