/*
Theme Name: Eva Cela Princess
Author: Eva Cela Official
Description: A blush, lilac and gold portfolio for Eva Cela, with editable text and photographs in the WordPress Customizer.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: eva-cela-princess
*/
:root{--ink:#4a334b;--pink:#a44674;--gold:#a57a3f;--cream:#fffaf6;--line:#e8d6cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;background:white;z-index:99}header{padding:20px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;background:#fffaf6} .brand{font:28px Georgia,serif;text-decoration:none}.brand small{display:block;font:9px Arial;letter-spacing:4px;text-align:center;color:var(--gold)}nav{display:flex;gap:28px;flex-wrap:wrap}nav a{text-decoration:none;font-size:13px}nav a:hover{color:var(--pink)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 15%,#fbe1ec,transparent 55%),radial-gradient(ellipse at 95% 95%,#e9dff5,transparent 60%);padding:70px 8% 80px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:#8a6241}.crown{font:45px Georgia;color:var(--gold)}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.1}h1{font-size:clamp(58px,7vw,100px);margin:16px 0 24px}h1 em,h2 em{color:var(--pink);font-weight:normal}h2{font-size:clamp(36px,4vw,54px);margin:12px 0 22px}.hero p{max-width:390px}.button{display:inline-block;background:var(--pink);color:white;padding:13px 27px;border:1px solid var(--pink);border-radius:30px;text-decoration:none;font-size:13px;letter-spacing:.5px;margin:16px 10px 8px 0}.button.light{background:transparent;color:var(--ink);border-color:#bca3b7}.hero figure{position:relative;margin:0;padding:12px;border:1px solid #bb9564;border-radius:220px 220px 12px 12px;max-width:440px;justify-self:center;width:100%;transform:rotate(2deg)}.hero figure img{width:100%;height:500px;display:block;object-fit:cover;border-radius:210px 210px 4px 4px}.seal{position:absolute;left:-40px;bottom:30px;background:#fffaf6;border:1px solid #c6a76b;border-radius:50%;width:110px;height:110px;display:grid;place-content:center;text-align:center;font:italic 19px Georgia;transform:rotate(-10deg)}.ribbon{text-align:center;border-block:1px solid var(--line);padding:18px;color:#866844;font:11px Arial;letter-spacing:3px}.section{padding:85px 8%}.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.intro .portrait{width:100%;border-radius:150px 150px 10px 10px;aspect-ratio:1/1;object-fit:cover}.intro p{max-width:540px}.note{font-size:12px;color:#786477}.gallery{background:#f7eef6;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.gallery figure{margin:0;text-align:left}.gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:150px 150px 5px 5px;transition:transform .25s}.gallery a{display:block;overflow:hidden;border-radius:150px 150px 5px 5px}.gallery a:hover img{transform:scale(1.025)}figcaption{padding:15px 0;font:20px Georgia}figcaption small{display:block;font:10px Arial;letter-spacing:2px;color:#8d6684;margin-top:8px;text-transform:uppercase}.contact{text-align:center;background:radial-gradient(ellipse at center,#fbe2ec,transparent 70%);padding:90px 20px}.contact p{max-width:510px;margin:0 auto 15px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 8%;border-top:1px solid var(--line);font-size:12px}footer a{text-decoration:none}.content{max-width:950px;margin:auto;padding:60px 24px}.content img{max-width:100%;height:auto}@media(max-width:750px){header{flex-direction:column;padding:18px}nav{gap:22px}.hero{grid-template-columns:1fr;padding:40px 25px 55px;gap:30px;text-align:center}.hero p{margin-inline:auto}.hero figure{max-width:330px}.hero figure img{height:410px}.seal{left:-8px;width:90px;height:90px;font-size:16px}.intro{grid-template-columns:1fr;gap:30px}.intro .portrait{max-width:340px;margin:auto}.section{padding:55px 24px}.gallery-grid{gap:22px;grid-template-columns:1fr}.gallery figure{max-width:370px;width:100%;margin:auto}.ribbon{font-size:9px;letter-spacing:1.5px}footer{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery img{transition:none}}