*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#262b28;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:8;background:#faf9f6ee;backdrop-filter:blur(12px);border-bottom:1px solid #e8e4dd}.nav{max-width:1200px;margin:auto;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{font:26px Georgia,serif;letter-spacing:.18em}.navlinks{display:flex;gap:27px;align-items:center;font-size:13px}.navlinks a:hover,.textlink:hover{color:#967653}.pill{background:#29362e;color:white;padding:13px 18px;border-radius:2px;font-size:12px;letter-spacing:.06em}.pill:hover{background:#4b5d4f;color:white}.wrap{max-width:1200px;margin:auto;padding:0 26px}.eyebrow{color:#957858;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:bold}.hero{min-height:680px;display:grid;grid-template-columns:44% 56%;align-items:stretch}.hero-copy{padding:105px max(30px,calc((100vw - 1200px)/2)) 90px max(30px,calc((100vw - 1200px)/2));padding-right:50px;display:flex;flex-direction:column;justify-content:center}.hero-photo{background:url('images/01-private-rooftop-terrace.jpg') center/cover}.hero h1,h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal}h1{font-size:clamp(46px,5vw,74px);line-height:1.08;margin:18px 0 22px}h2{font-size:clamp(32px,3.6vw,47px);margin:13px 0 18px}h3{font-size:27px;margin:12px 0}p{line-height:1.8;color:#707570;font-size:15px}.lead{font-size:17px;max-width:470px}.actions{display:flex;align-items:center;gap:22px;margin-top:22px;flex-wrap:wrap}.textlink{font-size:13px;border-bottom:1px solid #a98e71;padding-bottom:5px}.section{padding:95px 0}.sectionhead{max-width:650px;margin-bottom:36px}.apartments{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.apt{background:white;border:1px solid #ebe7e0;overflow:hidden}.apt .photo{height:310px;background:#ece9e2;position:relative;overflow:hidden}.apt .photo img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;color:#8a8c85;font-size:13px;letter-spacing:.07em}.apt-content{padding:27px 29px 30px}.facts{display:flex;gap:14px;flex-wrap:wrap;color:#797d76;font-size:12px;margin:15px 0 21px}.price{font-size:14px;color:#30362f}.price strong{font-size:20px;font-family:Georgia,serif;font-weight:normal}.feature{background:#efeee8}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature img{width:100%;height:500px;object-fit:cover}.amenities{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.amenity{padding:24px 20px;border:1px solid #e6e2da;background:white}.amenity strong{font:20px Georgia,serif}.amenity p{font-size:13px;margin-bottom:0}.contact{background:#29362e;color:white}.contact p{color:#c7d0c8}.contact .eyebrow{color:#d4b692}.contact a.mail{font:clamp(22px,4vw,38px) Georgia,serif;border-bottom:1px solid #a8b1a8;padding-bottom:9px;overflow-wrap:anywhere}footer{background:#202923;color:#b9c0ba;padding:36px 0;font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{margin-left:20px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery button{border:0;padding:0;position:relative;aspect-ratio:1.2;overflow:hidden;cursor:pointer;background:#ddd}.gallery img{width:100%;height:100%;object-fit:cover}.gallery span{position:absolute;bottom:0;left:0;right:0;padding:28px 12px 12px;text-align:left;color:white;background:linear-gradient(transparent,#000a);font-size:12px}.overlay{position:fixed;inset:0;background:#101410f5;z-index:20;display:none;align-items:center;justify-content:center;padding:55px}.overlay.open{display:flex}.overlay img{max-width:100%;max-height:100%;object-fit:contain}.overlay button{position:absolute;border:0;background:#ffffff22;color:white;cursor:pointer;font-size:28px;width:45px;height:45px}.close{right:20px;top:20px}.prev{left:10px;top:50%}.next{right:10px;top:50%}.counter{position:absolute;bottom:20px;color:white;font-size:13px}.pageintro{padding:85px 0 40px;max-width:780px}.note{padding:22px;background:#f0eee8;border-left:3px solid #aa8b65;font-size:13px;color:#686d66}.language{border:0;background:none;cursor:pointer;color:#697269;font-size:12px}body.de [data-en],body:not(.de) [data-de]{display:none!important}@media(max-width:800px){.navlinks{gap:12px}.navlinks .hide-mobile{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 27px}.hero-photo{min-height:380px}.apartments,.feature-grid{grid-template-columns:1fr}.amenities,.gallery{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}.feature img{height:350px}}@media(max-width:480px){.nav{padding:15px}.logo{font-size:20px}.navlinks{font-size:12px}.pill{padding:10px}.gallery{gap:7px}.apt .photo{height:230px}}
/* VELCARA editorial design refinement · 2026 */
:root{--ink:#28342c;--olive:#344639;--sand:#f6f2eb;--paper:#fffdf9;--gold:#a17e56;--line:#e7e0d6}
body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
header{background:rgba(255,253,249,.95);border-color:var(--line)}
.nav{max-width:1300px;padding-top:23px;padding-bottom:23px}.logo{font-size:27px;letter-spacing:.23em;color:var(--ink)}
.navlinks{gap:24px}.navlinks a:not(.pill){transition:color .2s}.navlinks a:not(.pill):hover{color:var(--gold)}
.pill{display:inline-block;background:var(--olive);border:1px solid var(--olive);padding:15px 23px;letter-spacing:.11em;transition:background .2s,transform .2s}.pill:hover{background:#536b58;transform:translateY(-1px)}
.hero{min-height:min(760px,90vh);grid-template-columns:46% 54%}.hero-copy{background:var(--sand);padding-top:90px;padding-bottom:95px}
.hero h1{font-size:clamp(49px,5.2vw,82px);letter-spacing:-.045em;line-height:1.07;max-width:650px}
.hero .lead{font-size:17px;line-height:1.9;color:#62695f}.hero-photo{min-height:580px;position:relative}.hero-photo:after{content:'APARTMENT 501  ·  PRIVATE ROOFTOP TERRACE';position:absolute;bottom:27px;left:30px;background:rgba(255,253,249,.93);padding:12px 17px;color:#344639;font-size:10px;letter-spacing:.14em}
.wrap{max-width:1250px}.eyebrow{letter-spacing:.2em;color:var(--gold)}
h1,h2,h3{letter-spacing:-.035em}h2{line-height:1.15}.section{padding-top:105px;padding-bottom:105px}
.sectionhead{max-width:740px}.sectionhead p{font-size:16px}.apartments{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.apt{border-color:var(--line);background:#fff;transition:transform .2s,box-shadow .2s}.apt:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(34,45,35,.08)}
.apt .photo{height:270px}.apt .photo img{transition:transform .5s}.apt:hover .photo img{transform:scale(1.035)}.apt-content{padding:25px 26px 29px}.apt h3{font-size:29px}.facts{gap:11px}.facts span:not([data-en]):not([data-de]){white-space:nowrap}
.feature{background:var(--sand)}.feature-grid{gap:85px}.feature img{height:540px}.amenity{background:var(--paper);border-color:var(--line);padding:28px 23px}.amenity strong{font-size:22px}.amenities{gap:14px}
.contact{background:#2b3b30}.contact .pill{background:#f4e9d8;color:#28342c;border-color:#f4e9d8}.contact .pill:hover{background:#fff7e9}
.detail-intro h1{font-size:clamp(48px,6vw,78px)}.real-gallery a{overflow:hidden}.real-gallery img{transition:transform .35s}.real-gallery a:hover img{transform:scale(1.025)}
:focus-visible{outline:3px solid #b68b57;outline-offset:3px}
@media(max-width:1050px){.apartments{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:48% 52%}.hero-copy{padding-left:36px;padding-right:30px}.feature-grid{gap:36px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:76px 26px 65px}.hero-photo{min-height:420px}.feature img{height:390px}.amenities{grid-template-columns:repeat(2,1fr)}.section{padding-top:72px;padding-bottom:72px}}
@media(max-width:560px){.apartments{grid-template-columns:1fr}.hero-photo{min-height:300px}.hero-photo:after{font-size:8px;bottom:14px;left:14px}.navlinks{gap:9px}.navlinks .pill{padding:10px 11px;font-size:10px}.nav{padding:16px}.logo{font-size:20px}.apt .photo{height:265px}.section{padding-top:58px;padding-bottom:58px}.feature img{height:300px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}