html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* First screen: measured against the supplied 1170px reference. */
.topbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:6.84cqw;min-height:0;padding:0 4.6%;gap:2cqw}
.brand,html[lang="uk"] .brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:2cqw;font-weight:400;letter-spacing:.18em;flex-shrink:0}
.brand small,html[lang="uk"] .brand small{font-family:Raleway,Arial,sans-serif;font-size:.6cqw;letter-spacing:.5em;margin-top:.55cqw;font-weight:300}
.nav{display:flex;order:0;flex-basis:auto;flex-wrap:nowrap;width:auto;justify-content:center;gap:2.5cqw;margin:0;min-width:0}
.nav a{font-size:.8cqw;letter-spacing:.08em;font-weight:400;white-space:nowrap;color:#292722}
.language-switch{font-size:.9cqw;white-space:nowrap;flex-shrink:0}
.hero,html[lang="uk"] .hero{height:37.99cqw;min-height:0;max-height:none;aspect-ratio:auto;padding:0;background:#f8f7f5;display:block}
.hero:before,html[lang="uk"] .hero:before{display:block;inset:0;background-image:url('hero-reference.jpg');background-size:100% auto;background-position:center;background-repeat:no-repeat;filter:none;opacity:1;transform:none;clip-path:none;mask-image:linear-gradient(90deg,transparent 0%,transparent 38%,rgba(0,0,0,.35) 43%,rgba(0,0,0,.8) 48%,#000 54%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 38%,rgba(0,0,0,.35) 43%,rgba(0,0,0,.8) 48%,#000 54%)}
.hero-copy,html[lang="uk"] .hero-copy{position:absolute;inset:0;width:100%;height:100%;padding:0}
.hero-copy h1,html[lang="uk"] .hero-copy h1{position:absolute!important;font-family:'Cormorant Garamond',Georgia,serif;font-size:3.65cqw;font-weight:400;letter-spacing:.055em;line-height:1.14;left:4.6%;top:17%;width:39%;height:auto;margin:0;padding:0;transform:none;overflow:visible;clip:auto;white-space:normal;color:#292722}
.hero-copy .rule,html[lang="uk"] .hero-copy .rule{position:absolute!important;left:4.6%;top:54.5%;width:2.6cqw;height:1px;margin:0;background:#aaa59d}
.hero-copy .eyebrow,html[lang="uk"] .hero-copy .eyebrow{position:absolute!important;font-family:Jost,Raleway,Arial,sans-serif;font-size:.9cqw;font-weight:400;letter-spacing:.2em;line-height:1.7;left:4.6%;top:61%;width:32%;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;color:#383630}
.hero-copy .link,html[lang="uk"] .hero-copy .link{position:absolute;font-family:Jost,Raleway,Arial,sans-serif;font-size:.85cqw;font-weight:400;letter-spacing:.1em;line-height:1.5;left:4.6%;top:85%;width:auto;height:auto;gap:1cqw;margin:0;color:#383630;white-space:nowrap}
.hero-copy .link:after{display:block;width:5.2cqw;height:1px}

/* Preserve the reference composition on narrow screens, without enlarging type. */
.topbar{background:#f8f7f5}
.nav{overflow:visible;padding:0;flex-grow:0;flex-shrink:1}
.nav a{padding:0}

/* Shared editorial grid: fixed ratios, fluid width, no mobile reflow. */
.shell{width:100%;container-type:inline-size}
.feature,.feature.second,.interior-real{display:grid}
.feature>*,.interior-real>*{min-width:0}
.feature img{display:block;max-width:100%;object-fit:cover}
.interior-real .copy{padding:0}
.interior-real .copy .link{flex-wrap:nowrap}
.interior-real .copy .link:after{width:4cqw;flex-shrink:0}
.feature .copy .number{display:block}

.hero:before,html[lang="uk"] .hero:before{mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}

/* Per-artwork framing within the unchanged reference grid. */
.feature:not(.second)>img:first-child{object-position:50% 78%}
.feature:not(.second)>img:last-child{object-position:50% 55%}
.feature.second>img:nth-child(2){object-position:50% 35%}
.feature.second>img:nth-child(3){object-position:50% 20%}

/* More vertical space at every viewport width; images retain intrinsic proportions. */
.feature>img:first-child,.feature>img:last-child{height:52.32cqw;object-fit:cover}
.feature.second>img:nth-child(2),.feature.second>img:nth-child(3){height:38.36cqw;object-fit:cover}

/* Legible supporting type, retaining the shared horizontal composition. */
.nav a{font-size:1cqw;font-weight:500;color:#34312c}
.hero-copy .eyebrow,html[lang="uk"] .hero-copy .eyebrow{font-size:1.15cqw;letter-spacing:.1em;font-weight:400;color:#393630;line-height:1.55;top:59%;width:34%}
.hero-copy .link,html[lang="uk"] .hero-copy .link{font-size:1.05cqw;font-weight:400;letter-spacing:.045em}
.feature .copy p,html[lang="uk"] .feature .copy p{font-size:1.45cqw;line-height:1.55;font-weight:400;color:#57534e}
.feature .copy .link,html[lang="uk"] .feature .copy .link{font-size:.95cqw;letter-spacing:.035em;font-weight:400}
.interior-real .copy .link,html[lang="uk"] .interior-real .copy .link{font-size:.9cqw;white-space:normal;font-weight:400}
.interior-real .details-caption{font-size:1cqw;line-height:1.65;color:#57534e;font-weight:400}