:root{--ink:#14202b;--sea:#12324a;--sand:#f6f1e8;--card:#fffdf9;--coral:#c4512a;--muted:#5b6670;--line:#e4dccf}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
a{color:var(--sea)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.15;color:var(--sea)}
h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2em 0}h2{font-size:1.6rem;margin:1.6em 0 .6em}h3{font-size:1.15rem;margin:0 0 .3em}
.top{background:var(--sea)}.top .wrap{display:flex;justify-content:space-between;align-items:center;height:60px}
.brand{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:1.3rem;color:var(--sand);text-decoration:none}
nav a{color:var(--sand);text-decoration:none;margin-left:20px;font-weight:500}
.lead{padding:48px 16px 8px}.lead p{font-size:1.15rem;max-width:640px;color:var(--muted)}
.tiles{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.tile{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);height:100%}
.tile .img{display:block;aspect-ratio:16/10;background:#cfd8de center/cover}
.tile .txt{display:block;padding:14px 16px 18px}.tile strong{display:block;font-family:Fraunces,Georgia,serif;font-size:1.2rem;color:var(--sea)}
.tile .txt span{color:var(--muted);font-size:.95rem}
.tile:hover{border-color:var(--coral)}
.steps ol{padding-left:1.2em;max-width:680px}.steps li{margin:.5em 0}
.hero{min-height:46vh;background:#12324a center/cover;display:flex;align-items:flex-end;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(10,25,38,.75))}
.hero .wrap{position:relative;width:100%;padding-bottom:28px}.hero h1{color:#fff}.kicker{color:#f3d9c9;margin:0;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}
.credit{font-size:.75rem;color:var(--muted);margin-top:6px}.credit a{color:var(--muted)}
.intro{max-width:720px;margin-left:auto;margin-right:auto;font-size:1.08rem}.intro{padding-top:8px}
.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column}
.card p{color:var(--muted);flex:1;margin:0 0 14px}
.btn{display:inline-block;background:var(--coral);color:#fff;text-decoration:none;font-weight:600;padding:10px 16px;border-radius:999px;text-align:center}
.btn:hover{background:#a8441f}.btn.ghost{background:transparent;color:var(--sea);border:2px solid var(--sea);margin-top:8px}
.btn.ghost:hover{background:var(--sea);color:#fff}
.small{font-size:.85rem;color:var(--muted)}
.prose{max-width:720px;padding-top:24px}
footer{margin-top:56px;padding:24px 0 40px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}