/* About is a chaptered story. Its text uses the same editorial scale as Home and Archive. */
body[data-page-kind="about"] main{overflow:clip}
body[data-page-kind="about"] .review-banner{display:none}
.about-story-intro{width:var(--page-width);margin:0 auto;padding:56px 0 24px;border-top:1px solid var(--line)}
.about-story-intro .eyebrow,.about-story-chapter .eyebrow{margin:0 0 12px;color:var(--muted);font:var(--editorial-eyebrow-font);letter-spacing:.1em;text-transform:uppercase}
.about-story-intro h1{max-width:22ch;margin:0;font:var(--editorial-title-font);font-variation-settings:"SOFT" 0,"WONK" 1}
.about-story-layout{container-type:inline-size;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:7%;width:var(--page-width);margin:0 auto;padding-bottom:18vh;overflow-y:clip;overflow-x:visible}
.about-story-pile{position:sticky;top:14vh;height:72vh;align-self:start;z-index:1;pointer-events:none}
.about-story-pile-item{position:absolute;top:4%;left:8%;width:70%;margin:0;transform:translate(var(--pile-x),var(--pile-y)) rotate(var(--pile-r))}
.about-story-layout:not(.is-motion-ready) .about-story-pile-item:not(:first-child){display:none}
.about-story-layout.is-motion-ready .about-story-pile-item{transform:translate(var(--pile-x),calc(var(--pile-y) + 110vh)) rotate(calc(var(--pile-r) + 9deg));transition:transform .8s cubic-bezier(.55,0,.75,.2)}
.about-story-layout.is-motion-ready .about-story-pile-item.on{transform:translate(var(--pile-x),var(--pile-y)) rotate(var(--pile-r));transition:transform 1.05s cubic-bezier(.2,1.12,.3,1)}
.about-story-card{position:relative;width:100%;margin:0;padding:0;background:transparent;box-shadow:none}
.about-story-photo>img,.about-story-video>video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--media)}
.about-story-video{padding-bottom:0}
.about-story-card>figcaption{position:relative;margin-top:10px;color:var(--muted);font:var(--editorial-caption-font)}
.about-story-video>figcaption{font:400 16px/1.15 var(--hand)}
.about-story-video-tag{position:absolute;top:-22px;right:-22px;z-index:2;display:block;padding:10px 14px;background:#eee4cb;color:var(--ink);box-shadow:0 6px 14px #2f27231f;text-align:center;text-decoration:none;rotate:6deg}
.about-story-video-tag strong{display:block;color:var(--brick);font:var(--editorial-caption-font);letter-spacing:.08em}
.about-story-video-tag span{display:block;margin-top:4px;color:var(--ink);font:400 14px/1.2 var(--hand);letter-spacing:.08em}
.about-story-video-chip{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:18px;background:var(--brick);color:#fff;font:400 16px/1.2 var(--hand);letter-spacing:.08em;text-decoration:none}
.about-story-video-chip::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}
.about-story-note{padding:14px;background:repeating-linear-gradient(135deg,var(--wheat) 0 14px,var(--ground) 14px 28px)}
.about-story-note-inner{position:relative;min-height:245px;padding:24px;background:#eee4cb}
.about-story-quote-mark{display:block;height:56px;color:var(--brick);font:90px/.75 var(--serif)}
.about-story-note blockquote{max-width:24ch;margin:0 0 20px;padding-right:56px;color:var(--ink);font:400 22px/1.35 var(--serif)}
.about-story-note figcaption{color:var(--brick);font:400 18px/1.2 var(--hand);letter-spacing:.1em;text-transform:uppercase}
.about-story-note-inner>img{position:absolute;top:14px;right:16px;width:60px;height:64px;object-fit:contain;rotate:6deg}
.about-story-chapters{position:relative;z-index:1;min-width:0}
.about-story-chapter{display:flex;min-height:88vh;flex-direction:column;justify-content:center;align-items:flex-start;padding:9vh 0}
.about-story-chapter h2{max-width:19ch;margin:0;color:var(--ink);font:var(--editorial-title-font);font-variation-settings:"SOFT" 0,"WONK" 1}
.about-story-chapter .about-story-body,.about-story-chapter>p:not(.eyebrow){max-width:40ch;margin:18px 0 0;color:var(--muted);font:var(--editorial-body-font)}
.about-story-chapter .about-story-inline-link{color:var(--brick);text-decoration:underline;text-underline-offset:4px}
.about-story-chapter>.text-link{margin-top:26px;font:var(--editorial-meta-font);text-decoration:underline;text-underline-offset:5px}
.about-story-mobile-card,.about-story-mobile-note{display:none}
.about-story-art{position:relative;width:clamp(250px,26vw,300px);aspect-ratio:var(--art-ratio,900/700);margin:0 0 30px;contain:layout paint}
.about-story-art .about-art-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.about-story-art.is-ready .about-art-fallback{visibility:hidden}
.about-story-art .piece{position:absolute;display:block;opacity:0;transform:var(--from);transform-origin:var(--origin,50% 100%);transition:transform var(--piece-time,.8s) var(--ease) var(--delay),opacity .3s linear var(--delay)}
.about-story-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.about-story-art svg path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset var(--path-time) cubic-bezier(.55,0,.35,1) var(--delay)}
.about-story-art svg .full{opacity:0;transition:opacity .4s ease var(--full-delay)}
.about-story-chapter.in .about-story-art .piece{opacity:1;transform:none}
.about-story-chapter.in .about-story-art svg path{stroke-dashoffset:0}
.about-story-chapter.in .about-story-art svg .full{opacity:1}
.about-story-chapter.out .about-story-art .piece{opacity:0;transform:translateY(-22%) scale(.9);transition:transform .7s cubic-bezier(.4,0,.8,.4) var(--out-delay),opacity .55s ease-in var(--out-delay)}
.about-story-chapter.out .about-story-art svg path{stroke-dashoffset:-1;transition:stroke-dashoffset .6s cubic-bezier(.55,0,.35,1) var(--out-delay)}
.about-story-chapter.out .about-story-art svg .full{opacity:0;transition:opacity .15s}
.about-story-art[data-motion="rise"]{--ease:cubic-bezier(.34,1.8,.5,1)}
.about-story-art[data-motion="rise"] .piece{--from:scale(1.25,.15) translateY(30%);--origin:50% 100%;--piece-time:.9s}
.about-story-art[data-motion="sprinkle"]{--ease:cubic-bezier(.3,1.5,.55,1)}
.about-story-art[data-motion="sprinkle"] .piece{--from:translateY(-140%) rotate(var(--rot));--origin:50% 50%;--piece-time:.85s}
.about-story-art[data-motion="pipe"]{--ease:cubic-bezier(.34,1.6,.6,1)}
.about-story-art[data-motion="pipe"] .piece{--from:scale(0) rotate(-50deg);--origin:50% 60%;--piece-time:.9s}
.about-story-art[data-motion="sail"]{--ease:cubic-bezier(.2,.9,.3,1.1)}
.about-story-art[data-motion="sail"] .piece{--from:translate(-70%,8%) rotate(-7deg);--origin:0 100%;--piece-time:1s}
.about-story-art[data-motion="roll"]{--ease:cubic-bezier(.2,.8,.2,1)}
.about-story-art[data-motion="roll"] .piece{--from:scaleX(0) scaleY(1.2);--origin:0 50%;--piece-time:.9s}
.about-story-art[data-motion="serve"]{--ease:cubic-bezier(.3,1.35,.6,1)}
.about-story-art[data-motion="serve"] .piece{--from:translate(var(--dx),var(--dy)) rotate(var(--rot));--origin:50% 50%;--piece-time:.95s}
.about-story-stamp{display:flex;align-items:center;gap:18px;max-width:34em;margin-top:32px;padding:18px 22px;background:#eee4cb;rotate:-1deg;transition:transform 1.1s cubic-bezier(.22,1.18,.36,1) .2s}
.about-story-stamp>img{width:64px;height:64px;flex:none;mix-blend-mode:multiply}
.about-story-stamp p{margin:0;color:var(--ink);font:var(--editorial-body-font)}
.about-story-stamp a{display:inline-block;margin-top:4px;color:var(--brick);font:400 20px/1.2 var(--hand);letter-spacing:.08em;text-decoration:none}
.about-story-chapter:not(.in) .about-story-stamp{transform:translateY(56px) rotate(-3deg) scale(1.025)}
.about-story-occasions{width:100%;margin:26px 0 0;padding:0;list-style:none}
.about-story-occasions a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.about-story-occasions a>span{position:relative;z-index:1;color:var(--ink);font:400 25px/1.2 var(--hand);text-transform:uppercase;letter-spacing:.04em}
.about-story-occasions .ui-icon{width:22px;height:22px;flex:none}
.about-occasion-preview{position:absolute;z-index:2;right:40px;bottom:14px;width:120px;height:100px;object-fit:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) rotate(4deg);background:var(--ground);transition:opacity 140ms,transform 180ms steps(3,end),visibility 180ms}
.about-story-occasions a:focus-visible{background:var(--cream)}
.about-story-occasions a:focus-visible .about-occasion-preview{opacity:1;visibility:visible;transform:none;transition:none}
@media(hover:hover) and (pointer:fine){
 .about-story-occasions a:hover{color:var(--brick);background:var(--cream)}
 .about-story-occasions a:hover>span{color:var(--brick)}
 .about-story-occasions a:hover .about-occasion-preview{opacity:1;visibility:visible;transform:none}
}
.about-scroll-cue{display:inline-flex;align-items:center;gap:12px;margin-top:28px;min-height:44px;color:var(--brick)}
.about-scroll-cue .ui-icon{width:22px;height:30px;rotate:90deg;animation:about-scroll-nudge 1.5s ease-in-out 3}
@keyframes about-scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
#orits-story{scroll-margin-top:110px}
.about-story-welcome{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:7%;padding-block:80px}
.about-story-welcome figure{width:75%;margin:0 auto;rotate:-3deg}
.about-story-welcome figure img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.about-story-welcome figcaption{margin-top:12px;color:var(--brick)}
.about-welcome-art{width:240px;height:auto;margin-bottom:24px}
.about-story-welcome h2{margin:12px 0 20px;font:var(--editorial-title-font)}
.about-story-welcome p:not(.eyebrow){max-width:40ch;color:var(--muted);font:var(--editorial-body-font)}
.about-story-welcome .text-link{display:inline-block;margin-top:18px}
@media(max-width:800px){
 .about-story-welcome{grid-template-columns:1fr;padding-block:48px;gap:40px}
 .about-story-welcome figure{width:min(65%,300px)}
 .about-welcome-art{width:180px}
 .about-story-occasions a{min-height:68px}
}
@media(prefers-reduced-motion:reduce){.about-scroll-cue .ui-icon{animation:none}.about-occasion-preview{transition:none;transform:none}}
.about-featured{padding-block:64px}
/* Annotations belong to the current photograph, not the cards underneath it. */
.about-story-pile-item:not(.is-current) :is(figcaption,.about-story-video-tag,.about-story-video-chip){visibility:hidden}
.about-story-card>figcaption{display:table;max-width:100%;padding:5px 10px;background:var(--ground);color:var(--brick);box-decoration-break:clone}
@media(max-width:800px){
  .about-story-intro{padding:40px 0 8px}
  .about-story-layout{display:block;padding-bottom:64px;overflow:visible}
  .about-story-pile{display:none}
  .about-story-chapter{min-height:0;padding:56px 0}
  .about-story-chapter h2{font-size:24px}
  .about-story-mobile-card{display:block;width:min(54%,260px);margin:0 0 28px auto;rotate:3deg}
  .about-story-mobile-card.about-story-video{width:min(62%,280px)}
  .about-story-mobile-note{display:block;width:min(100%,390px);margin-top:32px;rotate:-1.5deg}
  .about-story-mobile-note .about-story-note{width:100%}
  .about-story-note blockquote{font-size:20px}
  .about-story-art{order:1;width:min(250px,68vw);margin:30px 0 0}
  .about-story-chapter:first-child .about-story-art{margin-top:100px}
  .about-story-chapter>.text-link{order:2}
  .about-story-chapter .about-story-art .piece{opacity:0;transform:var(--from)}
  .about-story-chapter .about-story-art svg path{stroke-dashoffset:1}
  .about-story-chapter .about-story-art svg .full{opacity:0}
  .about-story-chapter .about-story-art.mobile-in .piece{opacity:1;transform:none}
  .about-story-chapter .about-story-art.mobile-in svg path{stroke-dashoffset:0}
  .about-story-chapter .about-story-art.mobile-in svg .full{opacity:1}
  .about-story-video-tag{right:-12px;top:-16px}
  .about-featured{padding-block:48px 64px}
}
@media(max-width:600px){
  .about-story-mobile-card{width:min(58%,230px)}
  .about-story-chapter:first-child .about-story-mobile-card{width:min(44%,180px)}
  .about-story-mobile-card.about-story-video{width:min(66%,250px)}
  .about-story-video-tag{padding:7px 8px}.about-story-video-chip{font-size:14px;padding:4px 7px}
  .about-story-occasions{gap:8px 18px}
}
@media(prefers-reduced-motion:reduce){
  .about-story-layout .about-story-pile-item{transition:none!important;opacity:1;transform:translate(var(--pile-x),var(--pile-y)) rotate(var(--pile-r))!important}
  .about-story-layout.is-motion-ready .about-story-pile-item:not(.on){visibility:hidden}
  .about-story-chapter .about-story-art .piece{opacity:1!important;transform:none!important;transition:none!important}
  .about-story-chapter .about-story-art svg path{stroke-dashoffset:0!important;transition:none!important}
  .about-story-chapter .about-story-art svg .full{opacity:1!important;transition:none!important}
  .about-story-stamp,.about-story-chapter:not(.in) .about-story-stamp{transform:none;transition:none}
}

@media(hover:none){.about-occasion-preview{display:none}}

/* The band passes behind the photo pile; its artwork and copy share the chapter's scroll. */
.about-story-pile{z-index:2}
.about-story-chapter-legacy{position:relative;padding:0;min-height:88vh;justify-content:center}
.about-story-chapter-legacy .archive-legacy{isolation:isolate;width:100%;padding:9vh 0;background:transparent}
.about-story-chapter-legacy .archive-legacy::after{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:100cqw;background:var(--paper);pointer-events:none}
.about-story-chapter-legacy .archive-legacy::before{left:auto;right:0;width:100cqw}
.about-story-chapter-legacy .archive-legacy-inner{grid-template-columns:1fr;gap:28px;padding-right:32px}
.about-story-chapter-legacy .archive-legacy-inner>img{grid-row:1;width:min(100%,380px);margin:0}
.about-story-chapter-legacy .archive-legacy h2{max-width:none}
@media(max-width:800px){
 .about-story-chapter-legacy{min-height:0;padding:40px 0}
 .about-story-chapter-legacy .archive-legacy{padding:48px 24px}
 .about-story-chapter-legacy .archive-legacy-inner{padding-right:0}
 .about-story-chapter-legacy .archive-legacy::before,.about-story-chapter-legacy .archive-legacy::after{width:100%}
}

@media(min-width:801px) and (prefers-reduced-motion:reduce){
 .about-story-mobile-card.about-story-video{display:block;width:250px;margin:0 0 24px}
 .about-story-pile-item:has(.about-story-video){visibility:hidden!important}
}

/* The About recipe box shares Search’s card stack, without a coloured panel. */
body[data-page-kind="about"] .search-featured-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}
body[data-page-kind="about"] .search-featured-tags{display:flex;flex-wrap:wrap;gap:4px}
body[data-page-kind="about"] .search-featured-tags .recipe-tag{padding:3px 6px;background:var(--paper);font:400 16px/1.05 var(--hand);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
body[data-page-kind="about"] .search-featured-tags .recipe-tag-brick{border-bottom:1px solid var(--brick);color:var(--brick)}
body[data-page-kind="about"] .search-featured-tags .recipe-tag-blue{border-bottom:1px solid var(--tag-blue);color:var(--tag-blue)}
body[data-page-kind="about"] .search-featured-carousel{margin:64px 0;padding:32px clamp(20px,4vw,48px) 24px;background:var(--wheat);border-block:1px solid var(--line);scroll-margin-top:110px}
body[data-page-kind="about"] .search-featured-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}
body[data-page-kind="about"] .search-featured-heading .eyebrow{margin:0 0 8px;color:var(--brick);font-size:16px;text-transform:uppercase}
body[data-page-kind="about"] .search-featured-heading h2{margin:0;font:400 28px/1.2 var(--serif)}
body[data-page-kind="about"] .search-featured-stack-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding:20px 0 28px}
body[data-page-kind="about"] .search-featured-stack{position:relative;isolation:isolate;min-width:0;height:520px;outline-offset:5px}
body[data-page-kind="about"] .search-featured-stack:focus-visible{outline:2px solid var(--brick)}
body[data-page-kind="about"] .search-featured-card{position:absolute;left:50%;top:50%;width:min(68%,330px);margin:0;padding:0 0 12px;background:var(--paper);box-shadow:0 9px 22px #3524182e;transition:transform 520ms cubic-bezier(.22,1,.36,1),box-shadow 300ms ease-out;transform-origin:center;cursor:pointer}
body[data-page-kind="about"] .search-featured-card.is-active{z-index:3;transform:translate(-50%,-50%) rotate(-3deg) scale(1);box-shadow:0 13px 30px #35241835}
body[data-page-kind="about"] .search-featured-card.is-next{z-index:2;transform:translate(calc(-50% + 57px),calc(-50% + 12px)) rotate(7deg) scale(.95)}
body[data-page-kind="about"] .search-featured-card.is-previous{z-index:1;transform:translate(calc(-50% - 57px),calc(-50% + 9px)) rotate(-10deg) scale(.94)}
body[data-page-kind="about"] .search-featured-card a{display:block;color:var(--ink);text-decoration:none}
body[data-page-kind="about"] .search-featured-card:not(.is-active) a{pointer-events:none}
body[data-page-kind="about"] .search-featured-card a:focus-visible{outline:2px solid var(--brick);outline-offset:5px}
body[data-page-kind="about"] .search-featured-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
body[data-page-kind="about"] .search-featured-card a>span{display:block;margin:10px 12px 2px;color:var(--brick);font-size:17px;text-transform:uppercase}
body[data-page-kind="about"] .search-featured-card .search-featured-stamp{display:none;position:absolute;left:auto;right:-24px;top:22px;width:73px;height:93px;object-fit:contain;pointer-events:none}
body[data-page-kind="about"] .search-featured-card.is-active .search-featured-stamp{display:block}
body[data-page-kind="about"] .search-featured-copy-stage{min-width:0}
body[data-page-kind="about"] .search-featured-copy[hidden]{display:none}
body[data-page-kind="about"] .search-featured-copy{gap:22px}
body[data-page-kind="about"] .search-featured-copy h3{margin:0;font:400 clamp(28px,3vw,40px)/1.18 var(--serif)}
body[data-page-kind="about"] .search-featured-pages{padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:700px){
  body[data-page-kind="about"] .search-featured-carousel{margin:44px 0;padding:24px 16px 20px}
  body[data-page-kind="about"] .search-featured-heading h2,body[data-page-kind="about"] .search-more-heading h2{font-size:24px}
  body[data-page-kind="about"] .search-featured-stack-layout{grid-template-columns:1fr;gap:10px;padding:12px 0 28px}
  body[data-page-kind="about"] .search-featured-stack{height:390px}
  body[data-page-kind="about"] .search-featured-card{width:min(66%,245px)}
  body[data-page-kind="about"] .search-featured-card.is-next{transform:translate(calc(-50% + 38px),calc(-50% + 10px)) rotate(7deg) scale(.95)}
  body[data-page-kind="about"] .search-featured-card.is-previous{transform:translate(calc(-50% - 38px),calc(-50% + 8px)) rotate(-9deg) scale(.94)}
  body[data-page-kind="about"] .search-featured-copy h3{font-size:28px}
}
@media(max-width:1000px) and (min-width:701px){body[data-page-kind="about"] .search-featured-stack-layout{grid-template-columns:1fr;gap:16px}body[data-page-kind="about"] .search-featured-stack{height:500px}body[data-page-kind="about"] .search-featured-card{width:min(62%,340px)}}
@media(prefers-reduced-motion:reduce){body[data-page-kind="about"] .search-featured-card{transition:none}}
body[data-page-kind="about"] .about-featured .search-featured-carousel{margin:0;padding:32px 0 24px;background:transparent;border:0}