:root {--bg:#f6efe4; --surface:rgba(255, 255, 255, 0.54); --surface-strong:rgba(255, 255, 255, 0.82); --text:#1d1b1a; --muted:rgba(29, 27, 26, 0.68); --accent:#d95d39; --accent-dark:#763626; --line:rgba(29, 27, 26, 0.12); --shadow:0 30px 90px rgba(58, 31, 18, 0.12);}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}
html {scroll-behavior:auto;}
body.is-loading-scroll {overflow:hidden; height:100vh; touch-action:none;}
img {display:block; max-width:100%;}
section {position:relative; background:#fff;}
main {overflow:clip;}
#vertical-story {height:350vh; background:#f1f6f6; transition: .3s all ease-in-out;}
#vertical-story h2 {width:100%; text-align:center; font-family:"Kalnia", sans-serif; margin-top: 5rem;}
#vertical-story h2.animations-last{display: none;}
.panel-stack {height:325vh; position:relative; isolation:isolate; z-index:1;}
.panel-stack.is-pinned {z-index:5;}
.panel-stack .panel-stack__pin {display:flex; flex-wrap:wrap; max-width:100%; margin:auto; align-items:center; position:relative; z-index:2;}
.panel-stack__copy {width:45%; padding-top:50px;}
.panel-stack__copy.has-sequence {position:relative;}
.panel-stack__copy.has-sequence p {position:absolute; top:55%; left:0; width:100%;}
.panel-stack__viewport img {width:100%; height:100%; object-fit: fill;}
.taste.panel-stack .olive-branch {position:absolute; left:0; top:40px; z-index:1;}
.taste.panel-stack .panel-stack__pin {position:relative; z-index:2;}
.carAnim {width:100%; position:absolute; padding:0 0 24px; top:60%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.carAnim #path {width:100%; display:block; overflow:visible;}
.carAnim #car {display:block; width:40px; position:absolute; top:0; left:0; z-index:2; transform-box:fill-box; transform-origin:50% 50%; pointer-events:none; will-change:transform;}
.panel-stack__copy h2, .h-gallery__intro h2 {margin:0; font-family:"Space Grotesk", sans-serif; font-weight:700; line-height:0.96; letter-spacing:-0.05em;}
.panel-stack__copy p, .h-gallery__intro p, .story-card p, .h-card p, .transition-banner p, .intro-strip p {line-height:1.7;}
.panel-stack__pin {grid-template-columns:minmax(260px, 0.8fr) minmax(0, 1fr); }
.panel-stack__copy h2, .h-gallery__intro h2, .outro h2 {font-size:clamp(2.6rem, 5vw, 5.2rem); margin-bottom:1rem;}
.panel-stack__viewport {position:relative; height:min(72vh, 460px); width: 55%; border-radius:32px; overflow:hidden;}
.story-card {position:absolute; inset:0; border-radius:32px;  border:1px solid rgba(255, 255, 255, 0.45); opacity:0; transform:translateY(20%); }
.story-card img {border-radius:32px; height:80%; width: 100%;}
.story-card.is-active {opacity:1;}
.taste-story__controls {display:none;}
#taste-story .panel-stack__pin > h2 {width: 100%;text-align: center;font-family: "Kalnia", sans-serif; margin: 125px 0 50px; }
#taste-story .panel-stack__pin .panel-stack__copy{margin-top: 0; padding-top: 0;}
#taste-story .panel-stack__pin .panel-stack__copy p{padding-top: 80px;}
#taste-story .panel-stack__pin .panel-stack__viewport {margin-top: -30px; margin-right: 100px;}
#taste-story .panel-stack__pin {width:100%; margin:0 auto; justify-content:space-between;}
#vertical-story .panel-stack__viewport {overflow:hidden;}
#vertical-story .panel-stack__copy.has-sequence {min-height:7rem; overflow:hidden;}
#vertical-story .panel-stack__copy.has-sequence p {padding-right:2rem;}
#vertical-story .story-card {opacity:1; will-change:transform, opacity;}
.story-card__index, .h-card__tag {display:inline-flex; width:fit-content; padding:0.45rem 0.8rem; border-radius:999px; background:rgba(29, 27, 26, 0.08); color:rgba(29, 27, 26, 0.8); font-size:0.85rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;}
.story-card h3, .h-card h3 {margin:1.25rem 0 0.75rem; font-family:"Space Grotesk", sans-serif; font-size:clamp(2rem, 4vw, 3.4rem); line-height:1;}
.h-gallery {padding-left:0!important; padding-right:0!important; position:relative; z-index:1; background:#f1f6f6;}
.h-gallery__pin { display:grid; align-items:stretch; grid-template-rows:auto minmax(0, 1fr); width:100%; gap:0;}
.h-gallery__intro {max-width:760px; padding:0 3rem 1.5rem;}
.h-gallery__viewport {overflow:hidden; width:100%; max-height: 100vh; display:flex; align-items:center; touch-action:pan-y;}
.h-gallery__track {display:flex; align-items:center; gap:0; width:max-content; height:auto; padding-right:0;}
.h-card {width:100vw; min-width:100vw; min-height:0; border-radius:0; display:flex; flex-direction:column; justify-content:flex-end; align-items: center;}
.h-card--night {color:#f8f4ef; background:linear-gradient(180deg, rgba(14, 24, 52, 0.22), rgba(14, 24, 52, 0.92)), linear-gradient(135deg, #3454d1, #0d1b3d);}
.h-card--sand {background:linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.56)), linear-gradient(135deg, #f8d9a0, #e3aa5f);}
.h-card--berry {color:#fff8f8; background:linear-gradient(180deg, rgba(22, 7, 26, 0.14), rgba(22, 7, 26, 0.88)), linear-gradient(135deg, #ff7a90, #772b72);}
.h-card--forest {color:#f6fbf7; background:linear-gradient(180deg, rgba(14, 29, 18, 0.16), rgba(14, 29, 18, 0.92)), linear-gradient(135deg, #7bb28c, #123524);}
.outro {padding-top:8rem;}
.outro__content {padding:clamp(2rem, 5vw, 4rem); border-radius:36px; background:var(--surface-strong); border:1px solid rgba(255, 255, 255, 0.5); box-shadow:var(--shadow);}


@media (max-width: 1750px) {
  .panel-stack__pin .panel-stack__copy{ margin-top: 0px;}
  #taste-story .panel-stack__pin .panel-stack__copy p{padding-top: 0 !important;}
  #taste-story .panel-stack__pin .panel-stack__viewport {margin-top: -120px;}
  #vertical-story h2{margin-top: 2rem;}
  #vertical-story .panel-stack__viewport{margin-top: -50px;}
  .panel-stack__copy.has-sequence p{top: 35%;}
  #vertical-story{height: 360vh;}
  
}
@media (max-width: 1500px) {
  #vertical-story .panel-stack__viewport{margin-top: -50px;}
  #taste-story .panel-stack__pin > h2{margin: 75px 0 ;}
 
  
}
@media (max-width: 1024px) {
  #taste-story .panel-stack__pin .panel-stack__viewport{margin: 0 auto; width: 90%;}
  .h-gallery__viewport {overflow:visible;  max-height: unset ;}
  .carousel .carousel__body {touch-action:pan-y;}

  #taste-story .panel-stack__pin .panel-stack__viewport{margin-top: -30px;}
  .panel-stack__pin {grid-template-columns:1fr; }
  .panel-stack__viewport {height:min(30vh, 520px);}
  .h-gallery__intro {padding-inline:1.5rem;}
  .h-card {padding:2rem 1.5rem 0.5rem;}
  #vertical-story .panel-stack__viewport{width: 100%; margin-top: -15px;}
  .panel-stack__copy{width: 100%; text-align: center;}
  .carAnim #car{width: 30px;}
  #vertical-story h2{font-size: 1.4em;}
  #vertical-story .panel-stack__copy.has-sequence{min-height: 3.8rem;}
  #vertical-story .panel-stack__copy.has-sequence p {padding-right:0rem; top: 0; font-size: 18px;}
  .panel-stack__copy{padding-top: 10px;}
  #taste-story .panel-stack__viewport {height:min(35vh, 680px); }
  .panel-stack__pin .panel-stack__viewport{margin-top: -45px;}
  #taste-story .panel-stack__pin > h2{margin: 100px 0 25px;}
  #taste-story .panel-stack__pin .panel-stack__copy p{padding-top: 0px;}
  #taste-story.taste-story--mobile-slider {height:auto;}
  #taste-story.taste-story--mobile-slider .panel-stack__pin {transform:none!important;}
  #taste-story.taste-story--mobile-slider .panel-stack__viewport {overflow:hidden; touch-action:pan-y;}
  #taste-story.taste-story--mobile-slider .story-card {pointer-events:none;}
  #taste-story.taste-story--mobile-slider .story-card.is-active {pointer-events:auto;}
  #taste-story.taste-story--mobile-slider .taste-story__controls {display:flex; width:100%; justify-content:center; gap:15px; margin-top:18px;}
  #taste-story.taste-story--mobile-slider .taste-story__arrow {display:flex; align-items:center; justify-content:center; position:relative; width:44px; height:44px; border:1px solid #283e3e; border-radius:50%; background:transparent; cursor:pointer;}
  #taste-story.taste-story--mobile-slider .taste-story__arrow:disabled {opacity:0.5; cursor:not-allowed;}
  #taste-story.taste-story--mobile-slider .taste-story__arrow::after {content:""; width:10px; height:10px; border-top:2px solid #283e3e; border-right:2px solid #283e3e; display:block;}
  #taste-story.taste-story--mobile-slider .taste-story__arrow.is-prev::after {transform:rotate(-135deg); margin-left:4px;}
  #taste-story.taste-story--mobile-slider .taste-story__arrow.is-next::after {transform:rotate(45deg); margin-right:4px;}
  .story-card img{object-fit: cover !important;}
  .vertical-story--mobile-slider{height: auto !important; padding: 30px 30px 0;}
  .vertical-story--mobile-slider .panel-stack__viewport{touch-action:pan-y;}
}

@media (max-width: 767px) {
  #vertical-story .panel-stack__copy.has-sequence{min-height: 6rem;}

}
@media (max-width: 640px) {
  .hero, .outro {padding-inline:1rem;}
  .panel-stack__pin, .h-gallery__pin {width:100%;}
  .panel-stack {height:270vh;}
  .outro__content {border-radius:24px;}
}