:root { --ink:#17251f; --green:#173c32; --deep:#0d2d27; --sage:#aab9a8; --sand:#f1eee7; --cream:#faf8f3; --line:rgba(23,37,31,.18); }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
button,a { font:inherit; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; }
.site-header { height:84px; display:flex; align-items:center; justify-content:space-between; padding:0 4.5vw; position:absolute; top:0; left:0; right:0; z-index:20; color:white; border-bottom:1px solid rgba(255,255,255,.3); }
.brand { display:flex; align-items:center; gap:12px; font-size:14px; font-weight:600; letter-spacing:.12em; }
.brand small { display:block; font-size:8px; margin-top:3px; letter-spacing:.24em; opacity:.7; }
.brand-mark { width:34px; height:34px; border:1px solid currentColor; display:grid; place-items:center; font:italic 20px Georgia,serif; }
nav { display:flex; align-items:center; gap:35px; font-size:12px; letter-spacing:.06em; }
nav a:not(.nav-cta) { opacity:.86; }
.nav-cta { border:1px solid rgba(255,255,255,.65); padding:12px 18px; }
.menu-toggle { display:none; background:none; border:0; width:42px; padding:8px; }
.menu-toggle span { height:1px; background:white; display:block; margin:6px 0; }
.hero { height:min(920px,100vh); min-height:720px; position:relative; color:white; overflow:hidden; }
.hero>img { height:100%; object-fit:cover; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,25,20,.74),rgba(4,25,20,.12) 67%),linear-gradient(0deg,rgba(4,20,16,.56),transparent 45%); }
.hero-content { position:absolute; left:9vw; top:50%; transform:translateY(-46%); max-width:780px; }
.eyebrow { font-size:11px; letter-spacing:.22em; font-weight:650; margin:0 0 28px; color:#64786f; }
.eyebrow.light { color:rgba(255,255,255,.7); }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.04em; margin:0; }
h1 { font-size:clamp(58px,7vw,108px); line-height:.93; }
h1 em,h2 em { color:var(--sage); font-weight:400; }
.hero-copy { font-size:18px; line-height:1.6; max-width:510px; margin:32px 0; color:rgba(255,255,255,.82); }
.hero-actions,.contact-actions { display:flex; gap:30px; align-items:center; }
.button { display:inline-flex; justify-content:space-between; gap:38px; padding:17px 20px; font-size:12px; letter-spacing:.04em; min-width:210px; }
.button-light { background:white; color:var(--green); }
.text-link { font-size:12px; border-bottom:1px solid currentColor; padding:10px 0; }
.text-link span { margin-left:25px; }
.hero-facts { position:absolute; right:4.5vw; bottom:0; display:grid; grid-template-columns:repeat(4,135px); background:rgba(13,45,39,.92); backdrop-filter:blur(12px); }
.hero-facts div { padding:25px 22px; border-left:1px solid rgba(255,255,255,.14); }
.hero-facts strong { display:block; font:36px Georgia,serif; }
.hero-facts span { font-size:10px; text-transform:uppercase; letter-spacing:.1em; opacity:.65; }
.section { padding:120px 9vw; }
.intro { display:grid; grid-template-columns:1.3fr .7fr; gap:10vw; }
h2 { font-size:clamp(44px,5vw,74px); line-height:1.05; }
.intro-copy { padding-top:38px; max-width:470px; }
.intro-copy p,.location-copy>p { font-size:15px; line-height:1.8; color:#526159; }
.under-link { display:inline-flex; gap:30px; margin-top:24px; padding-bottom:8px; border-bottom:1px solid var(--ink); font-size:12px; }
.feature-image { height:760px; position:relative; margin:0 4.5vw; overflow:hidden; }
.feature-image img { height:100%; object-fit:cover; }
.image-note { position:absolute; right:0; bottom:0; width:360px; padding:32px; color:white; background:var(--green); display:flex; gap:25px; }
.image-note span { font-size:10px; opacity:.6; }.image-note p { margin:0; line-height:1.6; }
.plans-section { background:var(--sand); }
.plans-heading { display:grid; grid-template-columns:1fr .55fr; gap:9vw; align-items:end; margin-bottom:65px; }
.plans-heading>p { color:#5d6b64; line-height:1.8; font-size:15px; }
.plan-layout { display:grid; grid-template-columns:1.4fr .6fr; min-height:700px; background:white; }
.plan-visual { display:flex; flex-direction:column; min-width:0; border-right:1px solid var(--line); }
.plan-controls { display:flex; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--line); }
.plan-controls>div { display:flex; gap:7px; }
.plan-controls button { border:0; background:transparent; color:#758078; font-size:10px; text-transform:uppercase; letter-spacing:.1em; padding:10px 13px; cursor:pointer; }
.plan-controls button.active { background:var(--green); color:white; }
.plan-image { border:0; padding:25px; flex:1; background:#f7f7f5; position:relative; cursor:zoom-in; display:grid; place-items:center; }
.plan-image img { max-height:610px; object-fit:contain; }
.plan-image>span { position:absolute; right:20px; bottom:20px; background:var(--green); color:white; padding:12px 15px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.plan-details { padding:65px 4vw; display:flex; flex-direction:column; justify-content:center; }
.plan-details h3 { font:36px/1.1 Georgia,serif; margin:0 0 38px; }
.plan-details ul { list-style:none; padding:0; margin:0; }
.plan-details li { border-top:1px solid var(--line); padding:18px 0; }
.plan-details li strong { display:block; font:22px Georgia,serif; margin-bottom:5px; }
.plan-details li span { color:#657169; font-size:12px; line-height:1.55; }
.plan-details small { color:#8a928d; line-height:1.5; margin-top:24px; }
.space-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:10vw; }
.features article { border-top:1px solid var(--line); padding:26px 0 34px; display:grid; grid-template-columns:40px 1fr; column-gap:22px; }
.features article>span { grid-row:1/3; font-size:10px; color:#718078; }
.features h3 { margin:0 0 10px; font:25px Georgia,serif; }.features p { margin:0; color:#647169; line-height:1.7; font-size:14px; }
.gallery-section { background:var(--deep); color:white; padding:110px 4.5vw 80px; }
.gallery-head { padding:0 4.5vw 60px; display:flex; justify-content:space-between; align-items:end; }
.gallery-head h2 { font-size:64px; }.gallery-head>p { color:rgba(255,255,255,.55); font-size:13px; }
.gallery-grid { display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:240px; gap:12px; }
.gallery-item { position:relative; padding:0; border:0; cursor:pointer; overflow:hidden; background:#173c32; }
.gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }.gallery-item:hover img { transform:scale(1.035); }
.gallery-item span { position:absolute; right:15px; bottom:15px; width:34px; height:34px; display:grid; place-items:center; color:white; background:rgba(10,30,25,.65); opacity:0; transition:.2s; }.gallery-item:hover span { opacity:1; }
.g1 { grid-column:span 7; grid-row:span 2; }.g2 { grid-column:span 5; }.g3 { grid-column:span 5; }.g4,.g5,.g6 { grid-column:span 4; }.g7 { grid-column:span 7; }.g8 { grid-column:span 5; }
.gallery-more { margin:50px auto 0; display:flex; gap:20px; align-items:center; color:white; background:none; border:0; border-bottom:1px solid rgba(255,255,255,.4); padding:10px 0; cursor:pointer; }.gallery-more span { font-size:10px; opacity:.55; }
.location { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; }.location-copy { max-width:520px; }.location-copy h2 { margin-bottom:32px; }
.distance { display:flex; align-items:baseline; gap:18px; margin-top:45px; padding-top:20px; border-top:1px solid var(--line); }.distance strong { font:38px Georgia,serif; }.distance span { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:#647169; }
.location-photo { height:650px; position:relative; }.location-photo>img { height:100%; object-fit:cover; }.map-pin { position:absolute; left:-42px; bottom:55px; background:white; box-shadow:0 15px 50px rgba(0,0,0,.14); padding:22px; display:flex; gap:15px; align-items:center; font-size:11px; letter-spacing:.1em; }.map-pin b { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:var(--green); color:white; }.map-pin small { font-size:8px; color:#748078; }
.map-section { display:grid; grid-template-columns:1.35fr .65fr; min-height:680px; background:#e8e6df; }
.map-frame { min-height:680px; position:relative; overflow:hidden; background:#e9e5db; }
.map-sea { position:absolute; inset:0 0 auto; height:29%; background:#b9cbc7; color:#57716c; letter-spacing:.28em; font-size:11px; display:flex; align-items:center; justify-content:center; }
.map-sea:after { content:""; position:absolute; left:0; right:0; bottom:-18px; height:28px; background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 25px,rgba(255,255,255,.5) 26px 28px); opacity:.7; }
.map-coast { position:absolute; top:34%; left:7%; right:7%; border-top:2px dashed #899c91; padding-top:8px; color:#708379; font-size:9px; letter-spacing:.13em; }
.map-road { position:absolute; height:2px; background:#c4bfb3; transform-origin:left center; }
.road-one { width:78%; left:8%; top:60%; transform:rotate(-7deg); }.road-two { width:50%; left:33%; top:82%; transform:rotate(-43deg); }.road-three { width:36%; left:10%; top:76%; transform:rotate(31deg); }
.map-label { position:absolute; color:#a19d93; font-size:10px; letter-spacing:.15em; }.label-grzybowo { left:8%; top:47%; }.label-kolobrzeg { right:7%; bottom:8%; }
.map-place { position:absolute; display:flex; gap:12px; align-items:center; z-index:2; }
.map-place b { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; color:white; background:var(--green); box-shadow:0 10px 25px rgba(23,60,50,.22); font-size:10px; }
.map-place span { background:rgba(255,255,255,.9); padding:10px 13px; color:var(--ink); font-size:10px; letter-spacing:.1em; box-shadow:0 8px 25px rgba(25,35,30,.08); }
.map-place small { display:block; color:#7b877f; margin-top:4px; font-size:8px; }.place-home { left:25%; top:60%; }.place-beach { left:35%; top:26%; }.place-city { right:9%; bottom:17%; }
.map-scale { position:absolute; left:7%; bottom:7%; display:flex; gap:12px; align-items:center; color:#8d8a82; font-size:8px; letter-spacing:.14em; }.map-scale i { width:55px; border-top:2px solid #8d8a82; }
.map-story { background:var(--deep); color:white; padding:90px 5vw; display:flex; flex-direction:column; justify-content:center; }
.map-story h2 { font-size:clamp(44px,4vw,68px); }
.map-points { margin-top:44px; }
.map-points>div { display:grid; grid-template-columns:34px 1fr; gap:18px; padding:20px 0; border-top:1px solid rgba(255,255,255,.16); }
.map-points b { font-size:9px; color:var(--sage); letter-spacing:.12em; }
.map-points span { color:rgba(255,255,255,.62); font-size:13px; line-height:1.55; }
.map-points strong { display:block; color:white; font:20px Georgia,serif; margin-bottom:5px; }
.map-story small { margin-top:24px; color:rgba(255,255,255,.38); line-height:1.5; }
.area-section { padding-top:130px; }
.area-head { display:grid; grid-template-columns:1fr .65fr; gap:10vw; align-items:end; margin-bottom:60px; }
.area-head>p { color:#5d6b64; font-size:15px; line-height:1.8; max-width:470px; }
.area-grid { display:grid; grid-template-columns:1.15fr .85fr; grid-template-rows:340px 340px; gap:14px; }
.area-card { margin:0; position:relative; overflow:hidden; background:var(--green); }
.area-card:first-child { grid-row:1 / 3; }
.area-card img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.area-card:hover img { transform:scale(1.025); }
.area-card:after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(4,22,17,.82)); pointer-events:none; }
.area-card figcaption { position:absolute; left:0; right:0; bottom:0; z-index:1; padding:30px; color:white; display:grid; grid-template-columns:32px 1fr; gap:16px; }
.area-card figcaption>span { font-size:9px; opacity:.6; }
.area-card strong { display:block; font:27px Georgia,serif; }
.area-card p { margin:8px 0 0; max-width:410px; font-size:12px; line-height:1.6; color:rgba(255,255,255,.72); }
.photo-note { margin:14px 0 0; color:#7a857f; font-size:10px; }
.audience { background:var(--sand); }.audience-grid { display:grid; grid-template-columns:1fr 1fr; gap:12vw; }.audience-list>div { border-top:1px solid var(--line); padding:24px 0; display:flex; gap:25px; }.audience-list span { font-size:10px; color:#7d887f; }.audience-list p { margin:0; color:#647169; line-height:1.55; font-size:13px; }.audience-list strong { display:block; color:var(--ink); font:21px Georgia,serif; margin-bottom:7px; }
.audience-list .audience-primary { background:var(--green); color:white; margin:0 -28px; padding:30px 28px; border:0; }
.audience-list .audience-primary p { color:rgba(255,255,255,.7); }.audience-list .audience-primary strong { color:white; }
.contact { background:var(--green); color:white; padding:120px 9vw 0; }.contact-inner { text-align:center; max-width:850px; margin:auto; }.contact-inner h2 { font-size:clamp(55px,7vw,94px); }.contact-inner>p:not(.eyebrow) { color:rgba(255,255,255,.65); margin:30px 0; }.contact-actions { justify-content:center; }.contact footer { margin-top:120px; border-top:1px solid rgba(255,255,255,.2); padding:35px 0; display:flex; justify-content:space-between; align-items:center; font-size:10px; letter-spacing:.08em; color:rgba(255,255,255,.58); }.footer-brand { color:white; }
.lightbox { position:fixed; inset:0; z-index:100; background:rgba(3,15,12,.96); display:grid; place-items:center; padding:50px; }.lightbox img { max-width:86vw; max-height:85vh; object-fit:contain; }.lightbox-close { position:absolute; right:25px; top:15px; background:none; border:0; color:white; font-size:42px; font-weight:200; cursor:pointer; }.lightbox-nav { position:absolute; top:50%; border:0; background:rgba(255,255,255,.1); color:white; width:48px; height:48px; cursor:pointer; }.lightbox-nav.prev { left:20px; }.lightbox-nav.next { right:20px; }.lightbox>p { position:absolute; bottom:14px; color:rgba(255,255,255,.6); font-size:11px; letter-spacing:.15em; }
.plan-lightbox img { background:white; max-width:92vw; max-height:90vh; }
@media(max-width:850px){
 .site-header{height:70px;padding:0 20px}.menu-toggle{display:block;z-index:2}.site-header nav{display:none;position:absolute;inset:0 0 auto;background:var(--deep);padding:95px 25px 30px;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15)}
 .hero{min-height:720px;height:100svh}.hero-content{left:24px;right:24px;top:43%}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-facts{left:0;right:0;grid-template-columns:repeat(4,1fr)}.hero-facts div{padding:18px 10px}.hero-facts strong{font-size:25px}.hero-facts span{font-size:7px}
 .section{padding:80px 24px}.intro,.space-section,.location,.audience-grid,.area-head,.plans-heading{grid-template-columns:1fr;gap:50px}.intro-copy{padding-top:0}.feature-image{margin:0;height:560px}.image-note{width:85%;padding:24px}.plan-layout{grid-template-columns:1fr;min-height:0}.plan-visual{border-right:0;border-bottom:1px solid var(--line)}.plan-controls{gap:10px;align-items:flex-start}.plan-controls>div{flex-wrap:wrap}.plan-controls button{padding:9px}.plan-image{min-height:430px;padding:12px}.plan-details{padding:55px 24px}.gallery-section{padding:80px 12px 55px}.gallery-head{padding:0 12px 40px;align-items:start;flex-direction:column}.gallery-head h2{font-size:48px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-grid .gallery-item{grid-column:span 1;grid-row:span 1}.gallery-grid .g1{grid-column:span 2;grid-row:span 2}.location-photo{height:480px}.map-pin{left:15px;bottom:15px}.map-section{grid-template-columns:1fr;min-height:0}.map-frame{min-height:520px}.map-story{padding:70px 24px}.place-home{left:12%;top:61%}.place-beach{left:20%;top:25%}.place-city{right:4%;bottom:15%}.map-place span{font-size:8px}.area-head{margin-bottom:40px}.area-grid{grid-template-columns:1fr;grid-template-rows:460px 280px 280px}.area-card:first-child{grid-row:auto}.audience-grid{gap:45px}.audience-list .audience-primary{margin:0 -12px;padding:28px 12px}.contact{padding:90px 24px 0}.contact-actions{flex-direction:column;gap:15px}.contact footer{margin-top:80px;align-items:flex-start;flex-direction:column;gap:22px}.lightbox{padding:15px}.lightbox-nav{top:auto;bottom:22px}.lightbox>p{bottom:34px}
}
@media(max-width:480px){h1{font-size:53px}.hero-facts{grid-template-columns:repeat(2,1fr)}.hero-facts div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}h2{font-size:42px}.gallery-grid{grid-auto-rows:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-item img{transition:none}}