/* VATRA COLIBIȚA • Modern identity refinement • v1.3.0
   Deliberately separate from old page CSS. Exact uploaded PNG is the hero mark.
   The mark is never rebuilt with fonts or bordered by a white card.
*/
:root{--modern-ink:#113844;--modern-sand:#d7b58c;--modern-paper:#fbfaf7;--modern-ease:cubic-bezier(.2,.85,.2,1)}
body{background:radial-gradient(ellipse 70% 30% at 80% 14%,rgba(223,235,231,.30),transparent 100%),#fbfaf7;color:var(--modern-ink)}
/* Crisp translucent navigation, modern controls. */
.site-header{background:rgba(251,250,247,.87);border-color:rgba(26,64,71,.08);box-shadow:0 5px 30px rgba(15,46,57,.026);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}
.site-header.scrolled{background:rgba(251,250,247,.95);box-shadow:0 15px 52px rgba(13,41,50,.08)}
.nav-links{gap:clamp(22px,2.85vw,47px)}
.nav-links>a{font-weight:650;letter-spacing:.016em}
.nav-links>a:focus-visible,.nav-cta:focus-visible,.button:focus-visible{outline-color:var(--modern-sand)}
.nav-cta{border-color:#173f4b;background:#133b48;border-radius:100px;box-shadow:0 6px 21px rgba(18,52,65,.11);padding:15px 24px}
.nav-cta:hover{box-shadow:0 11px 28px rgba(18,52,65,.18)}
/* Wide-lens photo, vivid but still faithful to the original scene. */
.page-acasa .hero{height:clamp(710px,56vw,880px);margin-top:15px;border-radius:24px;box-shadow:0 35px 90px rgba(13,50,57,.12);--hero-pointer-x:75%;--hero-pointer-y:25%;isolation:isolate}
.page-acasa .hero-photo{background-position:38% 49%;filter:saturate(1.075) contrast(1.015)}
.page-acasa .hero-gradient{background:linear-gradient(0deg,rgba(5,26,35,.93) 0%,rgba(6,29,39,.75) 17%,rgba(8,31,40,.23) 45%,rgba(5,29,38,0) 78%),linear-gradient(91deg,rgba(7,31,38,.03) 0%,transparent 44%,rgba(9,32,42,.07) 100%)}
.page-acasa .hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.7;border-radius:inherit;background:radial-gradient(550px circle at var(--hero-pointer-x) var(--hero-pointer-y),rgba(255,252,234,.075),transparent 70%);transition:opacity .5s}
/* The supplied transparent PNG is the entire logo. No panel, borders, motto, extra lettering, glass backdrop. */
.hero-signature{position:absolute;z-index:5;top:clamp(38px,4.3vw,72px);right:clamp(35px,6.9vw,116px);width:clamp(286px,31vw,468px);height:auto;line-height:0;pointer-events:none;animation:signatureEnter 1.5s .12s var(--modern-ease) both}
.hero-signature img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 1px 8px rgba(255,255,255,.28))}
@keyframes signatureEnter{from{opacity:0;transform:translateY(24px) scale(.95);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
/* A separate reading zone BELOW the mark; no text crosses logo artwork. */
.page-acasa .hero-inner{z-index:2;position:relative;justify-content:flex-end;align-items:flex-end;padding:clamp(250px,27vw,370px) clamp(38px,7vw,112px) 112px}
.page-acasa .hero-copy{width:min(100%,585px);max-width:585px;position:relative;z-index:2;padding-top:12px}
.page-acasa .hero-copy:before{content:"";position:absolute;left:0;top:0;width:55px;height:1px;background:#e5c6a0;opacity:.85}
.page-acasa .hero h1{font-size:clamp(48px,5.3vw,80px);line-height:1.08;letter-spacing:-.065em;margin-bottom:18px;max-width:590px;text-wrap:balance}
.page-acasa .hero h1 em{color:#e9c6a1}
.page-acasa .hero-description{max-width:495px;font-size:clamp(14px,1.12vw,16px);line-height:1.78;color:#f0f0e8;margin-bottom:25px}
.page-acasa .hero-copy .eyebrow{font-size:10px;letter-spacing:.23em;opacity:.9;margin-bottom:22px}
.page-acasa .hero-bottom{z-index:3}
.page-acasa .hero .button{border-radius:100px;min-height:54px;padding-inline:25px;transition:transform .36s var(--modern-ease),background .3s,box-shadow .3s}
.page-acasa .hero .button-gold{background:#ecd0a9;color:#123944;box-shadow:0 10px 26px rgba(8,33,39,.17)}
.page-acasa .hero .button:hover{transform:translateY(-4px)}
.page-acasa .hero .button-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.page-acasa .hero .button-ghost:hover{background:rgba(255,255,255,.17)}
/* Ambient editorial cadence across the site. */
.living-ribbon{margin-top:19px;transform:none;border-radius:0;background:#174753;box-shadow:0 12px 30px rgba(15,53,61,.09)}
.living-ribbon__track{height:61px;gap:58px}
.living-ribbon__track span{font-size:11px;letter-spacing:.32em}
.opening-statement{padding-top:90px;padding-bottom:37px}
.opening-statement p{max-width:900px;font-size:clamp(24px,2.7vw,40px);line-height:1.43}
.page-acasa .intro{padding-top:99px;padding-bottom:120px}
.intro h2,.scenery h2,.section-heading h2{letter-spacing:-.06em}
.intro-copy{border-left:1px solid rgba(177,143,106,.3);padding-left:clamp(20px,3.2vw,48px)}
.editorial-index{letter-spacing:.27em;color:#9b7758}
.text-link,.round-arrow-link{transition:color .3s,transform .4s var(--modern-ease)}
.text-link:hover,.round-arrow-link:hover{transform:translateY(-2px)}
.scenery{background:linear-gradient(155deg,#edf2ef 0%,#f3eee5 100%);padding-block:122px}
.scenery-photo{border-radius:18px 115px 18px 18px;box-shadow:24px 24px 0 rgba(184,168,141,.12)}
.scenery-photo-wrap:hover .scenery-photo{transform:scale(1.016)}
.photo-label{border-radius:30px;box-shadow:0 14px 38px rgba(14,42,48,.09)}
.nature-tags span{background:rgba(255,255,255,.5);border-color:#cdcfc4;border-radius:100px}
.chapter-break{color:#b49470}
.brand-interlude{background:linear-gradient(112deg,#123a45,#1c4b54 57%,#1b3c48)}
.brand-interlude__inner{padding-block:98px}
.brand-interlude p{letter-spacing:-.046em}
.interlude-link{background:rgba(255,255,255,.04)}
/* Inner pages: simpler, cleaner, less overbranding. */
.inner-page-hero{height:clamp(510px,43vw,605px);margin-top:16px;border-radius:24px;box-shadow:0 27px 75px rgba(15,49,54,.10)}
.inner-hero-media{filter:saturate(1.08)}
.inner-hero-shade{background:linear-gradient(92deg,rgba(6,34,45,.92) 0%,rgba(8,34,43,.72) 39%,rgba(8,37,45,.08) 100%),linear-gradient(0deg,rgba(8,32,40,.22),transparent 50%)}
.inner-hero-copy{max-width:720px;left:clamp(30px,7.8vw,132px)}
.inner-hero-copy h1{font-size:clamp(48px,6.45vw,91px);letter-spacing:-.065em;line-height:1.11}
.inner-hero-copy>p:last-of-type{line-height:1.75}
.inner-hero-breadcrumb{margin-top:28px}
.hero-corner-number{opacity:.6}
.simple-editorial{column-gap:clamp(35px,6vw,104px)}
.simple-editorial-photo{border-radius:22px 105px 22px 22px;box-shadow:15px 18px 0 rgba(197,180,155,.23)}
.simple-editorial-photo:hover{box-shadow:17px 20px 0 rgba(197,180,155,.3)}
.value-item,.atmo-card{border-radius:22px;transition:transform .55s var(--modern-ease),box-shadow .55s var(--modern-ease),border-color .4s}
.value-item{background:linear-gradient(155deg,#fffdf8,#f5f2ea);box-shadow:0 10px 38px rgba(26,58,57,.035)}
.atmo-card{background:linear-gradient(153deg,#f5f5ef,#e9efec)}
.atmo-card:nth-child(2){background:linear-gradient(132deg,#133d49,#2d6672)}
/* Social cards have modern breathable framing; real QR assets remain unchanged. */
.social{padding-block:125px 137px}
.social::before{background:radial-gradient(circle,rgba(170,209,207,.18),transparent 70%)}
.social-grid{gap:22px;max-width:1180px;margin-top:65px}
.social-card{border-radius:24px;background:rgba(255,255,255,.94);padding:33px;box-shadow:0 11px 39px rgba(20,48,54,.045);border-color:#e6e7df}
.social-card:hover{transform:translateY(-8px);box-shadow:0 24px 64px rgba(20,48,54,.115)}
.social-card-featured{border-color:#dfc9b1}
.social-card h3{font-size:34px}
.qr-wrap{border-radius:20px;border-color:#e6e9e4;background:#fff}
.social-card:hover .qr-wrap{transform:translateY(-1px)}
.qr-note{max-width:660px}
/* Contact and footer: bold contrast, restrained micro-interaction. */
.contact-section{border-radius:24px;background:linear-gradient(120deg,#103b48,#1e5059)}
.contact-section .button{border-radius:100px}
.contact-row:hover{padding-left:4px}
.footer-spacer{margin-top:95px}
.footer-social a,.footer-bottom-links a{text-underline-offset:6px}
.footer-bottom-links span a{color:#184b55}
.back-to-top{background:rgba(15,55,65,.88);box-shadow:0 13px 33px rgba(5,33,39,.19)}
@media(max-width:1120px){
 .hero-signature{width:clamp(265px,31vw,365px);right:6%;top:56px}
 .page-acasa .hero-inner{padding-right:6%}
 .page-acasa .hero h1{font-size:clamp(46px,5.2vw,68px)}
}
@media(max-width:870px){
 .page-acasa .hero{height:790px}
 .hero-signature{width:clamp(265px,43vw,350px);right:30px;top:46px}
 .page-acasa .hero-inner{justify-content:flex-start;padding:275px 42px 102px}
 .page-acasa .hero-copy{max-width:570px}
 .page-acasa .hero-gradient{background:linear-gradient(0deg,rgba(5,24,33,.95) 0%,rgba(7,29,39,.71) 28%,rgba(7,32,43,.12) 70%,transparent 95%)}
 .page-acasa .hero h1{font-size:clamp(52px,8.1vw,70px)}
 .intro-copy{border-left:0;padding-left:0}
 .inner-page-hero{height:530px}
 .inner-hero-shade{background:linear-gradient(90deg,rgba(5,27,36,.86),rgba(7,32,43,.29)),linear-gradient(0deg,rgba(5,27,36,.32),transparent)}
}
@media(max-width:600px){
 .site-header{height:75px}
 .page-acasa .hero{min-height:835px;height:auto;border-radius:16px;margin-top:10px}
 .page-acasa .hero-photo{background-position:29% 50%}
 .page-acasa .hero-gradient{background:linear-gradient(0deg,rgba(5,24,32,.97) 0%,rgba(5,26,35,.92) 25%,rgba(8,35,46,.38) 48%,rgba(6,32,43,.025) 83%)}
 .hero-signature{top:12px;right:50%;width:min(72%,285px);transform:translateX(50%);animation:signatureMobile 1.25s .15s var(--modern-ease) both}
 @keyframes signatureMobile{from{opacity:0;transform:translate(50%,18px) scale(.94)}to{opacity:1;transform:translate(50%,0) scale(1)}}
 .page-acasa .hero-inner{min-height:835px;align-items:flex-end;justify-content:flex-start;padding:275px 23px 95px}
 .page-acasa .hero-copy{max-width:100%;padding-top:9px}
 .page-acasa .hero h1{font-size:clamp(43px,10.35vw,60px);line-height:1.06;margin-bottom:17px}
 .page-acasa .hero-description{font-size:13px;line-height:1.75;margin-bottom:23px}
 .page-acasa .hero-copy .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:19px}
 .page-acasa .hero .button{min-height:49px;padding:12px 18px;font-size:11px;gap:10px}
 .page-acasa .hero-bottom{bottom:22px}
 .living-ribbon{margin-top:10px}
 .living-ribbon__track{height:52px;gap:29px}
 .living-ribbon__track span{font-size:10px}
 .opening-statement{padding-top:61px;padding-bottom:18px}
 .page-acasa .intro{padding-top:72px;padding-bottom:87px}
 .scenery{padding-block:76px}
 .scenery-photo{border-top-right-radius:65px}
 .brand-interlude__inner{padding-block:64px}
 .inner-page-hero{height:490px;margin-top:10px;border-radius:16px}
 .inner-hero-shade{background:linear-gradient(0deg,rgba(5,29,39,.93),rgba(5,29,39,.28) 85%)}
 .inner-hero-copy{left:25px;right:23px;bottom:49px;max-width:none}
 .inner-hero-copy h1{font-size:clamp(43px,10.6vw,59px)}
 .social{padding-block:88px 90px}
 .social-grid{gap:20px;margin-top:37px}
 .social-card{padding:27px;border-radius:21px}
 .qr-wrap{border-radius:15px}
 .contact-section{border-radius:16px}
 .footer-spacer{margin-top:63px}
}
@media(max-width:390px){
 .hero-signature{width:min(73%,265px)}
 .page-acasa .hero{min-height:850px}
 .page-acasa .hero-inner{min-height:850px;padding-inline:19px}
 .page-acasa .hero h1{font-size:clamp(40px,10.2vw,49px)}
 .page-acasa .hero-actions{gap:8px}
 .page-acasa .hero .button{padding-inline:13px}
}
@media(prefers-reduced-motion:reduce){
 .hero-signature{animation:none!important;filter:none;opacity:1!important;transform:none!important}

 .page-acasa .hero:after{display:none}
}

@media(max-width:600px) and (prefers-reduced-motion:reduce){.hero-signature{transform:translateX(50%)!important}}