@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Mono:wght@400;500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,450;0,6..72,500;1,6..72,400;1,6..72,450&display=swap');
/* Paper & Ink: portable tokens and semantic component classes. */
:root{--paper:#f5f2e9;--sheet:#fcfaf4;--ink:#282a26;--muted:#68695f;--accent:#af431f;--line:#cfcec1;--soft:#eae6da;--font-body:'DM Sans',Arial,sans-serif;--font-display:'Newsreader',Georgia,serif;--font-label:'DM Mono',monospace;--radius:3px;--shadow-raised:0 3px 0 #d5d0c3,0 8px 18px #282a2609;--shadow-pressed:0 1px 0 #d5d0c3;--duration:180ms;--space:8px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#e7c7ae}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.05}p+p{margin-top:1em}h1{font-size:clamp(3.4rem,7.5vw,7rem);letter-spacing:-.055em}h2{font-size:clamp(2.3rem,4vw,3.6rem);letter-spacing:-.04em}h3{font-size:1.9rem;letter-spacing:-.025em}.container{width:min(1120px,calc(100% - 96px));margin:auto}.label{font:400 .75rem/1.6 var(--font-label);letter-spacing:.09em;text-transform:uppercase}.muted{color:var(--muted)}.accent{color:var(--accent)}.skip{position:absolute;top:-100px;left:20px;z-index:30;padding:10px;background:var(--sheet)}.skip:focus{top:12px}.masthead{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.monogram{display:grid;place-items:center;width:42px;height:44px;background:var(--ink);color:var(--paper);font:italic 1.65rem var(--font-display)}.brand-caption{font-size:13px;line-height:1.45}.nav{display:flex;align-items:center;gap:8px}.nav a{position:relative;font-size:14px;padding:9px 18px;text-decoration:none;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0}.nav a:hover,.nav a[aria-current=page]{border-color:var(--line);background:var(--sheet)}.nav a[aria-current=page]:after{content:'';height:2px;position:absolute;bottom:0;left:18px;right:18px;background:var(--accent)}.hero{padding:66px 0 72px;position:relative}.hero-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:32px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:60px;align-items:center}.hero h1{max-width:770px}.hero h1 em{font-weight:400;color:var(--accent)}.hero-subtitle{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.3;margin-top:30px;letter-spacing:-.025em}.hero-copy{max-width:565px;margin-top:16px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:45px;padding:11px 18px;background:var(--ink);color:var(--sheet);border:1px solid var(--ink);border-radius:var(--radius);font:500 14px/1.5 var(--font-body);text-decoration:none;box-shadow:0 3px 0 #0b0c0b;transition:transform var(--duration),box-shadow var(--duration),background var(--duration);cursor:pointer}.button:hover{background:#404239;transform:translateY(-1px)}.button:active{transform:translateY(2px);box-shadow:none}.button.secondary{color:var(--ink);background:var(--sheet);border-color:var(--line);box-shadow:var(--shadow-raised)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;text-decoration:none;border-bottom:1px solid var(--muted);padding-bottom:3px}.text-link:hover{color:var(--accent);border-color:var(--accent)}.note{background:var(--sheet);border:1px solid var(--line);padding:26px;box-shadow:5px 5px 0 var(--paper),6px 6px 0 var(--line),9px 12px 22px #282a260a;transform:rotate(2deg);position:relative}.note:before{content:'';display:block;width:32px;height:3px;background:var(--accent);margin-bottom:28px}.note h2{font-size:2rem;margin:20px 0 7px;letter-spacing:-.03em}.note-role{font-size:14px;line-height:1.65}.note-line{border-top:1px solid var(--line);padding-top:15px;margin-top:23px;font-size:13px}.note-footer{margin-top:22px;display:flex;justify-content:space-between}.section{border-top:1px solid var(--ink);padding:42px 0 54px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:33px}.section-title{display:flex;align-items:baseline;gap:24px}.section-number{font:13px var(--font-label);color:var(--accent)}.section-title h2{font-size:2.65rem}.footer{border-top:1px solid var(--ink);padding:26px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.footer-links{display:flex;gap:22px}.footer a{text-decoration:none}.footer a:hover{color:var(--accent)}.page-intro{padding:62px 0 48px}.page-intro .label{margin-bottom:25px}.page-intro h1{font-size:clamp(3.5rem,7vw,6rem)}.page-intro>p:last-child{max-width:620px;color:var(--muted);font-size:18px;margin-top:24px}.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(min-width:1400px){.hero{padding-top:80px;padding-bottom:86px}.hero-grid{gap:80px}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.hero-grid{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.hero h1{font-size:clamp(3rem,8.8vw,5rem)}.note{padding:20px}.hero{padding:42px 0 55px}.brand-caption{display:none}.nav a{padding:9px 13px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.masthead{height:83px;gap:10px}.nav{gap:0}.nav a{padding:10px 11px}.monogram{width:37px;height:39px}.hero-top{font-size:12px;margin-bottom:28px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(3rem,12vw,4.8rem)}.hero-copy{font-size:16px}.note{transform:rotate(1deg);width:calc(100% - 6px);padding:24px}.note:before{margin-bottom:20px}.note h2{margin-top:12px}.note-footer{margin-top:16px}.section{padding-top:30px}.section-heading{align-items:flex-start;gap:24px;flex-wrap:wrap}.section-title{gap:16px}.section-title h2{font-size:2.35rem}.footer{flex-wrap:wrap;align-items:flex-start}.hero-actions{gap:24px}.page-intro{padding:42px 0}.page-intro>p:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}