/*
Theme Name: CIRCUS Mondrian Preview
Text Domain: circus-mondrian-preview
Version: 1.0.0
WPVibe: yes
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--red:#dc302b;--blue:#244a9b;--yellow:#f4ca36;--ink:#161616;--cream:#f5f0e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.circus-header{height:84px;background:#151515;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{font-family:'Barlow Condensed',sans-serif;font-size:39px;font-weight:900;letter-spacing:-1px}.brand{display:flex;align-items:center}.brand img{display:block;width:125px;height:64px;object-fit:contain;border-radius:3px}@media(max-width:800px){.brand img{width:105px;height:55px}}.circus-header nav{display:flex;gap:34px;font-size:12px;font-weight:700;letter-spacing:2px}.circus-header nav a:hover{color:var(--yellow)}.header-book{background:var(--red);padding:15px 23px;font-size:12px;font-weight:800;letter-spacing:1px}.hero{min-height:650px;height:78vh;max-height:900px;position:relative;background:#181414;color:white;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('https://restaurant-circus.com/wp-content/uploads/2025/06/Circus-14-scaled.jpg') center 47%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 58%,rgba(0,0,0,.12))}.hero-copy{position:relative;max-width:760px;padding:60px 8%}.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:var(--yellow);text-transform:uppercase}.hero h1,.season h2,.discover h2,.final-cta h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;letter-spacing:-2px;line-height:.88;margin:25px 0;font-size:clamp(65px,10vw,150px)}.hero h1 em,.discover h2 em{font-style:normal;color:var(--yellow)}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:550px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;padding:18px 25px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-align:center}.red{background:var(--red);color:#fff}.outline{border:1px solid #fff;color:#fff}.yellow{background:var(--yellow);color:var(--ink)}.hero-index{position:absolute;right:5%;bottom:30px;font-size:11px;letter-spacing:2px}.mondrian-strip{display:grid;grid-template-columns:3fr 1fr 2fr 1fr 4fr;height:20px;background:#111;gap:5px}.mondrian-strip span:nth-child(1){background:var(--yellow)}.mondrian-strip span:nth-child(2){background:#fff}.mondrian-strip span:nth-child(3){background:var(--blue)}.mondrian-strip span:nth-child(4){background:#fff}.mondrian-strip span:nth-child(5){background:var(--red)}.season{padding:100px 7%;max-width:1550px;margin:auto}.season-heading{max-width:950px;margin-bottom:42px}.eyebrow.dark{color:var(--red)}.season h2{font-size:clamp(70px,9vw,125px);margin:20px 0}.season h2 i{font-style:normal;color:var(--red)}.season-heading>p:last-child{font-size:18px;line-height:1.7;max-width:650px}.dish-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.dish{background:white;border:2px solid var(--ink)}.dish-photo{height:360px;background-size:cover;background-position:center}.fondue,.raclette{background-image:url('https://restaurant-circus.com/wp-content/uploads/2026/10/CIRCUS-–-Fondue-et-raclette-affiches-assorties.png');background-size:200% auto;background-repeat:no-repeat;background-color:#f7edda}.fondue{background-position:left center}.raclette{background-position:right center}.dish-text{padding:30px}.dish-text span{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--blue)}.dish h3{font-family:'Barlow Condensed',sans-serif;font-size:42px;line-height:1;margin:15px 0}.dish strong{font-size:25px;color:var(--red)}.dish p{line-height:1.6;max-width:450px}.season-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:30px;font-weight:700}.discover{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:white;min-height:570px}.discover-photo{background:url('https://restaurant-circus.com/wp-content/uploads/2025/06/IMG_2897-scaled.jpeg') center/cover}.discover-copy{padding:90px 10%;align-self:center}.discover h2{font-size:clamp(60px,6vw,100px)}.discover-copy>p:not(.eyebrow){line-height:1.8;font-size:17px;margin-bottom:30px}.three-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--ink)}.three-tiles a{padding:65px 12%;min-height:270px}.three-tiles a:nth-child(1){background:var(--yellow)}.three-tiles a:nth-child(2){background:var(--red);color:white}.three-tiles a:nth-child(3){background:#f0ece3}.three-tiles small{font-weight:800}.three-tiles h3{font:900 40px 'Barlow Condensed',sans-serif;margin:28px 0 8px}.three-tiles p{font-size:14px}.final-cta{padding:110px 7%;text-align:center;background:#171717;color:#fff}.final-cta h2{font-size:clamp(70px,10vw,135px)}.final-cta>p:last-child{margin-top:35px;font-size:13px;color:#ddd}@media(max-width:800px){.circus-header{height:72px;padding:0 5%}.circus-header nav{display:none}.brand{font-size:34px}.header-book{padding:13px}.hero{height:auto;min-height:650px}.hero-copy{padding:80px 6%}.hero h1{font-size:clamp(68px,15vw,110px)}.hero-copy>p:not(.eyebrow){font-size:16px}.season{padding:70px 5%}.dish-grid,.discover,.three-tiles{grid-template-columns:1fr}.dish-photo{height:270px}.season-footer{align-items:flex-start;flex-direction:column}.discover-photo{min-height:360px}.discover-copy{padding:60px 7%}.three-tiles a{min-height:190px;padding:35px 8%}.final-cta{padding:80px 5%}}