*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#562931;background:#f6efe4;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:85px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #56293125}header a{font-size:10px;letter-spacing:1.5px}header img{width:130px}h1,h2,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400}small,.topline,.table-bottom,figcaption{font-size:9px;letter-spacing:1.5px}.tasting{height:240vh}.table{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;background:#edc8c6;padding:35px 5%;transition:background .25s}.topline,.table-bottom{display:flex;justify-content:space-between}.table h1{font-size:clamp(70px,9vw,150px);line-height:.91;position:absolute;left:5%;top:15%;z-index:2;transform:translateY(calc(var(--p,0)*-50px));opacity:calc(1 - var(--p,0)*1.4)}.dish{position:absolute;width:67%;right:-3%;bottom:7%;transform:translate(calc(var(--p,0)*-35vw),calc(var(--p,0)*-3vh)) scale(calc(1 - var(--p,0)*.15));transform-origin:center}.dish img{width:100%;filter:drop-shadow(0 30px 25px #56293125)}.tasting-copy{position:absolute;right:8%;top:30%;opacity:var(--p,0);transform:translateY(calc((1 - var(--p,0))*50px));max-width:35%}.tasting-copy h2{font-size:clamp(40px,5vw,78px);line-height:1.05;margin:30px 0}.tasting-copy p{font-size:14px;line-height:1.8}.table-bottom{position:absolute;bottom:30px;left:5%;right:5%;padding-top:20px;border-top:1px solid #56293140}.craft{background:#f6efe4;padding:110px 5%;display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.craft-copy h2{font-size:clamp(65px,7vw,108px);line-height:1;margin:35px 0}.craft-copy>p{font-size:23px}.craft-copy .note{font-size:14px;line-height:1.9;max-width:330px;margin:25px 0 40px}.craft-copy a{font-size:12px;border-bottom:1px solid;padding:12px 0;display:inline-block}.craft-copy a span{margin-left:50px}.film-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.film-pair figure{margin:0}.film-pair figure:last-child{margin-top:160px}video{display:block;width:100%;aspect-ratio:9/16;pointer-events:none}figcaption{font-size:8px;margin-top:17px;line-height:1.6}.expression{padding:60px 5% 100px;background:#562931;color:#f6efe4}.campaign{height:760px;position:relative;margin-top:50px;border-top:1px solid #ffffff40;overflow:hidden}.campaign-title{position:absolute;top:55px;left:0;z-index:2}.campaign-title>span{font-size:12px;letter-spacing:5px}.campaign h2{font-size:clamp(70px,10vw,155px);line-height:.9;margin:25px 0 35px}.campaign p{font-size:12px;line-height:1.8}.campaign>img:not(.mark){position:absolute;right:-5%;bottom:0;width:66%}.campaign .mark{width:150px;position:absolute;right:0;top:55px}footer{text-align:center;padding:90px 5%}footer p,footer small{font-size:10px;letter-spacing:2px}footer h2{font-size:70px;line-height:1.1;margin:30px}footer a{display:inline-block;border-bottom:1px solid;font-size:12px;padding:12px;margin-bottom:40px}footer small{display:block;line-height:1.8}@media(max-width:700px){header{height:70px}header img{width:95px}header a{font-size:7px;letter-spacing:.7px}.table{min-height:650px}.topline{font-size:7px}.topline span:last-child{display:none}.table h1{font-size:66px;top:17%}.dish{width:110%;right:-10%;bottom:17%;transform:translateY(calc(var(--p,0)*20vh)) scale(calc(1 - var(--p,0)*.18))}.tasting-copy{top:15%;left:7%;right:auto;max-width:85%}.tasting-copy h2{font-size:49px;margin:20px 0}.tasting-copy p{font-size:12px}.table-bottom{font-size:7px}.table-bottom span:last-child{display:none}.craft{padding:65px 6%;grid-template-columns:1fr;gap:45px}.craft-copy h2{font-size:65px}.film-pair{gap:15px}.film-pair figure:last-child{margin-top:80px}.expression{padding:40px 6%}.campaign{height:670px}.campaign h2{font-size:70px}.campaign>img:not(.mark){width:125%;right:-17%;bottom:20px}.campaign .mark{width:80px;top:auto;bottom:0}.campaign p{font-size:11px}footer h2{font-size:49px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tasting{height:auto}.table{--p:0!important}.tasting-copy{display:none}}.tasting-copy{opacity:clamp(0,calc((var(--p,0) - .62)*2.64),1)}
@media(min-width:701px){.dish{transform:translate(calc(var(--p,0)*-38vw),calc(var(--p,0)*-3vh)) scale(calc(1 - var(--p,0)*.22))}}

header nav{display:flex;gap:25px}section[id]{scroll-margin-top:25px}.bts{padding:90px 5%;background:#e2d8c4}.bts-intro{display:grid;grid-template-columns:.7fr 1.4fr 1fr;gap:35px;align-items:end;margin-bottom:55px}.bts-intro h2{font-size:70px;line-height:1.05}.bts-intro p{font-size:13px;line-height:1.8}.bts-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:start}.bts figure{margin:0}.bts figure:nth-child(2){margin-top:90px}.bts figure:nth-child(3){margin-top:180px}.bts video{aspect-ratio:9/16;object-fit:contain}.bts figcaption{border-top:1px solid #56293140;padding-top:18px}.bts h3{font-family:Georgia,serif;font-size:30px;letter-spacing:0;font-weight:400;margin:12px 0}.choux{padding:100px 12%;display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:center;background:#f6efe4}.choux h2,.launch h2{font-size:clamp(48px,6vw,90px);line-height:1.06;margin:30px 0}.choux p,.launch p{font-size:13px;line-height:1.9}.choux figure{margin:0}.launch{background:#28372d;color:#f6efe4;padding:65px 5%}.launch-heading{margin-bottom:55px}.launch video{aspect-ratio:16/9;height:auto}.launch-heading small{color:#e7cf87}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}@media(max-width:700px){header nav{gap:10px}header nav a{max-width:65px;line-height:1.5}.bts{padding:50px 6%}.bts-intro{display:block}.bts-intro h2{font-size:50px;margin:25px 0}.bts-strip{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding-bottom:20px}.bts-strip figure{flex:0 0 78%;scroll-snap-align:start;margin-top:0!important}.bts h3{font-size:27px}.choux{padding:60px 6%;grid-template-columns:1fr;gap:35px}.choux figure{width:80%;margin:auto}.launch{padding:45px 6%}.launch h2{font-size:46px}}

/* Mobile refinement of the original overlay composition. */
@media(max-width:800px){
 .atlas-hero .atlas-heading{top:40%;left:6%;max-width:88%}
 .atlas-hero .atlas-heading h1{font-size:clamp(40px,12vw,64px);line-height:.96;margin:22px 0 18px}
 .atlas-hero .atlas-heading .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.1em;display:block;max-width:34em}
 .atlas-hero .atlas-heading p{font-size:12px;line-height:1.7;max-width:29em}
 .atlas-hero .atlas-dock{bottom:22px}
 .atlas-hero .atlas-guide{font-size:8px;line-height:1.5}
 .atlas-hero #atlas-countries button{min-height:42px;padding:10px 13px;font-size:11px}
 .atlas-hero .atlas-legend{font-size:8px;line-height:1.5;color:#a8bac5;gap:6px 12px}
 .atlas-hero .atlas-legend>span:last-child{flex-basis:100%}
 .atlas-hero .atlas-top{top:96px}
}
@media(max-width:800px) and (max-height:720px){
 .atlas-hero .atlas-heading{top:32%}
 .atlas-hero .atlas-heading h1{font-size:clamp(38px,11.5vw,52px);margin:16px 0 14px}
 .atlas-hero .atlas-heading p{font-size:11px}
}
/* Make the compact project navigation readable and usable by touch. */
@media(max-width:700px){
 body:has(.opening-product)>header{height:auto;min-height:96px;flex-wrap:wrap;padding:12px 6% 0;gap:6px}
 body:has(.opening-product)>header nav{order:3;flex:0 0 100%;max-width:100%;overflow-x:auto;gap:22px;font-size:11px;letter-spacing:0;white-space:nowrap;scrollbar-width:thin}
 body:has(.opening-product)>header nav a{display:flex;align-items:center;min-height:44px;flex:none}
 body:has(.tasting)>header{height:auto;min-height:104px;flex-wrap:wrap;padding:14px 6% 0;gap:12px}
 body:has(.tasting)>header>a{font-size:9px;letter-spacing:.08em}
 body:has(.tasting)>header img{width:95px}
 body:has(.tasting)>header nav{flex:0 0 100%;justify-content:space-between;gap:20px}
 body:has(.tasting)>header nav a{font-size:11px;min-height:40px;max-width:none;display:flex;align-items:center;letter-spacing:.06em}
 body:has(.atlas-hero) .chapters a{display:flex;align-items:center;min-height:40px}
 body:has(.atlas-hero) .chapters{padding-block:5px}
}

/* Compact landmark strip: keep the selected map visible on mobile. */
@media(max-width:800px){
 .atlas-hero .atlas-card{top:132px;left:50%;right:auto;width:88%;max-width:370px;display:grid;grid-template-columns:84px minmax(0,1fr);transform:translate(-50%,12px);box-shadow:0 12px 32px #0003}
 .atlas-hero .atlas-card.visible{transform:translate(-50%,0)}
 .atlas-hero .atlas-card-art,.atlas-hero .atlas-card-art:has(img){grid-column:1;grid-row:1;height:116px!important;min-height:0}
 .atlas-hero .atlas-card-art img{position:absolute;inset:0;width:100%;height:100%}
 .atlas-hero .atlas-card-art>span{display:none}
 .atlas-hero .atlas-card-copy{grid-column:2;grid-row:1;padding:9px 11px}
 .atlas-hero .atlas-card-copy>span{font-size:7px;letter-spacing:.1em}
 .atlas-hero .atlas-card-copy h2{font-size:19px;line-height:1.15;margin:4px 0 7px}
 .atlas-hero #atlas-branches{gap:4px}
 .atlas-hero #atlas-branches button{min-height:26px;padding:5px 6px;font-size:9px;line-height:1.4;border-radius:3px}
 .atlas-hero #atlas-branches a{font-size:9px;margin:3px 0 0}
 .atlas-hero .landmark-credit{grid-column:1/-1;grid-row:2;padding:4px 8px;font-size:7px;border-bottom:0;border-top:1px solid #ffffff18}
 .atlas-hero #atlas-countries{gap:6px;padding-bottom:8px}
 .atlas-hero #atlas-countries button{min-height:30px;padding:6px 11px;font-size:10px;line-height:16px}
 .atlas-hero .atlas-guide{margin-bottom:10px}
 .atlas-hero .atlas-legend{margin-top:10px}
}