/* Experimental homepage: one pinned viewport, a reversible sequence of scenes. */
html{scroll-behavior:auto;scroll-padding-top:0}body{background:#fff}.journey-mode:not(.route-franchise)>footer{display:none}
#home-view{position:relative;height:1100svh;isolation:isolate}
.journey-stage{position:sticky;top:88px;height:calc(100svh - 88px);overflow:hidden;isolation:isolate;background:#fff;--journey-blue:var(--blue)}
.journey-background{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#fff 0%,#e2e5f9 70%,var(--blue) 100%)}
.journey-scene{position:absolute!important;inset:0;height:100%!important;min-height:0!important;max-height:none!important;background:none!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;display:block!important;opacity:0;visibility:hidden;pointer-events:none;color:var(--blue);will-change:opacity;z-index:4}
.journey-scene.is-active{pointer-events:auto}.journey-scene .scene-content{height:100%;padding:clamp(28px,5vh,60px) 6% 100px;overflow-y:auto;scrollbar-width:thin}
.journey-scene:not(.hero){color:var(--blue)}.dark-stage .journey-scene:not(.hero){color:white}
.journey-scene .eyebrow{margin-bottom:20px;color:inherit;opacity:.85}
.journey-scene p{color:inherit!important}
.journey-scene .section-heading{margin-bottom:30px;gap:30px}.journey-scene .section-heading h2{font-size:clamp(30px,3.5vw,52px);line-height:1.15}
.journey-scene .section-heading>p{font-size:18px;max-width:290px}
.journey-scene .scene-content::-webkit-scrollbar{width:3px}.journey-scene .scene-content::-webkit-scrollbar-thumb{background:#ffffff55}
.hero .scene-content{display:block;overflow:hidden}.hero-copy{max-width:49%;pointer-events:auto}
.hero h1,.editing .hero h1{font-size:clamp(70px,min(8.1vw,14vh),145px);line-height:1.04;margin:20px 0 24px}
.hero-description{font-size:17px;max-width:370px;line-height:1.5}.hero .actions{gap:22px;margin-top:22px}.hero-bottom{margin-top:23px}.hero-bottom p{font-size:14px}.hero .scroll-cue{left:6%;bottom:64px;font-size:10px;letter-spacing:1px}.hero .scroll-cue span{font-size:29px}
.journey-food{position:absolute;left:74%;top:49%;width:51%;height:107%;transform:translate(-50%,-50%);pointer-events:none;z-index:2;will-change:opacity,left,top,width,height}
.journey-food .hero-pita,.editing .journey-food .hero-pita{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:rotate(-8deg);transform-origin:center;z-index:3}
.journey-food .round-stamp{top:15%;right:4%;width:125px;height:125px;z-index:4}
.journey-food .pita-stage,.editing .journey-food .pita-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;display:block;z-index:2}
.journey-food .pita-sprite{width:100%;max-width:none;aspect-ratio:1/2;top:50%;left:50%;position:absolute;opacity:0}
.story .scene-content{padding:0;overflow:hidden}.story-sticky,.editing .story-sticky{position:relative;top:0!important;display:block;height:100%;min-height:0;padding:0}
.story-heading{position:absolute;left:6%;top:11%;width:25%;padding:0}
.story h2{font-size:clamp(29px,3.25vw,54px);line-height:1.2}.story h2 em{white-space:normal}
.story-text,.editing .story-text{position:absolute;left:auto;right:6%;top:29%;bottom:auto;width:23%;max-width:none;padding:0;display:block}
.story-text h3{font-size:clamp(26px,2.9vw,43px);margin:20px 0;line-height:1.2}.story-text p{font-size:19px;line-height:1.55;max-width:270px;opacity:1}.story-text small{font-size:12px;opacity:.7}.story-dots{margin:25px 0}.story-footer{left:6%;bottom:100px;right:6%;font-size:10px;letter-spacing:1px}
.journey-scene .card-photo,.journey-scene .card-graphic{height:clamp(150px,36vh,310px);border-radius:3px;color:var(--blue)}
.journey-scene .card-label{padding:17px 0;border-color:#ffffff55}.journey-scene .card-label h3{font-size:24px}.journey-scene .card-label p{font-size:16px}
.journey-scene .greek-card .card-graphic{background:#ffffff14;color:white;border:1px solid #ffffff40}.journey-scene .greek-art{top:45px;font-size:clamp(29px,3.1vw,48px)}
.journey-scene .mezze-illustration{transform:rotate(-10deg) scale(.82);transform-origin:50% 45%;inset:28px 17px 20px}
.manifesto .scene-content{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-bottom:100px}.manifesto h2{font-size:clamp(28px,4.3vw,64px);line-height:1.3;margin:10px 0 25px}.manifesto>p:not(.eyebrow),.manifesto .scene-content>p:not(.eyebrow){font-size:20px;max-width:590px;margin:0 auto;line-height:1.6}.manifesto-sign{margin-top:30px}
.locations .section-heading{margin-bottom:28px}.journey-scene .location-card{border-color:#ffffff60;background:#ffffff0c;padding:23px 28px;border-radius:4px}
.journey-scene .location-status,.journey-scene .bessan .location-status{background:transparent;color:white;font-size:10px}
.journey-scene .location-card h3{margin:64px 0 10px;font-size:clamp(24px,2.5vw,35px)}
.journey-scene .location-name{margin:0 0 10px;font-size:17px}.journey-scene .location-card>p:not(.location-name){font-size:16px;margin:10px 0;line-height:1.4}
.journey-scene .hours{font-size:15px;margin:13px 0 17px;line-height:1.4}
.journey-scene .city-art{height:125px;top:30px;opacity:.35;pointer-events:none}.journey-scene .arch{border-color:#fff}.journey-scene .city-sun{font-size:60px}
.journey-scene .outline{color:#fff;border-color:#ffffff80;font-size:15px;padding:14px 18px}.journey-scene .outline:hover{background:#fff;color:var(--blue)}
.franchise-teaser .scene-content{display:grid;grid-template-columns:34% 1fr;align-items:center;gap:5%;padding-bottom:100px}
.franchise-teaser h2{font-size:clamp(35px,5.1vw,77px);line-height:1.15;margin:24px 0}.franchise-teaser p:not(.eyebrow){font-size:20px;line-height:1.6;max-width:540px;margin:25px 0 30px}.franchise-symbol.franchise-eye{position:relative;right:auto;bottom:auto;opacity:1;width:290px;height:400px;margin:0;justify-self:center}
.faq .scene-content{padding-left:14%;padding-right:14%;padding-top:8vh}.faq h2{font-size:clamp(30px,3.4vw,50px);margin-bottom:28px}.faq details{border-color:#ffffff50}.faq details:last-of-type{border-bottom:1px solid #ffffff50}.faq summary{font-size:19px;padding:21px 0}.faq details p{font-size:17px;margin:0 0 20px}
.journey-legal{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff40;margin-top:35px;padding-top:20px;font-size:14px}.journey-legal button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;font-size:14px}
.journey-rail{display:flex;position:absolute;left:auto;right:16px;top:50%;bottom:auto;transform:translateY(-50%);gap:13px;flex-direction:column;padding:0;background:none;border:0;z-index:8;color:var(--blue);width:22px}
.dark-stage .journey-rail{color:#fff}.journey-rail button{position:relative;display:flex;justify-content:center;align-items:center;background:none;border:0;padding:5px;color:inherit;min-width:22px;min-height:24px}.journey-rail i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35}.journey-rail button[aria-current=step] i{width:6px;height:23px;border-radius:4px;opacity:1}.journey-rail span{display:none}.journey-rail b{display:none;position:absolute;right:27px;font-weight:400;font-size:14px;white-space:nowrap;background:var(--journey-blue);color:white;padding:6px 10px;border-radius:3px}.journey-rail button:hover b,.journey-rail button:focus-visible b{display:block}
.journey-status{position:absolute;left:6%;right:6%;bottom:23px;display:flex;justify-content:center;align-items:center;gap:18px;color:var(--blue);z-index:5;pointer-events:none;font-size:10px;letter-spacing:1px}.dark-stage .journey-status{color:#fff}.journey-current{position:absolute;right:0;letter-spacing:1.5px}.journey-status>span:last-child{font-size:28px;line-height:1}
.journey-test{position:absolute;left:6%;bottom:24px;z-index:8;display:flex;align-items:center;gap:13px;color:var(--blue);font-size:12px}.dark-stage .journey-test{color:white}.journey-test>span{font-size:8px;letter-spacing:1px;border:1px solid currentColor;padding:4px 6px;border-radius:3px}.journey-test a{text-decoration:underline;text-underline-offset:3px}
.journey-mode .icon-launcher{display:none}.journey-mode .edit-launcher{left:auto;right:14px;bottom:60px;padding:9px 13px;font-size:12px;z-index:35;box-shadow:none;background:#fff;border-color:#ffffff44}
.editing .journey-stage{width:100%}.editing .hero-copy{max-width:49%}.editing .journey-scene .menu-grid{grid-template-columns:repeat(3,1fr)}.editing .journey-scene .locations-grid{grid-template-columns:1fr 1fr}.editing .journey-scene .section-heading{display:flex}.editing .journey-scene .section-heading h2{font-size:34px}
@media(max-width:1050px){.journey-stage{top:76px}.hero h1,.editing .hero h1{font-size:clamp(62px,8vw,95px)}.hero-description{font-size:16px}.hero .actions{gap:14px}.hero .button,.hero .text-link{font-size:14px}.hero-bottom{margin-top:15px}.hero-bottom p{font-size:12px}.journey-food .round-stamp{width:100px;height:100px;font-size:9px}.story-text p{font-size:17px}.story-heading{width:25%;left:5%}.story-text{right:5%;width:24%}.story h2{font-size:31px}.story-text h3{font-size:28px}.journey-test{gap:8px;font-size:11px}.journey-status{justify-content:flex-end;right:14%;font-size:9px}.journey-current{display:none}.journey-scene .section-heading h2{font-size:34px}.journey-scene .section-heading>p{font-size:16px;max-width:230px}.journey-scene .location-card{padding:20px}.franchise-symbol.franchise-eye{width:225px;height:320px}.franchise-eye img{width:440px;height:440px;left:-111px;top:-43px}}
@media(max-width:700px){.journey-stage{top:70px}.journey-scene .scene-content{padding:24px 6% 100px}.hero-copy,.editing .hero-copy{max-width:100%;position:relative}.hero h1,.editing .hero h1{font-size:clamp(43px,min(12vw,9.3vh),75px);line-height:1.08;margin:12px 0 15px;max-width:76%}.hero h1 br:nth-child(2){display:none}.hero h1 em{display:block}.hero-description{max-width:55%;font-size:14px;line-height:1.5}.hero .eyebrow{font-size:8px;max-width:100%;margin-bottom:10px}.hero .actions{position:absolute;left:0;top:calc(100% + 18px);max-width:52%;flex-direction:column;align-items:flex-start;gap:13px;margin-top:0}.hero .button{font-size:12px;padding:12px;gap:10px}.hero .text-link{font-size:13px}.hero-bottom{display:none}.hero .scroll-cue{bottom:66px;font-size:8px;left:6%;gap:15px}.journey-food .round-stamp{top:22%;right:2%;width:82px;height:82px;font-size:7px}.journey-food .round-stamp b{font-size:16px}
.story .scene-content{padding:0}.story-heading{left:6%;top:5%;width:88%}.story .eyebrow{font-size:8px;margin-bottom:13px}.story h2{font-size:clamp(23px,6.5vw,31px);line-height:1.2}.story h2 br{display:none}.story h2 em{margin-left:.2em}.story-text,.editing .story-text{left:6%;right:6%;width:88%;top:auto;bottom:83px;display:grid;grid-template-columns:42% 1fr;gap:7px 16px;align-items:start}.story-counter{font-size:9px;grid-column:1;grid-row:1}.story-text h3,.editing .story-text h3{font-size:21px;margin:3px 0;grid-column:1;grid-row:2;line-height:1.2}.story-text p,.editing .story-text p{font-size:14px;line-height:1.4;max-width:none;margin:0;grid-column:2;grid-row:1/3}.story-dots{margin:4px 0;grid-column:1}.story-text small{grid-column:2;font-size:9px}.story-footer{display:none}
.journey-scene .section-heading,.editing .journey-scene .section-heading{display:block;margin-bottom:23px}.journey-scene .section-heading h2,.editing .journey-scene .section-heading h2{font-size:28px;line-height:1.2}.journey-scene .section-heading>p{max-width:100%;font-size:15px;margin-top:16px}.journey-scene .eyebrow{font-size:8px;margin-bottom:16px}
.journey-scene .menu-grid,.editing .journey-scene .menu-grid{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.journey-scene .menu-card{flex:0 0 79%;scroll-snap-align:start}.journey-scene .card-photo,.journey-scene .card-graphic{height:clamp(140px,30vh,250px)}.journey-scene .card-label{padding:14px 0}.journey-scene .card-label h3{font-size:22px}.journey-scene .card-label p{font-size:14px}.journey-scene .greek-art{font-size:37px;top:45px}.journey-scene .mezze-illustration{transform:rotate(-10deg) scale(.72);inset:15px 20px}
.manifesto .scene-content{justify-content:center}.manifesto h2{font-size:clamp(23px,6.7vw,34px);line-height:1.4;margin:15px 0 23px}.manifesto .scene-content>p:not(.eyebrow){font-size:17px;line-height:1.5}.manifesto-sign{font-size:22px}
.journey-scene .locations-grid,.editing .journey-scene .locations-grid{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.journey-scene .location-card{flex:0 0 89%;scroll-snap-align:start;padding:20px}.journey-scene .location-card h3{margin-top:43px;font-size:24px}.journey-scene .location-card>p:not(.location-name){font-size:14px}.journey-scene .location-name{font-size:15px}.journey-scene .hours{font-size:14px}.journey-scene .location-status{font-size:8px}.journey-scene .outline{font-size:14px}.journey-scene .city-art{height:100px}
.franchise-teaser .scene-content{display:block;padding-top:7vh;position:relative}.franchise-teaser h2{font-size:36px;line-height:1.2;position:relative;z-index:2}.franchise-teaser p:not(.eyebrow){font-size:17px;line-height:1.55;max-width:100%;position:relative;z-index:2}.franchise-teaser .button{position:relative;z-index:2}.franchise-symbol.franchise-eye{position:absolute;right:-20px;bottom:110px;opacity:.16;width:205px;height:290px;pointer-events:none}.franchise-eye img{width:390px;height:390px;left:-103px;top:-40px}
.faq .scene-content{padding-top:5vh}.faq h2{font-size:29px;line-height:1.2}.faq summary{font-size:16px;padding:19px 0;line-height:1.5}.faq details p{font-size:15px;line-height:1.5}.journey-legal{font-size:12px;flex-direction:column;margin-top:24px;padding-top:17px}.journey-legal button{font-size:12px;align-self:flex-start}
.journey-rail{display:flex!important;right:5px;width:15px;gap:7px;top:48%;padding:0;left:auto;background:none;transform:translateY(-50%)}.journey-rail button{min-width:15px;min-height:21px;padding:4px}.journey-rail b{display:none!important}.journey-rail button[aria-current=step] i{height:17px;width:4px}
.journey-test{left:6%;bottom:20px;flex-direction:column;align-items:flex-start;gap:6px;font-size:10px}.journey-test>span{font-size:7px;padding:3px 5px}.journey-status{left:auto;right:6%;bottom:24px;font-size:7px;letter-spacing:.6px;gap:8px;max-width:36%;text-align:right;line-height:1.5}.journey-status>span:last-child{font-size:23px}.journey-mode .edit-launcher{bottom:66px;right:12px;font-size:10px;padding:8px 11px}.journey-mode .edit-launcher span{font-size:13px}.editing{padding-bottom:0}.editing .journey-stage{height:55dvh!important}.editing .journey-scene .scene-content{overflow:auto;padding-bottom:50px}.editing .hero h1{font-size:40px}.editing .journey-test,.editing .journey-status{display:none}
}
@media(max-height:680px) and (min-width:701px){.hero h1,.editing .hero h1{font-size:clamp(58px,10vh,95px);margin:12px 0 18px}.hero-description{font-size:15px}.hero-bottom{display:none}.hero .actions{margin-top:15px}.journey-scene .scene-content{padding-top:25px;padding-bottom:85px}.journey-scene .section-heading{margin-bottom:20px}.journey-scene .section-heading h2{font-size:31px}.journey-scene .section-heading .eyebrow{margin-bottom:12px}.journey-scene .section-heading>p{font-size:16px}.journey-scene .card-photo,.journey-scene .card-graphic{height:27vh}.journey-scene .location-card h3{margin-top:26px}.journey-scene .location-card{padding:17px 22px}.journey-scene .location-status{font-size:9px}.journey-scene .hours{margin:10px 0;font-size:13px}.journey-scene .location-card>p:not(.location-name){font-size:14px}.journey-scene .outline{padding:10px 15px}.story-text{top:20%}.story-text h3{font-size:27px}.story-text p{font-size:16px}.franchise-teaser h2{font-size:45px}.franchise-teaser p:not(.eyebrow){font-size:17px}.franchise-symbol.franchise-eye{transform:scale(.8) rotate(-12deg)}.faq .scene-content{padding-top:30px}.faq summary{padding:16px 0}.faq h2{font-size:31px}.journey-legal{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.journey-scene,.journey-food,.journey-food .hero-pita{will-change:auto!important}}

/* These controls sit over the permanently blue lower edge of the gradient. */
.journey-status,.journey-test,.hero .scroll-cue{color:#fff}

/* The original held pita becomes a single photographic rig, never a replacement photo. */
.photo-rig{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1076/1461;transform:translate(-50%,-50%);pointer-events:none;z-index:3;will-change:transform}
.pita-body,.pita-hand{position:absolute;inset:0;width:100%;height:100%;will-change:transform;transform-origin:65% 75%}
.pita-hand{z-index:4;transform-origin:85% 100%}
.photo-rig img,.journey-food .photo-rig .hero-pita,.editing .journey-food .photo-rig .hero-pita{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;object-fit:fill;mix-blend-mode:normal;transform:none;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.photo-rig .pita-backing{z-index:0}.journey-food .photo-rig .hero-pita{z-index:1;opacity:1}
.photo-rig .pita-fragment{z-index:3;will-change:transform}.photo-rig .filling-core{z-index:2}.hand-closed,.hand-open{z-index:1;will-change:opacity}
.journey-food .round-stamp{z-index:5}
/* The gentle background keeps early scenes light, with readable copy throughout the journey. */
.journey-background{background:linear-gradient(180deg,#fff 0%,#f7f8fc 55%,#eff1fc 100%)}
.journey-scene p,.journey-scene .story-text p{color:var(--scene-body,#050b1b)!important}
.journey-status,.journey-test,.hero .scroll-cue{color:var(--bottom-ink,var(--blue))}
.journey-scene .menu-card{background:#fff;border-radius:4px;color:var(--blue);overflow:hidden}
.journey-scene .menu-card .card-label{background:#fff;color:var(--blue);padding:17px 18px;border-color:transparent}
.journey-scene .menu-card .card-label p{color:var(--ink)!important}
.journey-scene .location-card,.journey-scene .bessan{background:#fff;color:var(--blue);border-color:#ffffff80}
.journey-scene .location-card>p,.journey-scene .location-card .hours{color:var(--ink)!important}
.journey-scene .location-status,.journey-scene .bessan .location-status{color:var(--blue);background:none}
.journey-scene .arch{border-color:var(--blue)}
.journey-scene .location-card .outline{color:var(--blue);border-color:var(--blue)}
.journey-scene .location-card .outline:hover{color:#fff;background:var(--blue)}
.journey-scene .story-counter{color:inherit}.journey-scene .story-dots i{background:currentColor;opacity:.3}.journey-scene .story-dots .active{background:currentColor;opacity:1}
.journey-scene .scene-content{perspective:none}
.journey-scene .menu-card,.journey-scene .location-card,.journey-scene h1,.journey-scene h2,.journey-scene .story-text,.journey-scene .story-heading{will-change:transform;backface-visibility:hidden}
@media(max-width:700px){.journey-scene .menu-card .card-label{padding:14px 16px}.journey-scene .location-card{padding:20px}.photo-rig .pita-fragment{will-change:transform}}
@media(prefers-reduced-motion:reduce){.photo-rig,.pita-body,.pita-hand,.pita-fragment,.journey-scene h1,.journey-scene h2,.journey-scene .menu-card,.journey-scene .location-card{will-change:auto!important}}
.journey-scene .greek-card .card-graphic{background:var(--blue);color:#fff;border:0}
.journey-scene .greek-card .greek-art{color:#fff!important}
/* The flight lives outside the departing pita so it stays visible through every scene. */
.ingredient-flight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;visibility:hidden;overflow:visible}
.ingredient-flight .pita-fragment{position:absolute;inset:auto;object-fit:fill;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;will-change:transform;filter:drop-shadow(0 5px 5px #0002);z-index:1}
.journey-floor{position:absolute;left:4%;right:4%;bottom:62px;height:1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff80 16%,#ffffff80 84%,transparent);opacity:0}
.ingredient-shadow{position:absolute;height:7px;border-radius:50%;background:#000;filter:blur(4px);transform:translate(-50%,-30%);opacity:0;z-index:0}
@media(max-width:700px){.ingredient-flight .pita-fragment{filter:drop-shadow(0 3px 3px #0002)}.journey-floor{left:3%;right:3%}}
@media(prefers-reduced-motion:reduce){.ingredient-flight .pita-fragment{will-change:auto}}
/* Food exits above the held photo (2), below all scene content (4). */
.ingredient-weather{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden}
.ingredient-weather .ingredient-flight{visibility:inherit}
.ingredient-weather .flight-back{z-index:1}
.ingredient-weather .flight-middle{z-index:3}
.pita-fragment{position:absolute;overflow:hidden;transform-origin:50% 50%;pointer-events:none;will-change:transform}
.pita-fragment .ingredient-art,.pita-fragment .ingredient-photo{position:absolute;inset:auto;max-width:none;object-fit:fill;mask-image:none;-webkit-mask-image:none;user-select:none;pointer-events:none}
.ingredient-weather .flight-back .pita-fragment{filter:drop-shadow(0 2px 3px #0001)}
.ingredient-weather .flight-middle .pita-fragment{filter:drop-shadow(0 3px 4px #0002)}
@media(max-width:700px){.ingredient-weather .pita-fragment{filter:drop-shadow(0 2px 2px #0001)}}

/* The reduced filling is one continuous photographic surface, limited to the very top. */
.photo-rig .filling-underlay{z-index:0;visibility:hidden;will-change:opacity}

/* The photograph leaves vertically before the next scene; food remains behind the copy. */
.photo-rig{transform-origin:50% 50%}

/* One painted photographic surface carries the complete hand and extended forearm. */
.photo-rig .forearm-extension{position:absolute;z-index:0;max-width:none;pointer-events:none}
.photo-rig .filling-underlay{z-index:1}
@media(prefers-reduced-motion:reduce){.photo-rig .forearm-extension{will-change:auto}}

/* Wider editorial title, with the stamp anchored to the fading welcome scene. */
.hero .scene-content{display:flex;align-items:center;padding:6vh 6% 105px 8%;position:relative}
.hero-copy,.editing .hero-copy{width:62%;max-width:820px;margin:0 0 2vh}
.hero h1,.editing .hero h1{font-size:clamp(76px,min(8.6vw,15vh),138px);line-height:1.10;margin:20px 0 25px;max-width:none}
.hero h1 em,.editing .hero h1 em{display:block;font-size:.72em;line-height:1.2;margin:0 .02em;white-space:nowrap}
.hero-description{max-width:425px;font-size:18px;line-height:1.55;margin-bottom:28px}
.hero .actions{display:flex;position:static;flex-direction:row;align-items:center;gap:20px;max-width:none;flex-wrap:wrap;margin:0}
.hero .button{padding:17px 19px;gap:15px;font-size:15px;overflow:hidden;isolation:isolate}
.hero .text-link{display:inline-flex;align-items:center;gap:6px;line-height:1.3;font-size:15px;white-space:nowrap}
.hero .greek-nav-icon{position:static;display:inline-flex;width:24px;height:24px;overflow:hidden;line-height:0;flex:0 0 24px;align-self:center;margin:0}
.hero .greek-nav-icon svg{display:block;width:100%;height:100%;overflow:hidden}
.hero .hero-stamp{position:absolute;top:8%;right:7%;left:auto;bottom:auto;width:126px;height:126px;font-size:11px;color:#fff;background:var(--blue);transform:rotate(8deg);z-index:5;pointer-events:none}
.hero .hero-stamp b{font-size:22px}
.hero-bottom{display:none}

/* Buttons switch the preview; the image and label open the recipe overview. */
.preview-stage{position:relative;background:#f1f3ff;overflow:hidden}
.preview-link,.preview-view{position:absolute;inset:0;display:block}
.preview-link{z-index:1}
.preview-stage .preview-product{position:absolute;width:115%;height:160%;left:-7.5%;top:-3%;object-fit:contain;mix-blend-mode:normal;transform:rotate(-5deg);transition:transform .3s ease}
.menu-card:hover .preview-product{transform:rotate(-3deg) scale(1.025)}
.preview-name{position:absolute;bottom:65px;left:22px;right:22px;font-family:var(--title);font-size:20px;color:var(--blue);z-index:2;pointer-events:none;text-shadow:0 1px 6px #ffffffdd}
.preview-controls{position:absolute;bottom:15px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:3;pointer-events:none}
.preview-arrow{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid var(--blue);border-radius:50%;background:#fff;color:var(--blue);padding:9px;pointer-events:auto;cursor:pointer}
.preview-arrow svg{width:100%;height:100%;display:block}.preview-arrow.previous svg{transform:rotate(180deg)}
.preview-arrow:hover,.preview-arrow:focus-visible{background:var(--blue);color:#fff}.preview-arrow:focus-visible{outline:2px solid white;outline-offset:3px}
.atlas-window{position:relative;overflow:hidden;aspect-ratio:1/1;pointer-events:none}
.atlas-window img{position:absolute;max-width:none;object-fit:fill;mix-blend-mode:normal;transform:none!important}
.preview-stage .atlas-window{width:88%;height:auto;left:6%;top:50%;transform:translateY(-52%);aspect-ratio:1/1}
.menu-card .card-label{color:var(--blue);text-decoration:none;gap:12px}

/* The overview shows three generous product images instead of a small lone pita. */
#detail-dialog.product-dialog{width:min(1120px,calc(100vw - 32px));padding:45px 38px 32px}
.detail-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:25px 0 20px}
.detail-product figure{height:330px;margin:0 0 18px;position:relative;overflow:hidden;border-radius:5px;background:#edf0ff}
.detail-product figure .preview-product{position:absolute;width:116%;height:155%;left:-8%;top:-3%;object-fit:contain;mix-blend-mode:normal;transform:rotate(-4deg)}
.detail-product h3{font-size:28px;line-height:1.15;margin:12px 0}.detail-product p{font-size:17px;line-height:1.55;margin:10px 0}
.detail-mezzes figure{height:250px;display:flex;align-items:center;justify-content:center}
.detail-mezzes .atlas-window{width:97%;flex:none}
.detail-note{border-top:1px solid #1029cd24;padding-top:20px;font-size:17px!important}
.detail-edit-toggle{display:block;border:1px solid #1029cd55;color:var(--blue);background:transparent;border-radius:20px;padding:6px 13px;font-size:13px;margin:0 30px 24px 0}
.detail-editing [data-edit]{outline:1px dashed var(--blue);outline-offset:5px;cursor:text}
.detail-editing [data-edit]:focus{background:#1029cd08;outline-style:solid}
#detail-dialog.taverne-dialog{width:min(860px,calc(100vw - 32px))}
.taverne-points{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0}
.taverne-points article>span{font-family:var(--title);font-size:26px;opacity:.5}
.taverne-points h3{font-size:22px;line-height:1.25;margin:15px 0}.taverne-points p{font-size:16px;line-height:1.55}

/* A transparent white architectural illustration, with the original eye-logo in the façade. */
.franchise-symbol.franchise-city{position:relative;width:100%;max-width:430px;height:430px;justify-self:center;align-self:center;overflow:visible;opacity:1;mix-blend-mode:normal;transform:none}
.franchise-symbol.franchise-city img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
@media(max-width:1050px) and (min-width:701px){
 .hero-copy,.editing .hero-copy{width:63%;max-width:none}.hero h1,.editing .hero h1{font-size:clamp(68px,8.5vw,100px)}.hero-description{font-size:17px;max-width:365px}.hero .actions{gap:13px 20px}.hero .button,.hero .text-link{font-size:14px}.hero .hero-stamp{right:5%;top:7%;width:105px;height:105px;font-size:9px}.franchise-symbol.franchise-city{height:330px}
 .detail-product figure{height:270px}.detail-products{gap:18px}
}
@media(max-width:700px){
 .hero .scene-content{display:block;padding:28px 6% 100px}.hero-copy,.editing .hero-copy{width:100%;max-width:none;margin:0}
 .hero h1,.editing .hero h1{font-size:clamp(42px,11.5vw,75px);line-height:1.10;margin:15px 0 20px;max-width:100%}.hero h1 br:nth-child(2){display:block}.hero h1 em,.editing .hero h1 em{font-size:.82em;white-space:normal;line-height:1.2;margin:0}
 .hero-description{font-size:14px;max-width:57%;line-height:1.5;margin-bottom:18px}.hero .actions{max-width:59%;flex-direction:column;align-items:flex-start;gap:12px}.hero .button{padding:12px 13px;font-size:12px;gap:8px}.hero .text-link{font-size:13px;white-space:normal}.hero .greek-nav-icon{width:20px;height:20px;flex-basis:20px}
 .hero .hero-stamp{right:5%;top:31%;width:80px;height:80px;font-size:7px;line-height:1.35}.hero .hero-stamp b{font-size:17px}
 .preview-stage .preview-product{height:155%;width:116%;left:-8%}.preview-name{font-size:20px;bottom:62px}.preview-arrow{width:38px;height:38px}.preview-stage .atlas-window{width:90%;left:5%}
 #detail-dialog.product-dialog{padding:42px 22px 28px}.detail-products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;margin:20px -5px;padding:5px 5px 12px}.detail-product{flex:0 0 86%;scroll-snap-align:start}.detail-product figure{height:310px}.detail-product h3{font-size:27px}.detail-product p{font-size:17px}.detail-mezzes figure{height:240px}
 .taverne-points{grid-template-columns:1fr;gap:17px}.taverne-points article{border-top:1px solid #1029cd24;padding-top:16px}.taverne-points h3{margin:10px 0;font-size:24px}.taverne-points p{font-size:17px}
 .franchise-symbol.franchise-city{position:absolute;right:-25px;bottom:78px;width:270px;height:280px;opacity:.15;pointer-events:none}
}
@media(max-height:680px) and (min-width:701px){.hero .scene-content{padding-top:25px;padding-bottom:85px}.hero h1,.editing .hero h1{font-size:clamp(66px,12.5vh,90px);margin:15px 0 18px}.hero-description{font-size:15px;max-width:365px;margin-bottom:18px}.hero .button{padding:13px 16px}.hero .hero-stamp{width:100px;height:100px;font-size:9px}.detail-product figure{height:270px}}

/* Expanded menu: photo-only previews and four pita recipes. */
.detail-pitas{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.detail-pitas .detail-product figure{height:290px;margin-bottom:15px}
.detail-pitas .detail-product p{font-size:16px}
.detail-mezzes{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
.detail-mezzes .detail-product figure{height:200px;margin-bottom:14px}
.detail-mezzes .detail-product p{font-size:16px}
.preview-controls{bottom:15px}
.taverne-drawing{margin:0 0 27px;background:#fff;border-radius:5px;overflow:hidden}
#detail-dialog .taverne-drawing img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;mix-blend-mode:normal}
.hours{font-size:15px!important;line-height:1.6!important}

/* Franchise figures retain the editorial blue-and-white layout. */
.franchise-figures{margin:75px 0 30px;padding:0;border-top:1px solid #1029cd35}
.franchise-figures>.eyebrow{margin-top:35px}
.franchise-figures>h2{font-size:clamp(40px,5vw,70px);line-height:1.12;margin:22px 0 45px}
.figure-rows>article{display:grid;grid-template-columns:55px minmax(210px,30%) 1fr;gap:30px;padding:35px 0 40px;border-top:1px solid #1029cd35;align-items:start}
.figure-index{font-family:var(--title);font-size:32px;opacity:.55;line-height:1.1}
.figure-rows h3{font-size:clamp(23px,2.1vw,31px);line-height:1.22;margin:0 0 24px}
.figure-highlight{font-family:var(--title);font-size:clamp(38px,4.3vw,64px);line-height:1;white-space:nowrap;margin:0;color:var(--blue)}
.figure-highlight.figure-word{font-size:55px}
.figure-copy>p{font-size:19px;line-height:1.55;margin:0 0 19px;max-width:680px}
.figure-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.figure-tags span{font-size:13px;line-height:1.2;padding:9px 12px;border:1px solid #1029cd55;border-radius:25px;color:var(--blue)}
.franchise-content>.button{margin-top:15px}
@media(max-width:1050px) and (min-width:701px){.figure-rows>article{grid-template-columns:40px 27% 1fr;gap:22px}.figure-copy>p{font-size:18px}.detail-pitas{gap:15px}.detail-pitas .detail-product figure{height:245px}.detail-mezzes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
 .detail-pitas,.detail-mezzes{display:flex;gap:18px}.detail-pitas .detail-product figure{height:310px}.detail-mezzes .detail-product figure{height:240px}.detail-pitas .detail-product p,.detail-mezzes .detail-product p{font-size:17px}
 #detail-dialog .taverne-drawing img{max-height:none}.taverne-drawing{margin:0 0 24px}.hours{font-size:13px!important}
 .franchise-figures{margin-top:55px}.franchise-figures>.eyebrow{margin-top:26px}.franchise-figures>h2{font-size:39px;margin-bottom:30px}
 .figure-rows>article{grid-template-columns:35px 1fr;gap:20px 17px;padding:29px 0}.figure-rows h3{font-size:26px;line-height:1.25;margin-bottom:19px}.figure-index{font-size:26px}.figure-highlight{font-size:48px}.figure-copy{grid-column:1/-1}.figure-copy>p{font-size:18px;line-height:1.55}.figure-tags span{font-size:12px;padding:8px 10px}
}

.preview-stage .preview-mezze,.detail-product figure .preview-mezze{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:none!important}

/* The same ceramic bowl stays in place while only its contents change. */
.mezze-frame{position:relative;aspect-ratio:1/1;pointer-events:none;isolation:isolate}
.preview-stage .mezze-frame{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%)}
.detail-mezzes .mezze-frame{width:100%;max-width:270px;flex:none}
.mezze-frame .mezze-common-bowl,.mezze-frame .mezze-front-rim{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:none!important}
.mezze-frame .mezze-common-bowl{z-index:0}
.mezze-food{position:absolute;left:12%;top:27%;width:76%;height:44%;overflow:hidden;clip-path:ellipse(50% 50% at 50% 50%);z-index:1}
.mezze-food img{position:absolute;max-width:none;object-fit:fill;mix-blend-mode:normal;transform:none!important}
.mezze-food img.mezze-leaves{inset:0;width:100%;height:100%;object-fit:contain}
.mezze-frame .mezze-front-rim{z-index:2;clip-path:polygon(0 71%,100% 71%,100% 100%,0 100%)}
.detail-pitas .detail-product h3{font-size:26px;line-height:1.15;margin:0 0 16px;color:var(--blue)}
.journey-scene .greek-card .card-graphic,.greek-card .card-graphic{background:#fff;color:var(--blue);border:0}
.card-graphic .taverne-card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;mix-blend-mode:normal;transition:transform .3s ease}
.greek-card:hover .taverne-card-art{transform:scale(1.025)}
.greek-card .card-number{z-index:2;background:#ffffffdf;border-radius:20px;padding:4px 8px}
.franchise-pillars h2{font-size:clamp(18px,2.15vw,26px);line-height:1.2;min-height:2.4em}
.franchise-pillars h2 span{white-space:nowrap}
@media(min-width:701px) and (max-width:1050px){.franchise-pillars{gap:24px}.franchise-pillars h2{font-size:clamp(15px,2.05vw,22px)}}
@media(max-width:700px){.franchise-pillars h2{font-size:26px}.detail-pitas .detail-product h3{font-size:25px}.card-graphic .taverne-card-art{object-position:50% 50%}}

/* Opened product views share the dialog's cream background. */
.detail-product figure{background:transparent;border-radius:0}
.detail-pitas .detail-product figure{display:grid;grid-template-rows:39px minmax(0,1fr);overflow:hidden}
.detail-pitas .detail-product figure h3{text-align:center;margin:0;line-height:1.15;font-size:25px;align-self:start}
.detail-visual{position:relative;min-height:0;overflow:hidden}
.detail-pitas .detail-product figure .preview-product{top:-12%;height:155%;width:116%;left:-8%;object-fit:contain}
.preview-view .mezze-photograph,.detail-mezzes figure .mezze-photograph{display:block;width:100%;height:100%;overflow:hidden}
.journey-scene .greek-card .card-graphic,.greek-card .card-graphic{background:#fff}
.card-graphic .taverne-card-art{padding:15px 17px;object-fit:contain}

/* SVG marks keep the brand's ink colors instead of iOS emoji artwork. */
.brand-star{display:inline-block;width:1em;height:1em;vertical-align:middle;color:inherit}
header .brand .header-logo{display:block;width:100%;height:100%;overflow:hidden}
@media(max-width:700px){
 .hero .actions{width:59%;max-width:59%;gap:11px;align-items:stretch}
 .hero .actions>a{display:flex;width:100%;min-height:43px;align-items:center;justify-content:space-between;padding:12px 13px;gap:8px;font-size:12px;line-height:1.25;border:1px solid var(--blue);border-radius:4px;white-space:normal;text-decoration:none}
 .hero .actions>.text-link{background:#fff}
 .hero .actions>.hero-franchise-link{position:relative;background:#fff3bb;border-color:#d8b443;font-weight:700;isolation:isolate}
 .hero .hero-franchise-link .greek-nav-icon{color:#bd8e00}
}

/* Registration uses the same photographic pixels throughout the hand and wrist. */

@media(min-width:701px){
 .hero .actions>.hero-franchise-link{background:#fff3bb;border:1px solid #d8b443;border-radius:4px;padding:12px 13px;font-weight:700}
 .hero .hero-franchise-link .greek-nav-icon{color:#bd8e00}
}

/* Expanded mobile recipes: one centered photograph and its own centered copy. */
.detail-controls,.detail-announcement{display:none}
@media(max-width:700px){
 #detail-dialog.product-dialog .detail-carousel{min-width:0;width:100%}
 #detail-dialog.product-dialog .detail-products{display:flex;gap:0;width:100%;margin:20px 0 0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
 #detail-dialog.product-dialog .detail-products::-webkit-scrollbar{display:none}
 #detail-dialog.product-dialog .detail-product{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;text-align:center;padding:0 4px}
 #detail-dialog.product-dialog .detail-product figure{margin-left:auto;margin-right:auto;width:100%;background:transparent}
 #detail-dialog.product-dialog .detail-product p{max-width:29ch;margin:14px auto 0;text-align:center;line-height:1.55;overflow-wrap:break-word}
 #detail-dialog.product-dialog .detail-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0 24px}
 .detail-controls>span{font-size:11px;color:var(--blue);letter-spacing:.2px}
 .detail-arrow{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:9px;border:1px solid #1029cd55;border-radius:50%;background:transparent;color:var(--blue)}
 .detail-arrow svg{display:block;width:20px;height:20px}.detail-arrow.previous svg{transform:rotate(180deg)}
 #detail-dialog.product-dialog .detail-announcement{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}