@charset "UTF-8";
/* Logo first, then one native horizontal track. The archived CSS is the rollback. */
.experience-page{overflow-x:hidden}
.experience-page.is-entry-open{overflow:hidden}
.cream-entry{position:fixed;z-index:200;inset:0;display:grid;background:#f2efe8;opacity:1;transform:translateY(0);transition:opacity .8s cubic-bezier(.22,.72,.19,1),transform .8s cubic-bezier(.22,.72,.19,1)}
.cream-entry[hidden]{display:none}
.cream-entry.is-leaving{opacity:0;transform:translateY(-2%);pointer-events:none}
.cream-entry__surface{width:100%;height:100%;min-height:100svh;display:grid;place-items:center;padding:clamp(2rem,8vw,8rem);border:0;background:transparent;cursor:pointer}
.cream-entry__surface img{display:block;width:min(760px,82vw);height:auto;transition:transform .6s cubic-bezier(.22,.72,.19,1)}
.cream-entry__surface:hover img{transform:translateY(-3px)}
.cream-entry__surface:focus-visible{outline:3px solid #a58855;outline-offset:-10px}
.cream-entry.is-leaving img{transform:translateY(-10px) scale(.98)}
.logo-overlook{min-height:88svh;position:relative;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:clamp(24px,4vw,60px);overflow:hidden;isolation:isolate;color:var(--reverse);background:#0e1823}
.logo-overlook::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 70% 35%,rgba(53,89,116,.34),transparent 52%),linear-gradient(135deg,#0b1520,#112439 68%,#0e1823)}
.logo-overlook__line{position:absolute;top:clamp(24px,4vw,60px);left:clamp(24px,4vw,60px);right:clamp(24px,4vw,60px);height:1px;background:rgba(243,240,232,.25)}
.logo-overlook__mark{width:min(72vw,750px);align-self:center}
.logo-overlook__mark img{width:100%;filter:invert(1)}
.logo-overlook__continue{width:100%;min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid rgba(243,240,232,.3);color:var(--reverse);font-size:.74rem;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.logo-overlook__continue:hover span,.logo-overlook__continue:focus-visible span{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.45rem}
.experience-page .chapter-scroll{position:relative}
.experience-page .chapter-stage{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.experience-page .chapter-stage::-webkit-scrollbar{display:none}
.experience-page .chapter-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;width:100%;transform:none!important;transition:none!important}
.experience-page .chapter-track>.section{width:100%;min-width:100%;min-height:calc(100svh - var(--header-h));height:auto;overflow:visible}
.experience-page .chapter-track .section__shell{min-height:calc(100svh - var(--header-h));height:auto}
.experience-page .section h2{max-width:13ch}
.experience-page .section__body p a{text-decoration-thickness:1px;text-underline-offset:.3em}
.experience-page .hero__line{width:min(100%,610px)}
.experience-page .site-nav a{letter-spacing:.045em}
.section-cta{display:inline-flex;min-height:46px;align-items:center;margin:1.5rem 0 0 auto;padding:.55rem 0;border-bottom:1px solid var(--gold);font-size:.8rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.section-cta:hover,.section-cta:focus-visible{border-bottom-color:currentColor}
.contact-details{display:grid;gap:.55rem;margin:0 0 0 auto;padding-left:1.2rem;border-left:2px solid var(--gold);font-size:1rem;font-style:normal;line-height:1.5}
.contact-details strong{font-size:1.1rem;font-weight:600}
.contact-details a{width:max-content;max-width:100%;overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:.25em}
.experience-page .site-header{scroll-margin-top:0}
@media(max-width:900px){.logo-overlook{height:100svh;min-height:100svh}.logo-overlook__mark{width:min(80vw,620px)}}
@media(max-width:600px){.logo-overlook{padding:24px}.logo-overlook__line{inset:24px 24px auto}.logo-overlook__mark{width:min(82vw,440px)}.experience-page .chapter-track>.section{min-height:calc(100svh - var(--header-h))}.experience-page .chapter-track .section__shell{min-height:calc(100svh - var(--header-h))}.experience-page .section h1,.experience-page .section h2{font-size:clamp(3.2rem,11vw,5rem)}}
@media(max-width:360px){.experience-page .site-nav{display:grid;grid-template-columns:max-content max-content;grid-template-rows:34px 34px;justify-content:space-between;column-gap:1rem;row-gap:0;overflow:visible;white-space:normal}.experience-page .site-nav a{min-height:34px}}
@media(prefers-reduced-motion:reduce){.experience-page .chapter-stage{scroll-behavior:auto}.cream-entry,.cream-entry__surface img{transition:none}}