:root{--ink:#27313a;--blue:#66727a;--blue-dark:#3f4a50;--paper:#fff;--paper-deep:#fff;--red:#a7473f;--line:rgba(52,73,88,.18)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:'Courier New',Courier,monospace;font-size:18px;line-height:1.65}
    a{color:inherit;text-underline-offset:.25em}
    .shell{width:min(1160px,calc(100% - 40px));margin:auto}
    nav{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:54px}
    .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 30px;font:700 1.067rem/1 'Courier New',Courier,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
    .nav-links a{text-decoration:none}
    .hero{position:relative;padding:42px 0 94px;background:#fff;text-align:center}
    .hero-grid{display:flex;flex-direction:column;align-items:center}
    .brand-logo{display:block;width:min(720px,84vw);height:auto;margin:0 auto}
    .cat-drawing{display:block;width:min(720px,88vw);height:auto;aspect-ratio:1131/864;object-fit:contain;margin:46px auto 0}
    .hero-intro{max-width:760px;margin:50px auto 0}
    .eyebrow,.chapter{font:700 .72rem/1.2 'Courier New',Courier,monospace;letter-spacing:.19em;text-transform:uppercase;color:var(--red)}
    .hero-intro .eyebrow{font-size:1.012rem}
    .hero-copy{margin:0;font-size:clamp(1.075rem,1.75vw,1.475rem);line-height:1.52}
    .feature-image{display:block;width:min(720px,90vw);height:auto;margin:64px auto 0;object-fit:contain}
    .content-section{padding:88px 0;border-top:1px solid var(--line);text-align:center}
    .content-section h2{color:var(--red);font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:.08em;text-transform:uppercase}
    .project-copy{max-width:780px;margin:42px auto 0;text-align:center;font-size:1.05rem;line-height:1.75}
    .project-copy p{margin:0 0 1.5em}
    .project-copy p:last-child{margin-bottom:0}
    .excerpt-image{display:block;width:min(320px,72vw);height:auto;margin:42px auto 34px;object-fit:contain}
    .story-title{margin:0 0 34px;color:var(--red);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase}
    .story-copy{max-width:820px;margin:0 auto;text-align:center;font-size:1.05rem;line-height:1.78}
    .story-copy p{margin:0 0 1.55em}
    .story-copy p:last-child{margin-bottom:0}
    .continue-link{color:var(--red);font-weight:700;text-transform:uppercase}
    .social-links{display:flex;justify-content:center;gap:18px;padding:48px 0 64px}
    .social-link{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;color:var(--blue-dark);transition:background .2s ease,color .2s ease}
    .social-link:hover{background:var(--blue-dark);color:#fff}
    .social-link svg{width:22px;height:22px;fill:currentColor}
    .footer-email{display:block;width:max-content;max-width:calc(100% - 28px);margin:-42px auto 58px;color:var(--blue-dark);font-weight:700;text-align:center;overflow-wrap:anywhere}
    section{padding:110px 0}
    .intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;border-bottom:1px solid var(--line)}
    h2{margin:0;color:var(--blue-dark);font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:.95;letter-spacing:-.045em}
    .intro-text p:first-child{margin-top:0;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.42}
    .accent{color:var(--red);font-style:italic}
    .excerpts-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:58px}
    .excerpts-head p{max-width:430px;margin:0;color:#51606b}
    .excerpts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    article{min-height:420px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid var(--line);background:rgba(255,255,255,.24);transition:transform .25s ease,background .25s ease}
    article:hover{transform:translateY(-5px);background:rgba(255,255,255,.52)}
    article:nth-child(2){margin-top:44px}
    article:nth-child(3){margin-top:88px}
    article blockquote{margin:30px 0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.5;text-transform:lowercase}
    article footer{font:italic .95rem 'Courier New',Courier,monospace;color:var(--blue);text-transform:lowercase}
    .statement{background:#fff;color:var(--ink);padding:120px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .statement-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:9vw;align-items:end}
    .statement h2{color:var(--blue-dark);max-width:760px}
    .statement p{margin:0;color:#51606b}
    .quiet-author{padding-bottom:70px}
    .quiet-author .shell{display:grid;grid-template-columns:1fr 2fr;gap:8vw}
    .quiet-author p{margin:0;max-width:720px}
    .site-footer{padding:34px 0;border-top:1px solid var(--line);font:700 .7rem 'Courier New',Courier,monospace;letter-spacing:.13em;text-transform:uppercase;color:#68747c}
    .site-footer .shell{display:flex;justify-content:space-between;gap:20px}
    @media(max-width:760px){
      body{font-size:17px}.shell{width:min(100% - 28px,1160px)}.nav-links{flex-direction:column;align-items:center;gap:16px;font-size:1.067rem;letter-spacing:.12em;white-space:normal}
      .hero{padding:28px 0 72px}.brand-logo{width:92vw}.cat-drawing{width:94vw;margin-top:30px}.hero-intro{margin-top:38px}
      .intro,.statement-grid,.quiet-author .shell{grid-template-columns:1fr}
      section{padding:78px 0}.excerpts-head{align-items:start;flex-direction:column}.excerpts{grid-template-columns:1fr}.excerpts article{min-height:330px;margin-top:0}.statement{padding:82px 0}.quiet-author .shell{gap:28px}.site-footer .shell{display:block}.site-footer span{display:block;margin-top:8px}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}article{transition:none}}
  
    .blog-header{padding:36px 0 42px;border-bottom:1px solid var(--line);text-align:center}
    .blog-logo{display:block;width:min(360px,78vw);height:auto;margin:0 auto}
    .blog-header nav{margin-top:28px}
    .nav-links a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px}
    a:focus-visible{outline:2px solid var(--red);outline-offset:5px}
    .blog-main{width:min(780px,calc(100% - 40px));margin:0 auto;padding:64px 0 80px}
    .blog-main h1{margin:0 0 24px;color:var(--red);font-size:clamp(1.65rem,5vw,2.5rem);font-weight:400;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}
    .blog-intro{max-width:680px;margin:0 0 48px}
    .blog-entry,.blog-article{display:block;min-height:0;padding:0;border:0;background:none;transition:none}
    .blog-entry:hover,.blog-article:hover{transform:none;background:none}
    .blog-entry{padding:34px 0;border-top:1px solid var(--line)}
    .blog-entry h2{font-size:clamp(1.4rem,4vw,1.8rem);letter-spacing:.04em;line-height:1.25;text-transform:uppercase;color:var(--red)}
    .blog-entry h2 a{text-decoration:none}
    .blog-entry h2 a:hover{text-decoration:underline}
    .blog-meta{color:var(--blue-dark);font-size:.9rem;margin:16px 0 32px}
    .blog-article p{margin:0 0 1.5em;line-height:1.8}
    .blog-body{margin-top:42px}
    .back-to-blog{display:inline-block;margin-top:32px;color:var(--red)}
    .blog-article blockquote{margin:0 0 1.5em;padding:0 0 0 20px;border-left:2px solid var(--line);font-size:inherit;line-height:1.8;text-transform:none}
    .blog-article blockquote p{margin:0}
    .breadcrumb{display:block;margin:0 0 30px;color:var(--blue-dark);font-size:.9rem}
    .blog-main .eyebrow{margin-bottom:20px}
    @media(max-width:760px){.blog-main{width:calc(100% - 32px);padding:44px 0 56px}.blog-header{padding-top:24px}.blog-header .nav-links{gap:18px}.blog-meta{font-size:.82rem}.blog-article blockquote{padding-left:14px}}

.blog-main > article{margin:0}

.article-share{margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.article-share h2{margin:0 0 22px;font-size:1.1rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.article-share-buttons{display:flex;flex-wrap:wrap;gap:14px}
.share-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 16px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--blue-dark);font:inherit;font-size:.9rem;text-decoration:none;cursor:pointer}
.share-button svg{width:22px;height:22px;fill:currentColor;flex-shrink:0}
.share-button:hover{background:var(--blue-dark);color:#fff}
.share-button:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.share-status{font-size:.9rem;line-height:1.5;margin:18px 0 0}
.share-status:empty{display:none}
#share-link-fallback{margin-top:16px;font-size:.9rem}
#share-link-fallback label{display:block;margin-bottom:8px}
#article-share-url{display:block;width:100%;padding:10px;border:1px solid var(--line);font:inherit;color:var(--ink);background:var(--paper);margin-bottom:14px}