:root{--plum:#2a1633;--plum2:#3d2149;--lantern:#f4b860;--glow:#ffd99a;--cream:#fbefe3;--rose:#e9a6c0}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--plum);color:var(--cream);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:600;line-height:1.2}
a{color:var(--glow)}
.hero{position:relative;min-height:min(88vh,760px);display:flex;align-items:flex-end;overflow:hidden}
.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(42,22,51,.95) 0%,rgba(42,22,51,.55) 35%,rgba(42,22,51,0) 65%)}
.hero-text{position:relative;z-index:1;padding:1.5rem 1.25rem 2.5rem;max-width:44rem}
.brand{margin:0 0 .25rem;color:var(--glow);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:700}
.hero h1{margin:0 0 1.25rem;font-size:clamp(1.8rem,6vw,3.2rem);text-shadow:0 2px 12px rgba(0,0,0,.5)}
.buttons{display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-block;padding:.8rem 1.3rem;border-radius:999px;border:2px solid var(--lantern);color:var(--cream);text-decoration:none;font-weight:700;background:rgba(42,22,51,.6)}
.btn.primary{background:var(--lantern);color:var(--plum)}
.btn:hover{box-shadow:0 0 18px rgba(244,184,96,.6)}
main section{padding:2.5rem 1.25rem;max-width:72rem;margin:0 auto}
.about p{max-width:44rem}.ai{background:var(--plum2);border-left:4px solid var(--lantern);padding:.9rem 1rem;border-radius:6px}
.grid{display:grid;grid-template-columns:1fr;gap:1rem}
figure{margin:0;background:var(--plum2);border-radius:12px;overflow:hidden}
figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
figcaption{padding:.55rem .9rem;font-size:.95rem;color:var(--rose)}
.commissions{text-align:center}
footer{text-align:center;padding:2rem 1rem;font-size:.9rem;color:#cdb6d4;border-top:1px solid var(--plum2)}
footer p{margin:.25rem}
@media(min-width:800px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.hero-text{padding:3rem 4rem 4rem}main section{padding:3.5rem 2rem}}