*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:.25em}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1085cf;outline-offset:3px}header,footer,main{max-width:1260px;margin:auto;padding:0 clamp(18px,5vw,76px)}header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:24px;padding-bottom:22px;border-bottom:1px solid var(--edge);flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:12px;font:700 1.25rem Georgia,serif;text-decoration:none}.logo img{width:40px;height:40px}nav{display:flex;gap:clamp(10px,2vw,26px);align-items:center;flex-wrap:wrap}nav a{font-size:.92rem;text-decoration:none}nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}h1,h2,h3{font-family:var(--font);line-height:1.06;letter-spacing:-.04em}h1{font-size:clamp(2.8rem,6.6vw,6.6rem);margin:.18em 0}h2{font-size:clamp(1.65rem,3.1vw,2.9rem);margin:.7em 0 .4em}h3{font-size:1.45rem}p{margin:.65em 0 1.2em}.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(32px,6vw,84px) 0}.visual{overflow:hidden;border-radius:var(--radius);margin:0}.visual img{display:block;width:100%;height:auto;aspect-ratio:1.32;object-fit:cover}.eyebrow,.note{font-size:.86rem;letter-spacing:.02em}.eyebrow{color:var(--accent);font-weight:700}.buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button,button{appearance:none;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--on);padding:11px 20px;border-radius:var(--btn);font:600 .94rem/1.45 Arial,sans-serif;text-decoration:none}.secondary{background:transparent;color:var(--ink);border-color:var(--edge)}.band{border-block:1px solid var(--edge);padding:18px 0 32px;margin:0 0 42px}.highlights,.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature{border-top:2px solid var(--accent);padding:12px 0}.feature strong,.price{display:block}.price{color:var(--accent);font-weight:bold}.lead{max-width:55ch;font-size:1.09rem}.page{padding:36px 0 52px}.pagehead{display:grid;grid-template-columns:2fr 1fr;gap:26px;align-items:center;border-bottom:1px solid var(--edge);padding-bottom:30px;margin-bottom:30px}.pagehead h1{font-size:clamp(2.2rem,5.3vw,4.9rem)}.pagehead .visual{max-width:320px;justify-self:end}.menurows{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--edge);padding:14px 0}.item span:last-child{white-space:nowrap}.reading{max-width:68ch}.reading p{line-height:1.84}.formarea{max-width:580px;padding:24px;border:1px solid var(--edge);border-radius:var(--radius)}label{display:grid;gap:5px;margin:.85em 0}input,select,textarea{max-width:100%;width:100%;font:inherit;padding:9px;background:#fff;color:#171717;border:1px solid #777;border-radius:4px}.output{white-space:pre-wrap;overflow-wrap:anywhere}iframe{width:100%;height:300px;border:0;border-radius:var(--radius)}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--edge);padding-top:24px;padding-bottom:24px;font-size:.9rem}.story{padding:0 0 48px;max-width:74ch}.layout1 .hero .visual,.layout4 .hero .visual{order:-1}.layout2 .hero,.layout5 .hero{grid-template-columns:1fr;gap:24px}.layout2 .hero .visual img,.layout5 .hero .visual img{aspect-ratio:2.9}.layout3 .hero{grid-template-columns:1.15fr 1fr}.layout3 .hero .copy,.layout4 .hero .copy{border-left:5px solid var(--accent);padding-left:clamp(12px,2vw,30px)}.layout5 .hero .visual{order:-1}.layout6 .hero{background:var(--accent);color:var(--on);padding:clamp(20px,4vw,50px);margin:34px 0;border-radius:var(--radius)}.layout6 .hero .eyebrow,.layout6 .hero a{color:var(--on)}.layout6 .hero .button{border-color:var(--on)}@media(max-width:740px){header{gap:15px;padding-block:18px}nav{gap:8px 16px}.hero,.pagehead,.cols,.highlights,.menurows,.layout3 .hero{grid-template-columns:1fr}.hero{gap:20px}.pagehead .visual{width:100%;max-width:none}.pagehead .visual img{aspect-ratio:2.5}.layout2 .hero .visual img,.layout5 .hero .visual img{aspect-ratio:1.6}.highlights{gap:6px}.visual img{max-height:350px}footer{display:block}.item{font-size:.96rem}.buttons{gap:9px}.button,button{padding:10px 15px}h1{overflow-wrap:anywhere}}

:root{--accent:#515639;--paper:#f4f3e8;--ink:#24231e;--edge:#bfb6a4;--on:white;--radius:2px;--btn:6px;--font:Arial,sans-serif}header{flex-direction:column;align-items:flex-start} .band .feature{border:1px solid var(--edge);padding:16px}