:root{--ivory:#f8f7f2;--midnight:#12233d;--saffron:#f5b642;--cream:var(--ivory);--paper:var(--ivory);--ink:var(--midnight);--sage:var(--midnight);--pink:var(--saffron);--wine:var(--saffron);--line:var(--midnight);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',sans-serif;--script:'Parisienne',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}.site-header{height:94px;padding:18px 5.8vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:5}.brand{font:600 30px/.85 var(--serif);letter-spacing:-1.5px;display:inline-flex;flex-direction:column;align-items:center;color:var(--ink)}.brand span{font-family:var(--script);font-size:39px;font-weight:400;letter-spacing:0;color:var(--wine);height:25px;transform:translateX(-24px)}.brand small{font:600 7px var(--sans);letter-spacing:2.2px;margin-top:8px;color:var(--sage)}nav{display:flex;align-items:center;gap:25px;font-size:12px;letter-spacing:.15px}nav a{position:relative}nav a.active:after,nav a:hover:after{content:'';position:absolute;height:2px;background:var(--wine);left:0;right:0;bottom:-7px}.menu-button{display:none;background:none;border:0;color:var(--ink);font:600 12px var(--sans);text-transform:uppercase;letter-spacing:1px}.hero{min-height:690px;background:linear-gradient(90deg,rgba(248,247,242,.98) 0%,rgba(248,247,242,.9) 38%,rgba(248,247,242,.16) 68%),url('assets/gateau-basque-hero.png') center/cover;position:relative;padding:125px 11vw}.hero-copy{max-width:555px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--wine);margin:0 0 19px}h1,h2,h3,p{margin-top:0}h1,h2{font:500 clamp(42px,5.4vw,79px)/1.04 var(--serif);letter-spacing:-3px;margin-bottom:24px}h1 em,h2 em{font-weight:500;color:var(--wine)}.hero-text{font-size:16px;max-width:450px;margin-bottom:32px}.button{display:inline-flex;gap:23px;align-items:center;background:var(--ink);padding:14px 20px;color:var(--ivory);font-size:12px;font-weight:600;letter-spacing:.1px;transition:.2s}.button:hover{background:var(--wine);color:var(--ink);transform:translateY(-2px)}.button span,.text-link span{font-size:18px;line-height:0}.hero-note{position:absolute;right:7.5vw;bottom:55px;color:var(--ivory);width:230px;border-top:1px solid var(--ivory);padding-top:10px;text-shadow:0 1px 7px var(--midnight)}.hero-note span{font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.hero-note strong{display:block;font:500 24px var(--serif);margin:4px 0}.hero-note p{font-size:12px;line-height:1.5}.intro{padding:132px 13vw;display:grid;grid-template-columns:1.05fr .95fr;gap:10vw}.section-heading h2{font-size:57px}.intro-copy{max-width:440px;padding-top:38px;font-size:16px}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:13px;margin-top:17px;border-bottom:1px solid var(--ink);padding-bottom:4px}.collections{background:var(--saffron);padding:111px 6vw 120px}.section-title{text-align:center}.section-title h2{font-size:53px;margin-bottom:10px}.section-title>p:last-child{font-size:14px}.product-grid{max-width:1280px;margin:48px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.product{text-align:center}.product-art{height:263px;position:relative;overflow:hidden;background:var(--midnight)}.product-art:before,.product-art:after{content:'';position:absolute;border-radius:50%;left:50%;top:55%;transform:translate(-50%,-50%)}.product-art:before{height:163px;width:163px;background:var(--saffron);border:9px solid var(--ivory);box-shadow:0 11px 17px #12233d66}.product-art:after{height:110px;width:110px;border:2px solid var(--midnight)}.product-art span{position:absolute;top:11px;left:12px;color:var(--ivory);font:italic 13px var(--serif);z-index:1}.tiramisu .product-art{background:var(--ivory)}.tiramisu .product-art:before{background:var(--saffron);border-color:var(--midnight);border-radius:9px;box-shadow:0 8px 10px #12233d55}.cupcakes .product-art{background:var(--saffron)}.cupcakes .product-art:before{width:110px;height:135px;background:var(--ivory);border-color:var(--midnight);border-radius:48% 48% 40% 40%;top:45%}.cheesecake .product-art{background:var(--midnight)}.cheesecake .product-art:before{background:var(--ivory);border-color:var(--saffron)}.cake .product-art{background:var(--ivory)}.cake .product-art:before{width:140px;height:170px;border-radius:4px;background:var(--saffron);border-color:var(--midnight)}.product h3{font:500 23px var(--serif);margin:12px 0 0}.product p{font-size:11px;color:var(--ink)}.seasonal{display:grid;grid-template-columns:1fr 1fr;background:var(--midnight);color:var(--ivory);min-height:510px}.seasonal-copy{padding:105px 11vw 70px 8vw}.seasonal .eyebrow{color:var(--saffron)}.seasonal h2{font-size:58px}.seasonal h2 em{color:var(--saffron)}.seasonal-copy>p:not(.eyebrow){max-width:390px;margin:29px 0}.button-light{background:var(--saffron);color:var(--midnight)}.seasonal-visual{position:relative;overflow:hidden;background:var(--saffron)}.seasonal-visual .sun{position:absolute;width:460px;height:460px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--ivory)}.seasonal-visual p{position:absolute;bottom:21px;left:28px;color:var(--midnight);font:italic 19px/1.1 var(--serif)}.fruit{position:absolute;border-radius:45% 55% 49% 51%;background:var(--midnight);box-shadow:inset -12px -8px 0 var(--midnight),10px 12px 15px #12233d44}.fruit.one{width:135px;height:155px;top:27%;left:32%;transform:rotate(24deg)}.fruit.two{width:100px;height:125px;top:48%;left:52%;transform:rotate(-18deg)}.leaf{position:absolute;height:90px;width:30px;background:var(--midnight);border-radius:100% 0 100% 0}.l1{left:28%;top:23%;transform:rotate(-50deg)}.l2{left:62%;top:37%;transform:rotate(65deg)}.approach{padding:130px 11vw;display:grid;grid-template-columns:1fr 1.1fr;gap:9vw}.approach h2{font-size:55px}.approach-copy>p:not(.eyebrow){max-width:430px}.values{border-top:1px solid var(--line)}.values article{display:grid;grid-template-columns:48px 1fr 1.5fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}.values span{font:italic 15px var(--serif);color:var(--wine)}.values h3{font:500 23px var(--serif);margin:0}.values p{font-size:13px;margin:3px 0}.order{display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;background:var(--saffron);padding:90px 12vw;color:var(--midnight)}.order .eyebrow{color:var(--midnight)}.order h2{font-size:51px;margin:0}.order h2 em{color:var(--midnight)}.order>div:last-child{padding-top:42px}.order .button{background:var(--midnight);color:var(--ivory);margin-top:12px}footer{background:var(--midnight);color:var(--ivory);padding:73px 8vw 20px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer-top .brand{color:var(--ivory)}.footer-top .brand span{color:var(--saffron)}.footer-top h3{font:500 18px var(--serif);margin:0 0 10px}.footer-top p,.footer-top a{font-size:12px;color:var(--ivory)}.footer-bottom{margin-top:55px;padding-top:14px;border-top:1px solid var(--saffron);display:flex;justify-content:space-between;font-size:10px;color:var(--ivory)}
@media(max-width:800px){.site-header{height:78px;padding:12px 6vw}.brand{font-size:25px}.brand span{font-size:32px;height:20px}.menu-button{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px 6vw;background:var(--cream);flex-direction:column;align-items:flex-start;gap:16px;box-shadow:0 12px 18px #12233d1a}nav.open{display:flex}.hero{min-height:650px;padding:90px 7vw;background:linear-gradient(90deg,rgba(248,247,242,.98) 0%,rgba(248,247,242,.72) 75%,rgba(248,247,242,.25)),url('assets/gateau-basque-hero.png') 62%/cover}.hero-note{right:7vw}.intro,.approach,.order{padding:80px 7vw;grid-template-columns:1fr;gap:28px}.intro-copy{padding:0}.section-heading h2,.approach h2{font-size:46px}.collections{padding:75px 6vw}.section-title h2,.seasonal h2{font-size:43px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-art{height:220px}.product:last-child{grid-column:1/-1;max-width:50%;width:100%;justify-self:center}.seasonal{grid-template-columns:1fr}.seasonal-visual{min-height:370px}.seasonal-copy{padding:76px 9vw}.values article{grid-template-columns:32px 1fr}.values p{grid-column:2}.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{gap:10px;flex-direction:column}}
@media(max-width:430px){h1{font-size:47px;letter-spacing:-2px}.hero-text{font-size:14px}.hero-note{display:none}.product-grid{gap:10px}.product-art{height:175px}.product h3{font-size:20px}.product:last-child{max-width:100%}.seasonal-visual{min-height:290px}}