/* LIPE: a cinematic opening and an editorial rhythm, built around the original palette. */
:root{--ease-out:cubic-bezier(.19,1,.22,1);--deep-olive:#202b24}
.hero-bottom{display:none}
.concept-photo{display:none}
.heading-accent{font-weight:400}
.footer-signoff{display:flex;flex-wrap:wrap;gap:0 .22em;font:400 clamp(40px,7.7vw,112px)/1.2 var(--serif);letter-spacing:-.055em;padding-block:15px 52px}
.footer-signoff>span:last-child{color:var(--accent)}
.message-subject>span{color:var(--accent)}

@media(min-width:901px){
 html{scroll-padding-top:112px}
 .wrap{width:min(1360px,calc(100% - 128px))}
 .section{padding-block:110px}
 .eyebrow{font-size:10px;letter-spacing:.21em;margin-bottom:22px}
 .header{position:fixed;inset:0 0 auto;background:transparent;color:#fff9ed;border-bottom:1px solid #ffefd322;transition:background .45s,color .45s,box-shadow .45s,border-color .45s}
 .header-inner{width:calc(100% - 112px);height:100px;max-width:1500px}
 .header .brand-wordmark{width:104px;filter:invert(1);transition:filter .45s}
 .header .brand>small{display:block;color:inherit;font-size:8px;letter-spacing:.13em;line-height:1.75}
 .desktop-nav{gap:30px}
 .desktop-nav a{font-size:13px}
 .desktop-nav a:after{background:currentColor}
 .header-cta{font-size:12px;padding:12px 20px;border-color:#f8efdd66}
 .header-cta:hover,.header-cta:focus-visible{color:var(--ink)}
 .header.is-scrolled{background:#faf9f6fa;color:var(--ink);border-color:#ded8cc;box-shadow:0 4px 30px #18221b0b}
 .header.is-scrolled .brand-wordmark{filter:none}
 .header.is-scrolled .header-cta{border-color:#ad9a79}
 .header.is-scrolled .header-inner{height:82px}
 .header-inner{transition:height .45s var(--ease-out)}

 .hero.wrap{width:100%;max-width:none;margin:0;padding:0;display:flex;align-items:center;min-height:800px;height:100svh;max-height:1080px;position:relative;overflow:hidden;isolation:isolate;background:#242d24;color:#fff8e8}
 .hero-image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;box-shadow:none;animation:sceneOpen 1.7s var(--ease-out) both}
 .hero-image>img{width:100%;height:100%;object-position:center 56%;animation:photoSettle 2.4s var(--ease-out) backwards}
 .hero-image:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#15231fe8 0%,#17251fb0 29%,#19291f1a 66%,#13221f0a 100%),linear-gradient(0deg,#14251eeb 0%,transparent 27%,transparent 80%,#14211c55 100%)}
 .hero-image:after{animation:heroLight 2.2s .4s var(--ease-out) both;opacity:.3}
 .hero-image .image-label{display:none}
 .hero-copy{position:relative;width:min(1360px,calc(100% - 128px));margin:auto;padding:118px 0 173px;z-index:2}
 .hero-copy>.eyebrow{color:#e9d0a9;font-size:10px;letter-spacing:.25em;animation:softArrive 1.2s .18s both}
 .hero h1{max-width:950px;font-weight:400;font-size:clamp(70px,6.8vw,110px);line-height:1.035;letter-spacing:-.055em;margin:24px 0 24px}
 .hero h1 em{font-weight:400;color:#e7c49b}
 .title-line{padding:.05em .1em .16em 0;margin-bottom:-.16em}
 .title-line>*{animation-duration:1.35s;animation-timing-function:var(--ease-out)}
 .title-line:nth-child(1)>*{animation-delay:.2s}
 .title-line:nth-child(2)>*{animation-delay:.34s}
 .title-line:nth-child(3)>*{animation-delay:.48s}
 .hero-summary{max-width:415px;color:#f3eddfcf;font-size:14px;line-height:1.8;animation-delay:.65s}
 .hero-detail{display:none}
 .hero-actions{margin-top:28px;gap:26px;animation-delay:.8s}
 .hero-actions .button{min-height:54px;padding:16px 24px;background:#ebd7b5;color:#263025;font-size:12px;gap:32px}
 .hero-actions .button:hover{background:#f7e6c9;box-shadow:0 8px 32px #ebc78126}
 .hero-actions .text-link{font-size:12px;color:#f7eddc;border-color:#f7eddc66;padding-block:11px}
 .hero-bottom{position:absolute;bottom:34px;left:max(64px,calc((100% - 1360px)/2));right:max(64px,calc((100% - 1360px)/2));z-index:3;display:flex;gap:60px;align-items:center;animation:softArrive 1.2s 1.05s both}
 .hero-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;border-top:1px solid #f7ecd93d}
 .hero-rail>a{display:block;position:relative;padding:22px 30px 7px 0;transition:color .4s}
 .hero-rail>a:before{content:'';position:absolute;left:0;right:25px;top:-1px;height:1px;background:#efd5a8;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease-out)}
 .hero-rail>a:hover:before,.hero-rail>a:focus-visible:before{transform:scaleX(1)}
 .hero-rail span{display:block;color:#ddcaa5;font-size:8px;letter-spacing:.16em;margin-bottom:6px}
 .hero-rail strong{font-size:11px;font-weight:500;color:#f7f0e1}
 .hero-rail svg{position:absolute;right:29px;top:25px;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1;transition:transform .5s var(--ease-out)}
 .hero-rail a:hover svg{transform:translate(3px,-3px)}
 .hero-scroll{display:flex;align-items:center;gap:18px;flex:none}
 .hero-scroll>span:first-child{font-size:8px;letter-spacing:.18em;writing-mode:vertical-rl}
 .scroll-track{position:relative;display:block;width:1px;height:52px;background:#f2e7cf44;overflow:hidden}
 .scroll-track:after{content:'';position:absolute;inset:0;background:#e8cd9c;animation:scrollCue 2.6s 1.2s ease-in-out 3}

 h2,.padel-copy h2,.organizer-copy h2{font-size:clamp(42px,4.05vw,64px);line-height:1.14;font-weight:400;letter-spacing:-.045em}
 .section-heading{gap:9%;margin-bottom:50px;align-items:end}
 .section-heading>p{font-size:14px;line-height:1.9;max-width:400px;padding-bottom:5px}
 .concept{display:grid;grid-template-columns:.88fr 1.12fr;gap:7%;padding-block:88px;border-top:0}
 .concept .section-heading{display:block;margin:0}
 .concept h2{font-size:clamp(55px,5.6vw,86px);line-height:1.08}
 .concept .section-heading>p{margin-top:26px;max-width:400px;font-size:15px}
 .concept-photo{display:block;position:relative;overflow:hidden;margin:28px 0 0;aspect-ratio:2/1;width:100%}
 .concept-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
 .concept-photo .photo-note{left:auto;right:12px;bottom:10px;font-size:8px;padding:4px 7px;background:#14211c99}
 .offer-grid{display:flex;flex-direction:column;gap:0;counter-reset:offers}
 .offer-grid article{counter-increment:offers;position:relative;padding:24px 0 24px 62px;border-top:1px solid #d4ccbc}
 .offer-grid article:last-child{padding-bottom:0}
 .offer-grid article:after{content:'0' counter(offers);position:absolute;left:0;top:28px;font:400 16px/1 var(--sans);color:var(--accent);letter-spacing:-.04em}
 .offer-label{font-size:8px;letter-spacing:.23em}
 .offer-grid h3{font-size:30px;font-weight:400;margin:9px 0 12px}
 .offer-grid p{font-size:14px;line-height:1.85;margin-bottom:9px;max-width:400px}
 .offer-grid .text-link{font-size:11px}

 .padel-section{position:relative;background:#ebe7dd;overflow:hidden}
 .padel-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0 60%,#d1bc8e33,transparent 60%);pointer-events:none}
 .split-section{grid-template-columns:1.25fr 1fr;gap:8%;align-items:center;padding-block:110px}
 .padel-photo{margin-left:-64px;width:calc(100% + 64px);box-shadow:0 24px 50px #242a2212}
 .padel-photo>img{aspect-ratio:3/2}
 .padel-copy h2{max-width:500px}
 .intro-text{font-size:15px;line-height:1.85}
 .feature-list>div{grid-template-columns:1fr;gap:4px;padding:13px 0}
 .feature-list dt{font-size:13px}
 .feature-list dd{font-size:13px;line-height:1.85}
 .partner-line{gap:6px;align-items:start;flex-direction:column}
 .partner-line span{font-size:9px;text-transform:uppercase;letter-spacing:.13em}
 .partner-line strong{font-size:20px}

 .venues{padding-bottom:36px}
 .lifestyle{padding-top:52px;padding-bottom:34px;border-top:0}
 .experience-grid{grid-template-columns:1.06fr 1fr;gap:40px 6%;align-items:start}
 .experience-card:first-child{grid-row:span 2}
 .experience-card:first-child>img{aspect-ratio:1.15}
 .experience-card:first-child>div{padding-top:24px}
 .experience-card:first-child h3{font-size:34px;font-weight:400}
 .experience-card:not(:first-child){display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:center}
 .experience-card:not(:first-child)>img{aspect-ratio:.85}
 .experience-card:not(:first-child)>div{padding-top:0}
 .experience-card h3{font-size:27px;font-weight:400}
 .experience-card p:not(.card-label){font-size:14px;line-height:1.85}
 .experience-card p.image-credit{font-size:10px}

 .networking{position:relative;overflow:hidden;background:var(--deep-olive);color:#f6f0e3}
 .networking:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 20%,#bc985f1a,transparent 65%)}
 .networking-layout{position:relative;grid-template-columns:.9fr 1.1fr;gap:65px 8%;padding-block:112px}
 .networking h2{font-size:clamp(42px,4vw,62px)}
 .networking .eyebrow{color:#cfad75}
 .networking-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#f1ecddae;max-width:400px}
 .networking-photo{width:calc(100% + 64px);margin-right:-64px}
 .networking-photo>img{aspect-ratio:1.4}
 .networking-formats{gap:5%}
 .networking-formats article{padding-top:25px;border-color:#ece1c62e}
 .networking-formats article:before{font:400 11px/1 var(--sans);color:#cfad75;letter-spacing:.05em;margin-bottom:20px}
 .networking-formats h3{font-size:27px;font-weight:400;color:#f6f0e3}
 .networking-formats p{font-size:14px;line-height:1.9;color:#f1ecddae;max-width:310px}

 .organizer{grid-template-columns:340px minmax(0,1fr);gap:56px 11%;border-top:0;padding-top:130px}
 .organizer-copy h2{max-width:600px;font-size:clamp(39px,3.7vw,58px)}
 .organizer-copy>p:not(.eyebrow){max-width:590px;font-size:15px;line-height:1.9;margin-top:25px}
 .trust-facts{margin-block:28px}
 .trust-facts>div{padding:15px 0}
 .trust-facts h3{font-size:13px}
 .trust-facts p{font-size:14px;line-height:1.8}
 .organizer-copy>.text-link{font-size:12px}
 .organizer-community{padding:36px 40px;gap:32px;background:linear-gradient(115deg,#eee5d3,#f7f4ed)}
 .community-copy h3{font-size:30px;font-weight:400}
 .community-copy .eyebrow{font-size:9px}
 .community-copy>p:not(.eyebrow){font-size:13px}
 .community-copy>small{font-size:10px}
 .community-action .button{font-size:11px}
 .community-size>strong{font-size:55px;font-weight:400}

 .trip{gap:9%;grid-template-columns:1fr 1fr}
 .trip-title h2{font-size:clamp(37px,3.7vw,57px);font-weight:400;line-height:1.18}
 .trip-title>p:not(.eyebrow){font-size:14px;line-height:1.85}
 .trip-visuals{margin-top:35px;gap:15px}
 .trip-player{margin-top:45px}
 .trip-city{margin-bottom:45px}
 .trip-details{padding-top:18px}
 .trip-details dl>div{padding-block:20px;grid-template-columns:135px 1fr;gap:25px}
 .trip-details dt{font-size:12px}
 .trip-details dd{font-size:14px;line-height:1.85}
 .trip-status{padding:24px 27px;background:#ede8dc;border-left:1px solid #b39767}
 .trip-status strong{font-size:13px}
 .trip-status p{font-size:14px;line-height:1.9}
 .trip-status a{font-size:12px}
 .faq{grid-template-columns:.85fr 1.15fr;gap:12%;padding-block:90px 120px}
 .faq-list details{padding-block:22px}
 .faq-list summary{font-size:14px}
 .faq-list details>p{font-size:14px;line-height:1.85}

 .contact-section{isolation:isolate;position:relative;background:#222d25;border:0;color:#f6f0e3}
 .contact-section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1d2b24e8,#1d2b24a3),url('assets/lipe-hero.jpg') center 53%/cover}
 .contact-layout{grid-template-columns:1.04fr .96fr;gap:12%;padding-block:120px}
 .contact-intro>.eyebrow{color:#d8ba89}
 .contact-intro h2{font-size:clamp(48px,4.5vw,69px);line-height:1.15;font-weight:400}
 .contact-intro .heading-accent{color:#d8ba89}
 .contact-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#f0e9d7b8}
 .contact-trip{border-color:#d9cbaa44}
 .contact-trip>span:first-child{color:#d8ba89}
 .contact-trip>span:last-child{color:#f0e9d7b8}
 .contact-trip strong{font-weight:400;font-size:31px}
 .contact-layout>.contact-card{color:var(--ink);padding:35px;border-color:#fff6df70;box-shadow:0 40px 80px #0a130e30}
 .contact-layout .contact-card-title{font-size:31px;font-weight:400}
 .contact-instruction{font-size:14px}
 .message-text{font-size:14px}
 .message-subject>strong{font-size:12px}
 .contact-layout .contact-fallback{font-size:12px}
 .footer{padding-block:48px 28px;background:#f0ece2}
 .footer-signoff{padding-bottom:70px}
 .footer-main{padding-bottom:40px}
 .footer-main nav{gap:30px;font-size:11px}
 .footer-bottom{font-size:10px}
}

@media(min-width:901px) and (max-width:1100px){
 .header-inner{width:calc(100% - 64px);gap:20px}
 .desktop-nav{gap:20px}
 .header .brand>small{display:none}
 .wrap,.hero-copy{width:calc(100% - 88px)}
 .hero-bottom{left:44px;right:44px;gap:25px}
 .hero-rail strong{font-size:10px}
 .hero-rail svg{right:15px}
 .hero h1{font-size:76px}
 .concept{gap:7%;grid-template-columns:.85fr 1.15fr}
 .offer-grid article{padding-left:44px}
 .offer-grid h3{font-size:26px}
 .split-section{gap:6%;grid-template-columns:1.08fr 1fr}
 .padel-photo{margin-left:-44px;width:calc(100% + 44px)}
 .padel-copy h2{font-size:42px}
 .experience-grid{gap:30px 5%}
 .experience-card:not(:first-child){display:block}
 .experience-card:not(:first-child)>img{aspect-ratio:1.7}
 .experience-card:not(:first-child)>div{padding-top:18px}
 .experience-card:first-child>img{aspect-ratio:.75}
 .experience-card h3{font-size:25px}
 .networking-layout{gap:50px 6%}
 .networking-photo{width:calc(100% + 44px);margin-right:-44px}
 .networking-formats h3{font-size:24px}
 .organizer{grid-template-columns:280px minmax(0,1fr);gap:45px 7%}
 .organizer-portrait{height:410px}
 .organizer-community{grid-template-columns:160px minmax(0,1fr);padding:30px}
 .community-size{grid-row:1/3}
 .community-action{grid-column:2}
 .trip{gap:6%}
 .trip-title h2{font-size:36px}
 .trip-details dl>div{grid-template-columns:100px 1fr;gap:15px}
 .contact-layout{gap:6%}
 .contact-layout>.contact-card{padding:26px}
 .contact-intro h2{font-size:47px}
}

@media(min-width:721px) and (max-width:900px){
 .section{padding-block:65px}
 .hero.wrap{display:block;position:relative;isolation:isolate;width:100%;margin:0;padding:0;background:#202b24;color:#fff6e5;overflow:hidden}
 .hero-image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;box-shadow:none;animation:sceneOpen 1.7s var(--ease-out) both}
 .hero-image>img{height:100%;object-position:65% center}
 .hero-image:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#18271ed9,#1a2c2055),linear-gradient(0deg,#18271ec9,transparent 65%)}
 .hero-image .image-label{display:none}
 .hero-copy{min-height:max(720px,calc(100svh - 82px));padding:90px 44px 80px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
 .hero-copy>.eyebrow{color:#e5c595;font-size:10px;letter-spacing:.2em}
 .hero h1{font-size:clamp(60px,8.3vw,75px);font-weight:400;line-height:1.08;margin-top:24px}
 .hero h1 em{font-weight:400;color:#e5c595}
 .hero-summary{font-size:15px;max-width:400px;color:#f4ecdc}
 .hero-detail{display:none}
 .hero-actions .button{background:#ebd7b5;color:var(--ink)}
 .hero-actions .text-link{color:#f4ecdc;border-color:#f4ecdc66}
 .section-heading{gap:6%}
 .offer-grid{grid-template-columns:1fr;gap:20px}
 .offer-grid article{display:grid;grid-template-columns:1fr 1.1fr;gap:8px 25px}
 .offer-grid h3{grid-column:1;grid-row:2;font-size:27px;margin:0}
 .offer-grid p{grid-column:2;grid-row:1/3;margin:0}
 .offer-grid .text-link{grid-column:2;justify-self:start}
 .experience-grid{grid-template-columns:1fr 1fr;gap:32px}
 .experience-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
 .experience-card:first-child>img{aspect-ratio:1.35}
 .experience-card:first-child>div{padding:0}
 .networking-formats{grid-template-columns:1fr;gap:20px}
 .networking-formats article{padding:20px 0 0 48px}
 .networking-formats article:before{position:absolute;top:25px;left:0}
 .trip,.contact-layout{grid-template-columns:1fr;gap:40px}
 .trip-details dl>div{grid-template-columns:160px 1fr}
 .contact-intro h2{font-size:49px}
 .contact-card{max-width:620px}
 .community-copy h3{font-size:28px}
}

@media(max-width:720px){
 .hero h1{font-weight:400}
 .hero h1 em{font-weight:400}
 .title-line:nth-child(2)>*{animation-delay:.12s}
 .title-line:nth-child(3)>*{animation-delay:.24s}
 .concept h2{font-size:clamp(40px,11vw,51px);line-height:1.1;font-weight:400}
 .networking{background:var(--deep-olive);color:#f5efdf}
 .networking .eyebrow{color:#cead79}
 .networking-intro>p:not(.eyebrow),.networking-formats p{color:#dedfce}
 .networking-formats article{border-color:#e0dcc32b}
 .networking-formats article:before{color:#cead79}
 .footer-signoff{display:block;font-size:clamp(39px,10.7vw,60px);line-height:1.18;padding-bottom:38px;letter-spacing:-.06em}
 .footer-signoff>span{display:inline-block}
}

/* The venue pair shares one baseline and one photographic language. */
.venues .section-heading{align-items:end;margin-bottom:38px}
.venues .section-heading>p{max-width:360px}
.venues .venue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.venues .venue-card{margin:0;background:transparent;border:0;box-shadow:none;min-width:0}
.venues .venue-frame{height:560px;isolation:isolate;background:#28332c}
.venues .venue-frame>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:49% center;transition:transform 1.5s var(--ease-out),filter 1.2s}
.venues .venue-frame>.atlantis-photo{object-position:61% 10%}
.venues .venue-frame:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#14211c55 0%,transparent 25%,#14211c00 35%,#13231db3 73%,#11231eeb 100%)}
.venues .venue-location{position:absolute;left:30px;right:30px;top:27px;z-index:2;display:flex;align-items:center;gap:14px;color:#fff9e9;font-size:9px;letter-spacing:.17em}
.venue-location>span:first-child{font-size:14px;letter-spacing:-.02em;border-right:1px solid #f5e4c455;padding-right:15px}
.venues .venue-caption{z-index:2;left:0;right:0;bottom:0;background:none;padding:35px 32px 32px}
.venue-caption .venue-role{font-size:9px;line-height:1.7;letter-spacing:.16em;font-weight:500;color:#e8c99a;margin-bottom:14px}
.venue-caption h3{font:400 clamp(30px,3.1vw,45px)/1.16 var(--serif);letter-spacing:-.04em;margin:0 0 14px;color:#fff8e9}
.venue-caption .venue-description{font-size:14px;line-height:1.75;max-width:340px;color:#f9f2e5cf;margin:0}
.venue-footer{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #d5cbb8}
.venue-footer a{display:inline-flex;width:100%;align-items:center;justify-content:space-between;gap:20px;min-height:36px;font-size:12px;line-height:1.5;color:var(--ink)}
.venue-footer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .55s var(--ease-out);flex:none}
.venue-footer a:hover svg,.venue-footer a:focus-visible svg{transform:translate(3px,-3px)}
@media(min-width:901px){
 .venues .section-heading{grid-template-columns:1.1fr .9fr;gap:12%}
 .venues h2{font-size:clamp(43px,4vw,61px)}
 .venues .section-heading>p{font-size:14px;line-height:1.9}
 .venues .venue-card.reveal-active figure:after{animation:imageSheen 1.4s .1s ease both;z-index:1}
}
@media(min-width:721px) and (max-width:1100px){
 .venues .venue-grid{gap:20px}
 .venues .venue-frame{height:480px}
 .venues .venue-caption{padding:26px}
 .venues .venue-location{left:26px;right:26px}
 .venue-caption h3{font-size:32px}
 .venue-footer{gap:8px}
 .venue-footer a{font-size:11px;gap:10px}
}
@media(max-width:720px){
 .venues .section-heading{display:block;margin-bottom:28px}
 .venues .section-heading>p{margin-top:20px;max-width:360px;font-size:15px;line-height:1.8}
 .venues .venue-grid{grid-template-columns:1fr;gap:32px}
 .venues .venue-frame{height:auto;aspect-ratio:4/5;min-height:405px}
 .venues .venue-frame>img{position:absolute;inset:0}
 .venues .venue-frame>.atlantis-photo{object-position:61% 37%}
 .venues .venue-location{left:24px;right:24px;top:23px;font-size:8px}
 .venues .venue-caption{padding:26px 24px}
 .venue-caption .venue-role{font-size:8px;letter-spacing:.13em;margin-bottom:11px}
 .venue-caption h3{font-size:32px;margin-bottom:12px}
 .venue-caption .venue-description{font-size:14px;line-height:1.7}
 .venue-footer{padding:10px 0;gap:9px}
 .venue-footer a{font-size:11px;gap:10px;min-height:44px}
}
@media(max-width:360px){
 .venues .venue-caption{padding-inline:20px}
 .venues .venue-location{left:20px;right:20px}
 .venue-caption h3{font-size:28px}
 .venue-footer a{font-size:10px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.venues .venue-card:hover img,.venue-footer a:hover svg,.venue-footer a:focus-visible svg{transform:none}}

/* A short tonal dissolve connects the lifestyle story with the community chapter. */
.networking{
 --chapter-blend:28px;
 position:relative;isolation:isolate;overflow:hidden;padding-top:var(--chapter-blend);
 color:#f6f0e3;
 background:linear-gradient(180deg,var(--bg) 0%,#d5d6cb 30%,#74806e 63%,var(--deep-olive) 100%) top/100% var(--chapter-blend) no-repeat,var(--deep-olive);
}
.networking:after{display:none}
.networking .networking-layout{position:relative;padding-top:56px}
.networking .eyebrow,.networking .networking-formats article:before{color:#cfad75}
.networking .networking-intro>p:not(.eyebrow),.networking .networking-formats p{color:#dedfce}
.networking .networking-formats h3{color:#f6f0e3}
.networking .networking-formats article{border-color:#e0dcc32b}
@media(min-width:721px) and (max-width:900px){
 .venues{padding-bottom:32px}
 .lifestyle{padding-top:44px;padding-bottom:30px;border-top:0}
 .networking{--chapter-blend:24px}
 .networking .networking-layout{padding-top:44px}
}
@media(max-width:720px){
 .venues{padding-bottom:28px}
 .lifestyle{padding-top:36px;padding-bottom:24px;border-top:0}
 .networking{--chapter-blend:20px}
 .networking .networking-layout{padding-top:34px}
}

/* Mobile art direction: uninterrupted scenes and a deliberate opening sequence. */
@media(max-width:720px){
 .wrap{--mobile-gutter:22px}
 .header{position:fixed;inset:0 0 auto;background:transparent;color:#fff9ed;border-bottom:1px solid #ffefd32e;transition:background .4s,color .4s,border-color .4s}
 .header-inner{min-height:74px;width:calc(100% - 40px);padding-block:12px}
 .header .brand-wordmark{width:74px;filter:invert(1);transition:filter .4s}
 .header .brand>small{color:inherit;font-size:8px;line-height:1.7;letter-spacing:.07em;text-transform:uppercase;border-color:#f5e7c955;padding-left:10px}
 .header .menu-toggle{color:inherit}
 .header .menu-toggle i{background:currentColor}
 .header.is-scrolled,.menu-is-open .header{background:var(--bg);color:var(--ink);border-color:#ded8cc}
 .header.is-scrolled .brand-wordmark,.menu-is-open .header .brand-wordmark{filter:none}
 .header.is-scrolled .brand>small,.menu-is-open .header .brand>small{border-color:#cdbb9b}
 .mobile-menu{color:var(--ink);max-height:calc(100dvh - 74px)}
 .hero.wrap{overflow:hidden;min-height:max(730px,100svh);display:flex;flex-direction:column}
 .hero.wrap:after{display:none}
 .hero-copy{min-height:0;padding:clamp(185px,27svh,250px) 24px 30px;margin-top:auto}
 .hero-copy>.eyebrow{position:static;font-size:8px;letter-spacing:.22em;margin-bottom:18px;color:#e9d0a9}
 .hero h1{font-size:clamp(39px,12.2vw,52px);line-height:1.075;letter-spacing:-.05em;margin:0 0 21px}
 .hero-image>img{object-position:86% center;animation:mobileSceneSettle 1.9s var(--ease-out) backwards}
 .hero-image:before{background:linear-gradient(180deg,#13221f6b 0%,#17201d0a 18%,#17201d88 38%,#17201dde 67%,#17201dfa 100%)}
 .hero-image:after{opacity:.25;animation-duration:1.9s}
 .hero .title-line>*{animation-duration:1.05s;animation-timing-function:var(--ease-out)}
 .hero .title-line:nth-child(1)>*{animation-delay:.12s}
 .hero .title-line:nth-child(2)>*{animation-delay:.23s}
 .hero .title-line:nth-child(3)>*{animation-delay:.34s}
 .hero-summary{animation-delay:.44s;font-size:14px;line-height:1.75;max-width:370px}
 .hero-actions{animation-delay:.58s;margin-top:25px;flex-direction:row;align-items:center;gap:12px 18px}
 .hero-actions .button{border:1px solid #f3e3c6;box-shadow:0 8px 24px #06110926;min-height:48px;padding:13px 16px;font-size:12px;gap:17px;flex:none}
 .hero-actions .text-link{font-size:10px;min-height:0;padding:8px 0;align-self:center}
 .hero-bottom{position:relative;z-index:3;display:block;margin:0 24px 30px;animation:softArrive 1.1s .8s both}
 .hero-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #f7ecd940;gap:12px}
 .hero-rail>a{display:block;position:relative;padding:17px 0 8px;min-height:70px;color:#f7f0e1}
 .hero-rail span{display:block;font-size:7px;line-height:1.6;letter-spacing:.1em;color:#ddcaa5;margin-bottom:7px;white-space:nowrap}
 .hero-rail strong{display:block;font-size:9px;font-weight:400;line-height:1.6;max-width:105px}
 .hero-rail svg,.hero-scroll{display:none}
 .hero-rail>a:active{color:#e9cc9c}
 .concept{padding-top:32px}
 .concept-photo{display:block;position:relative;width:calc(100% + var(--mobile-gutter)*2);margin:28px calc(var(--mobile-gutter)*-1) 0;aspect-ratio:2/1;overflow:hidden}
 .concept-photo>img{width:100%;height:100%;object-fit:cover}
 .concept-photo .photo-note{left:auto;right:14px;bottom:10px;font-size:9px;line-height:1.5;padding:3px 7px;background:#14211c88}
 .concept .section-heading{margin-bottom:28px}
 .padel-photo,.networking-photo{width:calc(100% + var(--mobile-gutter)*2);max-width:none;margin-inline:calc(var(--mobile-gutter)*-1)}
 .padel-photo>img,.networking-photo>img{aspect-ratio:3/2;object-position:center}
 .padel-photo .photo-note,.networking-photo .photo-note{left:var(--mobile-gutter);bottom:12px;font-size:9px}
 .networking h2{font-size:clamp(34px,10.3vw,43px);line-height:1.12;font-weight:400;letter-spacing:-.04em}
 .networking-layout{row-gap:30px}
 .experience-grid{gap:28px;counter-reset:lifestyle-scenes}
 .experience-card{counter-increment:lifestyle-scenes}
 .experience-card>img{aspect-ratio:1.6;object-position:center}
 .experience-card>div{position:relative;z-index:1;background:var(--bg);border:0;border-top:1px solid #cfb785;padding:20px 18px 0;margin:-28px 12px 0;box-shadow:0 -12px 32px #242e2206}
 .experience-card .card-label:before{content:'0' counter(lifestyle-scenes) ' / ';color:var(--accent)}
 .experience-card h3{font-size:28px;font-weight:400;line-height:1.18;margin-bottom:12px}
 .experience-card p:not(.card-label){font-size:14px;line-height:1.8}
 .experience-card p.image-credit{font-size:10px;line-height:1.6}
 .lifestyle>.note{font-size:11px;line-height:1.7;margin-top:26px}
 .venue-card.reveal-active figure:after{animation:imageSheen 1.15s .1s ease both;z-index:1;opacity:.45}
 .cinematic-media.reveal-active:after{opacity:.4}
}
@media(max-width:360px){
 .wrap{--mobile-gutter:18px}
 .hero-copy{padding-inline:20px}
 .hero-actions{gap:12px}
 .hero-actions .button{padding-inline:12px;font-size:11px;gap:12px}
 .hero-actions .text-link{font-size:9px}
 .hero-bottom{margin-inline:20px}
 .hero-rail{gap:8px}
 .hero-rail span{font-size:6px}
 .hero-rail strong{font-size:8px}
 .experience-card>div{padding-inline:15px;margin-inline:9px}
 .experience-card h3{font-size:26px}
}
@media(max-width:720px) and (hover:none){
 .button:hover{transform:none}
 .button:active{transform:scale(.985)}
 .venue-card:hover img{transform:none;filter:none}
 .experience-card:hover>img{filter:none;clip-path:none}
}
@keyframes mobileSceneSettle{from{transform:scale(1.075)}to{transform:scale(1.015)}}

@keyframes sceneOpen{from{opacity:.3;clip-path:inset(3% 2%)}to{opacity:1;clip-path:inset(0)}}
@keyframes scrollCue{0%,15%{transform:translateY(-105%)}80%,100%{transform:translateY(105%)}}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-bottom,.hero-copy>.eyebrow,.title-line>*{animation:none!important;clip-path:none!important;opacity:1!important;transform:none!important}.scroll-track:after{animation:none}.header,.header-inner,.header .brand-wordmark{transition:none}}
