:root{--ink:#1c2b24;--paper:#f5f2ea;--cream:#ede8dc;--accent:#bc6444;--line:rgba(28,43,36,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Playfair Display",serif;font-weight:600;line-height:.98;letter-spacing:-.045em}h1{font-size:clamp(3.8rem,8.2vw,8.7rem);color:#fff}h2{font-size:clamp(2.75rem,5.4vw,5.6rem)}h3{font-size:1.25rem;margin-bottom:.5rem}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);position:absolute;width:100%;z-index:2;color:#fff}.brand{font-family:"Playfair Display",serif;font-weight:700;letter-spacing:.06em;color:inherit;text-decoration:none;font-size:1.1rem}.brand span{font-family:"DM Sans",sans-serif;font-size:.63rem;letter-spacing:.13em;margin-left:.28rem}nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px)}nav a{color:inherit;text-decoration:none;font-size:.86rem}.nav-cta{border:1px solid rgba(255,255,255,.65);padding:11px 16px;border-radius:50px}.menu-toggle{display:none}.hero{min-height:720px;height:100vh;max-height:950px;position:relative;display:flex;align-items:flex-end;padding:clamp(110px,14vh,165px) clamp(22px,10vw,160px);background:linear-gradient(135deg,#526c5a,#283a30 58%,#18261e);isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:url("img/dom-hero.jpg");background-size:cover;background-position:center;opacity:.72;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,14,.58),rgba(9,19,14,.05) 75%),linear-gradient(0deg,rgba(9,19,14,.42),transparent 55%);z-index:-1}.hero-content{max-width:770px;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:700;margin-bottom:1.3rem}.green{color:#496756}.hero-copy{font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:490px;margin:1.6rem 0 2.2rem}.button{display:inline-flex;gap:25px;align-items:center;text-decoration:none;padding:15px 20px;border-radius:3px;font-weight:700;font-size:.86rem;transition:.2s}.button span,.text-link span{font-size:1.35rem;line-height:.5}.button-light{background:#fff;color:var(--ink)}.button-dark{background:var(--ink);color:#fff}.button:hover{transform:translateY(-2px)}.hero-note{position:absolute;right:clamp(22px,5vw,80px);bottom:31px;color:#fff;font-size:.78rem}.section{padding:clamp(75px,11vw,160px) clamp(22px,10vw,160px)}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.intro-text{font-size:1.11rem;max-width:560px;padding-top:.5rem}.intro-text p+p{color:#637067}.features{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.features article{border-top:1px solid var(--line);padding:22px 28px 0 0}.features article+article{padding-left:28px;border-left:1px solid var(--line)}.features span{font-size:.76rem;color:var(--accent);font-weight:700;display:block;margin-bottom:2.8rem}.features p{color:#637067;max-width:240px;font-size:.93rem}.gallery-section{background:var(--cream);padding:clamp(75px,11vw,150px) 0}.gallery-heading{padding-top:0;padding-bottom:55px;display:flex;justify-content:space-between;gap:5vw}.gallery-heading p:last-child{max-width:360px;margin-top:1rem;color:#637067;font-size:.95rem}.gallery-heading code{font-size:.85em}.gallery{display:grid;grid-template-columns:1.13fr .87fr;grid-template-rows:360px 300px;gap:14px;padding:0 clamp(12px,3.8vw,60px)}.photo{margin:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#829584,#536b5a)}.photo img,.stay-image img{width:100%;height:100%;object-fit:cover;display:block}.photo img{transition:transform .5s}.photo:hover img{transform:scale(1.04)}.photo-one{grid-row:span 2}.photo-three{grid-column:2}.photo figcaption{position:absolute;bottom:19px;left:20px;color:#fff;font-size:.82rem;text-shadow:0 1px 8px #000}.stay{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,8vw,130px);align-items:center}.stay-image{height:590px;background:#738373}.stay-copy>p:not(.eyebrow){font-size:1.04rem;color:#637067;max-width:480px;margin:1.7rem 0}.text-link{color:var(--ink);font-size:.9rem;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.zawoja{color:#fff;background:linear-gradient(110deg,#364b3e,#202e27);position:relative;isolation:isolate}.zawoja:before{content:"";position:absolute;inset:0;background:url("img/okolica.jpg") center/cover;opacity:.35;z-index:-1}.zawoja-content{max-width:800px;padding-top:clamp(95px,13vw,190px);padding-bottom:clamp(95px,13vw,190px)}.zawoja-content>p:last-child{max-width:450px;font-size:1.05rem;margin:1.6rem 0 0}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw}.contact-card{background:#fff;padding:clamp(30px,4vw,60px);box-shadow:0 12px 45px rgba(30,43,35,.06)}.contact-card>p{color:#637067;max-width:380px}.contact-link{display:block;color:var(--ink);font-family:"Playfair Display",serif;font-size:clamp(1.45rem,2.1vw,2rem);text-decoration:none;margin:.5rem 0}.contact-card .button{margin-top:1.7rem}footer{border-top:1px solid var(--line);padding:26px clamp(22px,5vw,80px);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#637067}footer .brand{color:var(--ink)}footer p{margin:0}@media(max-width:720px){.site-header{height:65px}.menu-toggle{display:block;background:transparent;color:#fff;border:0;font:inherit;font-size:.8rem;cursor:pointer}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#1c2b24;padding:20px 22px;flex-direction:column;align-items:flex-start;gap:17px}.site-header.open nav{display:flex}.nav-cta{border:0;padding:0}.hero{min-height:650px;padding:100px 28px 70px}.hero-note{display:none}.section{padding:75px 28px}.intro,.stay,.contact{grid-template-columns:1fr;gap:35px}.features{grid-template-columns:1fr;padding-top:0}.features article,.features article+article{padding:21px 0 0;border-left:0}.features span{margin-bottom:1.3rem}.gallery-heading{display:block;padding-bottom:35px}.gallery{grid-template-columns:1fr;grid-template-rows:310px 250px 250px;padding:0 12px}.photo-one,.photo-three{grid-row:auto;grid-column:auto}.stay-image{height:380px}.contact{gap:15px}footer{padding:22px 28px}.hero-copy{font-size:1rem}}
