@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/bodoni-moda-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/bodoni-moda-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:400;font-display:swap;src:url(fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:600;font-display:swap;src:url(fonts/hanken-grotesk-latin-600-normal.woff2) format("woff2")}
:root{--paper:#ECE6DC;--ink:#151210;--soft:#5E554C;--hair:rgba(21,18,16,.16);--night:#0A0908;--bone:#ECE6DC;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#121010;--ink:#ECE6DC;--soft:#A89E92;--hair:rgba(236,230,220,.16)}}
:root[data-theme="dark"]{--paper:#121010;--ink:#ECE6DC;--soft:#A89E92;--hair:rgba(236,230,220,.16)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
header{background:var(--night);color:var(--bone);padding:1.3rem clamp(1.25rem,4vw,3rem);display:flex;justify-content:space-between;align-items:center;gap:1rem}
header a{color:inherit;text-decoration:none}
.logo{font-weight:600;letter-spacing:.42em;font-size:.82rem}
.back{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
main{width:min(760px,100% - 2.5rem);margin:0 auto;padding:clamp(3rem,8vw,6rem) 0}
h1{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;font-size:clamp(2.4rem,6vw,4rem);line-height:1;margin:0 0 2.5rem;letter-spacing:-.015em}
h2{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;font-size:1.5rem;margin:2.5rem 0 .6rem;padding-top:1.5rem;border-top:1px solid var(--hair)}
p{margin:0 0 1rem}
a{color:inherit}
.ph{background:rgba(232,185,49,.3);padding:0 .3em;border-radius:3px}
.box{border:1px dashed var(--soft);padding:1.5rem;border-radius:8px;color:var(--soft)}
footer{background:var(--night);color:rgba(236,230,220,.55);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;padding:2rem clamp(1.25rem,4vw,3rem) calc(env(safe-area-inset-bottom,0px) + 2rem);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}
footer a{color:inherit;text-decoration:none}
ul{margin:0 0 1rem;padding-left:1.2rem}
li{margin-bottom:.35rem}
h3{font-size:1.05rem;margin:1.6rem 0 .4rem}
.stand{color:var(--soft);font-size:.9rem;margin-top:3rem}