/* Approved magazine reference: an ivory masthead and a full-width editorial front page. */
.magazine-page { --paper:#f5f1e9; --print:#101112; --rule:#b69b65; background:var(--paper); }
.magazine-page .site-header { position:fixed; background:#090b0c; }
.magazine-page .cursor-glow { display:none; }
.magazine-cover { padding-top:76px; color:var(--print); background:var(--paper); }
.magazine-cover * { box-sizing:border-box; }
.magazine-cover a { color:inherit; }
.magazine-cover a:focus-visible { outline:3px solid #b99044; outline-offset:5px; }
.cover-masthead { padding:24px 3.5% 12px; }
.cover-title-row { display:grid; grid-template-columns:130px minmax(0,1fr) 145px; gap:22px; align-items:center; }
.cover-side-note { margin:0; font:600 .75rem/1.6 var(--sans); letter-spacing:.17em; text-transform:uppercase; }
.cover-side-note:last-child { border-inline-start:1px solid #a99777; padding-inline-start:15px; }
.cover-title-row h1 { margin:0; text-align:center; min-width:0; font:400 clamp(32px,4.8vw,96px)/1.02 'Times New Roman',Times,serif; letter-spacing:-.055em; white-space:normal; overflow-wrap:anywhere; text-wrap:balance; }
.cover-edition-line { display:flex; align-items:center; gap:26px; margin:15px 0 0; text-align:center; font:600 .75rem/1.5 var(--sans); letter-spacing:.32em; text-transform:uppercase; }
.cover-edition-line::before,.cover-edition-line::after { content:''; flex:1; height:1px; background:var(--rule); }
.cover-topics { margin:5px 0 0; text-align:end; font:500 .75rem/1.4 var(--sans); letter-spacing:.2em; text-transform:uppercase; }
.cover-front { display:grid; grid-template-columns:minmax(0,3fr) minmax(320px,1fr); border-top:1px solid #e5dccd; }
.cover-story { position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0; min-height:560px; overflow:hidden; color:#fff; background:#082739 url('assets/hero.jpg') center/cover no-repeat; }
.cover-story::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(3,24,39,.94),rgba(3,24,39,.8) 33%,rgba(3,24,39,.08) 76%),linear-gradient(0deg,rgba(3,24,39,.7),transparent 40%); }
.cover-story-copy { padding:36px 4.7% 26px; flex:1; }
.cover-kicker { display:flex; align-items:center; gap:18px; margin:0 0 23px; font:600 .75rem/1.5 var(--sans); letter-spacing:.2em; text-transform:uppercase; }
.cover-kicker::after { content:''; width:42px; height:1px; background:var(--rule); }
.cover-story h2 { max-width:630px; width:61%; margin:0 0 18px; font:400 clamp(36px,3.7vw,70px)/.98 var(--serif); letter-spacing:-.027em; }
.cover-story-copy>p:not(.cover-kicker) { max-width:440px; margin:0; color:#f1f1ef; font:400 1rem/1.6 var(--sans); }
.cover-story-link { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:44px; border:1px solid #d2b57f; padding:12px 20px; margin-top:24px; font:600 .875rem/1.4 var(--sans); letter-spacing:.1em; text-transform:uppercase; color:#e9ce9b!important; transition:background .2s,color .2s; }
.cover-story-link:hover { background:#e0c18b; color:#082739!important; }
.cover-story-link span { font-size:1.5rem; line-height:1; }
.cover-story-bottom { display:flex; justify-content:space-between; align-items:end; gap:30px; padding:0 4.7% 28px; }
.cover-story-points { display:grid; grid-template-columns:repeat(3,1fr); width:min(680px,76%); }
.cover-story-points p { margin:0; padding-inline:20px; border-inline-end:1px solid #b6c1c5; font:500 .75rem/1.7 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.cover-story-points p:first-child { padding-inline-start:0; }
.cover-story-points p:last-child { border:0; }
.cover-photo-caption { max-width:145px; margin:0; padding-bottom:12px; border-bottom:1px solid #cdb17c; font:500 .75rem/1.65 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.cover-radar { display:flex; flex-direction:column; padding:24px 26px 0; border-inline-start:5px double var(--rule); background:var(--paper); }
.cover-radar>header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:13px; border-bottom:1px solid var(--rule); }
.cover-radar h2 { margin:0; font:400 clamp(23px,2vw,38px)/1.08 'Times New Roman',Times,serif; text-transform:uppercase; }
.cover-radar>header>a { display:grid; place-items:center; min-width:40px; min-height:40px; font-size:1.75rem; color:#80653e; }
.cover-radar-story { flex:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:18px; padding:15px 0; border-bottom:1px solid #cdbfa7; }
.cover-radar-story:last-child { border-bottom:0; }
.cover-radar-story img { width:100%; height:130px; object-fit:cover; }
.cover-radar-story small { font:600 .75rem/1.4 var(--sans); letter-spacing:.14em; text-transform:uppercase; }
.cover-radar-story h3 { margin:7px 0 8px; font:400 clamp(20px,1.45vw,27px)/1.06 'Times New Roman',Times,serif; letter-spacing:-.018em; }
.cover-radar-story p { margin:0; font:500 .75rem/1.5 var(--sans); letter-spacing:.05em; text-transform:uppercase; color:#55514b; }
.cover-radar-story:hover h3 { text-decoration:underline; text-decoration-color:var(--rule); text-underline-offset:4px; }
.cover-sections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding-top:5px; background:var(--paper); }
.cover-section { position:relative; isolation:isolate; min-width:0; min-height:190px; padding:26px 30px; display:flex; flex-direction:column; align-items:flex-start; color:#fff!important; background-position:center; background-size:cover; }
.cover-section::before { content:''; z-index:-1; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,14,24,.82),rgba(0,14,24,.1)); transition:background .2s; }
.cover-section-investment { background-image:url('assets/projects/vela-viento.webp'); }
.cover-section-renovation { background-image:url('assets/renovation-rooms/kitchen-after.webp'); }
.cover-section-renovation::before { background:linear-gradient(90deg,rgba(47,35,22,.76),rgba(47,35,22,.04)); }
.cover-section-interiors { background-image:url('assets/penthouse.jpg'); }
.cover-section h2 { margin:0 0 13px; font:400 clamp(25px,2.05vw,39px)/1.06 'Times New Roman',Times,serif; text-transform:uppercase; }
.cover-section p { margin:0; font:500 .75rem/1.5 var(--sans); letter-spacing:.17em; text-transform:uppercase; }
.cover-section>span { margin-top:auto; padding-top:16px; font:400 1.75rem/1 var(--sans); transition:transform .2s; }
.cover-section:hover>span { transform:translateX(8px); }
.magazine-page #stories,.magazine-page .editorial-card[id] { scroll-margin-top:95px; }
.magazine-page .magazine-edition { background:var(--paper); padding-top:65px; }
.magazine-page .magazine-edition .editorial-card p { font-size:1rem; }
html[lang='ar'] .cover-title-row h1,html[lang='hi'] .cover-title-row h1 { white-space:normal; font-family:var(--serif); font-size:clamp(36px,5vw,80px); line-height:1.25; letter-spacing:0; }
html[lang='ru'] .cover-title-row h1 { white-space:normal; font-size:clamp(38px,5vw,88px); letter-spacing:-.04em; }
.rtl .cover-story::before { background:linear-gradient(270deg,rgba(3,24,39,.94),rgba(3,24,39,.8) 33%,rgba(3,24,39,.08) 76%),linear-gradient(0deg,rgba(3,24,39,.7),transparent 40%); }
.rtl .cover-story h2 { line-height:1.22; letter-spacing:0; }
.rtl .cover-kicker,.rtl .cover-side-note,.rtl .cover-topics,.rtl .cover-story-points p { letter-spacing:0; }
@media(min-width:1750px) { .cover-story { min-height:650px; } .cover-radar-story img { height:155px; } }
@media(max-width:1200px) {
  .cover-title-row { grid-template-columns:95px minmax(0,1fr) 125px; gap:16px; }
  .cover-side-note { font-size:.75rem; letter-spacing:.05em; }
  .cover-title-row h1 { font-size:4.8vw; }
  .cover-front { grid-template-columns:minmax(0,2fr) minmax(300px,1fr); }
  .cover-story { min-height:610px; }
  .cover-story h2 { width:88%; font-size:clamp(39px,4.5vw,56px); }
  .cover-radar { padding:20px 20px 0; }
  .cover-radar-story { gap:13px; }
  .cover-radar-story img { height:135px; }
  .cover-story-points { width:100%; }
  .cover-story-points p { padding-inline:12px; letter-spacing:.04em; }
  .cover-photo-caption { display:none; }
}
@media(max-width:900px) {
  .cover-masthead { padding:26px 24px 16px; }
  .cover-title-row { grid-template-columns:1fr; }
  .cover-title-row h1 { font-size:7.5vw; }
  .cover-side-note { display:none; }
  .cover-front { grid-template-columns:1fr; }
  .cover-story { min-height:570px; }
  .cover-story h2 { width:75%; max-width:570px; font-size:clamp(42px,6.5vw,61px); }
  .cover-story-copy { padding:35px 32px; }
  .cover-story-bottom { padding:0 32px 28px; }
  .cover-story-points { max-width:620px; }
  .cover-radar { border-inline-start:0; border-top:5px double var(--rule); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:24px; }
  .cover-radar>header { grid-column:1/-1; }
  .cover-radar-story { display:block; padding:0 0 8px; border-bottom:0; }
  .cover-radar-story img { height:160px; margin-bottom:13px; }
  .cover-radar-story h3 { font-size:25px; }
  .cover-section { padding:24px 20px; min-height:190px; }
  .cover-section h2 { font-size:25px; }
  .cover-section p { letter-spacing:.05em; }
}
@media(max-width:580px) {
  .cover-masthead { padding:23px 20px 14px; }
  .cover-title-row h1 { white-space:normal; font-size:clamp(40px,10.7vw,61px); line-height:.93; letter-spacing:-.055em; }
  .cover-edition-line { font-size:.75rem; letter-spacing:.12em; gap:12px; margin-top:16px; }
  .cover-topics { text-align:center; font-size:.75rem; letter-spacing:.08em; margin-top:9px; }
  .cover-story { min-height:655px; background-position:62% center; }
  .cover-story::before { background:linear-gradient(90deg,rgba(3,24,39,.9),rgba(3,24,39,.46)),linear-gradient(0deg,rgba(3,24,39,.72),transparent 50%); }
  .cover-story-copy { padding:32px 23px 25px; }
  .cover-kicker { margin-bottom:24px; }
  .cover-story h2 { width:100%; font-size:clamp(38px,10.5vw,56px); line-height:1.02; margin-bottom:22px; }
  .cover-story-copy>p:not(.cover-kicker) { font-size:1rem; line-height:1.55; }
  .cover-story-link { margin-top:24px; font-size:.875rem; }
  .cover-story-bottom { padding:0 23px 27px; }
  .cover-story-points { gap:10px; }
  .cover-story-points p { padding-inline:0 9px; font-size:.75rem; line-height:1.55; letter-spacing:0; }
  .cover-radar { display:flex; gap:0; padding:24px 22px 9px; }
  .cover-radar h2 { font-size:30px; }
  .cover-radar-story { display:grid; grid-template-columns:125px minmax(0,1fr); gap:18px; border-bottom:1px solid #cdbfa7; padding:18px 0; }
  .cover-radar-story img { height:140px; margin:0; }
  .cover-radar-story h3 { font-size:25px; }
  .cover-sections { grid-template-columns:1fr; }
  .cover-section { min-height:180px; padding:25px 24px; }
  .cover-section h2 { font-size:32px; }
  .cover-section p { letter-spacing:.12em; }
  .magazine-page .magazine-edition { padding-top:44px; }
}
@media(prefers-reduced-motion:reduce) { .magazine-cover *, .magazine-cover *::before { transition:none!important; } }