:root{--green:#495732;--dark:#364126;--mint:#eeeee4;--paper:#f8f5ef;--line:#49573235;--sans:Arial,Helvetica,sans-serif;--gutter:clamp(24px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:0}body{margin:0;background:var(--paper);color:var(--green);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:5px}img{display:block;max-width:100%;height:auto}button:disabled{cursor:default}h1,h2,h3{font-weight:700}em{font-family:inherit;font-style:normal}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:var(--dark);color:white;z-index:100}.skip-link:focus{top:10px}
/* Every photo below displays pixels from the two original AYRE menu JPEGs. */
.menu-crop{display:block;position:relative;overflow:hidden;flex-shrink:0}.menu-crop>img{position:absolute;width:var(--image-width);max-width:none;height:auto;left:var(--image-left);top:var(--image-top)}.brand-mark{width:54px;border-radius:50%}.site-header{height:92px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 var(--gutter);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px}.brand>span:last-child{font-size:10px;font-weight:700;letter-spacing:.7px}.site-header nav{display:flex;gap:28px;font-size:12px;font-weight:700;text-transform:uppercase}.site-header nav a{padding:14px 0}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:white;padding:15px 20px;min-height:48px;font-size:12px;font-weight:700;letter-spacing:.5px}.menu-button>span{font-size:23px;line-height:1;font-weight:400}.menu-button:hover{background:var(--dark)}.section-line{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.8px;font-weight:700}.section-line h1{font-size:20px;letter-spacing:-.3px}.section-line .plain-link{font-size:12px}
/* A printed-menu structure: chapter heading, product, recipe and actual sizes. */
.smoothie-story{position:relative;background:var(--mint)}.hero{height:100svh;min-height:830px;padding:130px var(--gutter) 0;position:relative;overflow:hidden;background:var(--smoothie-background,var(--mint))}.motion-ready .hero{position:sticky;top:var(--sticky-top,0)}.hero-main{position:relative;min-height:590px;height:calc(100% - 132px);display:grid;grid-template-columns:1fr 1fr 24px;gap:20px;align-items:center}.flavor-caption{position:relative;z-index:3;max-width:640px;will-change:opacity,transform;padding-bottom:12px}.flavor-number{font-size:12px;font-weight:700;display:inline-block;border-bottom:2px solid;padding:0 24px 9px 0;margin-bottom:26px}#flavor-name{font-size:clamp(72px,8.4vw,128px);line-height:.86;letter-spacing:-.055em;text-transform:uppercase;max-width:590px;min-height:1.72em;overflow-wrap:normal}#flavor-description{max-width:345px;min-height:52px;font-size:16px;line-height:1.6;margin-top:29px}.price-pair{display:flex;gap:20px;margin:28px 0 23px}.price-pair>span{display:flex;align-items:center;gap:9px}.price-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;background:var(--green);color:white;padding:8px 14px;font-weight:700;font-size:17px;white-space:nowrap}.price-pair small{font-size:10px;font-weight:700;letter-spacing:.5px}.plain-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:10px 0;min-height:44px;font-size:14px;font-weight:700;border-bottom:1px solid var(--green);text-align:left}.plain-link>span{font-size:22px;line-height:1;font-weight:400}.plain-link:hover{opacity:.7}.smoothie-art{position:relative;align-self:stretch;pointer-events:none;min-width:0}.product-outline{position:absolute;inset:3% 1% 9%;border:1px solid var(--line);border-radius:48% 48% 0 0;opacity:.75}.product-outline:after{content:'';position:absolute;bottom:-1px;left:-10%;right:-10%;height:1px;background:var(--line)}.cup-wrap{position:absolute;width:100%;height:480px;left:50%;top:28px;transform:translate3d(-50%,0,0) rotate(3deg);isolation:isolate;will-change:transform}.smoothie-cup{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;opacity:var(--cup-opacity,0);transform:translate3d(0,var(--cup-y,0px),0);will-change:opacity,transform;mix-blend-mode:plus-lighter}.smoothie-cup:first-child{--cup-opacity:1}.cup-photo{height:430px;max-height:100%;width:auto;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 95%,transparent);mask-composite:intersect}.product-caption{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1px}.product-caption>span:first-child{font-size:19px;letter-spacing:5px;font-weight:400}.hero-rail{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 0 18px;font-size:10px;letter-spacing:1px;font-weight:700}.hero-rail>span:first-child{writing-mode:vertical-rl}.flavor-count{white-space:nowrap;writing-mode:vertical-rl}.flavor-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);position:absolute;left:var(--gutter);right:var(--gutter);bottom:29px}.flavor-dot{display:flex;gap:18px;align-items:center;justify-content:flex-start;min-height:59px;padding:16px 20px;text-align:left;font-size:13px;font-weight:700;position:relative;transition:background .2s,color .2s}.flavor-dot+.flavor-dot{border-left:1px solid var(--line)}.flavor-tab-index{font-size:10px;opacity:.55}.flavor-dot.active{background:var(--green);color:var(--paper)}.flavor-dot:hover:not(.active){background:#4957320c}.story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--line)}.story-progress>span{display:block;height:100%;background:var(--green);transform-origin:left;transform:scaleX(.02)}
/* Waffle photos keep their original cut edges aligned to the section edges. */
.waffle-section{position:relative;padding:55px 0 60px;overflow:hidden;background:#fafbf6}.waffle-section>.section-line,.waffle-heading{margin:0 var(--gutter)}.waffle-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:58px;margin-bottom:55px}.waffle-heading h2{font-size:clamp(58px,6.9vw,105px);line-height:.94;letter-spacing:-.055em;max-width:1000px}.waffle-heading p{font-size:14px;line-height:1.6;text-align:right;padding-bottom:8px;flex-shrink:0}.waffle-menu-scene{position:relative;min-height:680px}.waffle-menu-content{position:relative;z-index:2;max-width:400px;margin:auto}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--green)}.segmented button{min-height:48px;padding:13px 10px;font-size:12px;font-weight:700}.segmented button.active{background:var(--green);color:white}.base-note{font-size:12px;line-height:1.5;margin:16px 0 14px}.featured-flavor{padding:21px 0;border-bottom:1px solid var(--line)}.featured-flavor>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.featured-flavor h3{font-size:22px;line-height:1.1;letter-spacing:-.8px;text-transform:uppercase}.featured-flavor>div>span{background:var(--green);border-radius:30px;color:white;padding:6px 9px;font-size:13px;white-space:nowrap;font-weight:700}.featured-flavor p{font-size:14px;line-height:1.6;margin-top:12px;max-width:340px}.waffle-menu-content>.plain-link{margin-top:23px;width:100%}.waffle-float{position:absolute;width:min(31vw,430px);will-change:transform;z-index:1;pointer-events:none}.waffle-left{left:-40px;top:0}.waffle-right{right:-40px;top:150px}.waffle-photo{width:100%;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent)}.waffle-left .waffle-photo{mask-image:linear-gradient(to right,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent);mask-composite:intersect}.waffle-right .waffle-photo{mask-image:linear-gradient(to left,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent);mask-composite:intersect}.image-credit{display:block;text-align:center;font-size:10px;font-weight:700;letter-spacing:1px;margin-top:20px}
/* The stepped product shelf is drawn from the original signature-bowl menu. */
.acai-section{padding:55px var(--gutter) 30px;background:#dce6d2;overflow:hidden}.acai-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:50px 0 25px}.acai-heading h2{font-size:clamp(64px,7.7vw,116px);line-height:.91;letter-spacing:-.055em}.acai-heading p{font-size:16px;line-height:1.6;max-width:260px;padding-bottom:8px}.bowl-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:25px 0 55px}.bowl-product{padding:0;text-align:left;min-width:0;position:relative;align-self:start}.bowl-product:nth-child(even){padding-top:55px}.bowl-display{height:350px;display:flex;align-items:flex-end;justify-content:center;position:relative}.bowl-photo{max-width:100%;height:310px;width:auto;z-index:1;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,#000 92%,transparent);mask-composite:intersect;transition:transform .4s}.bowl-product:hover .bowl-photo{transform:translateY(-7px)}.bowl-plinth{height:60px;position:absolute;left:-12px;right:-12px;bottom:-8px;background:#d0ddc4;border-top:1px solid #c5d3b8;box-shadow:0 10px 0 -1px #cbd9bf;z-index:0}.bowl-meta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding-top:35px}.product-index{grid-column:1/-1;font-size:10px;font-weight:700;opacity:.65}.bowl-name{font-size:20px;font-weight:700;letter-spacing:-.6px;text-transform:uppercase;line-height:1.1}.bowl-meta .price-tag{font-size:13px;padding:7px 9px}.bowl-recipe{grid-column:1/-1;font-size:13px;line-height:1.55;max-width:220px}.soft-serve-note{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:26px 0;font-size:11px;font-weight:700;line-height:1.6}
.finishes{display:grid;grid-template-columns:2fr 1fr;border-bottom:1px solid var(--line)}.icecream-panel{padding:45px var(--gutter) 50px;background:#f3f6ec}.icecream-panel h2{font-size:60px;letter-spacing:-3px;margin:35px 0}.scoops{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.scoop{padding:0;text-align:center;min-width:0}.scoop-photo{width:100%;max-width:95px;margin:auto;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 88%,transparent);mask-composite:intersect;transition:transform .25s}.scoop:hover .scoop-photo{transform:translateY(-5px)}.scoop>span:last-child{display:block;margin-top:12px;font-size:12px;font-weight:700;line-height:1.4;min-height:34px}.icecream-panel>p{font-size:14px;line-height:1.6;margin-top:30px}.coffee-panel{background:var(--green);color:#f2f6e9;padding:45px 40px;display:flex;flex-direction:column;align-items:flex-start}.coffee-panel>span{font-size:11px;font-weight:700;letter-spacing:.8px}.coffee-panel h2{font-size:clamp(38px,4vw,64px);letter-spacing:-2.7px;margin:38px 0 22px}.coffee-panel p{font-size:16px;line-height:1.6}.coffee-panel .menu-button{background:transparent;color:inherit;border:1px solid #f2f6e966;margin-top:auto;width:100%;max-width:280px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px var(--gutter);background:var(--paper)}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand>span:last-child{font-size:10px;line-height:1.8;font-weight:700;letter-spacing:.5px}.back-top{font-size:10px;font-weight:700;border-bottom:1px solid;padding:10px 0}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.motion-ready .reveal.is-visible{opacity:1;transform:none}
/* Functional full menu, with the same plain sans typography as the menu. */
dialog{padding:0;max-width:880px;width:calc(100% - 48px);max-height:90svh;overflow:auto;border:1px solid var(--green);border-radius:0;color:var(--green);background:var(--paper);box-shadow:0 20px 100px #12251c44}dialog::backdrop{background:#14250c90;backdrop-filter:blur(4px)}.menu-dialog-header{padding:30px 35px 22px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1px;font-weight:700}.menu-dialog-header h2{font-size:44px;font-weight:700;letter-spacing:-2px;margin-top:10px}.close-menu{background:var(--mint);width:44px;height:44px;font-size:30px;line-height:1;flex-shrink:0}.menu-tabs{display:flex;gap:5px;overflow-x:auto;position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:2;padding:10px 35px 17px}.menu-tabs button{padding:10px 13px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--mint);min-height:44px}.menu-tabs button[aria-pressed="true"]{background:var(--green);color:white}.menu-content{padding:25px 35px 35px;min-height:270px}.menu-lead{font-size:15px;line-height:1.7;margin-bottom:20px}.menu-item{border-bottom:1px solid var(--line);padding:19px 0;display:grid;grid-template-columns:1fr auto;column-gap:24px}.menu-item h3{font-size:20px;letter-spacing:-.5px;text-transform:uppercase}.menu-item p{font-size:14px;line-height:1.65;margin-top:8px;max-width:520px}.menu-item .menu-price{font-size:15px;white-space:nowrap;padding-top:3px;line-height:1.8;text-align:right;font-weight:700}.menu-price small{display:block;font-size:11px;opacity:.7;font-weight:400}.menu-subtitle{font-size:24px;letter-spacing:-.7px;font-weight:700;margin:32px 0 12px;text-transform:uppercase}.menu-note{font-size:13px;background:var(--mint);padding:18px 20px;margin-top:24px;line-height:1.7}.soft-serve-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:13px}.soft-serve-table th,.soft-serve-table td{padding:14px 6px;text-align:right;border-bottom:1px solid var(--line)}.soft-serve-table th:first-child,.soft-serve-table td:first-child{text-align:left}.soft-serve-table th{font-weight:700}.menu-addons{display:grid;grid-template-columns:1fr 1fr;gap:30px}.menu-addons h4{font-size:15px;font-weight:700}.addon{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:10px 0;border-bottom:1px solid var(--line)}.coffee-copy{font-family:inherit;font-size:42px;line-height:1.1;max-width:480px;margin:20px 0;text-transform:uppercase;font-weight:700;letter-spacing:-2px}.menu-error a,.no-script a{text-decoration:underline}.no-script{padding:25px var(--gutter);text-align:center;line-height:1.7}
@media(min-width:1600px){.hero-main{max-width:1500px;margin:auto}.cup-photo{height:470px}.cup-wrap{height:530px}.bowl-shelf{max-width:1400px;margin:auto}}
@media(max-width:1100px){.site-header{gap:20px}.brand>span:last-child{display:none}.site-header nav{gap:20px}.hero-main{grid-template-columns:1.1fr 1fr 18px;gap:10px}#flavor-name{font-size:clamp(65px,8.5vw,94px)}.cup-photo{height:370px}.cup-wrap{height:420px;top:60px}.price-pair{gap:12px}.price-pair>span{gap:6px}.price-tag{font-size:15px}.waffle-heading{align-items:flex-start}.waffle-heading p{font-size:12px}.waffle-menu-content{max-width:350px}.waffle-float{width:30vw}.waffle-left{top:25px}.waffle-right{top:220px}.acai-heading p{font-size:14px}.bowl-shelf{gap:17px}.bowl-display{height:300px}.bowl-photo{height:265px}.bowl-name{font-size:18px}.bowl-meta{grid-template-columns:1fr;gap:10px}.bowl-meta .price-tag{justify-self:start;grid-row:4}.bowl-recipe{font-size:12px}.bowl-product:nth-child(even){padding-top:40px}.coffee-panel{padding:45px 26px}.icecream-panel{padding-left:var(--gutter);padding-right:30px}.icecream-panel h2{font-size:50px}.finishes{grid-template-columns:1.8fr 1fr}}
@media(max-width:760px){.site-header{height:76px}.brand-mark{width:44px}.site-header nav{display:none}.menu-button{min-height:44px;padding:12px 16px;gap:22px;font-size:11px}.hero{height:1040px;min-height:0;padding-top:102px}.hero>.section-line h1{font-size:16px}.hero>.section-line>span{font-size:9px}.hero-main{display:block;height:auto;min-height:0;padding-top:26px}.flavor-caption{padding:0;max-width:100%}.flavor-number{margin-bottom:13px;font-size:10px;padding:0 18px 6px 0}#flavor-name{font-size:clamp(57px,13vw,94px);line-height:.9;min-height:1.8em;max-width:500px;letter-spacing:-.055em}#flavor-description{margin-top:19px;font-size:14px;max-width:290px;min-height:45px}.price-pair{margin:18px 0 10px;gap:22px}.price-pair .price-tag{font-size:16px;padding:7px 12px}.price-pair small{font-size:9px}.flavor-caption>.plain-link{font-size:12px;gap:20px;padding:8px 0}.smoothie-art{height:440px;width:100%;margin-top:14px}.product-outline{inset:0 16% 8%}.cup-wrap{top:0;height:386px;width:100%}.cup-photo{height:355px}.product-caption{bottom:7px;left:0;right:0;font-size:8px;letter-spacing:.5px}.product-caption>span:first-child{font-size:15px;letter-spacing:4px}.hero-rail{position:absolute;right:0;top:60%;bottom:26px;padding:0;font-size:8px;gap:18px}.hero-rail>span:first-child{writing-mode:vertical-rl}.flavor-controls{grid-template-columns:repeat(2,1fr);bottom:24px;border:1px solid var(--line)}.flavor-dot{font-size:11px;gap:10px;min-height:45px;padding:13px}.flavor-dot:nth-child(3){border-left:0;border-top:1px solid var(--line)}.flavor-dot:nth-child(4){border-top:1px solid var(--line)}.flavor-tab-index{font-size:9px}.waffle-section{padding:34px 0 45px}.section-line{font-size:9px;letter-spacing:.3px}.section-line .plain-link{font-size:10px;gap:9px}.waffle-heading{display:block;margin-top:32px;margin-bottom:25px}.waffle-heading h2{font-size:clamp(44px,9.8vw,71px);line-height:.96;letter-spacing:-.045em}.waffle-heading p{text-align:left;font-size:13px;margin-top:20px;line-height:1.5}.waffle-heading p br{display:none}.waffle-menu-scene{padding-top:280px;min-height:0}.waffle-float{width:240px}.waffle-left{left:-40px;top:-15px}.waffle-right{right:-40px;top:70px;width:195px}.waffle-menu-content{width:calc(100% - 2*var(--gutter));max-width:440px}.image-credit{display:none}.segmented button{font-size:12px}.base-note{font-size:12px}.featured-flavor h3{font-size:21px}.featured-flavor p{font-size:14px}.featured-flavor>div>span{font-size:13px}.waffle-menu-content>.plain-link{font-size:13px}.acai-section{padding:32px var(--gutter) 20px}.acai-heading{margin:29px 0 12px;display:block}.acai-heading h2{font-size:clamp(53px,12vw,86px);letter-spacing:-.045em}.acai-heading p{font-size:14px;margin-top:20px}.bowl-shelf{grid-template-columns:repeat(2,1fr);gap:30px 20px;padding:0 0 35px}.bowl-product:nth-child(even){padding-top:38px}.bowl-display{height:250px}.bowl-photo{height:225px;max-width:100%}.bowl-plinth{height:40px;left:-8px;right:-8px}.bowl-meta{padding-top:26px}.bowl-name{font-size:19px;line-height:1.1}.bowl-recipe{font-size:12px}.product-index{font-size:9px}.bowl-meta .price-tag{font-size:13px}.soft-serve-note{display:block;font-size:9px;line-height:1.7;padding:18px 0 8px}.soft-serve-note>span{display:block}.soft-serve-note>span+span{margin-top:7px}.finishes{grid-template-columns:1fr}.icecream-panel{padding:30px var(--gutter) 36px}.icecream-panel h2{font-size:48px;margin:28px 0}.scoops{gap:9px}.scoop>span:last-child{font-size:10px}.icecream-panel>p{font-size:13px;margin-top:20px}.coffee-panel{padding:32px var(--gutter) 38px;display:grid;grid-template-columns:1fr auto;gap:15px}.coffee-panel>span{grid-column:1/-1;font-size:10px}.coffee-panel h2{font-size:47px;grid-column:1/-1;margin:15px 0 0}.coffee-panel p{font-size:14px}.coffee-panel .menu-button{margin:0;align-self:end;width:auto;font-size:10px;gap:18px;padding:12px}.footer-brand .brand-mark{width:46px}footer{padding:32px var(--gutter);display:grid;grid-template-columns:1fr auto;gap:28px}.footer-brand{grid-column:1/-1}.footer-brand>span:last-child{font-size:9px}.back-top{font-size:9px;align-self:end}dialog{width:calc(100% - 20px);max-height:94svh}.menu-dialog-header{padding:25px 22px 16px}.menu-dialog-header h2{font-size:36px}.menu-tabs{padding:10px 22px 15px}.menu-content{padding:20px 22px 25px}.menu-item{column-gap:12px}.menu-item h3{font-size:18px}.menu-item p{font-size:14px}.menu-item .menu-price{font-size:14px}.menu-addons{grid-template-columns:1fr;gap:20px}.soft-serve-table{font-size:11px}.soft-serve-table th,.soft-serve-table td{padding:12px 4px}.menu-price small{font-size:10px}.coffee-copy{font-size:38px}}
@media(max-width:390px){.hero{height:1080px}.hero-main{padding-top:22px}.smoothie-art{height:415px}.cup-wrap{height:360px}.cup-photo{height:330px}.hero-rail{top:64%}.price-pair{gap:16px}.price-pair>span{gap:7px}.bowl-display{height:215px}.bowl-photo{height:200px}.bowl-name{font-size:17px}.coffee-panel{grid-template-columns:1fr}.coffee-panel .menu-button{margin-top:10px;justify-self:start}.waffle-left{width:215px}.waffle-right{width:175px}.waffle-menu-scene{padding-top:260px}.bowl-photo{mask-image:linear-gradient(to bottom,#000 94%,transparent)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .hero{position:relative;top:0}.smoothie-story{height:auto!important}.motion-ready .reveal{opacity:1;transform:none}.smoothie-cup,.cup-wrap,.waffle-float,.flavor-caption{will-change:auto}.waffle-left{transform:translateX(40px)!important}.waffle-right{transform:translateX(-40px)!important}.cup-wrap{transform:translateX(-50%)!important}.smoothie-cup{mix-blend-mode:normal}}

/* Keep original-menu crop ratios exact when a narrow layout limits width. */
.bowl-photo{width:min(100%,var(--natural-width));height:auto;max-width:100%}
/* Product photographs meet the pale menu surface without a white frame. */
.cup-wrap{mix-blend-mode:multiply}
.product-outline{inset:auto 2% 9%;height:65px;border:0;border-radius:0;background:#dfe8d4;opacity:.75;transform:skewY(-3deg)}
.product-outline:after{left:0;right:0;bottom:-11px;height:11px;background:#d1dec4}
/* Keep the flavour name and photograph together during phone scrolling. */
@media(max-width:760px){
 .hero{height:max(760px,100svh);padding-top:98px}
 .hero-main{padding-top:23px}
 .flavor-number,.flavor-caption>.plain-link{display:none}
 #flavor-name{font-size:clamp(53px,13vw,78px);min-height:1.8em}
 #flavor-description{margin-top:14px;min-height:67px;line-height:1.6}
 .price-pair{margin:12px 0 0}
 .smoothie-art{height:max(235px,calc(100svh - 535px));margin-top:8px}
 .cup-wrap{height:max(227px,calc(100svh - 543px));top:0}
 .cup-photo{height:clamp(220px,calc(100svh - 554px),290px)}
 .product-outline{height:32px;bottom:7%;left:8%;right:8%}
 .product-outline:after{height:7px;bottom:-7px}
 .product-caption{bottom:0;right:26px}
 .hero-rail{top:61%;bottom:4px}
}
.bowl-photo,.scoop-photo,.waffle-photo{mix-blend-mode:multiply}

/* AYRE interactive product chapters */
:root{--mint:#e4ebd9;--paper:#f8f5ef;--ink:#293f18}
body{color:var(--ink)}[hidden]{display:none!important}.site-header{position:absolute}.brand-mark{object-fit:contain;border-radius:0}.section-line h1,.section-line h2{font:700 14px/1.3 var(--sans);letter-spacing:.4px}.section-line>span{font-size:12px}.text-button{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding:12px 0;min-height:44px}.text-button>span{font-size:22px}.product-story{position:relative;background:#e4ebd9}.story-stage{height:100svh;min-height:800px;position:relative;overflow:hidden;padding:126px var(--gutter) 112px;background:var(--story-bg,#e4ebd9);color:var(--story-ink,#293f18)}.motion-ready .story-stage{position:sticky;top:var(--sticky-top,0)}.smoothies-story .story-stage{padding-top:52px}.story-main{height:calc(100% - 38px);min-height:510px;display:grid;grid-template-columns:1.02fr 1fr 20px;gap:20px;align-items:center;position:relative}.story-copy{position:relative;z-index:3}.story-index{display:block;font-size:12px;font-weight:700;margin-bottom:24px}.story-name{font-size:clamp(66px,7.4vw,118px);line-height:.89;letter-spacing:-.055em;font-weight:700;text-transform:uppercase;min-height:1.78em}.story-description{font-size:16px;line-height:1.6;max-width:390px;min-height:52px;margin-top:26px}.story-purchase{margin-top:24px}.story-prices{display:flex;gap:24px;align-items:center}.price-unit{display:flex;align-items:center;gap:9px}.price-unit small{font-size:12px;font-weight:700}.price-tag{background:var(--story-ink,var(--green))}.customize-button{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid currentColor;min-height:48px;padding:12px 0;margin-top:17px;font-size:15px;font-weight:700}.customize-button>span{font-size:24px;font-weight:400}.story-art{align-self:stretch;position:relative;min-width:0;width:100%;padding:0;color:inherit;cursor:pointer}.stage-word{position:absolute;font-size:clamp(100px,14vw,215px);letter-spacing:-.08em;font-weight:700;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-90deg);opacity:.07;pointer-events:none;white-space:nowrap}.product-stack{display:block;position:absolute;inset:0;isolation:isolate;will-change:transform}.product-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:var(--layer-opacity,0);transform:translate3d(0,var(--layer-y,0px),0);mix-blend-mode:plus-lighter;will-change:opacity,transform}.product-layer:first-child{--layer-opacity:1}.product-layer>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.product-layer .bowl-photo{height:440px;width:auto;max-width:100%}.product-layer .cup-photo{height:440px}.image-action{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;letter-spacing:.7px;display:flex;align-items:center;gap:14px;white-space:nowrap}.image-action>b{font-size:24px;font-weight:400}.story-art:hover .image-action{text-decoration:underline;text-underline-offset:5px}.story-rail{display:flex;align-self:stretch;flex-direction:column;justify-content:space-between;align-items:center;padding:28px 0;font-size:11px;font-weight:700;letter-spacing:1px;writing-mode:vertical-rl}.flavor-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);border:1px solid currentColor}.flavor-tab{display:flex;align-items:center;gap:16px;min-height:56px;padding:12px 18px;text-align:left;font-size:14px;font-weight:700;text-transform:uppercase;transition:background .2s,color .2s}.flavor-tab+.flavor-tab{border-left:1px solid currentColor}.flavor-tab>span{font-size:12px;opacity:.6}.flavor-tab.active{color:var(--story-bg,#e4ebd9);background:var(--story-ink,#293f18)}.story-progress{background:#36412620}.story-progress>span{background:var(--story-ink,#293f18)}.fruit-stack{pointer-events:none;position:absolute;inset:0;display:block;isolation:isolate}.fruit-layer{position:absolute;inset:0;opacity:var(--layer-opacity,0);mix-blend-mode:plus-lighter;will-change:transform,opacity}.fruit-cluster{position:absolute;width:68%;aspect-ratio:1;overflow:hidden;left:-9%;bottom:3%}.fruit-cluster>img{position:absolute;width:200%;max-width:none;height:200%;object-fit:contain;left:var(--fruit-x);top:var(--fruit-y)}.waffle-heading h2{font-size:clamp(55px,6.7vw,100px)}.waffle-heading p{max-width:180px;white-space:normal}.waffle-section>.section-line{margin-left:var(--gutter);margin-right:var(--gutter)}.waffle-menu-content{max-width:430px}.waffle-float{pointer-events:auto;cursor:pointer;padding:0}.waffle-float>img{width:100%;height:auto}.waffle-left{left:-35px}.waffle-right{right:-35px}.featured-item{width:100%;padding:22px 0;border-bottom:1px solid var(--line);text-align:left;display:block}.featured-item>span{display:flex;justify-content:space-between;align-items:center;gap:16px}.featured-item h3{font-size:22px;line-height:1.1;letter-spacing:-.6px;text-transform:uppercase}.featured-item .price-tag{font-size:14px;padding:7px 10px}.featured-item p{font-size:15px;line-height:1.55;margin-top:11px}.featured-item .row-action{font-size:12px;font-weight:700;margin-top:12px;display:block}.featured-item:hover h3{text-decoration:underline;text-underline-offset:4px}.waffle-menu-content>.text-button{width:100%;justify-content:space-between;margin-top:22px}.base-note{font-size:14px}.scoop>span:last-child{font-size:14px}.icecream-panel>p{font-size:16px}.menu-tabs button{font-size:14px}.menu-item.product-row{width:100%;text-align:left}.menu-item.product-row:hover h3{text-decoration:underline;text-underline-offset:4px}.menu-item .item-open{display:block;font-size:13px;font-weight:700;margin-top:10px}
@media(max-width:1100px){.story-name{font-size:clamp(59px,7.3vw,88px)}.story-main{grid-template-columns:1fr 1fr 16px;gap:14px}.story-description{font-size:15px}.product-layer .bowl-photo,.product-layer .cup-photo{height:380px}.flavor-tab{font-size:12px;gap:9px;padding:12px}.waffle-menu-content{max-width:360px}}
@media(max-width:760px){.site-header{height:76px}.story-stage{height:max(800px,100svh);min-height:0;padding:101px var(--gutter) 122px}.smoothies-story .story-stage{padding-top:45px;height:max(750px,100svh)}.section-line h1,.section-line h2{font-size:12px}.section-line>.text-button{font-size:12px;padding:0;gap:7px;min-height:30px}.section-line>span{font-size:12px}.story-main{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:calc(100% - 30px);gap:0;padding-top:18px}.story-copy{flex:none}.story-index{display:none}.story-name{font-size:clamp(43px,11.8vw,70px);line-height:.88;min-height:1.76em}.story-description{font-size:14px;line-height:1.5;min-height:42px;max-width:320px;margin-top:15px}.story-purchase{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.story-prices{gap:12px}.price-unit{gap:6px;flex-wrap:wrap}.price-unit small{font-size:10px}.price-tag{font-size:15px;padding:7px 11px}.customize-button{font-size:12px;padding:8px 0;margin:0;min-height:44px;gap:9px;max-width:132px;line-height:1.3;text-align:left}.customize-button>span{font-size:22px}.story-art{min-height:225px;flex:1;align-self:auto;margin-top:3px}.story-rail{position:absolute;right:-12px;top:64%;bottom:16px;font-size:9px;padding:0}.image-action{bottom:0;font-size:10px;gap:10px}.product-stack{inset:0 0 16px}.product-layer>img{width:100%;height:100%}.product-layer .bowl-photo,.product-layer .cup-photo{height:265px;max-height:100%}.stage-word{font-size:116px}.flavor-tabs{grid-template-columns:repeat(2,1fr);bottom:24px}.flavor-tab{min-height:45px;font-size:12px;padding:11px;gap:8px}.flavor-tab>span{font-size:10px}.flavor-tab:nth-child(3){border-left:0;border-top:1px solid currentColor}.flavor-tab:nth-child(4){border-top:1px solid currentColor}.fruit-cluster{width:57%;bottom:0;left:-4%}.waffle-heading h2{font-size:clamp(40px,9.5vw,66px)}.waffle-heading p{max-width:none;font-size:14px}.waffle-menu-scene{padding-top:270px}.waffle-float{width:250px}.waffle-left{top:-25px;left:-40px}.waffle-right{top:60px;right:-45px;width:215px}.waffle-menu-content{max-width:450px}.featured-item h3{font-size:21px}.featured-item p{font-size:14px}.scoop>span:last-child{font-size:12px}.coffee-panel p{font-size:16px}.back-top{font-size:11px}}
@media(prefers-reduced-motion:reduce){.product-story{height:auto!important}.motion-ready .story-stage{position:relative;top:0}.product-stack,.product-layer,.fruit-layer{will-change:auto}.product-layer,.fruit-layer{mix-blend-mode:normal}.story-name,.story-description{transition:none}}

.scoop-atlas{display:block;width:100%;max-width:120px;aspect-ratio:3/5;background-image:url('assets/products/scoop-atlas.webp');background-size:500% 100%;background-position:var(--scoop-x) 50%;margin:-25px auto -20px}.waffle-float .base-photo{mix-blend-mode:normal}.product-layer>img{max-height:560px}.smoothies-story .product-layer>img{max-height:540px}
.brand-mark{border-radius:50%;aspect-ratio:1;object-fit:cover}

.stage-word,.image-action{display:none}

.story-title-button{display:block;text-align:left;padding:0;color:inherit}.story-title-button:hover{opacity:.8}

/* Smoothies v5: one fixed cup, moving liquid behind a shared mask. */
.story-main{grid-template-columns:1.02fr 1fr}
.smoothies-story .story-stage{min-height:760px;padding-top:52px;background:var(--story-bg,#f2d2db)}
.smoothie-mood{position:absolute;inset:0;pointer-events:none}
.smoothies-story .section-line,.smoothies-story .flavor-tabs{z-index:4;position:relative}
.smoothies-story .flavor-tabs{position:absolute}
.smoothies-story .story-main{grid-template-columns:1fr 1.12fr;gap:30px;min-height:500px}
.smoothies-story .story-copy{will-change:transform}
.smoothies-story .story-description{min-height:78px;font-size:16px;max-width:390px}
.smoothies-story .story-art{isolation:isolate;outline-offset:-8px}
.smoothie-scene{display:block;position:absolute;width:100%;height:100%;inset:0;pointer-events:none}
.cup-rig{display:block;position:absolute;width:min(112%,580px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.cup-window,.cup-crown,.drink-surface,.cup-sprite{display:block;position:absolute;inset:0}
.cup-window{clip-path:polygon(24.7% 30%,75.3% 30%,74% 39%,72.7% 51%,70.9% 68%,69.3% 82%,67.6% 93%,66.5% 95%,62% 96.4%,50% 97%,38% 96.4%,33.4% 95%,32.4% 93%,30.5% 77%,28.6% 59%,26.7% 42%);isolation:isolate}
.drink-surface{visibility:hidden}
.drink-surface:first-child{visibility:visible}
.cup-sprite{background:url('assets/products/cups-v5.webp') var(--cell-x,0%) var(--cell-y,0%)/200% 200% no-repeat;transform:var(--registration);transform-origin:0 0}
.cup-crown{clip-path:inset(0 0 69.55% 0);z-index:4}
.cup-shadow{display:block;position:absolute;width:41%;height:3%;left:29.5%;top:92%;border-radius:50%;background:#45312c15;filter:blur(13px);z-index:0}
.ingredient-group{display:block;position:absolute;inset:0;pointer-events:none}
.ingredient-group{visibility:hidden;opacity:0}
.ingredient-group:first-child{visibility:visible;opacity:1}
.ingredient{display:block;position:absolute;aspect-ratio:1;will-change:transform;overflow:hidden;z-index:3}
.ingredient>span{display:block;position:absolute;inset:0;background-image:url('assets/products/ingredients-v5.webp');background-size:300% 400%;background-position:calc(var(--ingredient-col)*50%) calc(var(--ingredient-row)*100%/3)}
.ingredient-0{width:31%;left:-5%;top:6%;filter:blur(.2px)}
.ingredient-1{width:27%;right:-5%;top:37%;z-index:4}
.ingredient-2{width:28%;left:3%;bottom:1%;z-index:4}
.smoothies-story .story-index{font-size:12px;margin-bottom:25px;display:flex;align-items:center;gap:18px}
.smoothies-story .story-index:after{content:'';width:48px;height:1px;background:currentColor;opacity:.4}
.smoothies-story .story-prices{gap:22px}
.smoothies-story .price-tag{background:none;color:inherit;padding:0;font-size:25px;letter-spacing:-.7px;border-radius:0}
.smoothies-story .price-unit{flex-direction:column;gap:6px;align-items:flex-start}
.smoothies-story .price-unit small{font-size:12px;letter-spacing:.5px;font-weight:400}
.smoothies-story .customize-button{margin-top:25px;max-width:310px;width:100%}
.smoothies-story .flavor-tab{font-size:14px;min-height:60px}
.smoothies-story .flavor-tab>span{font-size:12px}
@media(min-width:1500px){.smoothies-story .story-main{max-width:1500px;margin:0 auto}.cup-rig{width:580px}}
@media(max-width:1100px){.story-main{grid-template-columns:1fr 1fr}.smoothies-story .story-main{gap:15px;grid-template-columns:1fr 1.04fr}.smoothies-story .story-name{font-size:clamp(59px,7.3vw,88px)}.smoothies-story .story-description{max-width:330px}.cup-rig{width:118%}.ingredient-0{left:-9%}.ingredient-1{right:-10%}}
@media(max-width:760px){
 .smoothies-story .story-stage{height:max(830px,100svh);min-height:0;padding-top:36px;padding-bottom:128px}
 .smoothies-story .section-line{padding-bottom:16px}
 .smoothies-story .story-main{display:flex;gap:0;padding-top:20px;min-height:0;height:calc(100% - 34px)}
 .smoothies-story .story-index{display:none}
 .smoothies-story .story-name{font-size:clamp(45px,12vw,70px);line-height:.91;min-height:1.82em}
 .smoothies-story .story-description{font-size:16px;line-height:1.45;min-height:70px;max-width:100%;margin-top:14px}
 .smoothies-story .story-purchase{margin-top:14px;gap:18px}
 .smoothies-story .story-prices{gap:18px}
 .smoothies-story .price-tag{font-size:23px}
 .smoothies-story .price-unit small{font-size:11px}
 .smoothies-story .customize-button{font-size:13px;margin:0;max-width:133px;min-height:49px}
 .smoothies-story .story-art{min-height:260px;margin-top:9px}
 .cup-rig{width:min(100%,360px);max-height:100%;top:48%}
 .cup-shadow{top:91%;left:29%;width:42%;filter:blur(9px)}
 .ingredient-0{width:29%;top:4%;left:0}
 .ingredient-1{width:27%;top:30%;right:-1%}
 .ingredient-2{width:26%;bottom:0;left:1%}
 .smoothies-story .flavor-tabs{bottom:24px}
 .smoothies-story .flavor-tab{font-size:12px;min-height:45px;padding:10px;gap:10px}
 .smoothies-story .flavor-tab>span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.smoothies-story .story-copy,.ingredient{will-change:auto}.smoothies-story .story-copy{transform:none!important}}
.smoothies-story{scroll-margin-top:0}
.smoothies-story .story-stage{min-height:720px}
.cup-crown{filter:saturate(0)}
@media(max-width:760px){.smoothies-story .story-stage{min-height:0}}

/* The smoothie carousel is button-driven; scrolling never changes its flavour. */
.story-name{display:block}
.story-art{cursor:default}
.story-art:focus-visible{outline:none}
.smoothies-story .story-stage,.motion-ready .smoothies-story .story-stage{position:relative;top:auto}
.smoothies-story .story-main{height:calc(100% - 60px)}
.smoothies-story .story-progress{display:none}
.carousel-arrows{display:flex;align-items:center;gap:10px}
.carousel-arrows button{display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #322c3570;min-width:97px;min-height:44px;padding:8px 14px;font-size:14px;transition:background .2s}
.carousel-arrows button>span:not(.arrow-label){font-size:22px;line-height:1}
.carousel-arrows button:hover{background:#ffffff35}
.bottle-motion{display:block;position:absolute;inset:0}
.bottle-motion{transform:translate3d(var(--bottle-x,0%),0,0);transform-origin:50% 62%;will-change:transform}
.ingredient-0{width:29%;left:-5%;top:8%}
.ingredient-1{width:25%;right:-4%;top:37%}
.ingredient-2{width:25%;left:4%;bottom:2%}
.ingredient-3{width:18%;right:8%;top:1%;z-index:1;filter:blur(.7px)}
.ingredient-4{width:17%;left:-7%;top:48%;z-index:1;filter:blur(.4px)}
.ingredient-5{width:19%;right:0%;bottom:4%;z-index:4}
.featured-item{cursor:default}
.featured-item:hover h3{text-decoration:none}
@media(max-width:760px){
 .smoothies-story .story-main{height:calc(100% - 66px);padding-top:17px}
 .carousel-arrows{gap:8px}
 .carousel-arrows button{min-width:40px;min-height:40px;padding:7px}
 .carousel-arrows .arrow-label{display:none}
 .smoothies-story .story-art{margin-top:16px}
 .ingredient-0{width:29%;top:7%;left:-1%}
 .ingredient-1{width:25%;top:40%;right:-1%}
 .ingredient-2{width:26%;bottom:1%;left:1%}
 .ingredient-3{width:17%;right:9%;top:0}
 .ingredient-4{width:16%;left:-1%;top:44%}
 .ingredient-5{width:19%;right:1%;bottom:4%}
}
@media(prefers-reduced-motion:reduce){.bottle-motion{will-change:auto}}

/* A stationary cup mask; ingredients have their own stage-wide layer. */
.bottle-motion{transform:translate3d(var(--bottle-x,0%),0,0)}
.ingredient-field{position:absolute;inset:0;display:block;z-index:1;pointer-events:none;overflow:hidden}
.smoothies-story .story-art{z-index:2}
.smoothies-story .story-copy{z-index:3}
.ingredient-field .ingredient{max-width:160px}
.ingredient-field .ingredient-0{width:13%;left:50%;top:17%;bottom:auto;right:auto;opacity:1;filter:none}
.ingredient-field .ingredient-1{width:12%;right:1%;top:44%;left:auto;bottom:auto;opacity:1;filter:none}
.ingredient-field .ingredient-2{width:12%;left:51%;bottom:10%;top:auto;right:auto;opacity:1;filter:none}
.ingredient-field .ingredient-3{width:8%;right:12%;top:13%;left:auto;bottom:auto;opacity:.8;filter:blur(.6px)}
.ingredient-field .ingredient-4{width:8%;left:43%;top:53%;right:auto;bottom:auto;opacity:.75;filter:blur(.3px)}
.ingredient-field .ingredient-5{width:9%;right:4%;bottom:13%;left:auto;top:auto;opacity:1;filter:none}
.ingredient-field .ingredient-6{width:12%;left:-2%;top:24%;opacity:.22;filter:blur(.4px)}
.ingredient-field .ingredient-7{width:10%;left:27%;top:34%;opacity:.17;filter:blur(.5px)}
.ingredient-field .ingredient-8{width:8%;left:16%;top:6%;opacity:.7;filter:blur(.3px)}
.ingredient-field .ingredient-9{width:8%;left:29%;bottom:10%;opacity:.6;filter:none}
.ingredient-field .ingredient-10{width:9%;left:1%;bottom:15%;opacity:.6;filter:blur(.4px)}
.ingredient-field .ingredient-11{width:7%;left:40%;top:10%;opacity:.65;filter:none}
@media(max-width:760px){
 .ingredient-field .ingredient-0{width:28%;left:-5%;top:44%}
 .ingredient-field .ingredient-1{width:27%;right:-4%;top:62%}
 .ingredient-field .ingredient-2{width:25%;left:0;bottom:13%}
 .ingredient-field .ingredient-3{width:20%;right:0;top:39%}
 .ingredient-field .ingredient-4{width:17%;left:-3%;top:62%}
 .ingredient-field .ingredient-5{width:19%;right:0;bottom:15%}
 .ingredient-field .ingredient-6{width:27%;left:-8%;top:10%;opacity:.17}
 .ingredient-field .ingredient-7{width:22%;left:28%;top:18%;opacity:.14}
 .ingredient-field .ingredient-8{width:16%;left:43%;top:3%;opacity:.45}
 .ingredient-field .ingredient-9{width:16%;left:41%;bottom:15%;opacity:.35}
 .ingredient-field .ingredient-10{width:18%;left:0;bottom:auto;top:28%;opacity:.13}
 .ingredient-field .ingredient-11{width:19%;left:auto;right:5%;top:28%;opacity:.2}
}

/* Coffee prices supplied by AYRE. Extend the existing olive menu. */
.coffee-panel{scroll-margin-top:24px}
.coffee-panel h2{margin-top:28px;margin-bottom:24px}
#coffee-summary{width:100%;max-width:390px}
.coffee-panel .coffee-drinks{font-size:16px;line-height:1.65}
.coffee-panel .coffee-black-names{margin-top:12px}
.coffee-summary-prices{margin-top:25px;border-top:1px solid #f2f6e944}
.coffee-summary-prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid #f2f6e933;font-size:16px}
.coffee-summary-prices dt small{display:block;font-size:14px;opacity:.8;margin-top:3px}
.coffee-summary-prices dd{margin:0;font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums}
.coffee-panel .coffee-decaf{font-size:14px;margin:18px 0 24px}
.coffee-panel .menu-button{min-height:48px;font-size:14px}
.coffee-menu-intro{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 30px}
.coffee-menu-intro h3{font-size:32px;letter-spacing:-1px}
.coffee-menu-intro p{font-size:16px;line-height:1.5}
.coffee-menu-table{width:100%;border-collapse:collapse;font-size:16px;margin-top:28px;table-layout:fixed;font-variant-numeric:tabular-nums}
.coffee-menu-table caption{text-align:left;font-size:22px;font-weight:700;letter-spacing:-.4px;margin-bottom:15px}
.coffee-menu-table thead{background:var(--mint)}
.coffee-menu-table th,.coffee-menu-table td{padding:17px 14px;border-bottom:1px solid var(--line);line-height:1.4;text-align:right}
.coffee-menu-table th:first-child{text-align:left;width:48%}
.coffee-menu-table thead th{font-size:14px;font-weight:400;padding-top:12px;padding-bottom:12px}
.coffee-menu-table tbody th{font-weight:600}
.coffee-menu-table td{white-space:nowrap}
.coffee-black-table th:first-child{width:74%}
@media(max-width:760px){
 .coffee-panel{display:flex;align-items:flex-start;gap:0;padding:32px var(--gutter) 38px}
 .coffee-panel>span{font-size:12px}
 .coffee-panel h2{margin:22px 0}
 .coffee-panel .menu-button{margin:0;width:100%;max-width:390px;align-self:auto;padding:14px 18px}
 .coffee-menu-intro{gap:12px;flex-wrap:wrap;margin-bottom:24px}
 .coffee-menu-intro h3{font-size:28px}
 .coffee-menu-intro p{font-size:14px}
 .coffee-menu-table{margin-top:26px;font-size:16px}
 .coffee-menu-table caption{font-size:21px}
 .coffee-menu-table th,.coffee-menu-table td{padding:16px 6px}
 .coffee-menu-table th:first-child{width:46%}
 .coffee-black-table th:first-child{width:72%}
}

/* Shared information pages and navigation. */
.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;font-weight:700;text-transform:uppercase}.footer-links a{padding:10px 0}.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.site-header nav a[aria-current="page"]{border-bottom:2px solid currentColor}.info-page{min-height:100svh;display:flex;flex-direction:column}.info-page .site-header{position:relative;flex-shrink:0}.info-page main{flex:1}.blank-page{min-height:calc(100svh - 224px)}.contact-page{display:grid;grid-template-columns:1.2fr 1fr;background:var(--mint);min-height:calc(100svh - 224px)}.contact-intro{padding:80px var(--gutter) 100px}.contact-eyebrow{font-size:11px;font-weight:700;letter-spacing:1px}.contact-intro h1{font-size:clamp(70px,9vw,140px);line-height:.9;letter-spacing:-.065em;margin:42px 0 30px}.contact-intro p{max-width:330px;line-height:1.7;font-size:18px}.contact-details{border-left:1px solid var(--line);padding:80px var(--gutter);display:flex;flex-direction:column;justify-content:center}.contact-details h2{font-size:32px;letter-spacing:-1px;margin-bottom:22px}.contact-details p{max-width:320px;line-height:1.7}.info-page footer{border-top:1px solid var(--line)}
@media(min-width:761px) and (max-width:1100px){.site-header{gap:18px}.site-header nav{gap:16px;font-size:11px}.brand>span:last-child{display:none}}
@media(max-width:760px){.site-header{gap:12px;flex-wrap:wrap;height:auto;min-height:110px;padding-top:12px;padding-bottom:12px}.site-header .brand{order:0}.site-header>.menu-button{order:1}.site-header nav{display:flex;order:2;flex-basis:100%;justify-content:center;gap:28px;font-size:11px}.site-header nav a{padding:6px 0}.site-header .product-nav-link{display:none}.info-page .brand>span:last-child{display:none}.footer-links{gap:22px;grid-column:1/-1}.contact-page{grid-template-columns:1fr}.contact-intro{padding:55px var(--gutter) 48px}.contact-intro h1{font-size:clamp(70px,18vw,110px);margin:32px 0 24px}.contact-intro p{font-size:16px}.contact-details{border-left:0;border-top:1px solid var(--line);padding:38px var(--gutter) 55px}.contact-details h2{font-size:27px}.blank-page{min-height:calc(100svh - 320px)}}
@media(max-width:760px){.bowls-story .story-stage{padding-top:135px;height:max(834px,100svh)}}

/* Contact form presentation; sending is intentionally unavailable. */
.contact-page{grid-template-columns:1fr 1.2fr}.contact-details{padding:70px clamp(24px,4vw,64px);background:var(--paper)}.contact-details>.contact-eyebrow{margin-bottom:18px}.contact-details h2{margin-bottom:32px;font-size:clamp(28px,3vw,40px);line-height:1.1}.contact-form{width:100%;max-width:620px}.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-field{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;min-width:0}.contact-field label{font-size:13px;font-weight:700}.contact-field label span{font-weight:400;opacity:.7}.contact-field input,.contact-field textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:0;background:transparent;padding:15px 14px;font:16px/1.5 var(--sans);color:var(--green)}.contact-field input{min-height:54px}.contact-field textarea{resize:vertical;min-height:150px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#69775c;opacity:1}.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px;background:white}.contact-form-end{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.contact-form-end .menu-button{opacity:.65;min-width:210px;cursor:not-allowed}.contact-form-end p{font-size:12px;line-height:1.5;max-width:200px}.footer-socials{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;font-weight:700;text-transform:uppercase}.footer-socials a,.footer-socials span{padding:10px 0}.footer-socials a:hover{text-decoration:underline;text-underline-offset:5px}.footer-socials [aria-disabled]{opacity:.55}footer{flex-wrap:wrap}.info-page .contact-intro{padding-top:80px}
@media(max-width:1000px) and (min-width:761px){.contact-page{grid-template-columns:.85fr 1.2fr}.contact-field-row{grid-template-columns:1fr;gap:0}.contact-intro h1{font-size:clamp(65px,8vw,95px)}}
@media(max-width:760px){.contact-page{grid-template-columns:1fr}.info-page .contact-intro{padding-top:50px}.contact-details{padding:38px var(--gutter) 48px}.contact-field-row{grid-template-columns:1fr;gap:0}.contact-field{margin-bottom:20px}.contact-details h2{margin-bottom:28px}.contact-form-end{align-items:flex-start;flex-direction:column;gap:12px}.contact-form-end p{max-width:none}.footer-socials{grid-column:1/-1}}

/* Icon-only social links with accessible names retained on each anchor. */
.footer-socials{gap:12px}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;transition:background .2s,color .2s}.footer-socials svg{width:24px;height:24px;display:block}.footer-socials a:hover{background:var(--green);color:var(--paper)}

/* Make the AYRE identity prominent throughout the site. */
.site-header{height:120px}.site-header .brand-mark{width:88px;flex-shrink:0;box-shadow:0 0 0 5px #fff9,0 0 0 6px var(--line)}.footer-brand .brand-mark{width:88px;flex-shrink:0}.brand>span:last-child{font-size:11px;letter-spacing:.9px}.bowls-story .story-stage{padding-top:var(--bowl-top-space,152px)}.brand-splash{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--mint);pointer-events:none;animation:splash-fallback 2.5s forwards}.brand-splash img{width:clamp(180px,28vw,300px);border-radius:50%;box-shadow:0 0 0 14px #fff7,0 18px 60px #3641261a}.brand-splash.is-finished{opacity:0;transition:opacity .25s}.visit-details{gap:36px;justify-content:flex-start}.visit-details h2{font-size:24px;margin-bottom:14px}.visit-details address{font-style:normal;line-height:1.7}.visit-details>div+div{border-top:1px solid var(--line);padding-top:28px}.visit-map{width:100%}.map-placeholder{height:260px;background:var(--mint);display:grid;place-items:center;padding:24px;text-align:center;font-size:14px}.visit-map iframe{display:block;width:100%;height:300px;border:0}.visit-hours dl{margin:0}.visit-hours dl>div{display:flex;justify-content:space-between;gap:24px;padding:8px 0;font-size:15px;line-height:1.5}.visit-hours dd{margin:0;text-align:right}.visit-map>a{display:inline-block;margin-top:14px;border-bottom:1px solid;padding:8px 0;font-size:13px;font-weight:700}
@keyframes splash-fallback{0%,85%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(max-width:760px){.site-header{height:auto;min-height:142px;padding-top:14px;padding-bottom:14px}.site-header .brand-mark{width:70px}.footer-brand .brand-mark{width:76px}.brand>span:last-child{display:none}.bowls-story .story-stage{padding-top:var(--bowl-top-space,166px);height:max(865px,100svh)}.visit-details{gap:28px}.visit-map iframe{height:270px}}
@media(prefers-reduced-motion:reduce){.brand-splash{animation-duration:.1s}.brand-splash.is-finished{transition:none}}

/* Original AYRE lettering, framed as a wordmark rather than a circle. */
.site-header .brand-mark.wordmark,.footer-brand .brand-mark.wordmark{width:220px;height:76px;aspect-ratio:auto;border-radius:0;object-fit:cover;object-position:center;box-shadow:none}.brand-splash{background:#495732}.brand-splash img{width:min(520px,80vw);height:160px;border-radius:0;object-fit:cover;box-shadow:none}.landing-page .site-header{color:#eae3d7;border-color:#eae3d740}.landing-page .site-header .menu-button{background:#eae3d7;color:#495732}.bowls-story{background:#495732;--story-bg:#495732;--story-ink:#eae3d7}.bowls-story .story-stage{background:var(--story-bg,#495732);color:var(--story-ink,#eae3d7)}.bowls-story .story-name{font-size:clamp(76px,8.5vw,138px)}.bowls-story .story-progress{background:color-mix(in srgb,var(--story-ink) 20%,transparent)}.bowls-story .product-layer{mix-blend-mode:normal}
@media(max-width:1100px){.brand>span:last-child{display:none}.site-header .brand-mark.wordmark{width:180px;height:62px}}
@media(max-width:760px){.site-header .brand-mark.wordmark{width:170px;height:58px}.footer-brand .brand-mark.wordmark{width:200px;height:68px}.site-header{min-height:130px}.bowls-story .story-name{font-size:clamp(45px,12.5vw,76px)}.brand-splash img{height:100px}}
@media(max-width:360px){.site-header .brand-mark.wordmark{width:140px;height:48px}.site-header{gap:10px}.site-header nav{gap:22px}}

/* Compact, single-line contact heading. */
.contact-intro h1{font-size:clamp(24px,4.2vw,64px);white-space:nowrap;line-height:1;letter-spacing:-.055em}
@media(max-width:1000px) and (min-width:761px){.contact-intro h1{font-size:3.6vw}}
@media(max-width:760px){.contact-intro h1{font-size:clamp(28px,8.5vw,56px)}}
/* Brand colours and original vector artwork supplied by AYRE. */
:root{--brand-olive:#495732;--brand-cream:#eae3d7}
.site-header .brand-mark.wordmark,.footer-brand .brand-mark.wordmark{object-fit:contain;width:190px;height:65px;background:transparent}.brand-splash img{object-fit:contain;width:min(440px,75vw);height:auto;aspect-ratio:117/40}.finishes{display:block}.coffee-panel{padding:60px var(--gutter);display:block}.coffee-panel h2{margin-top:22px}.coffee-roaster{font-size:20px!important;margin:0 0 24px}.coffee-panel .menu-button{margin-top:24px}.coffee-menu-intro{flex-wrap:wrap}.allergy-notice{display:flex;align-items:baseline;gap:24px;padding:26px var(--gutter);background:var(--brand-cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}.allergy-notice strong{white-space:nowrap;font-size:15px}.allergy-notice p{max-width:850px}dialog .allergy-notice{padding:18px 38px;font-size:13px}
/* A three-chapter story, with sticky imagery and gentle scroll parallax. */
.about-story{overflow:clip}.about-hero{min-height:calc(100svh - 120px);padding:80px var(--gutter) 70px;background:var(--brand-olive);color:var(--brand-cream);position:relative;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.about-hero h1{font-size:clamp(60px,7.8vw,120px);letter-spacing:-.065em;line-height:.98;max-width:900px;margin:35px 0 30px;z-index:1}.about-hero>p{font-size:18px}.about-scroll{margin-top:45px;display:inline-flex;align-items:center;gap:32px;font-size:13px;font-weight:700;align-self:flex-start;border-bottom:1px solid #eae3d760;padding-bottom:12px;z-index:1}.about-hero-art{position:absolute;width:clamp(200px,32vw,510px);right:-5%;bottom:6%;z-index:-1;opacity:.24;will-change:transform}.about-hero-art img{width:100%}.story-chapters{display:flex;justify-content:space-between;gap:20px;padding:24px var(--gutter);border-bottom:1px solid var(--line);background:var(--paper);font-size:12px;font-weight:700;text-transform:uppercase}.story-chapters a{padding:10px 0}.story-chapters a:hover{text-decoration:underline;text-underline-offset:6px}.about-chapter{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,110px);padding:90px var(--gutter) 110px;position:relative;scroll-margin-top:20px}.about-chapter-01{background:#eeeee4}.about-chapter-02{background:#eae3d7}.about-chapter-03{background:#f8f5ef}.about-visual{position:sticky;top:70px;height:min(600px,75svh);min-height:420px;align-self:start;display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate}.about-chapter-word{position:absolute;top:5%;font-size:clamp(40px,5.4vw,90px);line-height:1;letter-spacing:-.055em;font-weight:700;opacity:.14;white-space:nowrap}.about-visual-motion{position:relative;width:100%;will-change:transform}.about-visual-motion img{width:100%;max-height:480px;object-fit:contain;position:relative}.about-orbit{position:absolute;inset:14% 4%;border:1px solid var(--line);border-radius:50%;transform:rotate(-18deg)}.about-visual-label{font-size:11px;letter-spacing:1px;font-weight:700;margin-top:28px}.about-prose{max-width:640px;padding:20px 0}.about-prose h2{font-size:clamp(36px,4vw,62px);letter-spacing:-.045em;line-height:1.04;margin:25px 0 40px}.about-prose p{font-size:17px;line-height:1.85;margin-bottom:26px}.about-prose p:last-child{margin-bottom:0}.about-ending{padding:90px var(--gutter);background:var(--brand-olive);color:var(--brand-cream);text-align:center}.about-ending>img{width:clamp(200px,32vw,380px);height:auto;margin:0 auto 30px}.about-ending h2{font-size:clamp(32px,5vw,72px);letter-spacing:-.045em}.about-visit{display:inline-block;margin-top:32px;border-bottom:1px solid;padding:12px 0;font-weight:700;font-size:14px}
@media(max-width:760px){.site-header .brand-mark.wordmark{width:155px;height:53px}.footer-brand .brand-mark.wordmark{width:180px;height:62px}.allergy-notice{display:block;padding:24px var(--gutter)}.allergy-notice p{margin-top:8px;font-size:13px}dialog .allergy-notice{padding:18px 22px}.about-hero{min-height:620px;padding:55px var(--gutter) 65px}.about-hero h1{font-size:clamp(45px,11.5vw,80px);margin-top:30px}.about-hero-art{width:260px;right:-50px;bottom:0}.story-chapters{gap:14px;padding:18px var(--gutter);font-size:10px;flex-wrap:wrap}.about-chapter{grid-template-columns:1fr;gap:20px;padding:45px var(--gutter) 60px}.about-visual{position:relative;top:0;min-height:0;height:330px;max-width:450px;width:100%;margin:auto}.about-chapter-word{font-size:clamp(43px,10vw,70px);top:0}.about-visual-motion img{max-height:280px}.about-visual-label{margin-top:0}.about-prose{padding:10px 0}.about-prose h2{font-size:clamp(33px,8vw,48px);margin:20px 0 28px}.about-prose p{font-size:16px;line-height:1.8;margin-bottom:22px}.about-ending{padding:65px var(--gutter)}.coffee-panel{padding:40px var(--gutter)}.coffee-roaster{font-size:18px!important}}
@media(max-width:360px){.site-header .brand-mark.wordmark{width:140px;height:48px}}
@media(prefers-reduced-motion:reduce){[data-parallax]{transform:none!important;will-change:auto}.about-visual{position:relative;top:0}}
/* A continuous story canvas with a broad, moving AYRE wordmark. */
.about-story{background:linear-gradient(to bottom,#495732 0,#495732 calc(100svh - 380px),#9da98a calc(100svh - 80px),#e6ebdb calc(100svh + 350px),#eae3d7 70%,#f8f5ef 100%)}.about-hero{background:transparent;min-height:calc(100svh - 120px);padding:60px 0 120px;display:flex;justify-content:flex-start;gap:65px}.about-logo-track{width:100%;overflow:clip;padding:30px 0}.about-moving-logo{width:105%;max-width:none;height:auto;margin-left:6%;will-change:transform}.about-hero-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 var(--gutter);position:relative;z-index:1}.about-hero h1{font-size:clamp(36px,4.5vw,68px);line-height:1.05;letter-spacing:-.045em;margin:0;max-width:600px}.about-hero .about-scroll{margin:0 0 8px}.about-chapter{background:transparent;gap:clamp(40px,8vw,140px);padding-top:100px;padding-bottom:130px}.about-visual{height:min(650px,80svh);top:40px}.about-visual-motion img{max-height:560px}.about-prose h2{font-size:clamp(36px,3.6vw,58px);font-weight:500;letter-spacing:-.05em;margin-top:0}.about-prose p{font-size:18px;line-height:1.85}.about-chapter-02{grid-template-columns:1.15fr 1fr}.about-chapter-02 .about-visual{order:2}.about-chapter-02 .about-prose{order:1}.about-chapter-03{padding-bottom:100px}.about-ending{background:transparent;color:var(--green);border-top:1px solid var(--line)}.about-ending>img{filter:brightness(0) saturate(100%) invert(30%) sepia(18%) saturate(889%) hue-rotate(40deg) brightness(95%) contrast(87%)}
/* Ozone takes the lead, with packaging softly layered behind the copy. */
.coffee-feature{position:relative;overflow:hidden;min-height:760px;display:flex;justify-content:center;align-items:center;padding:90px var(--gutter);isolation:isolate;background:#272e20;color:#eae3d7}.coffee-feature-copy{position:relative;z-index:2;max-width:650px;text-align:center}.coffee-overline{font-size:12px;letter-spacing:2px;font-weight:700}.ozone-wordmark{width:clamp(230px,36vw,430px);height:auto;margin:28px auto 42px}.coffee-feature h2{font-size:clamp(44px,6vw,88px);line-height:1;letter-spacing:-.055em;margin:0 0 24px}.coffee-credit{font-size:21px!important;margin-bottom:30px}.coffee-feature #coffee-summary{max-width:none}.coffee-feature .coffee-drinks{font-size:14px;line-height:1.7}.coffee-feature .coffee-decaf{font-size:13px;margin:15px 0 0}.coffee-feature .menu-button{margin:30px auto 0;background:#eae3d7;color:#272e20;border:0;width:auto;min-width:185px;justify-content:center}.coffee-bag-scene{position:absolute;inset:0;pointer-events:none;z-index:0;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent)}.coffee-bag{position:absolute;width:clamp(320px,40vw,660px);height:auto;opacity:.22;mix-blend-mode:screen;filter:grayscale(.45);will-change:transform}.coffee-bag-left{left:-12%;top:3%;rotate:-16deg}.coffee-bag-right{right:-12%;bottom:-4%;rotate:16deg}.coffee-feature:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#272e20c9 30%,#272e20c9 70%,transparent)}
@media(max-width:760px){.about-hero{min-height:650px;padding-top:70px;padding-bottom:110px;gap:65px}.about-logo-track{padding:30px 0}.about-moving-logo{width:140%;margin-left:5%}.about-hero-intro{display:block}.about-hero h1{font-size:clamp(36px,9vw,58px)}.about-hero .about-scroll{margin-top:35px}.about-chapter{padding:60px var(--gutter) 70px;gap:25px}.about-visual{height:330px;top:0;overflow:visible}.about-visual-motion img{max-height:320px}.about-prose p{font-size:16px}.about-chapter-02{grid-template-columns:1fr}.about-chapter-02 .about-visual{order:0}.about-chapter-02 .about-prose{order:1}.about-story{background:linear-gradient(to bottom,#495732 0,#495732 400px,#a2ae8f 650px,#e6ebdb 1000px,#eae3d7 70%,#f8f5ef 100%)}.coffee-feature{min-height:720px;padding:65px var(--gutter)}.coffee-bag{width:380px;opacity:.14}.coffee-bag-left{left:-200px;top:20px}.coffee-bag-right{right:-230px;bottom:-20px}.coffee-feature:after{background:linear-gradient(90deg,transparent,#272e20b3 25%,#272e20b3 75%,transparent)}.coffee-credit{font-size:18px!important}}
/* Photographs for bowls, smoothies, coffee and soft serve in the full menu. */
.photo-menu-item{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 0}.menu-product-photo{width:112px;height:132px;object-fit:contain}.photo-menu-item .menu-item-copy{min-width:0}.photo-menu-item .menu-price{align-self:center}.menu-cup-photo{display:block;width:72px;height:72px;flex-shrink:0;background-image:url('assets/products/coffee-softserve-atlas.webp');background-size:300% 300%;background-position:var(--photo-x) var(--photo-y);background-repeat:no-repeat}.coffee-menu-name,.softserve-menu-name{display:flex;align-items:center;gap:12px}.softserve-menu-name .menu-cup-photo{width:54px;height:68px}.soft-serve-table th:first-child{min-width:120px}
@media(max-width:760px){.photo-menu-item{grid-template-columns:76px minmax(0,1fr);column-gap:15px;row-gap:8px}.menu-product-photo{width:76px;height:106px;grid-row:1/3}.photo-menu-item .menu-item-copy{grid-column:2}.photo-menu-item .menu-price{grid-column:2;justify-self:start;text-align:left}.coffee-menu-name{flex-direction:column;align-items:flex-start;gap:6px}.coffee-menu-name .menu-cup-photo{width:64px;height:64px}.softserve-menu-name{flex-direction:column;align-items:flex-start;gap:6px}.softserve-menu-name .menu-cup-photo{width:42px;height:55px}.soft-serve-table{font-size:11px}.soft-serve-table th:first-child{min-width:0}}
/* Keep the complete wordmark visible before its leftward scroll movement. */
.about-moving-logo{width:92%;margin-left:4%}
@media(max-width:760px){.about-moving-logo{width:94%;margin-left:3%}.about-logo-track{overflow:visible}}
@media(max-width:760px){.about-visual{height:380px}}
/* Larger, quieter imagery can drift behind the story without covering its words. */
.about-chapter{isolation:isolate}.about-visual{isolation:auto;z-index:0;pointer-events:none}.about-visual-motion{width:170%;margin-left:8%;opacity:.52;will-change:transform,opacity}.about-visual-motion img{max-height:800px;width:100%;height:auto}.about-chapter-02 .about-visual-motion{margin-left:-48%}.about-prose{position:relative;z-index:1}.about-scroll{gap:0}
@media(max-width:760px){.about-visual{height:350px}.about-visual-motion{width:145%;margin-left:12%}.about-visual-motion img{max-height:450px}.about-chapter-02 .about-visual-motion{margin-left:-12%}.about-prose{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.about-visual-motion{will-change:auto}}
/* Supplied café photography replaces the decorative food cutouts on Our Story. */
.about-visual-motion .story-location-photo{width:100%;max-height:760px;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 43%,#000b3 66%,transparent 91%)}
@media(max-width:760px){.about-visual-motion .story-location-photo{max-height:460px}}
/* Viewport-filling café scenes crossfade behind the story text. */
.about-story{position:relative;isolation:isolate}.story-photo-backdrop{position:sticky;top:0;width:100%;height:100svh;margin-bottom:-100svh;z-index:0;pointer-events:none;overflow:hidden}.story-photo-backdrop .about-visual-motion{position:absolute;inset:-160px 0;width:100%;height:calc(100% + 320px);margin:0;opacity:0}.story-photo-backdrop .about-visual-motion .story-location-photo{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;mask-image:none}.story-photo-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f5e64d,#f4f5e694 50%,#f4f5e6b3);pointer-events:none}.about-chapter,.about-chapter-02{position:relative;display:flex;align-items:center;min-height:120svh;padding:110px var(--gutter) 150px;isolation:auto;z-index:1;background:transparent}.about-chapter .about-prose{width:100%;max-width:610px;margin-left:auto;padding:0}.about-chapter-02 .about-prose{margin-left:0;margin-right:auto}.about-ending{position:relative;z-index:1}.about-prose h2,.about-prose p{text-shadow:0 1px 16px #f8f5ef80}
@media(max-width:760px){.about-chapter,.about-chapter-02{min-height:110svh;padding:75px var(--gutter) 95px}.about-chapter .about-prose{max-width:none;margin:0;padding:0}.story-photo-backdrop:after{background:#f4f5e66b}.story-photo-backdrop .about-visual-motion{inset:-100px 0;height:calc(100% + 200px)}.about-prose p{line-height:1.9}}
/* Center the story on a quiet reading surface, with café photos around it. */
.story-photo-backdrop:after{background:#eef0e51a}.about-chapter,.about-chapter-02{min-height:0;display:block;padding:80px var(--gutter)}.about-chapter .about-prose,.about-chapter-02 .about-prose{width:100%;max-width:1120px;margin:0 auto;padding:clamp(30px,4.5vw,68px);background:#f8f5eff7;border-top:1px solid #49573235;border-bottom:1px solid #49573235;color:#26351b;column-count:2;column-gap:clamp(32px,4.5vw,68px);box-shadow:0 12px 48px #26351b0d}.about-prose h2{column-span:all;max-width:960px;font-size:clamp(35px,4.4vw,62px);line-height:1.08;font-weight:600;margin:0 0 36px;letter-spacing:-.045em;text-shadow:none}.about-prose p{font-size:18px;line-height:1.8;margin:0 0 23px;break-inside:avoid;text-shadow:none}.about-prose p:last-child{margin-bottom:0}.about-chapter-03{padding-bottom:90px}
@media(max-width:900px){.about-chapter .about-prose,.about-chapter-02 .about-prose{column-count:1;max-width:760px;padding:clamp(26px,5vw,44px)}.about-prose h2{font-size:clamp(32px,5.5vw,48px);margin-bottom:28px}.about-prose p{font-size:17px;line-height:1.8}}
@media(max-width:760px){.about-chapter,.about-chapter-02{padding:44px 18px}.about-chapter .about-prose,.about-chapter-02 .about-prose{width:100%;margin:0 auto;background:#f8f5effa}.about-prose h2{font-size:clamp(30px,7vw,42px)}.about-prose p{font-size:16px;line-height:1.85}.story-photo-backdrop:after{background:#eef0e51a}}
.about-prose p{break-inside:auto;orphans:3;widows:3}