@font-face{font-family:"Cormorant Garamond";src:url("fonts/CormorantGaramond-Regular.ttf") format("truetype");font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/CormorantGaramond-Italic.ttf") format("truetype");font-style:italic;font-weight:300 700;font-display:swap}
:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#080f17}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
button{font:inherit;cursor:pointer}
a{color:inherit}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.experiences-stage{display:grid;grid-template-rows:51.5% 48.5%;height:100svh;min-height:800px;overflow:hidden;background:#080f17}
.experiences-hero{position:relative;isolation:isolate;min-height:0;overflow:hidden}
.experiences-hero-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.experiences-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,14,25,.73) 0%,rgba(5,16,27,.36) 34%,transparent 64%),linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(1,9,16,.32) 21%,transparent 50%);pointer-events:none}
.experiences-intro{position:absolute;top:clamp(34px,5.8vh,58px);left:clamp(30px,6.8vw,115px);width:min(640px,49vw);text-shadow:0 2px 12px #0209118c}
.experiences-kicker{display:inline-block;margin-bottom:14px;color:#d6a367;text-decoration:none;font-size:clamp(11px,.91vw,15px);font-weight:400;letter-spacing:.245em;white-space:nowrap;transition:color .2s}
.experiences-kicker:hover{color:#f4d6a9}
.experiences-intro h1{margin:0;font:400 clamp(48px,3.9vw,67px)/.82 "Cormorant Garamond",Georgia,serif;letter-spacing:-.017em;white-space:nowrap}
.experiences-intro h1 em{color:#e0af77;font-weight:400;letter-spacing:.035em}
.experiences-rule{display:block;width:min(395px,82%);height:1px;margin:16px 0 14px;background:#f1eee7;box-shadow:0 1px 5px #fff5}
.experiences-intro p{max-width:555px;margin:0;color:#fff;font-size:clamp(13px,.9vw,15.5px);line-height:1.2;letter-spacing:.006em}
.experiences-intro p strong{font-weight:600}
.experiences-primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:285px;min-height:49px;margin-top:12px;padding:0 20px 0 26px;border:1px solid #e7c58f;background:linear-gradient(135deg,#eed09e,#d7ab72);box-shadow:inset 0 1px 0 #fff9,0 3px 0 #8c643d,0 11px 20px #0009;color:#0c1723;text-decoration:none;font-size:14px;letter-spacing:.045em;text-shadow:none;transition:transform .2s,box-shadow .2s}
.experiences-primary-cta span:last-child{font-size:25px;line-height:1}
.experiences-primary-cta:hover,.experiences-primary-cta:focus-visible{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 6px 0 #8c643d,0 16px 25px #000a}
.experiences-primary-cta:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff9,0 1px 0 #8c643d,0 5px 10px #0009}
.experiences-navigation{position:absolute;right:clamp(25px,2.8vw,48px);bottom:0;left:clamp(30px,6.8vw,115px);display:flex;align-items:end;gap:clamp(25px,3vw,50px);height:60px}
.experiences-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;align-items:stretch;gap:clamp(16px,2.8vw,48px);height:100%}
.experience-tab{min-width:0;height:100%;padding:0 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:#fff;text-align:left;white-space:nowrap;font-size:clamp(11px,.92vw,15px);letter-spacing:.14em;text-shadow:0 2px 10px #000e;transition:color .2s,border-color .2s}
.experience-tab.is-active{border-bottom-color:#e2b779}
.experience-tab:hover{color:#efd1a4}
.experiences-arrows{display:flex;gap:14px;align-items:center;height:100%;padding-bottom:5px}
.experiences-arrows button{display:grid;place-items:center;width:41px;height:41px;padding:0;border:1.5px solid #fff;border-radius:50%;background:#07131f30;color:#fff;font-size:27px;font-weight:300;line-height:1;box-shadow:0 3px 9px #0007;transition:transform .2s,background .2s}
.experiences-arrows button:hover{transform:translateY(-2px);background:#ffffff35}
.experiences-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-height:0;padding:0 clamp(18px,1.5vw,25px);background:linear-gradient(180deg,#0b1014,#18191b);overflow:hidden}
.experience-card{position:relative;display:grid;grid-template-rows:52% 48%;min-width:0;min-height:0;border:1px solid #c2c0bb;border-right:0;background:#f6f4f0;color:#111;transition:box-shadow .25s,transform .25s}
.experience-card:last-child{border-right:1px solid #c2c0bb}
.experience-card::after{content:"";position:absolute;inset:-1px;border:2px solid transparent;pointer-events:none;transition:border-color .25s}
.experience-card.is-active::after{border-color:#e3b374}
.experience-card:hover{z-index:1;box-shadow:0 12px 25px #0006}
.experience-card img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.experience-card-photo-link{display:block;min-height:0;overflow:hidden}
.experience-card-copy{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:clamp(11px,1vw,18px) clamp(18px,2.3vw,40px) clamp(17px,1.5vw,27px);background:linear-gradient(145deg,#fdfbf8,#f3f0ec)}
.experience-card-number{display:flex;align-items:center;gap:9px;margin:0 0 7px;color:#797a79;font-size:11px;letter-spacing:.09em}
.experience-card-number span{width:26px;height:1px;background:#95938f}
.experience-card h2{margin:0 0 10px;font:500 clamp(25px,1.9vw,34px)/.89 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em;white-space:nowrap}
.experience-card:last-child h2{font-size:clamp(25px,1.7vw,29px);letter-spacing:-.035em}
.experience-card-description{max-width:335px;margin:0;color:#484a4c;font-size:clamp(12px,.9vw,15px);line-height:1.3}
.experience-card-copy>a{display:flex;align-items:center;gap:9px;max-width:100%;margin-top:auto;padding-top:10px;color:#111;text-decoration:none;white-space:nowrap;font-size:clamp(10px,.73vw,12px);font-weight:600;letter-spacing:.005em}
.experience-card-copy>a span:first-child{padding-bottom:3px;border-bottom:1px solid #d2a36a}
.experience-card-copy>a span:last-child{color:#cf985c;font-size:25px;font-weight:300;line-height:.7;transition:transform .2s}
.experience-card-copy>a:hover span:last-child{transform:translateX(4px)}
.experiences-page :focus-visible{outline:2px solid #f3c780;outline-offset:3px}
@media(max-height:850px) and (min-width:901px){
  .experiences-intro{top:28px}
  .experiences-kicker{margin-bottom:8px}
  .experiences-intro h1{font-size:clamp(44px,3.55vw,60px)}
  .experiences-rule{margin:10px 0}
  .experiences-primary-cta{margin-top:12px;min-height:43px}
  .experiences-navigation{height:51px}
  .experience-card-copy{padding-bottom:16px}
  .experience-card h2{font-size:clamp(24px,1.75vw,30px)}
}
@media(max-width:1200px){
  .experiences-intro{width:min(590px,58vw)}
  .experiences-navigation{left:clamp(25px,4vw,55px)}
  .experiences-tabs{gap:10px}
  .experience-tab{font-size:11px;letter-spacing:.09em;padding:0 5px}
  .experiences-arrows{gap:7px}
  .experiences-arrows button{width:36px;height:36px;font-size:23px}
  .experience-card-copy{padding-inline:18px}
  .experience-card h2{font-size:clamp(23px,2.3vw,30px)}
  .experience-card-description{font-size:12px}
  .experience-card-copy>a{font-size:9px}
}
@media(max-width:900px){
  .experiences-stage{display:block;height:auto;min-height:0;overflow:visible}
  .experiences-hero{height:650px}
  .experiences-hero-photo{object-position:62% 34%}
  .experiences-hero-shade{background:linear-gradient(90deg,#061525d9 0%,#06152587 58%,#06152533),linear-gradient(0deg,#000e,transparent 34%)}
  .experiences-intro{top:54px;left:28px;width:min(580px,calc(100% - 56px))}
  .experiences-intro h1{font-size:clamp(48px,7.2vw,65px)}
  .experiences-intro p{font-size:15px}
  .experiences-navigation{left:20px;right:20px;height:62px;gap:12px}
  .experiences-tabs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
  .experiences-tabs::-webkit-scrollbar{display:none}
  .experience-tab{flex:0 0 auto;padding:0 10px;font-size:12px;scroll-snap-align:start}
  .experiences-arrows{flex:none}
  .experiences-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:15px;background:#111922}
  .experience-card{grid-template-rows:235px minmax(230px,auto);border:1px solid #c2c0bb}
  .experience-card:last-child{border-right:1px solid #c2c0bb}
  .experience-card h2{font-size:32px}
  .experience-card-description{font-size:14px}
  .experience-card-copy>a{font-size:10px}
}
@media(max-width:600px){
  .experiences-hero{height:680px}
  .experiences-hero-photo{object-position:66% 31%}
  .experiences-hero-shade{background:linear-gradient(90deg,#061525e8,#06152595),linear-gradient(0deg,#000e,transparent 43%)}
  .experiences-intro{top:56px;left:21px;width:calc(100% - 42px)}
  .experiences-kicker{font-size:11px;letter-spacing:.18em}
  .experiences-intro h1{font-size:clamp(41px,10.5vw,58px);line-height:.88}
  .experiences-rule{width:78%;margin:18px 0 14px}
  .experiences-intro p{font-size:14px;line-height:1.35}
  .desktop-break{display:none}
  .experiences-primary-cta{min-width:0;width:min(315px,100%);min-height:49px;margin-top:20px;font-size:12px}
  .experiences-navigation{left:10px;right:10px;gap:5px;height:58px}
  .experience-tab{font-size:10px;letter-spacing:.09em}
  .experiences-arrows{gap:4px}
  .experiences-arrows button{width:29px;height:29px;font-size:20px}
  .experiences-collection{grid-template-columns:1fr;gap:13px;padding:13px}
  .experience-card{grid-template-rows:220px minmax(200px,auto)}
  .experience-card-copy{padding:18px 23px 22px}
  .experience-card h2{font-size:35px}
  .experience-card-description{font-size:14px}
  .experience-card-copy>a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.experiences-page *{transition:none!important}}
.experiences-stage{grid-template-rows:60% 40%;min-height:1000px}
.experiences-intro{top:clamp(116px,12vh,145px)}
@media(max-height:850px) and (min-width:901px){.experiences-intro{top:112px}}
@media(max-width:900px){.experiences-stage{min-height:0}.experiences-hero{height:740px}.experiences-intro{top:130px}}
@media(max-width:600px){.experiences-hero{height:750px}.experiences-intro{top:125px}}