:root{--sun:#ff8a3d;--coral:#ff5e62;--sea:#0f766e;--sand:#fff7ed;--ink:#1f2937}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--sand);color:var(--ink);line-height:1.6}
a{color:var(--sea)}img{max-width:100%;display:block}
header{position:sticky;top:0;z-index:5;background:rgba(255,247,237,.92);backdrop-filter:blur(8px);display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid #fde3c8}
.logo{font-family:Georgia,serif;font-size:1.35rem;font-weight:700;text-decoration:none;background:linear-gradient(90deg,var(--coral),var(--sun));-webkit-background-clip:text;color:transparent}
nav{display:flex;gap:.9rem;flex-wrap:wrap}nav a{text-decoration:none;color:var(--ink);font-size:.95rem}nav a:hover{color:var(--coral)}
.ai-bar{background:var(--sea);color:#fff;text-align:center;font-size:.8rem;padding:.35rem}
.hero{min-height:82vh;background-size:cover;background-position:center 30%;display:flex;align-items:flex-end}
.hero-in{width:100%;padding:2rem 1.2rem 3rem;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff}
.hero h1{font-family:Georgia,serif;font-size:2.6rem;margin:.2rem 0}.tag{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin:0}
.btn{display:inline-block;background:linear-gradient(90deg,var(--coral),var(--sun));color:#fff;padding:.75rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:600;margin:.4rem .4rem 0 0}
.btn.ghost{background:rgba(255,255,255,.18);border:1px solid #fff}
.wrap{max-width:1100px;margin:auto;padding:2rem 1rem}h1,h2{font-family:Georgia,serif}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.grid img{border-radius:14px;aspect-ratio:3/4;object-fit:cover;width:100%}
.grid.three a{position:relative;color:#fff;text-decoration:none}.grid.three span{position:absolute;left:.7rem;bottom:.6rem;font-weight:700;text-shadow:0 1px 4px #000}
@media(min-width:720px){.grid{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:3.6rem}.hero-in{padding:3rem 3rem 4rem}}
.cta{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#ffe4c7,#ffd1d1)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.chips a{background:#fff;border:1px solid #fdd5b0;border-radius:999px;padding:.3rem .8rem;text-decoration:none;font-size:.9rem}
section[id]{scroll-margin-top:90px}.prose{max-width:720px}.center{text-align:center}
.notice{background:#ecfdf5;border-left:4px solid var(--sea);padding:1rem;border-radius:8px}
.linkpage{max-width:460px;text-align:center}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:auto;border:4px solid var(--sun)}
.lbtn{display:block;background:#fff;border:1px solid #fdd5b0;border-radius:14px;padding:.9rem;margin:.6rem 0;text-decoration:none;font-weight:600;color:var(--ink)}.lbtn:hover{background:var(--sun);color:#fff}
footer{background:#1f2937;color:#e5e7eb;text-align:center;padding:2rem 1rem}footer a{color:#fdba74;margin:0 .5rem}.small{font-size:.8rem;opacity:.8}