@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/dm-sans-400.ttf") format("truetype")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/dm-sans-500.ttf") format("truetype")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/dm-sans-600.ttf") format("truetype")}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/instrument-serif.ttf") format("truetype")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/instrument-serif-italic.ttf") format("truetype")}
:root{--paper:#f8f5ed;--ink:#161811;--muted:#353a30;--rule:#d9d9c9;--green:#293823;--wash:#e9ecdf}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;font-weight:500;line-height:1.65}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--green)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}
.wrap{max-width:1260px;margin:auto;padding:0 6%}
header{display:flex;align-items:center;justify-content:space-between;padding:29px 0;border-bottom:1px solid var(--rule)}
.wordmark{font-family:"Instrument Serif",Georgia,serif;font-size:43px;line-height:1;text-decoration:none;letter-spacing:-2px}
nav{display:flex;gap:30px;font-size:13px}
nav a{text-decoration:none}
nav a[aria-current=page]{text-decoration:underline}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--green)}
.hero{padding:78px 0 65px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:54px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400}
h1{font-size:clamp(58px,7vw,94px);letter-spacing:-.045em;line-height:.99;margin:24px 0 30px}
h1 em{font-weight:400;color:var(--green)}
.intro{font-size:17px;line-height:1.7;max-width:350px;color:var(--muted)}
.availability{display:inline-flex;align-items:center;gap:9px;font-size:12px;margin-top:25px;padding:10px 14px;border:1px solid var(--rule);border-radius:30px}
.availability::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.hero aside{padding-top:35px}
.specimen{background:#fffdf6;border:1px solid var(--rule);padding:35px 36px 40px;box-shadow:0 16px 45px #30351b08;transform:rotate(1deg)}
.specimen .caption{border-bottom:1px solid var(--rule);padding-bottom:20px;margin-bottom:35px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.specimen h2{font-size:43px;line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}
.specimen p,.specimen blockquote{font-family:Georgia,serif;font-size:16px;line-height:1.7}
.specimen blockquote{border-left:2px solid #b0b69d;margin:24px 0 0;padding-left:20px;color:var(--green);font-style:italic}
.specimen-note{font-size:10px;color:var(--muted);text-align:right;margin:16px 0 0}
.statement{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}
.section{padding:75px 0}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:54px;margin-bottom:36px;align-items:end}
.section h2{font-size:51px;letter-spacing:-.025em;line-height:1.05;margin:15px 0 0}
.section-head p{font-size:15px;color:var(--muted);max-width:390px;margin-bottom:0}
.app-image{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--rule)}
figcaption{font-size:11px;color:var(--muted);margin-top:14px}
figure{margin:0}
.rows{border-top:1px solid var(--rule)}
.row{display:grid;grid-template-columns:80px 1fr 1fr;gap:20px;border-bottom:1px solid var(--rule);padding:28px 0;align-items:baseline}
.number{font-family:"Instrument Serif",Georgia,serif;font-size:27px;color:var(--muted)}
.row h3{font-size:18px;font-weight:500;margin:0}
.row p{font-size:14px;color:var(--muted);margin:0}
.note{background:var(--wash);padding:42px 48px;margin:0 0 60px}
.note h2{font-size:38px;line-height:1.1;margin-bottom:15px}
.note p{max-width:630px;margin-bottom:0;color:var(--muted);font-size:15px}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding:27px 0 35px;color:var(--muted);font-size:11px}
.article{max-width:720px;margin:64px auto 85px}
.article h1{font-size:68px;margin:20px 0 25px}
.article .lead{font-size:20px;color:var(--muted);margin-bottom:45px}
.article h2{font-size:34px;line-height:1.2;margin:42px 0 15px}
.article p,.article li{font-size:15px}
.article .updated{font-size:12px;color:var(--muted)}
.contact{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:25px 0;margin:30px 0 40px}
.contact a{font-size:clamp(16px,3vw,25px);word-break:break-word}
details{border-bottom:1px solid var(--rule);padding:22px 0}
summary{cursor:pointer;font-size:16px;font-weight:500}
details p{margin:16px 0 0;color:var(--muted)}
.skip{position:absolute;left:20px;top:-100px;background:var(--paper);padding:10px}
.skip:focus{top:15px;z-index:10}
@media(max-width:760px){.wrap{padding:0 7%}header{padding:22px 0}nav{gap:23px}.hero{grid-template-columns:1fr;gap:18px;padding:48px 0}.hero aside{padding-top:8px}h1{font-size:70px;max-width:500px}.intro{max-width:440px}.specimen{transform:none;padding:28px}.statement{flex-wrap:wrap;gap:12px 25px}.section{padding:50px 0}.section-head{grid-template-columns:1fr;gap:20px}.section h2{font-size:43px}.row{grid-template-columns:35px 1fr;gap:10px}.row p{grid-column:2}.note{padding:30px;margin-bottom:45px}footer{flex-wrap:wrap}.article{margin-top:45px}.article h1{font-size:57px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}