:root{--paper:#f4f0e7;--ink:#242a25;--muted:#646c62;--accent:#b65e4c;--line:#cfcdc3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px;top:10px;background:white;padding:12px;z-index:20}.skip:focus{left:10px}.header{border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:80px}.brand{font-family:Georgia,serif;font-size:1.65rem;letter-spacing:-.045em;font-weight:700}.nav nav{display:flex;gap:clamp(14px,3vw,40px);font-size:.84rem;font-weight:700}.nav nav a:hover{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(3.2rem,7vw,6.7rem);line-height:1.08;max-width:650px;margin:28px 0}h2{font-size:clamp(2.6rem,4.2vw,4rem);line-height:1.13}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:7%;padding-top:105px;padding-bottom:105px}.kicker,.section-no{font-size:.7rem;letter-spacing:.16em;font-weight:700;color:var(--accent)}.hero-body{max-width:530px;color:var(--muted);line-height:1.75;font-size:1.1rem;margin-bottom:36px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;background:var(--ink);color:white;padding:18px 22px;font-weight:700;font-size:.88rem}.cta:hover{background:var(--accent)}.art{height:440px;position:relative;overflow:hidden;background:#dcd9cb;display:flex;justify-content:center;align-items:center}.art-circle{border-radius:45% 55% 48% 52%;height:65%;width:65%;border:35px solid #b5c0aa;transform:rotate(25deg)}.art-label{position:absolute;bottom:21px;left:25px;letter-spacing:.18em;font-size:.65rem;line-height:1.6}.panel{background:#e6e7dd;padding:110px 0}.split{display:grid;grid-template-columns:.35fr 1fr;gap:40px}.split>div{max-width:760px}.split p:not(.section-no){color:var(--muted);font-size:1.12rem;line-height:1.8}.section{padding:110px 0 130px}.section h2{margin:24px 0 58px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards article{border-top:2px solid var(--ink);padding:24px 8px 35px 0}.count{font-size:.72rem;color:var(--accent);font-weight:700}.cards h3{font-family:Georgia,serif;font-size:1.8rem;font-weight:400;line-height:1.2;margin:38px 0 20px}.cards p{color:var(--muted);line-height:1.7}.contact{background:var(--ink);color:#f4f0e7;padding:105px 0}.contact .section-no{color:#d8ac9f}.contact p:not(.section-no){color:#ced2c8}.contact-cta{display:inline-block;border-bottom:1px solid #d8ac9f;padding:10px 0;font-weight:700}.contact-cta[aria-disabled=true]{opacity:.6;cursor:default}.contact .small{font-size:.83rem!important;margin-top:35px}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 0;font-size:.75rem;color:var(--muted)}.demo-mark{position:fixed;bottom:12px;right:12px;background:#fffaf1;border:1px solid #d3bb97;padding:9px 12px;font-size:.59rem;letter-spacing:.09em;z-index:5}@media(max-width:790px){.hero{grid-template-columns:1fr;gap:40px;padding:75px 0}.art{height:270px}.split{grid-template-columns:1fr;gap:30px}.cards{grid-template-columns:1fr}.panel,.section,.contact{padding:75px 0}.cards article{padding:23px 0}.cards h3{margin:20px 0 14px}}@media(max-width:480px){.nav{align-items:flex-start;padding:24px 0;flex-direction:column}.nav nav{gap:23px}.hero{padding-top:58px}.foot{flex-direction:column;align-items:flex-start}.demo-mark{font-size:.48rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Multi-page editorial detail layouts */
.nav{flex-wrap:wrap}.nav nav{flex-wrap:wrap;justify-content:flex-end}
.inner-detail{padding-top:105px;padding-bottom:145px;min-height:65vh}
.inner-detail h1{max-width:970px}
.detail-lead{font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.75;color:var(--muted);max-width:750px;margin:35px 0 55px}
.detail-cards{margin-top:55px}
.gallery-empty{min-height:260px;background:#e4e5dd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px}
.gallery-empty[hidden]{display:none}
.gallery-empty span{letter-spacing:.16em;font-size:.7rem;color:var(--accent);font-weight:700}
.gallery-empty p{color:var(--muted);line-height:1.6;max-width:430px;margin:22px 0 0}
.gallery-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-items figure{margin:0;background:#e4e5dd}
.gallery-items img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.detail-contact{color:var(--ink);border-color:var(--ink)}
@media(max-width:790px){.inner-detail{padding:75px 0}.gallery-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.nav nav{justify-content:flex-start}.gallery-items{grid-template-columns:1fr}}

/* Readable blog prototype */
.blog-items{display:grid;gap:0;border-top:1px solid var(--ink);max-width:850px}
.blog-items article{padding:35px 0;border-bottom:1px solid var(--line)}
.blog-items article h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:8px 0 15px}
.blog-items article h2 a:hover{color:var(--accent)}
.blog-items article>p:last-child{font-size:1rem;color:var(--muted);line-height:1.8}
.blog-meta{font-size:.76rem;letter-spacing:.08em;color:var(--accent);font-weight:700}
.article-body{max-width:700px;font-size:1.1rem;line-height:1.9;color:var(--muted);white-space:pre-line;margin-bottom:60px}
.article-body p{margin-bottom:22px}
