@font-face{font-family:Cuyabra;src:url('../fonts/cuyabra-bold.otf') format('opentype');font-display:swap;font-weight:700}
:root{--espresso:#3b2a19;--dark:#2b2017;--cream:#fffaf1;--gold:#d9ae7e;--paper:#f5eee3;--ink:#38291d;--line:rgba(255,250,241,.23);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;min-width:280px;background:var(--espresso);color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:var(--dark)}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:7px}p,h1,h2,h3,figure{margin:0}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:12px;top:12px;padding:15px;background:var(--cream);color:var(--ink);transform:translateY(-160%)}.skip-link:focus-visible{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:124px;border-bottom:1px solid var(--line);gap:24px}.home-link{display:block;width:86px;flex:none}.home-link img{width:86px;height:auto;filter:brightness(0) invert(1)}.main-nav{display:flex;gap:38px;font-size:14px;margin-left:auto;margin-right:44px}.main-nav a{padding-block:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:52px;padding:16px 22px;font-size:14px;font-weight:600;transition:background .18s ease,color .18s ease,transform .18s ease}.button-outline{border:1px solid var(--line)}.button-filled{background:var(--cream);color:var(--ink)}.arrow{display:inline-block;font-family:Arial,sans-serif;font-size:23px;font-weight:400;line-height:1;transition:transform .22s var(--ease)}.text-link{display:inline-flex;align-items:center;gap:22px;padding:12px 0;border-bottom:1px solid currentColor;font-size:14px;font-weight:600;line-height:1.5}.eyebrow{font-family:Cuyabra,Arial,sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;line-height:1.6;color:var(--gold)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5.5%;padding-block:60px 44px;align-items:center}.hero-copy{padding-block:20px 12px}.hero h1{font:400 clamp(74px,8.3vw,120px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.06em;margin:29px 0 26px}.hero h1 span{display:block}.serif-italic{font-style:italic;color:var(--gold);padding-right:.1em}.hero-description{font-size:17px;line-height:1.75;color:#e4d6c5}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:32px}.hero-note{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.03em;color:#d5c3ae;margin-top:58px}.short-rule{height:1px;background:var(--gold);width:36px}.hero-visual{position:relative;min-width:0}.photo-frame{overflow:hidden;background:#4a3928;aspect-ratio:1/1.13;border-radius:46% 46% 0 0}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:53% 50%}.brand-seal{position:absolute;width:124px;height:124px;right:-22px;bottom:58px;border-radius:50%;background:var(--espresso);border:1px solid var(--gold);padding:17px;display:grid;place-items:center;transform:rotate(-11deg)}.brand-seal img{filter:brightness(0) invert(1);height:auto}.hero-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.1em;padding-top:18px;color:#e4d6c5}.hero-visual figcaption a{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:23px;border:1px solid var(--line);border-radius:50%}
.explore{background:var(--paper);color:var(--ink);padding-block:76px 84px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.explore .eyebrow{color:#775131}h2{font:400 clamp(36px,3.7vw,54px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.045em}h2 em,.footer-title em{font-weight:400}.section-heading h2{margin-top:14px}.section-heading>p{font-size:14px;line-height:1.65;color:#705943;flex:none}.destination-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b8a590;border-bottom:1px solid #b8a590}.destination{display:flex;flex-direction:column;padding:25px 28px 24px;transition:background .2s ease}.destination:first-child{padding-left:0}.destination:last-child{padding-right:0}.destination+.destination{border-left:1px solid #cbbdab}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.07em;color:#715435}.destination h3{font:400 clamp(25px,2.5vw,37px)/1.14 Georgia,serif;letter-spacing:-.035em;margin:38px 0 35px}.card-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px;font-weight:600;margin-top:auto}.card-bottom>span{font-size:12px;font-weight:400;color:#735e49;white-space:nowrap}
.story{padding-block:96px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.video-frame{position:relative;aspect-ratio:1;overflow:hidden;background:var(--dark)}.video-frame>img{width:100%;height:100%;object-fit:cover}.video-frame:has(.video-play)::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(21,21,13,.65));pointer-events:none}.video-play{position:absolute;z-index:1;bottom:30px;left:28px;right:28px;display:flex;gap:16px;align-items:center;font-size:16px;line-height:1.5}.video-play small{display:block;font-size:13px;color:#eee5da}.play-icon{display:grid;place-items:center;border:1px solid #fff8;width:58px;height:58px;border-radius:50%;flex:none;background:#241c1660;font-size:17px;padding-left:3px;transition:transform .2s var(--ease),background .2s ease}.video-frame iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.image-caption{font-size:12px;letter-spacing:.1em;color:#d5c3ae;margin-top:20px}.story-copy h2{font-size:clamp(42px,4.5vw,64px);margin-top:20px}.story-copy h2 em{color:var(--gold)}.story-description{font-size:16px;line-height:1.8;color:#e4d6c5;max-width:355px;margin-top:26px}.story-about{margin-top:15px}.more-links{margin-top:36px;border-top:1px solid var(--line)}.more-link{padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.more-link strong{font-weight:400;font:400 23px/1.2 Georgia,serif;display:block}.more-link small{display:block;font-size:13px;line-height:1.5;color:#d5c3ae;margin-top:7px}
.site-footer{background:var(--dark);padding-block:54px 26px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:48px}.footer-title{font:400 clamp(32px,3.5vw,48px)/1.15 Georgia,serif;letter-spacing:-.035em;margin-top:14px}.social-links{display:flex;gap:12px;flex-wrap:wrap}.social-link{width:46px;height:46px;display:grid;place-items:center;border:1px solid #8e7a65;border-radius:50%;transition:background .2s ease,transform .2s ease}.social-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-link .filled-icon,.social-link .filled-dot{fill:currentColor;stroke:none}.is-pending{color:#c4b09a}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:12px;line-height:1.6;color:#cbb9a4}.review-link{text-decoration:underline;text-underline-offset:4px}.toast{position:fixed;z-index:10;bottom:24px;left:50%;width:min(430px,calc(100% - 36px));padding:16px 20px;background:var(--cream);color:var(--ink);border:1px solid var(--gold);box-shadow:0 10px 40px #0003;font-size:14px;line-height:1.5;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.button-outline:hover,.social-link:hover{background:#fffaf115}.button-filled:hover{background:var(--gold)}.main-nav a:hover{color:var(--gold)}a:hover>.arrow,.card-top .arrow{transition:transform .22s var(--ease)}a:hover>.arrow,a:hover .card-top>.arrow{transform:translate(3px,-3px)}.destination:hover{background:#e8dcc960}.video-play:hover .play-icon{transform:scale(1.07);background:#241c1690}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:5%;padding-top:40px}.hero-actions{gap:18px}.hero-actions .button{gap:20px}.hero-note{margin-top:36px}.destination{padding-inline:20px}.card-bottom{align-items:start;flex-direction:column;gap:7px}.story{gap:6%}.brand-seal{right:-12px;width:106px;height:106px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:100px;gap:16px}.home-link,.home-link img{width:70px}.main-nav{display:none}.site-header .button{min-height:46px;padding:12px 16px;gap:25px}.hero{grid-template-columns:1fr;padding-block:38px 34px;gap:34px}.hero-copy{padding:0}.hero h1{font-size:clamp(64px,16.5vw,104px);margin:24px 0}.hero .eyebrow{font-size:12px;letter-spacing:.1em}.hero-description{font-size:16px}.hero-actions{gap:22px;margin-top:26px}.hero-note{margin-top:28px}.photo-frame{aspect-ratio:1.2;border-radius:44% 44% 0 0}.hero-photo{object-position:50% 36%}.brand-seal{width:96px;height:96px;bottom:65px;right:8px;padding:13px}.hero-visual figcaption{font-size:11px}.explore{padding-block:48px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px}.section-heading h2{font-size:36px;max-width:330px}.destination-grid{grid-template-columns:1fr}.destination,.destination:first-child,.destination:last-child{padding:23px 0}.destination+.destination{border-left:0;border-top:1px solid #cbbdab}.destination h3{font-size:32px;margin:21px 0 25px}.destination h3 br{display:none}.card-bottom{flex-direction:row;align-items:center}.story{grid-template-columns:1fr;padding-block:56px;gap:38px}.story-copy h2{font-size:48px}.story-description{max-width:430px}.video-frame{aspect-ratio:1.08}.footer-top{display:block;padding-bottom:32px}.social-links{margin-top:28px}.footer-bottom{flex-direction:column;align-items:start;gap:14px}.site-footer{padding-top:40px}.more-link strong{font-size:22px}}
@media(max-width:360px){.hero-actions{gap:12px}.hero-actions .button{padding-inline:15px;gap:15px}.hero-actions .text-link{font-size:13px}.eyebrow{font-size:12px}.video-play{left:18px;right:18px;bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Scene 01: an uninterrupted brand moment before the portal. */
html{scroll-padding-top:0}
.opening-scene{position:relative;display:grid;place-items:center;min-height:100svh;min-height:100dvh;height:100svh;height:100dvh;overflow:hidden;padding:max(28px,env(safe-area-inset-top)) 24px max(84px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 41%,#503824 0%,var(--espresso) 54%,#2c1e14 100%);text-align:center}
.opening-brand{display:grid;justify-items:center;gap:32px;transform:translateY(18px)}
.opening-brand img{width:clamp(210px,24vw,310px);height:auto;filter:brightness(0) invert(1);animation:brand-arrive .95s var(--ease) both}
.opening-brand p{max-width:32rem;font:700 clamp(12px,1.15vw,15px)/1.7 Cuyabra,Arial,sans-serif;letter-spacing:.24em;color:var(--gold);animation:words-arrive .8s .2s var(--ease) both}
.scene-cue{position:absolute;bottom:max(36px,env(safe-area-inset-bottom));left:50%;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:210px;min-height:54px;padding:10px 16px;color:var(--cream);font:700 12px/1.4 Cuyabra,Arial,sans-serif;letter-spacing:.19em;white-space:nowrap;transform:translate(-50%,0);transition:opacity .45s ease,transform .45s var(--ease);-webkit-tap-highlight-color:transparent}
.scene-cue .cue-arrow{font:400 24px/1 Arial,sans-serif;color:var(--gold)}
.cue-mobile{display:none}
.js-ready .scene-cue{visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,12px)}
.js-ready.cue-ready .scene-cue{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
@keyframes brand-arrive{from{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes words-arrive{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.scene-cue:hover{color:var(--gold);transform:translate(-50%,3px)!important}}
@media(max-width:760px){.opening-scene{padding-inline:18px}.opening-brand{gap:28px;transform:translateY(2px)}.opening-brand img{width:clamp(210px,62vw,255px)}.opening-brand p{max-width:23rem;font-size:13px;letter-spacing:.16em}.scene-cue{bottom:max(32px,env(safe-area-inset-bottom));min-width:250px}.cue-desktop{display:none}.cue-mobile{display:inline}}
@media(prefers-reduced-motion:reduce){.opening-brand img,.opening-brand p{animation:none}.js-ready .scene-cue{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}}
