/* BORN TO TRAVEL: an open campaign canvas, then a concise brand story. */
#intro.born-story{--story-depth:0;position:relative;isolation:isolate;overflow:hidden;background:#f6f4ed;color:#26342a;padding:42px 0 36px}
.born-meta{display:flex;justify-content:space-between;gap:20px;padding:0 7%;font-size:12px;letter-spacing:.13em;color:#8a754b;position:relative;z-index:2}
.born-liquid{position:relative;max-width:1600px;margin:-25px auto -65px;height:clamp(400px,43vw,660px);isolation:isolate;transform:translateY(calc(var(--story-depth)*-24px))}
.born-liquid>img,.born-liquid>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.born-liquid>img{filter:drop-shadow(0 30px 20px #94692215)}
.born-liquid>canvas{opacity:0}.born-liquid.render-ready>canvas{opacity:1}.born-liquid.render-ready>img{opacity:0}
.liquid-note{position:absolute;left:14%;bottom:14%;color:#8f7950;font-size:11px;letter-spacing:.13em;transform:translateY(calc(var(--story-depth)*12px))}
.liquid-node{position:absolute;right:20%;top:31%;width:5px;height:5px;border-radius:50%;background:#b69448;box-shadow:0 0 0 6px #b6944815}
.born-copy{position:relative;z-index:2;padding:0 7% 32px;text-align:center;max-width:1160px;margin:auto}
.born-copy h2{font:clamp(52px,7.8vw,118px)/1.02 CampaignSerif,Georgia,serif;letter-spacing:-.04em;margin:0 0 28px}
.born-copy h2 em{font-family:Editorial,Georgia,serif;color:#977c42;font-weight:400}
.born-statement{font:clamp(26px,2.8vw,40px)/1.27 CampaignSerif,Georgia,serif;letter-spacing:-.025em;margin:0 0 24px}
.born-story-copy{font:16px/1.85 Body,Arial,sans-serif;color:#687064;max-width:54ch;margin:0 auto}
.born-discover{display:inline-flex;align-items:center;gap:35px;min-height:52px;font-size:12px;letter-spacing:.12em;border-bottom:1px solid #aa8d5366;margin-top:26px;color:#3d4839}.born-discover span{font-size:25px;color:#9d8147;transition:transform .45s}.born-discover:hover span{transform:translate(3px,3px)}.born-discover:focus-visible{outline:2px solid #a58b55;outline-offset:6px}
.born-story.motion-ready .born-copy>*{opacity:0;transform:translateY(25px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.born-story.story-entered .born-copy>*{opacity:1;transform:none}.born-story.story-entered .born-copy h2{transition-delay:.15s}.born-story.story-entered .born-statement{transition-delay:.35s}.born-story.story-entered .born-story-copy{transition-delay:.5s}.born-story.story-entered .born-discover{transition-delay:.65s}
@media(max-width:700px){#intro.born-story{padding:28px 0 16px}.born-meta{padding:0 6%;font-size:11px;letter-spacing:.055em;gap:15px}.born-meta span:last-child{max-width:12ch;text-align:right}.born-liquid{height:340px;margin:0 -18% -28px;width:136%;transform:translateY(calc(var(--story-depth)*-10px))}.liquid-note{left:19%;bottom:13%;font-size:10px;letter-spacing:.08em}.liquid-node{right:24%;top:34%}.born-copy{padding:0 7% 30px}.born-copy h2{font-size:clamp(48px,13vw,79px);line-height:1;max-width:8ch;margin:0 auto 25px}.born-copy h2 em{display:block;margin-top:7px}.born-statement{font-size:clamp(25px,6.4vw,32px);line-height:1.3}.born-story-copy{font-size:16px;line-height:1.8;max-width:34ch}.born-discover{font-size:12px;letter-spacing:.06em;gap:24px;margin-top:23px}.born-story.motion-ready .born-copy>*{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){.born-liquid,.born-copy>*{transform:none!important;transition:none!important;opacity:1!important}}
.motion-paused .born-copy>*{transform:none!important;opacity:1!important;transition:none!important}

/* Keep the full ribbon inside the mobile canvas; copy has its own clear plane. */
@media(max-width:700px){.born-liquid{height:250px;margin:8px 0 -8px;width:100%;transform:none}.liquid-note{left:7%;bottom:9%;font-size:11px}.liquid-node{display:none}}