:root{--white:#fff;--cream:#faf6f1;--cream2:#f3e8db;--ink:#171513;--muted:#625b55;--gold:#b9854f;--line:#e8ddd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1180px;color:var(--ink);background:#fff;font:12px/1.65 Montserrat,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}.topbar{height:95px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:4}.logo{display:flex;align-items:center;gap:11px;width:max-content}.logo>span{font:52px/1 "Playfair Display",serif;color:var(--gold)}.logo b{font:500 24px/1 Montserrat;letter-spacing:.07em}.logo small{display:block;font-size:8px;letter-spacing:.3em;color:#9d7452;margin-top:7px}.topbar nav{display:flex;gap:42px;text-transform:uppercase;font-size:9px;font-weight:600}.topbar nav a{padding:12px 0;position:relative}.topbar nav a:after{content:"";height:1px;position:absolute;left:0;right:100%;bottom:4px;background:var(--gold);transition:.25s}.topbar nav a:hover:after,.topbar nav a.active:after{right:0}.topbar>.btn{justify-self:end}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 24px;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600;border-radius:3px}.btn.solid{background:var(--gold);color:#fff;box-shadow:0 8px 25px #aa7d4a22}.btn.outline{border:1px solid #cba47c;background:#fff}.hero{background:linear-gradient(90deg,#fbf7f2 0%,#fbf7f2 45%,#ead8c5 100%);margin-top:-95px;padding-top:95px}.hero-inner{height:520px;display:grid;grid-template-columns:44% 56%}.hero-copy{padding:72px 0 45px 10px;position:relative;z-index:2}.overline{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-size:10px;font-weight:600}.hero h1{font:500 44px/1.16 "Playfair Display",serif;margin:14px 0}.hero h1 em{color:var(--gold);font-weight:500}.gold-line{display:block;width:38px;height:1px;background:var(--gold);margin:18px 0}.lead{max-width:400px;color:#403a35}.actions{display:flex;gap:18px;margin-top:28px}.hero-photo{height:100%;clip-path:ellipse(74% 82% at 66% 50%)}.photo{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;color:#8c725d;text-transform:uppercase;letter-spacing:.1em;font-size:9px;background-color:#e8d4c0;background-image:radial-gradient(circle at 65% 36%,#f5e9da 0 13%,transparent 14%),linear-gradient(135deg,transparent 49.8%,#d7bea5 50%,transparent 50.2%),linear-gradient(45deg,transparent 49.8%,#d7bea5 50%,transparent 50.2%)}.photo small{font-size:7px}.services{padding:28px 0 34px}.title{text-align:center}.title h2{font:500 28px "Playfair Display",serif;margin:0}.title>span{display:block;width:28px;height:1px;background:var(--gold);margin:9px auto 18px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-bottom:20px}.service-grid article{text-align:center;padding:0 17px;border-right:1px solid var(--line)}.service-grid article:last-child{border:0}.service-grid i{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 11px;border-radius:50%;background:#fbf5ef;color:var(--gold);font:26px Georgia;font-style:normal}.service-grid h3{font-size:10px;margin:0 0 8px}.service-grid p{font-size:8px;color:var(--muted);margin:0}.all{width:max-content;margin:0 auto;display:flex}.about{display:grid;grid-template-columns:1fr 1fr;min-height:395px;background:#fcf8f4}.about-photo{min-height:395px}.about-copy{padding:54px 7vw 35px}.about-copy h2,.booking h2{font:500 30px/1.2 "Playfair Display",serif;margin:10px 0 20px}.about-copy>p:not(.overline){max-width:500px;color:#423d39}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px}.benefits>div{padding:0 20px;border-right:1px solid var(--line)}.benefits>div:first-child{padding-left:0}.benefits>div:last-child{border:0}.benefits i{font:25px Georgia;color:var(--gold);font-style:normal}.benefits b,.benefits span{display:block}.benefits b{font-size:8px;margin:9px 0 5px}.benefits span{font-size:7px;color:var(--muted)}.booking{background:linear-gradient(100deg,#f8efe6,#f2dfcc);overflow:hidden}.booking-inner{height:330px;display:grid;grid-template-columns:1.25fr .65fr .4fr .7fr;gap:26px;align-items:center}.booking .btn{margin-top:15px}.phone{width:170px;height:320px;background:#fff;border:9px solid #171513;border-radius:28px;transform:rotate(8deg);box-shadow:0 12px 28px #7a5a4033;padding:25px 10px 10px;display:flex;flex-direction:column;gap:8px;position:relative}.notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:70px;height:14px;background:#171513;border-radius:0 0 10px 10px}.phone>small{text-align:center;color:var(--gold);font-family:Georgia}.phone>b{font-size:8px;margin-top:5px}.phone>span{background:#f7f2ed;border-radius:4px;padding:9px 6px;font-size:7px}.phone button{border:0;background:var(--gold);color:#fff;padding:8px;font-size:7px;text-transform:uppercase}.booking-badge{width:110px;height:110px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;text-align:center;padding:20px;background:#ffffff33}.booking-badge i{color:var(--gold);font-size:27px;font-style:normal}.booking-badge b{font-size:8px}.still-life{height:220px;border-radius:50% 50% 5px 5px}.studio{padding:22px 0 30px}.studio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:15px}.studio-grid .photo{height:105px;border-radius:7px}.studio .title>span{margin-bottom:12px}footer{background:#f8f3ed;padding:25px 0 10px}.footer-grid{display:grid;grid-template-columns:1.1fr .7fr 1fr 1fr;gap:80px}.footer-grid .logo>span{font-size:38px}.footer-grid .logo b{font-size:17px}.footer-grid h4{text-transform:uppercase;color:#a3754d;font-size:9px;letter-spacing:.08em;margin:7px 0 12px}.footer-grid p,.footer-grid div>a:not(.logo){display:block;margin:3px 0;font-size:9px}.social{color:var(--gold);font-size:18px}.copyright{border-top:1px solid var(--line);margin-top:18px;padding-top:10px;font-size:8px;color:#888;display:flex;justify-content:space-between}
:root .about-photo-real{position:relative;overflow:hidden;background:#eee6de}
:root .about-photo-real img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 61%;filter:saturate(.86) contrast(.97) brightness(1.02)}
:root .about-photo-real:before{content:"";position:absolute;inset:-28px;background:url("assets/interier-o-nas-cstudio.jpg") center/cover no-repeat;filter:blur(22px) brightness(1.05) saturate(.72);opacity:.62}
:root .about-photo-real:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(250,246,241,.24),transparent 28%,transparent 72%,rgba(250,246,241,.24));pointer-events:none}
:root .about-photo-real img{z-index:1;object-fit:contain;object-position:center;filter:saturate(.9) contrast(.98) brightness(1.01);box-shadow:0 0 34px rgba(81,61,44,.16)}
:root .about{min-height:0;align-items:stretch}
:root .about-photo-real{min-height:0;aspect-ratio:1086/1448}
:root .about-photo-real:before{display:none}
:root .about-photo-real:after{background:linear-gradient(90deg,rgba(250,246,241,.05),transparent 18%,transparent 82%,rgba(250,246,241,.08))}
:root .about-photo-real img{object-fit:cover;object-position:center;box-shadow:none}
:root .about-copy{display:flex;flex-direction:column;justify-content:center;padding-top:70px;padding-bottom:70px}
:root .about{min-height:395px}
:root .about-photo-real{min-height:395px;aspect-ratio:auto}
:root .about-photo-real img{object-fit:cover;object-position:center 61%}
:root .about-copy{display:block;padding-top:54px;padding-bottom:35px}
:root .about-photo-real:before{display:block;inset:-18px;background:url("assets/interier-o-nas-cstudio.jpg") center 61%/cover no-repeat;filter:blur(10px) brightness(.97) saturate(.72);opacity:.68;transform:scale(1.035)}
:root .about-photo-real:after{z-index:1;background:linear-gradient(90deg,rgba(250,246,241,.2),rgba(250,246,241,.03) 28%,rgba(250,246,241,.03) 72%,rgba(250,246,241,.2))}
:root .about-photo-full{position:absolute;z-index:2;top:0;bottom:0;left:50%;aspect-ratio:1086/1448;transform:translateX(-50%);overflow:hidden;border-left:1px solid rgba(185,133,79,.32);border-right:1px solid rgba(185,133,79,.32);box-shadow:0 0 38px rgba(72,52,37,.2)}
:root .about-photo-full img{position:static;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.92) contrast(.99) brightness(1.01);box-shadow:none}
:root .about-photo-real:before{display:none}
:root .about-photo-real:after{z-index:2;background:linear-gradient(90deg,rgba(250,246,241,.05),transparent 16%,transparent 84%,rgba(250,246,241,.07))}
:root .about-photo-real>img{z-index:1;object-fit:cover;object-position:center;filter:saturate(.92) contrast(.98) brightness(1.01);box-shadow:none}