:root{--bg:#fbfaf7;--paper:#ffffff;--ink:#171717;--muted:#686868;--line:#e8e0d2;--accent:#8a4fff;--accent2:#d96c36;--soft:#f3eee6;--dark:#121016}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 5%,rgba(138,79,255,.12),transparent 28rem),radial-gradient(circle at 90% 12%,rgba(217,108,54,.12),transparent 24rem),var(--bg);line-height:1.65}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,92vw);margin:0 auto}
.topbar{background:var(--dark);color:#fff;font-size:.9rem;padding:.55rem 0}.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(251,250,247,.86);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px}.logo{display:flex;align-items:center;gap:.75rem;font-weight:800;letter-spacing:-.04em;font-size:1.28rem}
.logo-mark{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#ffcf40,var(--accent2));box-shadow:0 12px 30px rgba(0,0,0,.14)}
.menu{display:flex;align-items:center;gap:1.3rem;color:#242424;font-weight:650}.menu a:hover{color:var(--accent)}.cta{padding:.76rem 1rem;border-radius:999px;color:#fff!important;background:var(--dark)}
.hero{padding:62px 0 36px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.kicker{text-transform:uppercase;color:var(--accent2);font-size:.78rem;font-weight:850;letter-spacing:.16em}
h1{font-size:clamp(2.55rem,5vw,5.8rem);line-height:.95;letter-spacing:-.075em;margin:.7rem 0 1.1rem}.lead{font-size:1.16rem;color:#444;max-width:690px}.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.55rem}
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:750;box-shadow:0 10px 26px rgba(0,0,0,.06)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.hero-collage{display:grid;grid-template-columns:1fr 1fr;gap:14px}.art-card{min-height:178px;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.16);background:#ddd}.art-card.big{grid-row:span 2;min-height:372px}.art-card svg{width:100%;height:100%;position:absolute;inset:0}.art-label{position:absolute;left:14px;right:14px;bottom:14px;color:#fff;font-weight:800;font-size:.9rem;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.section{padding:50px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:24px}.section-title h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.055em;line-height:1;margin:0}.section-title p{margin:0;color:var(--muted);max-width:540px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 14px 38px rgba(0,0,0,.05)}.feature h3{margin:.4rem 0 .45rem;font-size:1.18rem}.feature p{color:var(--muted);margin:0}
.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}.gallery-item{border-radius:30px;overflow:hidden;min-height:220px;position:relative;background:#eee;border:1px solid rgba(255,255,255,.5)}.gallery-item.tall{grid-row:span 2;min-height:455px}.gallery-item.wide{grid-column:span 2}.gallery-item svg{width:100%;height:100%;position:absolute;inset:0}.gallery-caption{position:absolute;left:16px;bottom:16px;right:16px;background:rgba(0,0,0,.46);color:#fff;border:1px solid rgba(255,255,255,.22);padding:10px 12px;border-radius:18px;backdrop-filter:blur(10px);font-weight:760}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(0,0,0,.09)}
.thumb{height:190px;position:relative;overflow:hidden;background:#e8e1d8}.thumb svg{width:100%;height:100%}.post-body{padding:20px}.post-body h3{font-size:1.18rem;line-height:1.25;margin:0 0 .6rem;letter-spacing:-.02em}.meta{color:var(--accent2);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem}.excerpt{color:var(--muted);margin:0 0 1rem}.readmore{font-weight:850;color:var(--accent)}
.pagination{display:flex;gap:.7rem;justify-content:center;margin:34px 0 0;flex-wrap:wrap}.pagination a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.72rem 1rem;font-weight:800}.pagination a.active{background:var(--dark);color:#fff;border-color:var(--dark)}
.page-hero{padding:54px 0 24px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.3rem,4vw,4.8rem)}.content-wrap{display:grid;grid-template-columns:minmax(0,760px) 320px;gap:38px;align-items:start;padding:44px 0}.article{background:#fff;border:1px solid var(--line);border-radius:32px;padding:clamp(22px,4vw,48px);box-shadow:0 18px 55px rgba(0,0,0,.06)}.article h1{font-size:clamp(2.1rem,4vw,4.6rem)}.article h2{font-size:1.65rem;letter-spacing:-.03em;margin-top:2rem}.article p,.article ul{color:#333}.sidebar{position:sticky;top:105px}.side-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;margin-bottom:18px;box-shadow:0 12px 35px rgba(0,0,0,.05)}.side-card h3{margin-top:0}
.footer{background:var(--dark);color:#fff;padding:44px 0 28px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer p,.footer a{color:rgba(255,255,255,.76)}.footer h3{margin-top:0}.footer-links{display:grid;gap:.55rem}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;color:rgba(255,255,255,.6)}
.form{display:grid;gap:14px;max-width:680px}input,textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 15px;font:inherit;background:#fff}textarea{min-height:150px}button{border:0;border-radius:999px;padding:14px 18px;background:var(--accent);color:#fff;font-weight:850;cursor:pointer}
@media(max-width:900px){.hero-grid,.content-wrap,.footer-grid{grid-template-columns:1fr}.article-grid,.feature-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery-item.tall{grid-row:auto;min-height:250px}}
@media(max-width:640px){.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.menu{width:100%;overflow:auto;gap:1rem;padding-bottom:8px}.hero{padding-top:38px}.hero-collage,.article-grid,.feature-grid,.gallery{grid-template-columns:1fr}.art-card.big{min-height:260px}.gallery-item.wide{grid-column:auto}.topbar .container{display:block}}