:root{color-scheme:light;--ink:#3d2922;--cream:#fff9ed}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1440px;padding:0 6%;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding:68px 0 58px}.eyebrow{font-size:12px;letter-spacing:2.1px;font-weight:700;margin:0 0 26px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(56px,6.5vw,94px);font-weight:400;line-height:1.02;letter-spacing:-5px;margin:0 0 27px}.intro{font-size:18px;line-height:1.65;margin:0}.intro strong{font-weight:700}.launch{display:inline-flex;align-items:center;gap:42px;border:1.5px solid var(--ink);border-radius:50px;padding:14px 23px;font-size:16px;font-weight:700;margin:30px 0 0}.launch span{font-size:23px;line-height:1}.product{margin:0;min-width:0}.product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.matt{display:flex;align-items:center;gap:25px;background:var(--cream);border-radius:6px;padding:15px 40px;min-height:154px}.matt-portrait{width:116px;height:116px;flex-shrink:0;overflow:hidden;border-radius:50%}.matt-portrait img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.matt-quote p{font-size:32px;font-family:Georgia,'Times New Roman',serif;font-style:italic;margin:0 0 10px}.matt-quote span{font-size:14px}.matt-note{margin-left:auto;font-size:14px;line-height:1.7}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 0 29px;font-size:12px;line-height:1.5}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}/* Keep the desktop composition compact, including browser toolbar space. */
@media(min-width:701px){
.page{max-width:1200px}
.hero{padding:clamp(24px,5vh,44px) 0 24px;gap:32px}
h1{font-size:clamp(54px,8.8vh,76px);letter-spacing:-3px;margin-bottom:20px}
.eyebrow{margin-bottom:18px}
.intro{font-size:16px;line-height:1.6}
.launch{margin-top:22px;padding:12px 21px}
.product{width:min(100%,420px,53vh);justify-self:center}
.matt{min-height:110px;padding:10px 24px;gap:20px}
.matt-portrait{width:90px;height:90px}
.matt-quote p{font-size:28px;margin-bottom:8px}
footer{padding:18px 0 22px}
}
@media(max-width:700px){.page{padding:0 6%}.hero{grid-template-columns:1fr;padding:43px 0 30px;gap:20px}h1{font-size:clamp(53px,11.6vw,80px);letter-spacing:-3px}.eyebrow{font-size:11px;letter-spacing:1.6px;margin-bottom:22px}.intro{font-size:16px}.launch{margin-top:23px}.product{max-width:470px;width:100%;margin:auto}.product img{margin-top:-10px}.matt{padding:20px 15px;gap:14px}.matt-portrait{width:83px;height:83px}.matt-quote p{font-size:25px}.matt-quote span{font-size:12px}.matt-note{display:none}footer{font-size:11px}footer span:last-child{max-width:170px;text-align:right}}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .65s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}