@font-face{font-family:Geist;src:url('/assets/Geist-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/Geist-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f5f4ef;--forest:#153f35;--muted:#56634f;--line:#d7dcd0;--sage:#e7eddf;--citron:#e4eeb5}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--forest);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
.page{min-height:100svh;display:flex;flex-direction:column;padding:26px 5vw 24px}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;border-radius:4px;flex:none}
.brand img{display:block;width:184px;height:auto}
.brand:focus-visible{outline:3px solid var(--forest);outline-offset:6px}
.availability{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;color:var(--muted)}
.availability>span{width:7px;height:7px;border-radius:50%;background:#397455;flex:none}
main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:6vw;flex:1;padding:54px 0 68px}
.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 26px;color:var(--muted)}
h1{font-weight:400;font-size:clamp(48px,5.8vw,88px);line-height:1.04;letter-spacing:-.055em;margin:0;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.description{margin:28px 0 0;font-size:clamp(16px,1.38vw,20px);line-height:1.7;color:var(--muted);text-wrap:pretty}
.coming-soon{display:flex;align-items:center;gap:16px;margin-top:42px}
.status-mark{display:block;width:32px;height:2px;flex:none;background:var(--forest)}
.coming-soon p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.coming-soon strong{display:block;color:var(--forest);font-weight:600}
.composition{background:var(--forest);border-radius:28px;color:var(--paper);padding:28px 30px 26px;overflow:hidden;align-self:center}
.composition-top,.composition-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:1.5}
.composition-top>span:first-child{font-weight:600;font-size:14px;flex:none}
.composition-top>span{min-width:0;overflow-wrap:anywhere}
.composition-top>span:last-child{color:#b8cab6}
.composition-art{display:block;width:100%;height:auto;margin:3px 0 0}
.composition-bottom{align-items:flex-end;font-size:15px;letter-spacing:-.015em}
.composition-bottom svg{color:var(--citron);flex:none}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:12px;flex-wrap:wrap}
.footer p{margin:0}
@media(min-width:1600px){.page{padding-right:7vw;padding-left:7vw}main{gap:7vw}}
@media(max-width:900px){.page{padding:18px 28px 22px}main{gap:36px;padding:44px 0 50px}h1{font-size:clamp(44px,6vw,60px)}.composition{padding:22px;border-radius:22px}.coming-soon{margin-top:30px}.description{margin-top:22px}.eyebrow{font-size:10px;margin-bottom:20px}}
@media(max-width:680px){.page{padding:16px 24px 22px}.brand img{width:145px}.availability{font-size:11px;gap:7px}main{grid-template-columns:minmax(0,1fr);gap:34px;padding:36px 0 32px}h1{font-size:clamp(46px,10vw,66px)}.eyebrow{font-size:10px;letter-spacing:.055em}.description{font-size:16px;line-height:1.65;margin-top:22px}.coming-soon{margin-top:26px;gap:12px}.status-mark{width:24px}.coming-soon p{font-size:13px}.composition{width:100%;padding:22px 24px;border-radius:22px}.composition-art{width:80%;margin:0 auto}.composition-top{font-size:11px}.composition-bottom{font-size:13px}.composition-bottom svg{width:24px;height:24px}.footer{align-items:flex-start;font-size:11px;gap:20px}.footer p:first-child{flex:1}.footer p:last-child{flex:none}}
@media(max-width:360px){.page{padding-right:20px;padding-left:20px}.brand img{width:125px}.availability{font-size:10px}h1{font-size:44px}.composition{padding:20px}.composition-top>span:first-child{font-size:12px}.composition-top>span:last-child{font-size:10px}.footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.page{min-height:0}.composition{print-color-adjust:exact}.footer{margin-top:30px}}