.story{max-width:1200px;margin:auto;padding:64px 6.5%;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.story-heading h1{font-size:clamp(48px,6vw,76px);margin-bottom:22px}.story-lead{font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;line-height:1.25;color:var(--muted);margin:0 0 36px}.story-heading img{opacity:.8}.story-copy{border-left:1px solid #ffffff26;padding-left:40px}.story-copy>p{font-size:17px;line-height:1.85;margin:0 0 22px;color:#d0ceca}.story-copy>p:first-child{color:var(--cream);font-size:20px;line-height:1.65}.story-booking{border-top:1px solid #ffffff26;padding-top:28px;margin-top:30px}.story-booking p{font-size:14px;color:var(--muted);margin:18px 0 0}.about-page nav a[aria-current]{color:var(--gold)}@media(max-width:700px){.story{grid-template-columns:1fr;gap:28px;padding:36px 7%}.story-heading img{display:none}.story-lead{margin-bottom:0;font-size:26px}.story-copy{padding-left:0;border-left:0;border-top:1px solid #ffffff26;padding-top:28px}.story-copy>p{font-size:16px}.story-copy>p:first-child{font-size:18px}}
.story-heading .rolton-portrait{display:block;width:260px;max-width:100%;height:auto;opacity:1;filter:grayscale(1);border:1px solid #ffffff26}@media(max-width:700px){.story-heading .rolton-portrait{width:210px;margin-top:24px}}

.story-heading{position:relative;padding-top:0;padding-right:130px}.story-heading h1{font-size:46px}.story-heading .story-lead{font-size:25px}.story-heading .rolton-portrait{position:absolute;top:0;right:0;width:120px;height:160px;object-fit:cover;margin:0}@media(max-width:700px){.story-heading{padding-top:0;padding-right:130px;min-height:160px}.story-heading h1{font-size:40px}.story-heading .rolton-portrait{width:105px;height:140px;margin:0}.story-heading .story-lead{font-size:22px}}

.story-heading .rolton-portrait{top:50%;transform:translateY(-50%)}

.story-heading{padding-right:155px}.story-heading .rolton-portrait{width:145px;height:auto;filter:none}@media(max-width:700px){.story-heading{padding-right:140px;min-height:174px}.story-heading .rolton-portrait{width:125px;height:auto}}

@media(min-width:701px){.story-heading{padding-right:0;align-self:start}.story-heading h1{font-size:clamp(48px,5vw,66px)}.story-heading .story-lead{font-size:28px;margin-bottom:28px}.story-heading .rolton-portrait{position:static;transform:none;width:240px;max-width:100%;height:auto;margin:0;object-fit:contain}}