/* Stories extends the approved Kitchen / Quiet type and colour systems. */
.story-shell{width:100%;max-width:1440px;margin-inline:auto;padding-inline:6%}
.site-header nav [aria-current]{text-decoration:underline;text-underline-offset:6px}
.footer-stories{display:block;margin-top:8px}
.footer-share{display:block;margin:12px 0;padding:0;border:0;background:none;color:inherit;font:11px var(--sans);text-align:left;text-decoration:underline;text-underline-offset:4px}
.story-earlier-link{display:block;margin-top:20px;font:11px/1.7 var(--sans);color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.stories-feature-archive{border-top:1px solid var(--line);padding-top:65px}
.story-opening-side>.share-trigger{margin-top:20px;font-size:10px;padding:11px 14px}
.story-opening-side>.share-trigger+.story-copy-link{display:block;margin-top:10px}
.sicily-cover .story-cover-type{padding-inline:10%}.story-cover.sicily-cover h1{font-size:clamp(75px,9.6vw,150px);line-height:1.02}
.sicily-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-block:24px;border-bottom:1px solid var(--line);font:9px/1.5 var(--sans);letter-spacing:1.5px}
.sicily-menu .story-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.sicily-menu .story-menu-card h3{font-size:33px}
.sicily-finale{padding-top:40px;padding-bottom:70px}.sicily-finale .story-chapter{max-width:800px;margin:auto}
html[data-theme=kitchen] .story-cover.sicily-cover h1{font-size:clamp(110px,13vw,200px);line-height:.9}
@media(max-width:980px){.sicily-menu .story-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px}}
@media(max-width:720px){.story-cover.sicily-cover h1{font-size:clamp(62px,14.7vw,103px);line-height:1.02;letter-spacing:-2px}.sicily-cover .story-cover-type{padding-inline:5%}html[data-theme=kitchen] .story-cover.sicily-cover h1{font-size:clamp(90px,23vw,145px);line-height:.92}.sicily-palette{grid-template-columns:1fr 1fr;padding-block:20px;font-size:8px;row-gap:12px}.sicily-menu .story-menu-grid{grid-template-columns:1fr;gap:28px}.sicily-menu .story-menu-card h3{font-size:32px}.sicily-finale{padding-block:20px 40px}.stories-feature-archive{padding-top:40px}}
@media print{.sicily-palette,.sicily-finale,.story-earlier-link,.footer-share{display:none!important}.sicily-menu .story-menu-grid{grid-template-columns:1fr 1fr;gap:4mm}}
.story-teaser{max-width:1440px;margin:auto;padding:65px 6%;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;border-bottom:1px solid var(--line)}
.story-teaser-image,.stories-feature-image{position:relative;display:block;overflow:hidden;background:var(--ink)}
.story-teaser-image img,.stories-feature-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .6s}
.story-teaser-image:hover img,.stories-feature:hover img{transform:scale(1.025)}
.story-feature-badge{position:absolute;left:0;bottom:0;padding:13px 17px;background:var(--ink);color:var(--paper);font:10px var(--sans);letter-spacing:1.4px}
.story-teaser h2{font-size:clamp(34px,4.3vw,66px);line-height:1.04;letter-spacing:-1.5px;margin:0 0 21px}
.story-teaser-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:440px}
.story-teaser .eyebrow{margin-bottom:18px}
.stories-intro{padding-top:70px;padding-bottom:55px}
.stories-intro h1{font-size:clamp(60px,8vw,110px);line-height:1.02;letter-spacing:-3px;margin:0 0 26px}
.stories-intro>p:last-child{font-size:15px;line-height:1.8;color:var(--muted)}
.stories-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center;padding-bottom:70px}
.stories-feature-copy h2{font-size:clamp(38px,4.8vw,72px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 24px}
.stories-feature-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}
.stories-index-end{border-top:1px solid var(--line);padding-top:45px;padding-bottom:55px;display:flex;gap:30px;align-items:center}
.stories-index-end>span{font-size:62px;line-height:1;color:var(--olive)}
.stories-index-end p{font:24px/1.3 var(--serif);margin:0}.stories-index-end .text-link{margin-left:auto}
.story-issue-line{padding-block:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:9px var(--sans);letter-spacing:1px;text-transform:uppercase;border-top:1px solid var(--line)}
.story-issue-line a{padding:8px 0;text-transform:none;letter-spacing:0;font-size:11px}
.story-cover{position:relative;width:100%;max-width:1800px;margin:auto;aspect-ratio:3/2;max-height:860px;overflow:hidden;background:#242721}
.story-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.story-cover-type{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f1eddf;text-align:center;padding:4% 15%;text-shadow:0 2px 24px #14161142}
.story-cover-type .eyebrow{font-size:10px;letter-spacing:2.2px;margin:0 0 25px;color:#f1eddf}
.story-cover h1{font-size:clamp(70px,8.4vw,133px);line-height:.97;letter-spacing:-5px;margin:0;color:#f1eddf}
.story-cover h1::after{content:"."}.story-cover h1 span{font-style:italic}
.cover-star{display:block;font-size:42px;line-height:1;margin-top:26px;color:#e74a2d}
.story-cover-caption{display:flex;justify-content:space-between;gap:24px;padding-block:16px;border-bottom:1px solid var(--line);font:9px/1.6 var(--sans);color:var(--muted)}
.story-opening{display:grid;grid-template-columns:1.7fr 1fr;gap:10%;padding-top:65px;padding-bottom:40px;align-items:start}
.story-dek{font:clamp(26px,3.15vw,43px)/1.32 var(--serif);letter-spacing:-.7px;margin:0;max-width:850px}
.story-opening-side{padding-top:5px}.story-opening-side>p:first-child{font-size:10px;line-height:2;letter-spacing:1.4px;margin:0 0 22px}
.story-opening-side nav{display:flex;flex-wrap:wrap;gap:14px 23px;font-size:11px;border-top:1px solid var(--line);padding-top:18px}
.story-opening-side nav a{border-bottom:1px solid var(--line);padding:4px 0}
.story-copy-link{padding:7px 0;margin-top:17px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font-size:10px}
.story-share-panel{margin-top:15px}.story-share-panel label{display:block;font-size:10px;margin-bottom:5px}.story-share-panel input{width:100%;min-width:0;padding:9px;background:transparent;border:1px solid var(--line);font-size:10px;color:var(--ink)}
.story-share-panel p,.story-share-status{font-size:10px;line-height:1.6;color:var(--muted)}.story-share-status:empty{display:none}
.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:12px;padding-bottom:65px;border-bottom:1px solid var(--line)}
.story-intro p{font-size:15px;line-height:1.9;margin:0;color:var(--muted)}.story-intro p:first-child::first-letter{float:left;font:68px/.9 var(--serif);padding-right:10px;color:var(--ink)}
.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-block:90px}
.story-chapter{display:grid;grid-template-columns:47px minmax(0,1fr);gap:20px;min-width:0}
.chapter-number{font:34px/1 var(--serif);letter-spacing:-1px;color:var(--olive);padding-top:2px}
.story-chapter .eyebrow{font-size:9px;line-height:1.7;margin-bottom:16px}
.story-chapter h2{font-size:clamp(32px,3.1vw,47px);line-height:1.12;letter-spacing:-1px;margin:0 0 27px}
.story-chapter p:not(.eyebrow){font-size:14px;line-height:1.95;margin:0 0 20px;color:var(--muted)}
.story-figure{margin:0;min-width:0}.story-figure img{width:100%;height:auto;display:block;object-fit:cover}
.story-figure figcaption{font:9px/1.8 var(--sans);color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.story-portrait img{max-height:650px;aspect-ratio:2/3}
.story-menu{padding-block:65px;background:var(--ink);color:var(--paper)}
.story-section-top{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;align-items:start;margin-bottom:40px}
.story-section-top h2,.plan-heading h2,.story-useful>h2{font-size:clamp(35px,4.5vw,65px);line-height:1.08;letter-spacing:-1.5px;margin:0}
.story-section-top .eyebrow{color:var(--paper);opacity:.75;margin-bottom:17px}
.serving-plan{font-size:13px;line-height:1.95;margin:0;max-width:620px}
.story-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.story-menu-card{display:flex;flex-direction:column;min-width:0;border-top:1px solid #f1eddf66;padding-top:22px;transition:color .2s}
.story-menu-card:hover{color:#edba7c}.menu-course{font-size:9px;letter-spacing:1px;text-transform:uppercase;line-height:1.6}
.story-menu-card h3{font-size:clamp(24px,2.55vw,36px);line-height:1.15;letter-spacing:-.4px;margin:23px 0 18px}
.story-menu-card>p{font-size:12px;line-height:1.8;margin:0 0 18px}
.menu-serving{font-size:10px;line-height:1.7;opacity:.78;display:block;margin-bottom:22px}
.menu-action{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid #f1eddf66;padding-block:12px;margin-top:auto}
.story-menu-help{font-size:10px;line-height:1.8;margin:30px 0 0;opacity:.8}
.story-main-chapter{padding-top:20px;padding-bottom:55px}.story-main-chapter .story-chapter{max-width:800px;margin-inline:auto}
.story-wide{max-width:1600px;margin-inline:auto}.story-wide img{aspect-ratio:3/2;max-height:850px}.story-wide figcaption{padding-inline:6%;margin-top:0;padding-top:17px;border:0}
.story-pause{padding-top:90px;padding-bottom:45px}
.story-pullquote{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:80px 1fr;gap:45px;padding-block:65px;margin-block:30px}
.story-pullquote>span{color:var(--olive);font-size:80px;line-height:1}
.story-pullquote p{font:clamp(29px,4vw,60px)/1.18 var(--serif);letter-spacing:-1px;margin:0;max-width:1000px}
.story-dessert{padding-block:90px}.story-dessert .story-figure img{aspect-ratio:4/5}
.story-plan{background:var(--sage);padding-block:65px;display:grid;grid-template-columns:1fr 1.3fr;gap:10%;align-items:start}
.plan-heading>.eyebrow{line-height:1.8;font-size:9px}.plan-heading>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:310px;margin-block:26px}
.plan-heading .button{margin-top:4px;font-size:11px;padding:14px 18px}
.story-plan ol{list-style:none;margin:0;padding:0;counter-reset:plan}
.story-plan li{padding:18px 0 18px 38px;position:relative;border-top:1px solid var(--line);counter-increment:plan}
.story-plan li::before{content:counter(plan,decimal-leading-zero);position:absolute;left:0;top:20px;font:10px var(--sans);color:var(--muted)}
.story-plan li h3{font:600 13px/1.6 var(--sans);margin:0 0 8px}.story-plan li p{font-size:12px;line-height:1.85;margin:0;color:var(--muted)}
.story-useful{padding-block:65px;border-bottom:1px solid var(--line)}.story-useful>.eyebrow{margin-bottom:15px}
.story-useful>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:32px}
.story-useful h3{font-size:22px;line-height:1.25;margin:0 0 14px}.story-useful p{font-size:12px;line-height:1.9;margin:0;color:var(--muted)}
.story-end{text-align:center;padding-block:75px;border-bottom:1px solid var(--line)}.story-end>.eyebrow{font-size:9px}
.story-end h2{font-size:clamp(57px,8vw,110px);line-height:1;letter-spacing:-3px;margin:0 0 26px}.story-end>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:600px;margin:0 auto 16px;color:var(--muted)}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:var(--olive);transform:scaleX(var(--read,0));transform-origin:left;pointer-events:none}
html[data-theme=kitchen] :is(.story-teaser h2,.stories-intro h1,.stories-feature-copy h2,.story-chapter h2,.story-section-top h2,.story-menu-card h3,.plan-heading h2,.story-useful>h2,.story-end h2){text-transform:uppercase;font-weight:600;line-height:.98}
html[data-theme=kitchen] .story-cover h1{font-size:clamp(92px,13.8vw,205px);line-height:.84;letter-spacing:-3px;text-transform:uppercase;font-weight:600}
html[data-theme=kitchen] .story-cover h1 span{font-style:normal}html[data-theme=kitchen] .story-dek{font-size:clamp(29px,3.3vw,49px);line-height:1.18;font-weight:500}
html[data-theme=kitchen] :is(.story-issue-line,.story-cover-caption,.story-feature-badge,.menu-course,.menu-action,.menu-serving,.story-opening-side>p:first-child){font-family:"DM Mono",monospace}
html[data-theme=kitchen] .story-teaser h2{font-size:clamp(42px,5vw,77px)}
html[data-theme=kitchen] .stories-intro h1{font-size:clamp(75px,10vw,140px);line-height:.9}
html[data-theme=kitchen] .chapter-number{font:500 45px/.9 "Barlow Condensed",sans-serif}
html[data-theme=kitchen] .story-pullquote p{font-weight:500;line-height:1.06}
html[data-theme=kitchen] .story-section-top h2{font-size:70px}html[data-theme=kitchen] .story-useful h3{font-size:28px;font-weight:500}
@media(max-width:980px){.story-pair{gap:5%}.story-chapter{grid-template-columns:33px minmax(0,1fr);gap:14px}.story-chapter p:not(.eyebrow){font-size:13px}.story-opening{gap:7%}.story-cover-type{padding-inline:10%}.story-cover-type .eyebrow{font-size:8px}.story-menu-grid{gap:22px}.story-menu-card h3{font-size:29px}.story-pullquote{gap:25px;grid-template-columns:55px 1fr}.story-pullquote>span{font-size:60px}.story-plan{gap:7%}}
@media(max-width:720px){
  .site-header{flex-wrap:wrap;gap:18px}.site-header nav,html[data-theme=kitchen] .site-header nav{width:100%;display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:flex-start;font-size:10px}.site-header .wordmark{max-width:100%}
  .story-shell{padding-inline:6%}.story-teaser{grid-template-columns:1fr;gap:29px;padding-block:40px}.story-teaser h2{max-width:400px;margin-bottom:18px}.story-teaser-copy>p:not(.eyebrow){font-size:12px}.story-teaser .eyebrow{font-size:8px}
  .stories-intro{padding-top:45px;padding-bottom:34px}.stories-intro h1{font-size:60px;letter-spacing:-2px}.stories-intro>p:last-child{font-size:13px}.stories-feature{grid-template-columns:1fr;gap:30px;padding-bottom:42px}.stories-feature-copy h2{font-size:42px}.stories-feature-copy .eyebrow{font-size:8px;margin-bottom:17px}.stories-feature-copy>p:not(.eyebrow){font-size:13px}.stories-index-end{flex-wrap:wrap;gap:22px}.stories-index-end p{font-size:21px}.stories-index-end>span{font-size:45px}.stories-index-end .text-link{margin-left:0}
  .story-issue-line{font-size:7px;padding-block:13px;gap:7px}.story-issue-line a{font-size:10px}.story-issue-line>span:nth-child(2){letter-spacing:.4px}
  .story-cover{aspect-ratio:4/5;max-height:650px}.story-cover>img{object-position:50% 50%}.story-cover-type{padding:8% 6%}.story-cover h1{font-size:clamp(66px,13.9vw,98px);letter-spacing:-3px}.story-cover-type .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:21px}.cover-star{font-size:31px;margin-top:24px}.story-cover-caption{font-size:8px;gap:16px;align-items:start}.story-cover-caption>span{max-width:55%}.story-cover-caption>span:last-child{text-align:right}
  .story-opening{grid-template-columns:1fr;gap:27px;padding-top:35px;padding-bottom:30px}.story-dek{font-size:29px;line-height:1.32}.story-opening-side{display:block}.story-opening-side>p:first-child{line-height:1.9;font-size:8px;margin-bottom:17px}.story-opening-side nav{font-size:11px;padding-top:14px}.story-copy-link{font-size:10px}.story-intro{grid-template-columns:1fr;gap:22px;padding-bottom:40px}.story-intro p{font-size:14px;line-height:1.9}.story-intro p:first-child::first-letter{font-size:59px}
  .story-pair{grid-template-columns:1fr;gap:28px;padding-block:47px}.story-chapter{grid-template-columns:31px minmax(0,1fr);gap:13px}.story-chapter h2{font-size:35px;margin-bottom:22px}.story-chapter .eyebrow{font-size:8px;margin-bottom:12px}.story-chapter p:not(.eyebrow){font-size:13px;line-height:1.95}.chapter-number{font-size:28px}.story-portrait img{aspect-ratio:4/5;max-height:540px}.story-pair-reverse .story-chapter{grid-row:1}.story-figure figcaption{font-size:8px;margin-top:10px}
  .story-menu{padding-block:40px}.story-section-top{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.story-section-top h2{font-size:43px}.serving-plan{font-size:12px;line-height:1.85}.story-menu-grid{grid-template-columns:1fr;gap:28px}.story-menu-card{padding-top:19px}.story-menu-card h3{font-size:32px;margin:17px 0 14px}.story-menu-card>p{font-size:12px}.menu-serving{margin-bottom:12px}.story-menu-help{font-size:10px;margin-top:26px}.story-menu-card .menu-course{font-size:8px}
  .story-main-chapter{padding-top:0;padding-bottom:32px}.story-wide img{aspect-ratio:4/5;max-height:650px}.story-wide figcaption{padding-top:12px}.story-pause{padding-top:45px;padding-bottom:20px}.story-pause .story-chapter{grid-row:1}.story-pullquote{grid-template-columns:1fr;gap:20px;padding-block:35px;margin-block:20px}.story-pullquote>span{font-size:42px}.story-pullquote p{font-size:33px;letter-spacing:-.5px}.story-dessert{padding-block:45px}.story-dessert .story-figure img{aspect-ratio:4/5}
  .story-plan{grid-template-columns:1fr;gap:30px;padding-block:40px}.plan-heading h2{font-size:45px}.plan-heading>.eyebrow{font-size:8px}.plan-heading>p:not(.eyebrow){font-size:12px;margin-block:19px}.story-plan li{padding-left:32px}.story-plan li h3{font-size:12px}.story-plan li p{font-size:12px}.story-useful{padding-block:40px}.story-useful>h2{font-size:40px}.story-useful>div{grid-template-columns:1fr;gap:27px}.story-useful h3{font-size:24px;margin-bottom:10px}.story-end{padding-block:50px}.story-end h2{font-size:66px;letter-spacing:-2px}.story-end>p:not(.eyebrow){font-size:13px}
  html[data-theme=kitchen] .story-cover h1{font-size:clamp(95px,23vw,150px);line-height:.85;letter-spacing:-1.5px}html[data-theme=kitchen] .stories-intro h1{font-size:clamp(68px,15vw,104px)}html[data-theme=kitchen] .story-teaser h2{font-size:48px}html[data-theme=kitchen] .story-section-top h2{font-size:52px}html[data-theme=kitchen] .story-dek{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.story-teaser-image img,.stories-feature-image img{transition:none}.story-teaser-image:hover img,.stories-feature:hover img{transform:none}}
@media print{
  @page story-plan{margin:14mm}.story-article{page:story-plan}body[data-page-title] :is(.edition-bar,.site-header,footer,.skip),.reading-progress,.story-cover,.story-issue-line,.story-cover-caption,.story-opening,.story-intro,.story-pair,.story-main-chapter,.story-wide,.story-pullquote,.story-useful,.story-end{display:none!important}
  body[data-page-title]{background:white!important;color:black!important;font-size:10pt}.story-shell{max-width:none;padding:0}.story-menu,.story-plan{display:block!important;padding:0;margin:0 0 8mm;background:white!important;color:black!important}.story-section-top{display:block}.story-section-top h2{font-size:24pt!important}.serving-plan{font-size:9pt!important}.story-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5mm}.story-menu-card{color:black!important;border-color:#aaa!important;break-inside:avoid}.story-menu-card h3{font:14pt/1.1 var(--serif)!important;margin-block:3mm}.story-menu-card>p,.menu-serving,.story-menu-help{font-size:8pt!important;line-height:1.5!important}.menu-action,.story-menu-help,.plan-heading .button,.plan-heading>p:not(.eyebrow){display:none!important}.plan-heading .eyebrow{margin-bottom:3mm}.plan-heading h2{font-size:23pt!important;margin-bottom:4mm}.plan-heading h2 br{display:none}.story-plan ol{display:grid;grid-template-columns:1fr 1fr;column-gap:7mm}.story-plan li{break-inside:avoid;padding-block:3mm}.story-plan li h3{font-size:9pt}.story-plan li p{font-size:8pt;color:black!important;line-height:1.5}
}
.story-reading-note{font:10px/1.8 var(--sans);color:var(--muted);padding-top:28px;margin:24px 0 0;border-top:1px solid var(--line)}.story-reading-note a{text-decoration:underline;text-underline-offset:3px}