:root{--black:#090909;--gold:#ffb719;--orange:#f07928;--cream:#f9efd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#151515;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.5vw,80px);line-height:1.08;letter-spacing:-2.4px;margin-bottom:28px}h2{font-size:clamp(28px,2.5vw,42px);letter-spacing:-1.1px;line-height:1.14}h3{font-size:18px}p{line-height:1.6}small,.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}em{font-style:normal;color:var(--gold);background:linear-gradient(180deg,#ffbd13 10%,#f07131 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}header{height:106px;position:sticky;top:0;z-index:20;background:var(--black);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;color:white}header nav{display:flex;gap:38px;align-items:center;font-size:17px;font-weight:600}header nav a{padding:14px 0}header nav a:hover,header nav a[aria-current]{color:var(--gold)}.logo{display:block;width:240px;height:62px;overflow:hidden;position:relative}.logo img{position:absolute;width:195%;max-width:none;left:-47.5%;top:-110%;height:auto}.nav-toggle{display:none}.hero{height:calc(100svh - 106px);min-height:600px;max-height:1120px;position:relative;background:#111;color:white;isolation:isolate}.hero-image{height:100%;position:absolute;inset:0;z-index:-2;object-position:center 53%}.hero:after,.about-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.98),rgba(0,0,0,.05) 72%),linear-gradient(90deg,rgba(0,0,0,.4),transparent);z-index:-1}.hero-content{position:absolute;left:4.7%;bottom:8%;max-width:900px}.eyebrow{margin-bottom:26px;color:#fff}.pill{display:inline-block;padding:10px 18px;border:1px solid #3d3d3d;border-radius:30px;background:#ffffff15;font-size:16px}.intro{text-align:center;padding:58px 20px 65px}.intro>.logo{margin:0 auto 28px;filter:brightness(0)}.intro p{max-width:950px;margin:auto;font-size:clamp(20px,2vw,28px);line-height:1.42;font-weight:600;letter-spacing:-.6px}.button{display:inline-flex;align-items:center;gap:22px;background:linear-gradient(120deg,#ffb719,#f27b29);color:#090909;border-radius:30px;padding:16px 24px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.photo-banner{height:460px;position:relative;display:flex;align-items:end;justify-content:center;padding:30px;isolation:isolate}.photo-banner img{position:absolute;inset:0;height:100%;z-index:-2}.photo-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,#090909)}.numbers{background:var(--black);color:white;text-align:center;padding:64px 6% 70px}.numbers>div{display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:60px auto 0;gap:40px}.numbers strong{display:block;font-size:48px;color:var(--orange);margin-bottom:20px}.numbers h3{margin-bottom:10px}.numbers p{font-size:14px;color:#aaa;max-width:220px;margin:0 auto}.gallery{display:grid;grid-template-columns:repeat(3,1fr);background:var(--black)}.gallery a{overflow:hidden}.gallery img{aspect-ratio:1.3;transition:transform .5s}.gallery a:hover img{transform:scale(1.05)}.visit{height:350px;position:relative;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:50px 7%;isolation:isolate}.visit>img{position:absolute;inset:0;height:100%;z-index:-2;object-position:center 45%}.visit:after{content:'';position:absolute;inset:0;background:#0009;z-index:-1}.visit>p{font-size:17px;text-align:center}.visit strong{font-size:32px}.location{padding:90px 6%;display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:center;max-width:1500px;margin:auto}.location .logo{filter:brightness(0);width:190px;height:50px;margin-bottom:30px}.location p{font-size:16px}.address{font-weight:600}.location-picture{border-radius:5px;overflow:hidden;background:#141414;color:white;display:block}.location-picture img{aspect-ratio:1.6}.location-picture span{padding:30px;display:flex;justify-content:space-between;font-size:12px;gap:20px}.location-picture b{color:var(--gold)}.values{padding:30px 6% 90px;max-width:1500px;margin:auto}.values small{color:#94701e}.values h2{margin-top:14px}.values>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.values article{background:#fafafa;padding:30px}.values article>span{color:#cc8a00;font-weight:bold}.values h3{margin-top:25px}.values p{font-size:15px;margin-bottom:0;color:#555}.community{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:350px;background:#291908;color:#fff}.community>div{padding:50px 35px;background:linear-gradient(110deg,#613506,#291908)}.community h2{font-size:34px}.community p{font-size:15px}.community>img{height:100%;max-height:430px}footer{background:#050505;color:#fff;padding:45px 5% 22px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-top nav{display:flex;flex-direction:column;align-items:start;gap:12px;font-size:12px;text-transform:uppercase;margin-top:28px}.footer-top p{font-size:13px;color:#aaa;margin-top:20px}.footer-bottom{border-top:1px solid #282828;margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px;color:#aaa}.page-heading{background:var(--black);color:white;padding:65px 6% 75px;text-align:center}.page-heading h1{font-size:56px;margin:18px 0}.page-heading p{color:#bbb;margin:0}.menu-section{max-width:1370px;margin:auto;padding:45px 40px 80px}.filters{display:flex;justify-content:center;gap:12px;margin-bottom:35px}.filters button{border:1px solid #dedede;border-radius:30px;padding:12px 22px;background:white;font-weight:600}.filters button.active{background:#111;color:var(--gold);border-color:#111}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:var(--cream);text-align:center;padding-bottom:22px}.product>div{position:relative}.product img{aspect-ratio:1.35}.product>div>span{position:absolute;right:15px;top:15px;background:#111;color:var(--gold);font-weight:700;font-size:15px;padding:7px 12px;border-radius:30px}.product h2{font-size:18px;text-transform:uppercase;letter-spacing:0;margin:25px 15px 12px}.product p{font-size:14px;padding:0 25px;color:#615437;margin-bottom:0}.product[hidden]{display:none}.menu-note{font-size:13px;color:#666;margin-top:30px}.access{max-width:1450px;padding:70px 5%;margin:auto;display:grid;grid-template-columns:.9fr 1.3fr;gap:7%}.hours-title{margin-top:50px;font-size:28px}.hours>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #e6e6e6}.hours dd{font-weight:600;margin:0}.map-wrap{min-height:650px;background:#eee;display:flex;flex-direction:column}.map-wrap iframe{width:100%;height:100%;min-height:600px;border:0;flex:1}.map-wrap>a{padding:20px;background:#111;color:var(--gold);font-weight:600;font-size:14px}.about-hero{height:650px;position:relative;isolation:isolate;color:white}.about-hero>img{height:100%;position:absolute;inset:0;z-index:-2;object-position:center 40%}.about-hero>div{position:absolute;left:6%;bottom:70px}.about-hero h1{margin-top:22px}.story{display:grid;grid-template-columns:1fr 1fr;background:#090909;color:#fff}.story>img{height:100%;min-height:550px}.story>div{padding:70px 12%}.story h2{margin-top:22px}.story p{color:#bbb}.skip{position:fixed;top:-80px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #e89700;outline-offset:5px}@media(max-width:800px){header{height:80px;padding:0 5%}.logo{width:190px;height:49px}header nav{gap:20px;font-size:14px}.hero{height:calc(90svh - 80px);min-height:540px}.hero-content{left:6%;right:6%;bottom:10%}h1{letter-spacing:-1.5px}.hero-image{object-position:60% center}.eyebrow{font-size:10px;line-height:1.7}.numbers strong{font-size:34px}.numbers>div{gap:22px}.location{gap:35px;padding:60px 6%}.location-picture span{flex-direction:column;padding:20px}.community{grid-template-columns:1fr 1fr}.community>img:last-child{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.access{gap:35px}.story>div{padding:45px 9%}.page-heading h1{font-size:44px}}@media(max-width:560px){header .logo{width:175px;height:46px}.nav-toggle{display:block;color:white;background:none;border:1px solid #444;border-radius:4px;font-size:23px;padding:4px 10px}header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:24px;background:#090909;flex-direction:column;align-items:stretch;gap:4px}header nav.open{display:flex}h1{font-size:43px}.hero{min-height:580px}.hero-content{bottom:9%}.hero-image{object-position:57% center}.intro{padding:42px 24px}.intro p{font-size:21px}.photo-banner{height:290px}.numbers{padding:45px 24px}.numbers>div{grid-template-columns:1fr;margin-top:36px;gap:36px}.numbers strong{font-size:42px;margin-bottom:12px}.gallery{grid-template-columns:repeat(3,80%);overflow:auto;scroll-snap-type:x mandatory}.gallery>a{scroll-snap-align:start}.visit{height:370px;padding:35px 7%}.visit>p{display:none}.location{grid-template-columns:1fr;padding:50px 7%}.values{padding:20px 7% 50px}.values>div{grid-template-columns:1fr;gap:14px}.community{grid-template-columns:1fr}.community>div{padding:40px 7%}.community>img{max-height:350px}.footer-top{flex-direction:column}.footer-bottom{margin-top:30px}.page-heading{padding:48px 7%}.page-heading h1{font-size:40px}.menu-section{padding:25px 15px 45px}.filters{gap:6px;flex-wrap:wrap}.filters button{font-size:12px;padding:10px 13px}.product-grid{gap:12px}.product h2{font-size:14px;margin:17px 8px 10px}.product p{font-size:12px;padding:0 12px}.product>div>span{top:8px;right:8px;font-size:12px;padding:5px 8px}.product img{aspect-ratio:1}.access{grid-template-columns:1fr;padding:45px 7%}.map-wrap{min-height:400px}.map-wrap iframe{min-height:400px}.about-hero{height:560px}.about-hero>div{bottom:50px}.story{grid-template-columns:1fr}.story>img{min-height:0;height:330px}.story>div{padding:40px 7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Frame the logo artwork and let the photograph fill the hero naturally. */
.logo{display:flex;align-items:center;justify-content:center;overflow:visible}
.logo img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
header>a{display:flex;align-items:center;flex-shrink:0}
header .logo{width:220px;height:76px}
.hero{background:#050505;overflow:hidden}
.hero-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;mask-image:none;-webkit-mask-image:none}
.hero:after{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%),linear-gradient(90deg,rgba(0,0,0,.22),transparent 65%)}
@media(max-width:800px){header .logo{width:180px;height:62px}.hero-image{object-position:72% center}}
@media(max-width:560px){header .logo{width:158px;height:55px}.hero-image{height:66%;object-position:74% center}.hero:after{background:linear-gradient(0deg,#050505 30%,transparent 66%)}.hero-content{bottom:7%}}

/* La Friterie: black, white and the logo's yellow. */
:root{--black:#090909;--gold:#ffb719;--orange:var(--gold);--cream:#090909;color-scheme:dark}
body{background:var(--black);color:#fff}
em{background:none;color:var(--gold);-webkit-text-fill-color:var(--gold)}
.button{background:var(--gold);color:#090909;border:1px solid var(--gold)}
.button-outline{background:#09090999;color:#fff;border-color:#ffffff66}
.intro,.location,.values,.menu-section,.access,.community,.community>div,.product,.values article{background:var(--black);color:#fff}
.intro>.logo,.location .logo{filter:none}
.values article,.product{border:1px solid #303030}
.values small,.values article>span,.numbers strong,.product h2,.drink small{color:var(--gold)}
.values p,.product p,.menu-note,.page-heading p,.story p,.numbers p,.footer-top p,.footer-bottom{color:#fff}
.filters button{background:#090909;color:#fff;border-color:#555}
.filters button.active{background:var(--gold);border-color:var(--gold);color:#090909}
.hours>div{border-color:#333}.skip{background:#090909;color:white}.map-wrap{background:#090909}
.google-rating{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:16px;margin-bottom:22px}
.rating-stars{font-size:25px;letter-spacing:3px;color:var(--gold)}
.hero-address{display:block;font-size:16px;margin:0 0 20px;line-height:1.5}
.hero-address:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.hero-actions,.delivery-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.hero-content{max-width:900px}.hero h1{margin-bottom:20px}
.drink{min-height:210px;display:flex;flex-direction:column;justify-content:center;padding:35px 20px}
.drink small{letter-spacing:2px;font-size:11px}.drink h2{font-size:26px;text-transform:none;margin:20px 0 12px}
@media(max-width:560px){.google-rating{font-size:12px;gap:7px;margin-bottom:16px}.rating-stars{font-size:20px}.hero{min-height:690px}.hero h1{font-size:38px}.hero-address{font-size:13px}.hero-actions .button{padding:13px 16px;font-size:11px}.hero-content{bottom:5%}.hero .pill{font-size:12px}.drink h2{font-size:19px}.drink{padding:25px 10px}}

/* Footer delivery button with original Uber Eats wordmark. */
.uber-eats-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:19px 22px;border:1px solid #fff;border-radius:8px;background:#fff;color:#000;min-height:64px;text-decoration:none;transition:background .2s,transform .2s}.uber-eats-button img{width:146px;height:24px;object-fit:contain}.uber-eats-button>span:first-child{font-size:13px;font-weight:600}.uber-eats-button:hover{background:#e9f9ef;transform:translateY(-2px)}.uber-eats-button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:400px){.uber-eats-button{gap:10px;padding:18px 14px}.uber-eats-button img{width:124px}}