
:root{--ivory:#EEE9E0;--dark:#40352D;--muted:#62564B;--tan:#8A7763}*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:white}
a{color:inherit}header{padding:23px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e3dc;background:#fff}
.brand{font:normal 27px Georgia,serif;text-decoration:none;white-space:nowrap}.nav{display:flex;gap:25px;font-size:14px}.nav a{text-decoration:none}
.hero{background:var(--ivory);padding:95px max(5vw,20px)}.hero-inner{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.7fr 1fr;gap:54px;align-items:center}
h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(44px,6vw,76px);line-height:1.08;margin:20px 0}h2{font-size:clamp(32px,4vw,49px);line-height:1.15;margin:20px 0}
p{line-height:1.75}.hero p{font-size:19px;max-width:620px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tan)}
.amp{background:#D5C7B5;text-align:center;padding:28px 8px;color:#F9F6F0;font:normal clamp(130px,17vw,220px) Georgia,serif;line-height:1.17}
.amp small{display:block;color:#514436;font:12px Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:.17em;margin-bottom:18px}
.section{padding:68px 24px;max-width:900px;margin:0 auto}.portrait{background:#F7F4EE;max-width:none;padding:64px 30px}.portrait-inner{max-width:960px;margin:auto;display:grid;grid-template-columns:55% 1fr;gap:48px;align-items:center}
.portrait img{width:100%;height:auto;display:block}.portrait p{font-size:17px;color:var(--muted)}
.story-tease p{color:var(--muted);font-size:18px;max-width:760px;line-height:1.7}.action{display:inline-block;margin-top:18px;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:bold;letter-spacing:.08em;border-bottom:1px solid #a49786;padding-bottom:7px}
.closing{background:#F7F4EE;text-align:center;max-width:1100px;padding:55px 30px;margin:0 auto 70px}.closing h2{font-size:34px}
footer{text-align:center;border-top:1px solid #eee8de;padding:27px;font-size:12px;color:#837568}
.story-hero{background:#EFEAE2;text-align:center;padding:86px 22px 82px}.story-hero h1{font-size:clamp(40px,6vw,70px)}.story-hero blockquote{font:italic clamp(22px,3vw,30px) Georgia,serif;line-height:1.5;color:#65564A;margin:30px auto}
.artwork-grid{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 24px}.artwork-grid img{width:100%;display:block}.artwork-grid figcaption{text-align:center;color:#796858;font-size:12px;letter-spacing:.13em;margin-top:13px}
.story-text{max-width:790px;margin:50px auto;padding:0 24px}.story-text p{font-size:18px;color:#5A4C40}
.blocks{max-width:970px;margin:45px auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 24px;align-items:stretch}
.block{padding:50px 30px;min-height:340px}.block h2{font-size:35px}.block p{color:#574B40;font-size:17px}
@media(max-width:730px){header{align-items:flex-start;gap:10px;flex-wrap:wrap}.hero{padding:55px 24px}.hero-inner,.portrait-inner,.artwork-grid,.blocks{grid-template-columns:1fr}.amp{font-size:140px;max-width:280px;width:100%;margin:auto}.section{padding:50px 24px}.portrait-inner{gap:24px}.blocks .block{min-height:0}.story-hero{padding:55px 22px}}

header{max-width:100%;min-height:84px;padding:20px max(4vw,24px)}
header .brand{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:22px;font-weight:550;letter-spacing:-.035em}
header .nav a:hover,.action:hover{text-decoration:underline}
.hero-inner{grid-template-columns:65fr 35fr;gap:50px}
.hero{padding-top:100px;padding-bottom:96px}
.hero h1{color:#342C26}
.hero p{color:#5D5044;line-height:1.7}
.hero .action{color:#75604E}
.amp{font-size:clamp(110px,15vw,210px);line-height:1.25;padding:35px 15px 22px}
.amp small{border-top:1px solid #F5EFE7;padding-top:20px;margin-top:8px}
.story-tease h2{color:#44382F}
.story-tease{padding-top:68px;padding-bottom:70px}
.portrait h2{font-size:clamp(30px,3.5vw,46px);color:#44382F}
.portrait p{line-height:1.8}
.story-hero h1{color:#40352D}
.story-hero .eyebrow{color:#8D7967}
.story-text{max-width:788px}
.story-text h2{color:#40362E}
.block h2{margin-bottom:16px}
.block p{line-height:1.8}
@media(max-width:730px){
.hero{padding:55px 24px}
.hero-inner{grid-template-columns:1fr}
.portrait{padding:48px 24px}
.portrait-inner{grid-template-columns:1fr}
.amp{font-size:130px}
.artwork-grid{grid-template-columns:1fr;padding:0 24px}
.blocks{grid-template-columns:1fr}
}
