:root{--paper:#f7f3eb;--ink:#203c36;--accent:#a34f35;--line:#d4d9ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}.wrap{max-width:1160px;margin:auto;padding:0 6%}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.brand{font:26px Georgia,serif;text-decoration:none}nav{display:flex;gap:26px;font-size:14px;align-items:center}nav a{text-decoration:none}nav .lang{border:1px solid #8f9d91;border-radius:3px;padding:2px 9px;font-size:12px;letter-spacing:.1em}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;min-height:640px;padding-top:80px;padding-bottom:80px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:650;color:var(--accent)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(54px,7vw,88px);letter-spacing:-.055em;margin:24px 0}h1 em{font-weight:400;color:var(--accent)}.lead{max-width:520px;color:#52625b;font-size:19px}.button{display:inline-block;background:var(--ink);color:white;padding:14px 23px;margin-top:22px;text-decoration:none;border-radius:3px;font-size:14px}.art{position:relative;height:410px;background:#e9e5d8;border-radius:160px 160px 4px 4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art:after{content:"";position:absolute;bottom:45px;width:80%;height:25px;background:#253d3326;filter:blur(14px)}.art img{position:absolute;width:150px;height:auto;aspect-ratio:2/3;box-shadow:8px 12px 20px #203c3629;border-radius:2px 5px 5px 2px}.art img:nth-child(1){transform:translateX(-95px) rotate(-11deg)}.art img:nth-child(2){z-index:2;transform:translateY(-12px)}.art img:nth-child(3){transform:translateX(95px) rotate(10deg)}.section{border-top:1px solid var(--line);padding-top:75px;padding-bottom:80px}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}h2{font-size:clamp(36px,4vw,52px);letter-spacing:-.035em;margin:18px 0 28px}p{margin:0 0 20px}.body-copy{max-width:620px;color:#52625b}.note{padding:28px 32px;border-left:2px solid var(--accent);background:#efece3;color:var(--ink);margin-top:30px}.flow,.books{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:44px}.flow article{border-top:1px solid #8f9d91;padding-top:22px}.number{font-size:12px;letter-spacing:.14em;color:var(--accent)}h3{font-size:27px;margin:18px 0}.flow p{font-size:16px;color:#52625b}.books article{display:flex;flex-direction:column}.books .cover{display:block;background:#e9e5d8;padding:26px 0;border-radius:4px;text-align:center}.books .cover img{width:62%;height:auto;aspect-ratio:2/3;box-shadow:8px 12px 20px #203c3629;border-radius:2px 5px 5px 2px;vertical-align:top}.books h3{font-size:24px;margin:22px 0 8px}.books .translation{font-style:italic;font-size:15px;color:#52625b;margin:0 0 10px}.books .subtitle{font-size:15px;color:#52625b;margin:0 0 14px}.books .meta{font-size:12px;letter-spacing:.08em;color:#637168;margin:0 0 18px}.books .amazon{align-self:flex-start;margin-top:auto;display:inline-block;background:var(--ink);color:white;padding:11px 18px;text-decoration:none;border-radius:3px;font-size:14px}.pen{margin-top:44px;font-size:15px;color:#52625b}.identity{display:flex;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);padding:38px 42px;border-radius:4px}.identity h2{font-size:35px;margin:8px 0 14px}.identity p{margin:0;color:#d5dfd6}.identity .eyebrow{color:#dfb19a}footer{display:flex;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:32px;font-size:12px;color:#637168}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;background:white;padding:12px;z-index:10}.details{margin:0;min-width:0;flex:1}.identity>div{flex:1}.details dt{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#dfb19a;margin-top:18px}.details dt:first-child{margin-top:0}.details dd{margin:5px 0 0;overflow-wrap:anywhere}.details address{font-style:normal}.contact-button{display:inline-block;margin-top:24px;padding:12px 18px;border:1px solid #8da79b;border-radius:3px;text-decoration:none;font-size:14px}.contact-button:hover{background:#ffffff12}.body-copy a,.pen a{overflow-wrap:anywhere}
@media(max-width:900px){.books{grid-template-columns:1fr;gap:50px;max-width:440px}}
@media(max-width:740px){header{align-items:flex-start}nav{gap:14px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}.brand{font-size:22px;white-space:nowrap}.hero{grid-template-columns:1fr;gap:40px;padding-top:50px;padding-bottom:50px;min-height:auto}.art{height:320px;max-width:440px;width:100%;margin:auto}.art img{width:118px}.art img:nth-child(1){transform:translateX(-74px) rotate(-11deg)}.art img:nth-child(3){transform:translateX(74px) rotate(10deg)}.split{grid-template-columns:1fr;gap:10px}.section{padding-top:48px;padding-bottom:48px}.flow{grid-template-columns:1fr;gap:20px}.identity{padding:28px;display:block}.details{margin-top:32px}footer{flex-direction:column;gap:5px}h1{font-size:60px}.hero h1{font-size:clamp(48px,12vw,60px)}}
@media(max-width:380px){header{flex-direction:column;gap:16px}nav{justify-content:flex-start}.identity{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
