@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=DM+Sans:wght@400;600;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c080d;color:#fff0d9;font-family:'DM Sans',sans-serif}header{min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px clamp(18px,5vw,72px);background:#0b080ce8;border-bottom:1px solid #ad7d3e55}.brand{display:inline-flex;align-items:baseline;gap:.25em;text-decoration:none;white-space:nowrap}.candy{font-size:clamp(25px,4vw,46px);font-weight:800;font-style:italic;letter-spacing:-.065em;color:#ff77b8;text-shadow:1px 2px #bd1b65,2px 4px #7c0b41,0 0 17px #fa408d66}.by{font-size:clamp(15px,2vw,23px);font-weight:800;color:#050305;-webkit-text-stroke:.6px #e6c18a;text-shadow:0 0 5px #f5d0a0}.cleo{font-family:Cinzel,serif;font-size:clamp(27px,4.3vw,50px);font-weight:800;color:#e6b760;background:linear-gradient(#fff0ad,#c68a30,#f3ce80,#a46b22);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 2px 1px #000)}.topline,.kicker{color:#e8b76e;letter-spacing:.24em;font-size:11px}.hero{min-height:790px;position:relative;overflow:hidden;display:flex;align-items:end;justify-content:center}.art{position:absolute;inset:-2%;background:linear-gradient(180deg,#0b080d10 38%,#0c080d88 74%,#0c080d 100%),url('cleopatra-hero.png') center 40%/cover no-repeat;animation:queen-motion 9s ease-in-out infinite alternate;transform-origin:35% 45%}.hero-content{position:relative;z-index:2;text-align:center;padding:340px 20px 95px;text-shadow:0 3px 15px #000}.hero h1{font-family:Cinzel,serif;font-size:clamp(43px,8vw,100px);line-height:1.12;color:#ffe1a1;margin:16px 0;text-shadow:0 0 20px #d58b31}.quote{font-family:Georgia,serif;font-size:clamp(20px,3vw,32px);margin:20px auto 36px}.discover{display:inline-block;padding:16px 23px;border-radius:30px;background:linear-gradient(125deg,#ffe1a1,#b88134);color:#160d0c;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.1em}.smoke{position:absolute;z-index:1;pointer-events:none;width:140px;height:280px;left:23%;top:20%;opacity:.3;filter:blur(20px);background:radial-gradient(ellipse at 50% 60%,#e5c6e0a0 0%,#bda2cf55 33%,transparent 70%);border-radius:50%;animation:smoke-rise 7s ease-out infinite}.smoke-two{left:79%;top:15%;animation-delay:-3s;animation-duration:9s}.smoke-three{left:28%;top:28%;animation-delay:-5s;animation-duration:11s}.preview{max-width:1160px;margin:auto;text-align:center;padding:90px 20px 110px}.preview h2{font-family:Cinzel,serif;font-size:clamp(31px,5vw,58px)}.preview h2 em{color:#e4b76e;font-style:normal}.preview>p{color:#c8b7ab;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:50px}.cards article{background:linear-gradient(140deg,#33202c,#140c13);border:1px solid #b7874a66;border-radius:16px;padding:32px 12px;transition:transform .3s}.cards article:hover{transform:translateY(-7px)}.cards article>span{font-size:45px}.cards h3{font-family:Cinzel,serif;color:#e9bf78;font-size:16px}.cards p{font-size:13px;color:#c8b7ab}.note{margin-top:45px;font-size:12px}footer{text-align:center;padding:45px 20px;border-top:1px solid #8d613d55}.footer-brand{justify-content:center}footer p{font-size:11px;letter-spacing:.17em;color:#d4b27b}footer small{color:#a9917d}@keyframes queen-motion{0%{transform:scale(1.015) translate(0,0) rotate(-.2deg);filter:brightness(.98)}100%{transform:scale(1.055) translate(-.6%,.35%) rotate(.2deg);filter:brightness(1.08)}}@keyframes smoke-rise{0%{transform:translate(0,70px) scale(.55) rotate(-10deg);opacity:0}25%{opacity:.38}75%{opacity:.2}100%{transform:translate(45px,-180px) scale(1.8) rotate(16deg);opacity:0}}@media(max-width:700px){header{min-height:80px;padding:12px}.topline{display:none}.hero{min-height:710px}.art{background-position:37% center}.hero-content{width:100%;padding:360px 15px 75px;background:linear-gradient(transparent,#0c080d99 35%,#0c080d 100%)}.cards{grid-template-columns:repeat(2,1fr)}.cards h3{font-size:13px}.smoke{width:80px;left:16%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}