@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--paper:#fff0e0;--ink:#fff5e9;--tan:#e8b68e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#50382b;color:var(--ink);font-family:"DM Sans",sans-serif}.scene{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 72% 22%,#ffe1a1 0%,#bd784b 23%,transparent 55%),linear-gradient(115deg,#debc9c 0%,#7a4b36 37%,#372722 100%)}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#48322928,#211c1888 75%),repeating-linear-gradient(115deg,transparent 0 90px,#ffffff08 92px 94px);filter:blur(1px)}.site-shell{width:min(1510px,calc(100% - 76px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 10px 45px}.wordmark{text-decoration:none;color:#653a24;text-shadow:0 1px 12px #fff8;min-width:225px}.script-logo{display:block;font-family:"Playfair Display",Georgia,serif;font-size:45px;font-style:italic;line-height:1}.cup{font-size:32px}.logo-sub{display:block;font-size:17px;font-family:"Playfair Display",serif;font-style:italic;text-align:center}.nav-glass{display:flex;align-items:center;gap:12px;background:#f8ebe259;border:1px solid #ffffff62;padding:10px 14px;border-radius:60px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.nav-glass a{text-decoration:none;color:#281d17;font-size:14px;padding:10px 14px;border-radius:40px;white-space:nowrap}.nav-glass a.current,.nav-glass a:hover{background:#fffefa}.coming-pill{border:1px solid #ffffff99;border-radius:60px;padding:16px 20px;background:linear-gradient(120deg,#24221ec4,#69645c88);box-shadow:inset 0 1px #ffffff80,0 4px 20px #0006;display:flex;gap:16px;white-space:nowrap}.glass{background:linear-gradient(125deg,#eddcd057,#eee1d02b 65%,#b5a69f44);border:1px solid #ffffff78;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 13px 40px #21120f45,inset 0 1px #ffffff77}.hero{position:relative;min-height:445px}.hero-copy{position:relative;z-index:2;border-radius:24px;padding:36px 45px 27px;width:min(650px,58%);min-height:427px}.eyebrow{font-size:14px;font-weight:600;letter-spacing:1px}h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(44px,4.1vw,65px);line-height:1.06;letter-spacing:-1.8px;font-weight:400;margin:18px 0 21px;text-shadow:0 1px 7px #34221a55}h1 em{font-weight:400;color:#f3a867}.hero-copy p{font-size:17px;line-height:1.55;color:#fff2e8;margin:0}.thin-rule{margin:18px 0 17px;border-top:1px solid #fff7}.features{display:flex;justify-content:space-between;gap:10px;font-size:12px}.features span{display:flex;align-items:center;gap:10px;line-height:1.3}.features b{font-size:29px;font-weight:400}.trailer-scene{position:absolute;right:0;top:-12px;width:63%;height:460px;overflow:hidden;filter:drop-shadow(0 17px 18px #160d0977)}.trailer{position:absolute;right:-30px;top:22px;width:100%;height:420px;border-radius:65px 70px 20px 20px;background:linear-gradient(115deg,#302a27,#131a1e 65%,#4c4542);border:8px solid #292829;box-shadow:inset 0 0 0 2px #846d59}.awning{position:absolute;left:0;top:-10px;width:85%;height:55px;border-radius:35px 25px 0 0;background:linear-gradient(#161c21,#464c4c);transform:skew(-7deg);border-bottom:8px solid #9a663f}.window{position:absolute;left:5%;top:65px;width:73%;height:188px;border:11px solid #8a5b39;background:linear-gradient(#432b2188,#261e1d),repeating-linear-gradient(90deg,#b8763b37 0 50px,transparent 50px 90px);box-shadow:inset 0 0 35px #ffd99b87}.bulbs{display:flex;justify-content:space-around}.bulbs i{width:16px;height:23px;background:#ffe4a2;border-radius:60% 60% 50% 50%;box-shadow:0 0 22px 8px #ffd38a7e}.machine{position:absolute;left:30%;bottom:12px;font-size:70px;opacity:.75}.shelf{position:absolute;bottom:0;left:0;right:0;height:13px;background:#b0805d}.counter{position:absolute;left:4%;top:249px;width:77%;height:22px;background:linear-gradient(#d39d65,#583823);box-shadow:0 10px 12px #0006}.trailer-mark{position:absolute;left:33%;top:305px;font-family:"Playfair Display",serif;font-size:49px;font-style:italic;transform:rotate(-4deg);white-space:nowrap;color:#e9bea2}.trailer-mark span{display:block;font-size:23px;text-align:center;color:#e2a86a}.wheel{position:absolute;bottom:-35px;width:112px;height:112px;border:14px solid #171717;border-radius:50%;background:radial-gradient(circle,#9b8066 0 28%,#292728 29% 100%)}.wheel.one{left:14%}.wheel.two{right:11%}.cards{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:23px;position:relative;z-index:3;margin:20px 0 34px}.info-card{border-radius:24px;padding:23px 26px;min-height:360px;overflow:hidden;position:relative}.card-heading{display:flex;align-items:center;gap:18px}.card-icon{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:17px;background:#fff8ed;color:#725032;font-size:29px}.card-heading h2{font-size:25px;font-weight:500;margin:0}.card-heading p{font-size:17px;margin:1px 0}.card-description{font-size:14px;max-width:340px;margin:13px 0 20px}.event-placeholder{display:flex;gap:13px;align-items:center;padding:20px 15px;border-radius:15px;background:#ffede085;box-shadow:inset 0 1px #fff6;color:#38291d}.event-icon{font-size:36px}.event-placeholder strong{display:block;font-size:15px}.event-placeholder small{display:block;font-size:12px;margin-top:4px}.card-footer{text-align:center;margin-top:22px}.button-look{display:inline-block;padding:12px 21px;color:#ffecda;font-size:13px;border:1px solid #ffffff5f;border-radius:40px;background:#5942319c;position:relative;z-index:2}.photo-card{background:linear-gradient(180deg,#ad89776a 0 48%,#302016b0 100%)}.photo-card .button-look{margin-top:0}.photo-shape{position:absolute;bottom:-65px;left:0;right:0;height:165px;pointer-events:none}.latte .saucer{position:absolute;bottom:12px;left:8%;height:100px;width:85%;border-radius:50%;background:radial-gradient(ellipse,#191511 0 36%,#92704e 40% 47%,#1c1715 52% 65%,transparent 69%);transform:rotate(-9deg)}.latte .drink{position:absolute;left:24%;bottom:58px;width:55%;aspect-ratio:1.45;border-radius:50%;border:15px solid #332018;background:radial-gradient(ellipse,#f5e7c9 0 25%,#ba743d 28% 43%,#e6b47e 47% 60%,#5c3524 63%);display:grid;place-items:center;color:#fff4d6;font-size:55px;transform:rotate(-8deg);box-shadow:0 16px 22px #21150e}.cookies .cookie{position:absolute;width:145px;height:104px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#53301a 0 6px,transparent 7px),radial-gradient(circle at 67% 62%,#4f2a18 0 9px,transparent 10px),radial-gradient(circle at 60% 20%,#59351b 0 7px,transparent 8px),radial-gradient(ellipse,#f7c87e,#8b4e28);box-shadow:inset 0 5px 20px #fff6,0 18px 20px #21140c99;transform:rotate(-16deg)}.cookies .c1{left:8%;bottom:19px}.cookies .c2{left:34%;bottom:40px;transform:rotate(15deg)}.cookies .c3{right:3%;bottom:18px;transform:rotate(35deg)}footer{font-size:12px;display:flex;justify-content:space-between;padding:10px 0 24px;color:#f8e2cf}footer span{margin-left:6px}@media(max-width:1120px){.nav-glass{gap:0}.nav-glass a{padding:8px}.site-shell{width:calc(100% - 36px)}.hero-copy{width:64%}.trailer-scene{width:60%;opacity:.9}.features b{font-size:22px}.info-card{padding:20px}.cards{gap:12px}}@media(max-width:790px){.topbar{padding-bottom:20px;flex-wrap:wrap}.nav-glass{order:3;width:100%;justify-content:center;overflow-x:auto}.nav-glass a{font-size:12px}.wordmark{min-width:auto}.coming-pill{padding:10px}.hero{min-height:auto;padding-top:220px}.trailer-scene{height:300px;top:0;left:10%;right:0;width:90%;opacity:.88}.trailer{transform:scale(.75);transform-origin:top right}.hero-copy{width:100%;min-height:auto;padding:28px 25px}.cards{grid-template-columns:1fr}.info-card{min-height:280px}.photo-card{min-height:330px}h1{font-size:clamp(40px,8vw,58px)}.features{flex-wrap:wrap;justify-content:flex-start;gap:14px 20px}footer{flex-wrap:wrap}}@media(max-width:420px){.nav-glass a{font-size:11px;padding:8px 5px}.script-logo{font-size:34px}.hero-copy p{font-size:15px}.features{font-size:11px}.trailer-scene{left:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V3 photographic mockup design — production-safe, no invented event listings */
:root{--glass-border:#ffffff9e}
body{background:#735241}
.scene{background:linear-gradient(90deg,#9a715c4d,#3a26143d),url('/static/elbehz-trailer.webp') center center/cover no-repeat,linear-gradient(115deg,#dbc09e,#513526)!important;filter:none}
.scene:after{background:linear-gradient(90deg,#98725924,#130e0870 100%)!important;filter:none!important}
.site-shell{width:min(1510px,calc(100% - 88px))}
.topbar{position:relative;z-index:3;padding:20px 9px 43px}
.wordmark{color:#58311d;text-shadow:0 1px 10px #fff8}
.nav-glass{box-shadow:0 10px 35px #3b29192c}
.glass{background:linear-gradient(125deg,#e9d3c469,#e3c6af35 75%,#f1d0b53b);border-color:var(--glass-border);box-shadow:0 20px 42px #140d0961,inset 0 1px #fff9}
.hero{min-height:460px}
.hero-copy{width:min(670px,55%);min-height:440px;background:linear-gradient(120deg,#a9897999,#6e4d3d7d)!important;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}
.trailer-scene{top:-32px;height:492px;right:-28px;width:66%;border-radius:32px;background:url('/static/elbehz-trailer.webp') 75% 52%/cover no-repeat;box-shadow:inset 0 -30px 80px #2b1d1250;filter:drop-shadow(0 19px 22px #100b0866)}
.trailer-scene .trailer{display:none}
.cards{grid-template-columns:1.25fr 1fr 1.1fr;gap:23px;margin-top:15px}
.info-card{min-height:385px;background:linear-gradient(160deg,#c4a59097,#85634d90);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.photo-card{background-size:cover!important;background-position:center!important;isolation:isolate}
.photo-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#5d4238b8 0%,#51352675 52%,#291b1366 100%)}
.coffee-card{background-image:url('https://images.unsplash.com/photo-1534234757579-8ad69d218ad4?auto=format&fit=crop&w=1000&q=85')}
.cookies-card{background-image:url('https://images.unsplash.com/photo-1499636136210-6f4ee915583e?auto=format&fit=crop&w=1000&q=85')}
.photo-shape{display:none}
.photo-card .card-description{max-width:260px;min-height:66px}
.card-heading h2{font-size:25px}
.card-description{color:#fff4e8}
.event-placeholder{background:#f5e1d3ae}
@media(max-width:1100px){.hero-copy{width:60%}.trailer-scene{width:62%}.cards{gap:12px}}
@media(max-width:790px){.site-shell{width:calc(100% - 30px)}.hero{padding-top:210px;min-height:0}.hero-copy{width:100%;min-height:0}.trailer-scene{top:0;right:0;left:0;width:100%;height:250px;background-position:65% 48%}.cards{grid-template-columns:1fr}.info-card{min-height:330px}.photo-card{min-height:370px}.scene{background-position:62% 50%}footer{padding-top:12px}}


/* V4: one continuous photographic backdrop, no overlapping/scrolling trailer layer.
   Keep the photo in document flow rather than pinning it to the viewport. */
body{position:relative;isolation:isolate}
.scene{position:absolute!important;inset:0!important;width:100%;height:100%;min-height:100%;background-position:center top!important;background-size:cover!important;pointer-events:none}
.trailer-scene{display:none!important}
.hero{min-height:460px}
@media(max-width:790px){.hero{padding-top:0!important;min-height:auto}.hero-copy{width:100%}}