/* Isolated opening layer; the planner below remains initialized and interactive. */
.brand-intro{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#faf9f3;color:#183f35;pointer-events:none;opacity:1;transition:opacity 180ms ease-out}
.brand-intro[hidden]{display:none!important}.brand-intro.is-leaving{opacity:0}.brand-intro #intro-skip{position:absolute;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));pointer-events:auto;min-height:44px;padding:10px 16px;background:#faf9f3;border:1px solid #dfe4db;color:#183f35;font-size:11px;letter-spacing:.12em;border-radius:999px;z-index:3}.brand-intro #intro-skip span{margin-left:10px}
.intro-stage{position:relative;width:min(960px,calc(100% - 32px));height:280px;display:flex;align-items:center;justify-content:center;overflow:visible}.intro-lockup{display:flex;align-items:center;gap:28px;flex:none;overflow:visible}.brand-intro #hero-suitcase-wrapper{position:relative;z-index:2;flex:none;width:128px;height:176px;will-change:transform;overflow:visible}.intro-suitcase{display:block;width:100%;height:100%;overflow:visible}.brand-intro #trails-group{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}.intro-trail{position:absolute;left:0;top:50%;width:96px;height:16px;opacity:0;will-change:transform,opacity;overflow:visible}.intro-trail#trail-2{width:128px}.brand-intro #brand-reveal-group{position:relative;z-index:2;opacity:0;visibility:hidden;flex:none;pointer-events:none;white-space:nowrap;text-align:left;will-change:opacity,transform}.intro-wordmark{display:flex;align-items:center;gap:12px;font-family:'Segoe UI',sans-serif;font-size:40px;font-weight:600;line-height:1.2;letter-spacing:.05em}.intro-dot{width:10px;height:10px;background:#d6a85e;border-radius:50%;flex:none}.brand-intro #tagline-text{margin:6px 0 0;font-family:'Segoe UI',sans-serif;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.2em;color:#5a6059}
@media(max-width:680px){.intro-stage{height:220px}.intro-lockup{gap:16px;margin-left:clamp(0px,calc(100vw - 320px),48px)}.brand-intro #hero-suitcase-wrapper{width:72px;height:96px}.intro-wordmark{font-size:24px;gap:7px}.intro-dot{width:7px;height:7px}.brand-intro #tagline-text{font-size:10px;letter-spacing:.12em;margin-top:5px}.intro-trail{width:64px}.intro-trail#trail-2{width:80px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important;transition:none}.brand-intro *{will-change:auto!important}}