/* Refined transparent drawings in the Stars palette. No image filters. */
.marrakech-ink{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.marrakech-frieze,.ink-story-picture,.ink-stay-picture,.ink-contact-picture{min-width:0}
.marrakech-frieze{margin:0 auto}
.ink-discovery-home{padding-top:88px;background:linear-gradient(var(--paper),#efece6 58%)}
.ink-discovery-home .discovery-heading{margin-bottom:0}
.marrakech-frieze--home{position:relative;width:100%;max-width:1180px;margin:14px auto 34px}
/* Keep the original logo aligned with the hotel roof as the panorama scales. */
.marrakech-frieze-logo{position:absolute;left:49.35%;top:12%;width:9%;height:auto;object-fit:contain;transform:translateX(-50%);pointer-events:none}
.ink-section-heading{display:grid;grid-template-columns:1.15fr 1fr;column-gap:12%;align-items:end;margin-bottom:60px}
.ink-section-heading>.eyebrow{grid-column:1/-1}
.ink-section-heading h2{margin:0}
.ink-section-heading>p:last-child{max-width:350px;color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 5px}
.ink-stories{display:flex;flex-direction:column;gap:72px}
.ink-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;min-width:0}
.ink-story-picture{width:100%;max-width:440px;justify-self:center;margin:0}
.ink-story:nth-child(even) .ink-story-picture{grid-column:2;grid-row:1}
.ink-story:nth-child(even) .ink-story-copy{grid-column:1;grid-row:1}
.ink-story-copy{padding:12px 0;max-width:460px}
.ink-story-copy .eyebrow{font-size:10px;color:#806342;margin-bottom:19px}
.ink-story h3{font-size:clamp(31px,3vw,43px);margin-bottom:23px}
.ink-story-copy>p:not(.eyebrow),.ink-neighbourhoods article>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}
.ink-story .text-link,.ink-neighbourhoods .text-link{font-size:12px}
.ink-neighbourhoods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12%;padding-top:42px;margin-top:68px;border-top:1px solid var(--line)}
.ink-neighbourhoods article{min-width:0}
.ink-neighbourhoods .eyebrow{font-size:10px;color:#806342;margin-bottom:15px}
.ink-neighbourhoods h3{font-size:28px}
.ink-menara{padding-bottom:35px}
.ink-menara-copy,.ink-room-escape-copy{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.ink-menara-copy h2,.ink-room-escape-copy h2{margin-bottom:0}
.ink-menara-copy>div:last-child,.ink-room-escape-copy>div:last-child{max-width:480px}
.ink-menara-copy>div>p:not(.eyebrow),.ink-room-escape-copy>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}
.ink-menara-copy .text-link,.ink-room-escape-copy .text-link{font-size:12px}
.marrakech-frieze--menara{margin-top:28px;max-width:1180px}
.ink-stay-picture{width:100%;max-width:370px;margin:28px 0 0}
.ink-room-escape{padding:70px 0 25px;border-top:1px solid var(--line);background:#efece6}
.ink-room-escape-copy h2{font-size:clamp(31px,3vw,43px)}
.marrakech-frieze--remparts{max-width:1120px;margin-top:22px}
.ink-contact-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:5%;align-items:center}
.ink-contact-intro>div{min-width:0}
.ink-contact-intro h1{font-size:clamp(42px,5vw,72px)}
.ink-contact-intro .lead{margin-bottom:0}
.ink-contact-picture{width:100%;max-width:500px;justify-self:end}
.ink-contact-picture figcaption{font-size:10px;letter-spacing:.06em;color:var(--muted);text-align:center;padding-top:8px}
.ink-caleche-tip{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:24px;margin-top:25px}
.ink-caleche-tip img{width:64px;height:64px;flex:0 0 64px;object-fit:contain}
.ink-caleche-tip p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.ink-caleche-tip a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
@media(max-width:900px){
 .ink-story,.ink-neighbourhoods{gap:7%}
 .ink-stories{gap:50px}
 .ink-contact-intro{gap:4%}
 .ink-contact-intro h1{font-size:48px}
}
@media(max-width:700px){
 .ink-discovery-home{padding-top:50px}
 .marrakech-frieze--home{width:100%;margin:22px auto 25px}
 .ink-section-heading{display:block;margin-bottom:32px}
 .ink-section-heading h2{margin-bottom:20px}
 .ink-section-heading>p:last-child{max-width:none}
 .ink-story,.ink-neighbourhoods,.ink-menara-copy,.ink-room-escape-copy{grid-template-columns:1fr;gap:27px}
 .ink-stories{gap:48px}
 .ink-story-picture{width:94%;max-width:360px}
 .ink-story:nth-child(even) .ink-story-picture,.ink-story:nth-child(even) .ink-story-copy{grid-column:auto;grid-row:auto}
 .ink-story-copy{padding:0;max-width:none}
 .ink-story h3{font-size:33px;margin-bottom:18px}
 .ink-neighbourhoods{margin-top:38px;padding-top:30px;gap:32px}
 .ink-menara{padding-bottom:12px}
 .ink-menara-copy,.ink-room-escape-copy{gap:23px}
 .marrakech-frieze--menara{margin-top:22px}
 .ink-stay-picture{max-width:330px;margin:22px auto 0}
 .ink-room-escape{padding:45px 0 22px}
 .marrakech-frieze--remparts{margin-top:22px}
 .ink-contact-intro{grid-template-columns:1fr;gap:26px}
 .ink-contact-intro h1{font-size:clamp(42px,9vw,60px)}
 .ink-contact-picture{max-width:360px;justify-self:center}
 .ink-contact-picture figcaption{font-size:9px}
}