:root{--bg:#0b0a0a;--bg2:#141111;--ink:#e9e3d8;--mute:#9c948a;--red:#a3201b;--red2:#c9332b;--line:#2a2422}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(163,32,27,.12),transparent 60%);z-index:0}
main,header,footer{position:relative;z-index:1}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
h1,h2,h3,.brand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:.01em}
h1{font-size:clamp(38px,5.4vw,64px);line-height:1.05;margin:.2em 0 .4em}h1 em{color:var(--red2);font-style:italic}
h2{font-size:clamp(30px,3.6vw,44px);margin:0 0 .3em;text-align:center}h3{font-size:24px;margin:.2em 0}
.sub{text-align:center;color:var(--mute);max-width:640px;margin:0 auto 36px}
section{padding:90px 0}.dark2{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--red2);font-weight:600}
.top{position:sticky;top:0;background:rgba(11,10,10,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-size:26px;color:var(--ink);text-decoration:none}
nav{display:flex;align-items:center;gap:24px}nav a{color:var(--mute);text-decoration:none;font-size:14px}nav a:hover{color:var(--ink)}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:999px;padding:15px 30px;font:600 15px Inter,sans-serif;text-decoration:none;cursor:pointer;letter-spacing:.02em;transition:.2s}
.btn:hover{background:var(--red2)}.btn.ghost{background:transparent;border:1px solid #5a4f4a;color:var(--ink)}.btn.ghost:hover{border-color:var(--ink)}
nav .btn.small{padding:9px 16px;color:#fff;font-size:13px}
.hero{padding:70px 0 100px}.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.lead{font-size:18px;color:#cfc7bb;max-width:540px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 12px}
.fine{font-size:13px;color:var(--mute)}
.stack{position:relative;height:560px}
.paper{position:absolute;width:72%;right:4%;top:0;transform:rotate(3deg);box-shadow:0 30px 60px rgba(0,0,0,.7)}
.snap{position:absolute;width:52%;left:0;bottom:20px;transform:rotate(-6deg);border:10px solid #f3efe7;border-bottom-width:34px;box-shadow:0 25px 50px rgba(0,0,0,.8)}
.pnote{position:absolute;right:2%;bottom:30px;font:26px/1.2 'Nothing You Could Do',cursive;color:#e9e3d8;transform:rotate(-4deg);text-shadow:0 2px 8px #000}
.quote{padding:50px 0;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote p{font:32px 'Indie Flower',cursive;margin:0;color:#c9d3ff}.quote span{color:var(--mute);font-size:13px;letter-spacing:.15em;text-transform:uppercase}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.step{border-top:1px solid var(--red);padding-top:18px}.step b{color:var(--red2);font:600 14px Inter;letter-spacing:.2em}.step p{color:#c4bcb0}
.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;align-items:start}
figure{margin:0}figure img{width:100%;display:block;box-shadow:0 20px 40px rgba(0,0,0,.6)}
figcaption{font:20px 'Nothing You Could Do',cursive;color:var(--mute);margin-top:10px;text-align:center}
.snaps{display:grid;gap:22px}.snaps figure,.single{background:#f3efe7;padding:10px 10px 4px}.snaps figcaption,.single figcaption{color:#1a1a1f;font-size:18px;margin:6px 0}
.snaps img,.single img{box-shadow:none}.tilt-l{transform:rotate(-2.5deg)}.tilt-r{transform:rotate(2deg)}.single{max-width:380px;justify-self:center}
.feat{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;max-width:900px;margin:30px auto 0}
.feat li{padding:16px 0 16px 28px;border-bottom:1px solid var(--line);position:relative;color:#c4bcb0}.feat li:before{content:"";position:absolute;left:0;top:25px;width:10px;height:10px;background:var(--red);transform:rotate(45deg)}.feat b{color:var(--ink)}
.plans{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.plan{position:relative;border:1px solid var(--line);background:#0f0d0d;padding:26px 18px;border-radius:18px;cursor:pointer;color:#bdb5a9;font-size:14px;transition:.2s}
.plan:hover{border-color:#5a4f4a}.plan.sel{border-color:var(--red2);box-shadow:0 0 0 1px var(--red2),0 10px 40px rgba(163,32,27,.25)}
.price{font:600 38px 'Cormorant Garamond',serif;color:var(--ink);margin:6px 0}.price small{font:14px Inter;color:var(--mute)}
.tag{position:absolute;top:-11px;left:16px;background:var(--red);color:#fff;font-size:11px;padding:3px 11px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em}
.order{max-width:560px;margin:40px auto 0;background:#0f0d0d;border:1px solid var(--line);padding:30px;border-radius:20px}
.order label{display:block;font-size:13px;color:var(--mute);margin:14px 0 5px}.order h3{margin-top:24px}
.order input,.order select,.order textarea{width:100%;background:#1a1616;border:1px solid #352d2a;color:var(--ink);padding:12px 14px;border-radius:12px;font:15px Inter}
.order .check{display:flex;gap:10px;align-items:flex-start;color:#c4bcb0;font-size:14px}.order .check input{width:auto;margin-top:4px}
.row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.chosen{padding:12px;background:#1a1616;border-left:3px solid var(--red);font-size:14px}
.err{color:#ff6b62;margin-top:10px}
.faq details{max-width:760px;margin:0 auto;border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font:600 22px 'Cormorant Garamond',serif}.faq p{color:#c4bcb0}
.notice{padding:30px 0;background:#120c0c;border-top:1px solid #3a1a18}.notice p{font-size:13px;color:var(--mute);text-align:center;max-width:820px;margin:0 auto}
footer{padding:40px 0;text-align:center;color:var(--mute);font-size:13px;border-top:1px solid var(--line)}footer a{color:var(--mute);margin:0 10px}
@media(max-width:880px){.grid2,.steps,.gallery,.feat{grid-template-columns:1fr}.plans{grid-template-columns:1fr 1fr}.stack{height:440px;width:100%;max-width:420px;margin:0 auto}nav a:not(.btn){display:none}section{padding:64px 0}.hero{padding:40px 0 60px}.snaps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.plans{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}.row>div:first-child{grid-column:1/-1}.stack{height:380px}.pnote{display:none}}

/* sub pages */
main.page{padding:48px 20px 60px;max-width:760px}main.page h1{margin-top:0}main.page h2{margin-top:1.6em;text-align:left}.note{opacity:.75;font-size:.95em}.letter{background:#f3efe4;color:#222;padding:24px 28px;border-radius:4px;margin:24px 0;box-shadow:0 6px 24px rgba(0,0,0,.4)}.letter a{color:#8b1a1a}.demo-note{color:#e0a0a0}

.order button,button.btn,input[type=submit]{border-radius:999px}.faq details{border-radius:14px}.letter{border-radius:14px}

.lead p{margin:0 0 .75em}.lead p:last-child{margin-bottom:0}.lead .kicker{color:var(--red);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3em;line-height:1.25;margin-top:1em}
.freeline{color:#b3001b;font:800 clamp(30px,6vw,44px)/1.05 Inter,sans-serif;letter-spacing:-.01em;text-transform:uppercase;margin:26px 0 14px;text-shadow:0 0 18px rgba(179,0,27,.45)}