:root{--ink:#24302c;--forest:#19362e;--cream:#f6f2e9;--paper:#fffdf8;--accent:#a06d48;--line:#dfd6c7}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.75 Georgia,'Times New Roman',serif;overflow-wrap:break-word}
a{color:inherit}img{max-width:100%;height:auto;display:block}
.wrap,.header-inner{width:min(1100px,calc(100% - 44px));margin-inline:auto}
.site-header{position:relative;z-index:2;background:#102c25;color:#f7f3e9}
.header-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-weight:bold;letter-spacing:.035em;font-size:clamp(1.45rem,3vw,2.1rem);text-decoration:none}.back{font:500 .9rem/1.4 system-ui,sans-serif;text-decoration:none;white-space:nowrap}.back:hover,footer a:hover{text-decoration:underline}
.hero{padding:clamp(66px,10vw,125px) 0 clamp(66px,9vw,105px);background:linear-gradient(125deg,#19392f,#29483b 65%,#465747);color:#faf7ef}
.eyebrow{margin:0 0 18px;font:700 .76rem/1.4 system-ui,sans-serif;letter-spacing:.22em;color:var(--accent)}.hero .eyebrow{color:#e2c4a3}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,7.5vw,6.2rem);font-weight:500;letter-spacing:-.035em;line-height:1.09;margin-bottom:25px}h1 em{font-weight:400}.intro{font-size:clamp(1.1rem,2.2vw,1.45rem);max-width:740px;line-height:1.6}.source-pill{font:500 .83rem/1.5 system-ui,sans-serif;color:#dcd8c9;margin:24px 0 0}
.feature,.story,.record{padding-block:clamp(54px,7vw,95px)}h2{font-size:clamp(2rem,4.2vw,3.5rem);font-weight:500;letter-spacing:-.025em;line-height:1.2;margin-bottom:27px}.feature h2{font-size:clamp(1.7rem,3vw,2.6rem)}
.artwork{margin:0}.artwork img{width:100%;border-radius:3px;box-shadow:0 15px 50px rgba(30,28,20,.12)}figcaption{font:400 .86rem/1.65 system-ui,sans-serif;color:#67655d;max-width:850px;padding:16px 2px}
.story{border-top:1px solid var(--line)}.prose{max-width:850px}.prose p,.record>p:not(.eyebrow){font-size:1.07rem;margin-bottom:21px}
.process{background:var(--paper);padding:clamp(60px,7vw,95px) 0;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.steps article{background:#f7f3ea;border:1px solid var(--line);padding:clamp(22px,3vw,36px);min-width:0}.number{font:700 .85rem system-ui,sans-serif;color:var(--accent)}h3{font-size:1.4rem;line-height:1.3;margin:15px 0}.steps p{margin:0;font-size:1rem}
.record{max-width:1000px}.note{padding:22px 25px;border-left:4px solid var(--accent);background:#ece3d3}.reference{font-size:.94rem!important;color:#66665d}
footer{background:#102c25;color:#eae5da;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font:400 .85rem/1.6 system-ui,sans-serif}footer a{text-decoration:none}
@media(max-width:700px){body{font-size:16px}.header-inner{min-height:72px}.wrap,.header-inner{width:min(100% - 32px,1100px)}.back{font-size:.78rem}.hero{padding:60px 0 64px}.steps{grid-template-columns:1fr;gap:14px}.feature,.story,.record{padding-block:48px}.process{padding:52px 0}figcaption{font-size:.79rem}h1{font-size:clamp(2.5rem,11vw,4.1rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Smaller and left-aligned porcelain hero */
.hero{padding:clamp(36px,5vw,66px) 0 clamp(44px,6vw,75px)}
.hero .wrap{width:auto!important;max-width:none!important;margin:0!important;padding-left:clamp(18px,3vw,46px)!important;padding-right:clamp(18px,3vw,46px)!important}
.hero h1{font-size:clamp(2.45rem,4.1vw,4rem)!important;line-height:1.12!important;letter-spacing:-.025em!important;max-width:1000px;margin:0 0 20px!important}
.hero .intro{font-size:clamp(1rem,1.5vw,1.18rem)!important;max-width:820px}
.hero .eyebrow{margin-bottom:15px}.hero .source-pill{margin-top:20px}
@media(max-width:700px){.hero h1{font-size:clamp(2.1rem,7.2vw,3.1rem)!important}}