/*
Theme Name: Lolita Portfolio
Author: Lolita Korenhof
Description: Professional editorial portfolio theme for Elementor.
Version: 2.0
*/
:root{
 --pink:#f4c5d6;--pink2:#fae4eb;--green:#a5b58b;--green2:#dfe8d3;
 --cream:#fffaf2;--paper:#fffdf9;--ink:#3f3530;--muted:#756a64;
 --accent:#df6d96;--line:rgba(63,53,48,.14);--dark:#3f3530
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.65}
h1,h2,h3,h4{font-family:"Playfair Display",Georgia,serif;color:var(--ink);margin:0;line-height:1.08}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.site-header{position:relative;z-index:20;margin:18px auto 0;width:min(1180px,calc(100% - 36px));background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 24px;box-shadow:0 10px 28px rgba(63,53,48,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-brand{font-family:"Playfair Display",Georgia,serif;font-size:23px;font-weight:700;text-decoration:none}
.site-brand span{color:var(--accent)}
.main-nav ul{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.main-nav a{text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.02em}
.main-nav a:hover{color:var(--accent)}
.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
.site-main{min-height:60vh}
.page-content{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:50px 0 100px}
.elementor-page .page-content{width:100%;padding:0}
.site-footer{margin-top:0;padding:58px 24px 30px;background:var(--dark);color:var(--cream)}
.footer-inner{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;gap:30px}
.footer-brand{font-family:"Playfair Display",Georgia,serif;font-size:26px}.footer-small{font-size:13px;opacity:.7}
.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}.footer-nav a{text-decoration:none;font-size:14px}
.elementor-widget-text-editor p{margin:0;color:var(--muted)}
.elementor-widget-heading h1{font-size:clamp(52px,7vw,92px);letter-spacing:-.035em}
.elementor-widget-heading h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.025em}
.elementor-widget-heading h3{font-size:34px}
.elementor-widget-button .elementor-button{background:var(--ink);color:#fff;border-radius:999px;padding:14px 24px;font-weight:600;text-decoration:none;transition:.2s ease}
.elementor-widget-button .elementor-button:hover{background:var(--accent);transform:translateY(-2px)}
.elementor-widget-image img{border-radius:18px}
.elementor-element .elementor-button-wrapper{text-align:left}
.el-kicker .elementor-widget-container{font-size:12px!important;font-weight:700!important;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
.el-hero-photo{background:var(--pink2);border-radius:28px;box-shadow:18px 18px 0 var(--green2)}
.el-soft{background:var(--pink2);border-radius:24px}
.el-green{background:var(--green2);border-radius:24px}
.el-paper{background:var(--paper);border:1px solid var(--line);border-radius:22px}
.el-project{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 35px rgba(63,53,48,.06)}
.el-number{font-family:"Playfair Display",Georgia,serif;font-size:72px;line-height:1;color:var(--accent)}
.el-line{height:1px;background:var(--line)}
@media(max-width:760px){
 .site-header{margin-top:10px;width:calc(100% - 20px);padding:12px 16px}
 .main-nav{display:none}.main-nav.is-open{display:block;position:absolute;left:0;right:0;top:68px;background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:18px}
 .main-nav ul{flex-direction:column;align-items:flex-start;gap:14px}.menu-toggle{display:block}.header-inner{position:relative}
 .footer-inner{flex-direction:column}.footer-nav ul{flex-wrap:wrap}
 .page-content{padding-top:25px}
 .elementor-widget-heading h1{font-size:48px}.elementor-widget-heading h2{font-size:38px}
}