/* Sicily keeps the shared paper, typography and navigation. Its cover lets the
   garden fill the photograph while the title has its own clear space above. */
.sicily-article{--sicily-orange:#ba491f;--sicily-blue:#23597b;--sicily-green:#4d602c}
.sicily-article .story-cover.sicily-cover{display:flex;flex-direction:column;aspect-ratio:auto;max-height:none;max-width:1400px;background:transparent;overflow:visible;padding:0 4%}
.sicily-article .sicily-cover>img{order:2;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.sicily-article .sicily-cover .story-cover-type{position:relative;inset:auto;order:1;display:block;padding:34px 0 42px;color:var(--ink);text-align:left;text-shadow:none}
.sicily-article .sicily-cover .story-cover-type>.eyebrow{color:var(--sicily-blue);margin:0 0 22px;font-size:10px;letter-spacing:1.6px}
.sicily-article .story-cover.sicily-cover h1,html[data-theme=kitchen] .sicily-article .story-cover.sicily-cover h1{font-size:clamp(88px,13.5vw,196px);line-height:.88;letter-spacing:-4px;color:var(--ink);max-width:100%;margin:0;padding-right:90px}
.sicily-article .story-cover.sicily-cover h1 span{color:var(--sicily-orange)}
.sicily-article .story-cover.sicily-cover h1::after{content:none}
.sicily-article .sicily-cover .cover-star{position:absolute;right:6px;bottom:48px;margin:0;font-size:92px;line-height:1;color:var(--sicily-orange);transform:rotate(10deg)}
.sicily-article .story-cover-caption{padding-top:18px}
.sicily-article .sicily-palette{gap:0;border-bottom:0;padding-block:18px 24px}
.sicily-article .sicily-palette>span{border-top:4px solid var(--sicily-orange);padding:13px 14px 0 0}
.sicily-article .sicily-palette>span:nth-child(2){border-color:var(--sicily-blue)}
.sicily-article .sicily-palette>span:nth-child(3){border-color:#d6ac32}
.sicily-article .sicily-palette>span:nth-child(4){border-color:var(--sicily-green)}
.sicily-article .chapter-number,.sicily-article .story-pullquote>span{color:var(--sicily-orange)}
.sicily-article .story-pullquote{border-color:var(--sicily-orange)}
.sicily-article .sicily-wide{max-width:1400px;margin-inline:auto;padding-inline:4%}
.sicily-article .sicily-wide img{height:auto;aspect-ratio:3/2;max-height:none;object-fit:cover}
.sicily-article .story-figure img{height:auto;aspect-ratio:3/2;object-fit:cover}
.sicily-article .story-portrait img{aspect-ratio:4/5;object-fit:cover}
.sicily-article .story-end{border-top:4px solid var(--sicily-orange)}
@media(max-width:980px){
  .sicily-article .story-cover.sicily-cover h1,html[data-theme=kitchen] .sicily-article .story-cover.sicily-cover h1{font-size:clamp(84px,13.5vw,135px);letter-spacing:-3px;padding-right:70px}
  .sicily-article .sicily-cover .cover-star{font-size:65px;bottom:42px}
}
@media(max-width:720px){
  .sicily-article .story-section-top{grid-template-columns:minmax(0,1fr)}
  .sicily-article .story-section-top>div{min-width:0}
  .sicily-article .story-section-top h2,html[data-theme=kitchen] .sicily-article .story-section-top h2{font-size:clamp(38px,10.5vw,52px)}
  .sicily-article .story-cover.sicily-cover{padding-inline:6%}
  .sicily-article .sicily-cover .story-cover-type{padding:17px 0 28px}
  .sicily-article .sicily-cover .story-cover-type>.eyebrow{font-size:8px;letter-spacing:1px;line-height:1.7;margin-bottom:18px;max-width:88%}
  .sicily-article .story-cover.sicily-cover h1,html[data-theme=kitchen] .sicily-article .story-cover.sicily-cover h1{font-size:clamp(65px,17.5vw,118px);line-height:.92;letter-spacing:-2px;padding-right:0}
  .sicily-article .sicily-cover .cover-star{font-size:27px;right:2px;top:15px;bottom:auto}
  .sicily-article .sicily-cover>img{aspect-ratio:3/2;height:auto;object-position:center}
  .sicily-article .sicily-palette{gap:15px 0;padding-block:8px 20px}
  .sicily-article .sicily-palette>span{padding-top:10px;font-size:8px;letter-spacing:1px}
  .sicily-article .story-figure img,.sicily-article .story-portrait img,.sicily-article .sicily-wide img{aspect-ratio:3/2;max-height:none;height:auto}
  .sicily-article .sicily-wide{padding-inline:6%}
  .sicily-article .story-end h2{font-size:clamp(42px,13.5vw,66px)}
  .sicily-article .chapter-number,html[data-theme=kitchen] .sicily-article .chapter-number{font-size:28px}
}
@media print{
  .sicily-article .story-cover.sicily-cover,.sicily-article .sicily-palette{display:none!important}
  .sicily-article .sicily-menu .story-menu-grid{grid-template-columns:1fr 1fr;gap:4mm}
}