:root{--bg-canvas:#fff;--bg-surface:#f1f5f9;--bg-surface-hover:#faf3e8;--text-primary:#1e293b;--text-muted:#57534e;--accent-primary:#b45309;--accent-secondary:#d6a36a;--border-subtle:#ded8cf;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #b4530926;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.65rem,5.4vw,5rem);letter-spacing:-.045em;margin:.3em 0}h2{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.025em}h3{font-size:1.55rem}p{margin:0 0 1.25em}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}figure{margin:0}figcaption,.caption{font-size:.81rem;line-height:1.55;color:var(--text-muted);margin-top:.7rem}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.reading{max-width:70ch;margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;background:#fff;padding:12px;z-index:20}.skip:focus{top:10px}.site-header{position:relative;background:transparent;border-bottom:1px solid var(--border-subtle);transition:background .3s;z-index:10}.site-header.scrolled{background:#fff}.header-row{padding:23px 32px;display:flex;gap:32px;align-items:center;justify-content:space-between;max-width:1600px;margin:auto}.brand{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;color:var(--text-primary);text-decoration:none;white-space:nowrap;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}.brand-mark{width:23px;height:30px;display:inline-block;border:1px solid var(--accent-primary);border-radius:50% 50% 4px 4px;transform:rotate(15deg);background:linear-gradient(150deg,#462c21,#b45309,#ead0a4)}.site-nav{display:flex;gap:22px;align-items:center}.site-nav a{font-size:.78rem;white-space:nowrap;color:var(--text-primary);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-primary);text-decoration:underline}.menu-toggle{display:none;background:transparent;border:1px solid var(--border-subtle);font-size:1.8rem;line-height:1;width:42px;height:42px;color:var(--text-primary);border-radius:4px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;font-weight:700;color:var(--accent-primary);margin-bottom:1rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding-block:80px 100px}.hero-copy{max-width:600px}.lede{font-size:1.15rem;color:var(--text-muted);max-width:58ch}.button{display:inline-block;padding:13px 20px;border:1px solid var(--accent-primary);background:#fff;color:var(--accent-primary);border-radius:0;font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;line-height:1.5;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.button.dark{background:var(--accent-primary);color:#fff}.hero-collage{position:relative;height:530px;isolation:isolate}.hero-collage::before{content:"";position:absolute;inset:8% -2% 0 5%;z-index:-1;border-radius:45%;background:linear-gradient(125deg,#f4e2c6,#f7f2e9,#dbb77e);background-size:200% 200%;filter:blur(25px);animation:gradientShift 12s ease infinite}.hero-collage figure{position:absolute;width:53%}.hero-collage figure:nth-child(1){left:0;top:0;z-index:1}.hero-collage figure:nth-child(2){right:0;top:90px;z-index:2}.hero-collage figure:nth-child(3){left:9%;top:265px;z-index:3;width:51%}.hero-collage img{height:225px;box-shadow:0 12px 35px #3b24131a;border:5px solid #fff}.hero-collage figure:nth-child(3) img{height:195px}.hero-collage figcaption{background:#fff;display:inline-block;padding:3px 7px;margin-top:4px;font-size:.69rem}.section{padding-block:78px}.section-heading{max-width:70ch;margin-bottom:38px}.section-heading h2{margin-top:.2em}.pale{background:var(--bg-surface);position:relative}.pale::before{content:"";position:absolute;left:0;right:0;top:-22px;height:23px;background:var(--bg-surface);clip-path:polygon(0 100%,100% 0,100% 100%)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.photo-wide{aspect-ratio:16/9}.photo-grid{aspect-ratio:4/3}.photo-square{aspect-ratio:1}.quote{border-left:2px solid var(--accent-primary);padding:8px 0 8px 25px;margin:30px 0;font:1.65rem/1.4 Georgia,"Times New Roman",serif;color:#805025}.quote small{display:block;font: .75rem/1.5 system-ui,sans-serif;color:var(--text-muted);margin-top:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{border:1px solid var(--border-subtle);border-radius:4px;background:#fff;overflow:hidden;transition:transform .4s var(--ease-kinetic),box-shadow .4s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.card-body{padding:27px}.card h3{margin:0 0 15px}.card p{font-size:.94rem}.card .photo-grid{border-radius:0}.ochre-field{background:#efe0c9;padding:32px;border-radius:4px;position:relative}.glass{background:#fffaf2;border:1px solid #ffffffb3;border-radius:4px;padding:30px}.glass+.glass{margin-top:18px}@supports(backdrop-filter:blur(16px)){.glass{background:#fffaf2db;backdrop-filter:var(--glass-backdrop)}}.glass h3{margin-top:0}.shade-track{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:30px 0 10px}.shade{height:82px;border-radius:4px}.shade-root{background:#4b3025}.shade-mid{background:#7c4a30}.shade-blend{background:#b77e4e}.shade-end{background:#ddbd8b}.shade-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-size:.72rem;color:var(--text-muted)}.texture-row{display:grid;grid-template-columns:115px 1fr;gap:20px;border-top:1px solid var(--border-subtle);padding:18px 0}.texture-row strong{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;font-weight:400}.texture-row p{font-size:.94rem;margin:0}.horizontal-card{display:grid;grid-template-columns:38% 1fr;background:#fff;border:1px solid var(--border-subtle);border-radius:4px;overflow:hidden}.horizontal-card img{min-height:260px;border-radius:0}.horizontal-card>div{padding:35px}.small-links{display:flex;flex-wrap:wrap;gap:14px 28px}.page-intro{padding-block:65px 40px;max-width:900px}.page-intro h1{font-size:clamp(2.8rem,5vw,4.7rem)}.article-banner{margin-bottom:50px}.article-banner img{aspect-ratio:16/9;max-height:500px}.article-layout{display:grid;grid-template-columns:minmax(0,70ch) minmax(190px,1fr);gap:65px;align-items:start;padding-bottom:80px}.article-body h2{font-size:2rem;margin-top:1.7em}.article-body h3{margin-top:1.5em}.article-body ul,.reading ul{padding-left:23px}.margin-note{border-top:1px solid var(--accent-primary);padding-top:20px;font-size:.88rem;color:var(--text-muted)}.margin-note h2{font-size:1.4rem;color:var(--text-primary)}.margin-note .quote{font-size:1.35rem;padding-left:16px}.margin-note a{display:block;margin:13px 0}.table-wrap{overflow-x:auto;margin-block:30px}table{border-collapse:collapse;width:100%;font-size:.88rem;text-align:left}caption{text-align:left;font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;margin-bottom:13px}th,td{padding:15px;border-bottom:1px solid var(--border-subtle);vertical-align:top;min-width:140px}th{background:#f5eee4;font-weight:650}.reading-page{padding-bottom:85px}.reading-page h2{font-size:1.85rem;margin-top:2em}.reading-page h3{font-size:1.35rem}.faq-item{border-top:1px solid var(--border-subtle);padding:23px 0}.faq-item h2{font-size:1.45rem;margin:0 0 15px}.faq-item p:last-child{margin-bottom:0}.notice{background:#f8f0e5;border-left:3px solid var(--accent-primary);padding:22px;margin-block:26px;font-size:.94rem}.composer{background:var(--bg-surface);padding:32px;border:1px solid var(--border-subtle);border-radius:4px}.field{margin-bottom:20px}.field label{display:block;font-size:.88rem;font-weight:650;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #aaa39a;border-radius:4px;background:#fff;color:var(--text-primary)}textarea{resize:vertical;min-height:150px}.field small{display:block;font-size:.78rem;color:var(--text-muted);margin-top:5px}.actions{display:flex;gap:12px;flex-wrap:wrap}.status{min-height:1.7em;font-size:.88rem;margin-top:18px;margin-bottom:0}.site-footer{background:#f5f2ed;border-top:1px solid var(--border-subtle);padding:45px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer-brand{font:1.4rem Georgia,"Times New Roman",serif}.footer-top p{font-size:.86rem;max-width:48ch;margin-top:14px}.footer-links{display:flex;flex-wrap:wrap;align-content:start;gap:10px 25px;max-width:400px;font-size:.83rem}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:.74rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:22px;margin-top:26px}.reveal-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-ready .reveal.reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.hero-copy h1{max-width:11ch}.margin-note{position:sticky;top:32px}}
@media(min-width:769px) and (max-width:1024px){.header-row{gap:16px;padding-inline:24px}.site-nav{gap:13px}.brand{font-size:1.25rem}.site-nav a{font-size:.7rem}.hero{gap:30px}.hero-collage{height:460px}.hero-collage img{height:190px}.hero-collage figure:nth-child(3){top:235px}.hero-collage figure:nth-child(3) img{height:165px}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 210px}.split{gap:35px}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.header-row{padding:18px 20px;flex-wrap:wrap;gap:16px}.brand{font-size:1.4rem}.menu-toggle{display:block;margin-left:auto}.site-nav{display:flex;flex-wrap:wrap;width:100%;gap:12px 24px;padding-top:16px;border-top:1px solid var(--border-subtle)}.site-nav a{font-size:.9rem}.nav-ready .site-nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;background:#fffaf5;padding:24px;box-shadow:0 20px 25px #3b241314;flex-direction:column;align-items:flex-start;gap:18px}.nav-ready .site-nav.is-open{display:flex;animation:menuDown .25s var(--ease-kinetic)}.hero{grid-template-columns:1fr;padding-block:45px 65px;gap:35px}.hero-copy{max-width:650px}.hero-collage{height:460px;max-width:530px;width:100%;margin-inline:auto}.hero-collage img{height:210px}.hero-collage figure:nth-child(3){top:230px}.hero-collage figure:nth-child(3) img{height:180px}.split,.article-layout{grid-template-columns:1fr;gap:30px}.section{padding-block:55px}.page-intro{padding-block:45px 30px}.article-layout{padding-bottom:55px}.margin-note{margin-top:15px}.horizontal-card{grid-template-columns:1fr}.horizontal-card img{aspect-ratio:16/9;min-height:0}.article-banner{margin-bottom:30px}.footer-top{gap:25px}@keyframes menuDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:481px) and (max-width:768px){.hero-copy h1{max-width:15ch}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero-collage{height:490px}}
@media(max-width:480px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.hero-collage{height:390px}.hero-collage img{height:170px}.hero-collage figure:nth-child(2){top:65px}.hero-collage figure:nth-child(3){top:200px}.hero-collage figure:nth-child(3) img{height:150px}.hero-collage figcaption{font-size:.62rem}.grid{grid-template-columns:1fr}.ochre-field,.composer{padding:22px}.glass{padding:22px}.texture-row{grid-template-columns:85px 1fr;gap:12px}.shade{height:65px}.horizontal-card>div{padding:25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.actions .button{width:100%}.quote{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready .reveal{opacity:1;transform:none}.button:hover,.card:hover{transform:none}}