/*
Theme Name: Rita Sotis Blu
Theme URI: https://ritasotis.it/
Author: G.Karloff / Rita Sotis
Description: Tema WordPress su misura per il salone di Rita Sotis, nei toni del blu.
Version: 1.1.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rita-sotis
*/

:root{--navy:#020f32;--deep:#041b55;--blue:#0755c9;--electric:#1688ff;--ice:#e9f4ff;--white:#fff;--line:rgba(255,255,255,.2);--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{height:92px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid var(--line)}.custom-logo{max-height:65px;width:auto}.brand{display:flex;align-items:flex-end;gap:12px}.brand span{font:italic 3rem/1 var(--serif)}.brand small{font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;padding-bottom:6px}.site-header nav ul{display:flex;gap:34px;list-style:none;margin:0;padding:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.site-header nav a:hover{color:#81c5ff}.menu-toggle{display:none;background:none;color:#fff;border:1px solid var(--line);padding:8px 12px}.hero{min-height:800px;height:100vh;max-height:980px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 42%,#0878da 0,rgba(5,87,191,.62) 20%,rgba(2,28,82,.86) 48%,var(--navy) 82%);display:grid;grid-template-columns:45% 55%;align-items:center;padding:100px clamp(22px,7vw,120px) 40px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,50,.95) 0,rgba(2,15,50,.4) 46%,transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-weight:600;font-size:.72rem;color:#77beff}.hero h1,.intro h2,.rita h2,.extensions h2,.contact h2{font:clamp(3.8rem,7.3vw,8rem)/.92 var(--serif);margin:.25em 0;font-weight:400}.hero h1 em{color:#62b8ff}.hero-copy>p:not(.eyebrow){max-width:560px;font-size:1.05rem;color:#d4e8ff}.button{display:inline-flex;margin-top:25px;padding:15px 24px;border:1px solid #5aafff;background:#0869db;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700}.button:hover{background:#fff;color:#073b8b}.hero-art{position:absolute;z-index:1;right:-1%;bottom:0;width:69%;height:88%;background:url(assets/images/hero.png) left center/cover no-repeat;filter:drop-shadow(-20px 15px 38px rgba(0,0,0,.3))}.scroll-note{position:absolute;z-index:3;bottom:28px;left:clamp(22px,7vw,120px);text-transform:uppercase;font-size:.62rem;letter-spacing:.18em}.section-number{font:italic 1.3rem var(--serif);color:#4caaff}.intro{padding:120px clamp(22px,7vw,120px);display:grid;grid-template-columns:80px 1.25fr 1fr;gap:45px;align-items:start;background:#fff;color:#05143b}.intro h2,.rita h2{font-size:clamp(3rem,5vw,6rem)}.lead{margin-top:42px;color:#415273;max-width:570px}.services{background:#fff;color:#06163f;padding:0 clamp(22px,7vw,120px) 130px;display:grid;grid-template-columns:repeat(4,1fr)}.services article{padding:35px 28px;border-top:1px solid #b9d6f5;border-right:1px solid #d3e2f1;min-height:245px}.services article:first-child{border-left:1px solid #d3e2f1}.services article span{font-size:.7rem;color:#1673d7}.services h3{font:2rem var(--serif);margin:16px 0 10px}.services p{font-size:.88rem;color:#53627e}.rita{display:grid;grid-template-columns:1.05fr 1fr;min-height:760px;background:linear-gradient(135deg,#03153f,#064ba5)}.rita-art{overflow:hidden;background:radial-gradient(circle,#1688ff 0,#04306d 47%,#020e2e 78%)}.rita-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.rita-copy{padding:110px clamp(30px,6vw,100px);align-self:center}.rita-copy p:not(.section-number,.eyebrow){color:#c9def7}.rita blockquote{margin:40px 0 0;padding:22px 0;border-top:1px solid var(--line);font:italic 1.5rem var(--serif);color:#75c1ff}.extensions{padding:130px clamp(22px,7vw,120px);display:grid;grid-template-columns:1.2fr .8fr;gap:100px;background:linear-gradient(130deg,#021133 0,#082e75 100%);align-items:end}.extensions h2{font-size:clamp(3.5rem,6vw,7rem)}.extension-card{border-top:1px solid #55aaff;padding-top:32px;color:#d7eaff}.extension-card a{display:flex;justify-content:space-between;margin-top:35px;padding:18px 0;border-bottom:1px solid #55aaff;text-transform:uppercase;font-size:.72rem;letter-spacing:.14em}.contact{text-align:center;padding:130px 24px;background:#0870df}.contact .eyebrow{color:#dbefff}.contact h2{font-size:clamp(4rem,7vw,8rem)}.contact-actions{display:flex;justify-content:center;gap:25px;align-items:center}.button-light{background:#fff;color:#0752a8;border-color:#fff}.contact-details{margin:28px auto;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.site-footer{padding:38px clamp(22px,7vw,120px);display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:#b7cce8}.page-content{padding:150px clamp(22px,7vw,120px) 80px;background:#fff;color:#06163f;min-height:75vh}.page-content h1{font:clamp(3rem,6vw,6rem) var(--serif)}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:92px;left:0;right:0;background:#02143e;padding:24px}.site-header nav.open{display:block}.site-header nav ul{flex-direction:column}.menu-toggle{display:block}.hero{min-height:720px;grid-template-columns:1fr;padding-top:120px;align-items:start}.hero-copy{margin-top:40px}.hero-art{width:105%;height:63%;opacity:.62;right:-34%}.intro{grid-template-columns:45px 1fr}.intro .lead{grid-column:2}.services{grid-template-columns:1fr 1fr}.rita{grid-template-columns:1fr}.rita-art{height:560px}.extensions{grid-template-columns:1fr;gap:25px}.contact-actions{flex-direction:column}.site-footer{flex-direction:column;gap:20px;text-align:center}}@media(max-width:560px){.site-header{height:76px}.brand span{font-size:2.4rem}.brand small{display:none}.hero{min-height:690px;padding-top:92px}.hero-art{right:-62%;width:145%;height:58%}.intro{padding-top:80px;padding-bottom:80px;display:block}.lead{margin-top:20px}.services{grid-template-columns:1fr;padding-bottom:80px}.services article:first-child{border-left:0}.rita-art{height:420px}.rita-copy,.extensions{padding-top:75px;padding-bottom:75px}.contact{padding-top:90px;padding-bottom:90px}}