html,body{background:#142b3e;color:#fcf5e8}
    body{overflow-x:hidden}
    .opening{display:flex;position:relative;isolation:isolate;min-height:680px;height:100svh;width:100%;overflow:hidden}
    .brand-lockup{position:absolute;z-index:10;left:50%;top:35px;transform:translateX(-50%);pointer-events:none;background:transparent;padding:0;border:0;box-shadow:none}
    .brand-lockup .brand-logo{width:224.08px;height:38px;max-width:none;object-fit:contain}
    .logo-ivory .brand-lockup,.logo-duotone .brand-lockup{filter:drop-shadow(0 1px 4px #12251a55)}
    .opening::before{content:'';position:absolute;inset:0 0 auto;z-index:8;height:170px;pointer-events:none;background:linear-gradient(180deg,#f4efdf73,#f4efdf20 95px,transparent)}
    .logo-ivory .opening::before,.logo-duotone .opening::before{background:linear-gradient(180deg,#10253199,#10253120 100px,transparent)}
    .logo-symbol .brand-lockup{top:28px}
    .logo-symbol .brand-logo{width:84px;height:53.2px}
    .logo-stacked .brand-lockup{top:23px}
    .logo-stacked .brand-logo{width:150px;height:80px}
    .entrance{flex:1;min-width:0;position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;transition:flex 850ms var(--ease);padding:60px 54px 51px;background:#142b3e}
    .entrance.culture{background:#485639}
    .entrance:focus-visible{outline:3px solid #fff9eb;outline-offset:-9px;z-index:3}
    .image-reveal{position:absolute;inset:0;z-index:-3;overflow:hidden}
    .history .image-reveal{animation:curtain-left 700ms var(--ease) both}
    .culture .image-reveal{animation:curtain-right 700ms 60ms var(--ease) both}
    .image-reveal picture{display:block;width:100%;height:100%}
    .image-reveal img{width:100%;height:100%;object-fit:cover;transition:transform 950ms var(--ease);transform:scale(1.025);filter:saturate(.88)}
    .history .image-reveal img{object-position:78% 50%}
    .culture .image-reveal img{object-position:51% 40%}
    .entrance::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none}
    .history::before{background:linear-gradient(180deg,#12283d20 0%,#12283d05 20%,#12283d19 39%,#10283bd4 76%,#10283bf7 100%)}
    .culture::before{background:linear-gradient(180deg,#18281a19 0%,#18281a00 20%,#18281a14 39%,#193725cd 77%,#163322f5 100%)}
    .history::after{content:'';position:absolute;top:0;right:0;bottom:0;width:1px;background:#fffae754;pointer-events:none}
    .door-number{position:absolute;top:146px;left:54px;display:inline-flex;align-items:center;gap:11px;color:#fcf5e8;background:#14262cc2;padding:8px 11px;font-size:10px;letter-spacing:.17em;line-height:1.35}
    .culture .door-number{background:#24351cc9}
    .door-number b{font-weight:400;color:#e4c58c}
    .portal-copy{width:100%;max-width:650px;animation:copy-rise 620ms 140ms var(--ease) both;transition:transform 850ms var(--ease)}
    .culture .portal-copy{animation-delay:200ms}
    .portal-copy h2{font-size:clamp(76px,9.2vw,142px);letter-spacing:-.055em;line-height:.94;margin:0 0 23px}
    .portal-description{font-size:15px;line-height:1.6;max-width:320px;color:#f4f0e5}
    .portal-action{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #fff5e557;margin-top:35px;padding-top:20px;min-height:74px;font-size:12px;letter-spacing:.035em}
    .action-text{display:flex;align-items:center;gap:13px}
    .action-text::before{content:'';display:block;width:26px;height:1px;background:#f3d8ab;transition:width 450ms var(--ease)}
    .arrow-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #fff4e68a;border-radius:50%;transition:background 300ms,transform 450ms var(--ease)}
    .entrance:hover .arrow-wrap,.entrance:focus-visible .arrow-wrap{background:#fff4e61c;transform:translateX(3px)}
    .entrance:hover .action-text::before,.entrance:focus-visible .action-text::before{width:39px}
    @keyframes curtain-left{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
    @keyframes curtain-right{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
    @keyframes copy-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
    @media(hover:hover) and (pointer:fine){
      .opening:has(.history:hover) .history,.opening:has(.history:focus-visible) .history{flex:1.38}
      .opening:has(.culture:hover) .culture,.opening:has(.culture:focus-visible) .culture{flex:1.38}
      .entrance:hover .image-reveal img,.entrance:focus-visible .image-reveal img{transform:scale(1.065) translateX(-5px)}
      .entrance.culture:hover .image-reveal img,.entrance.culture:focus-visible .image-reveal img{transform:scale(1.065) translateX(5px)}
      .entrance:hover .portal-copy,.entrance:focus-visible .portal-copy{transform:translateX(5px)}
    }
    @media(max-width:1050px){.entrance{padding:40px 36px}.door-number{left:36px}.portal-copy h2{font-size:clamp(72px,9vw,106px)}.portal-description{font-size:14px}}
    @media(max-width:700px){
      .opening{height:100svh;min-height:700px;flex-direction:column}
      .brand-lockup{top:27px}
      .brand-lockup .brand-logo{width:188.7px;height:32px}
      .logo-symbol .brand-lockup{top:23px}
      .logo-symbol .brand-logo{width:75px;height:47.5px}
      .logo-stacked .brand-lockup{top:17px}
      .logo-stacked .brand-logo{width:135px;height:72px}
      .entrance{flex:1;min-height:0;padding:25px 26px}
      .entrance.history{padding-top:110px}
      .history::after{top:auto;left:0;bottom:0;width:100%;height:1px}
      .portal-copy{max-width:none}
      .portal-copy h2{font-size:clamp(54px,13.6vw,78px);line-height:.94;letter-spacing:-.05em;margin-bottom:12px}
      .portal-description{font-size:12px;max-width:270px}
      .portal-action{margin-top:18px;padding-top:12px;min-height:51px;font-size:11px}
      .arrow-wrap{height:38px;width:38px}
      .door-number{top:29px;left:26px;font-size:9px;padding:6px 9px}
      .history .door-number{top:114px}
      .culture .door-number{top:27px}
      .history .image-reveal img{object-position:77% 55%}
      .culture .image-reveal img{object-position:50% 46%}
      .history::before{background:linear-gradient(180deg,#12283d1a,#12283d08 23%,#12283d4d 42%,#10283bdc 77%,#10283bf5)}
      .culture::before{background:linear-gradient(180deg,#18281a24,#18281a08 20%,#18281a38 39%,#193725d6 77%,#163322f5)}
    }
    @media(max-width:380px){.portal-description{font-size:11px}.entrance{padding-inline:23px}.door-number{left:23px}.portal-copy h2{font-size:54px}}
    @media(max-height:720px) and (min-width:701px){.opening{min-height:600px}.entrance{padding-bottom:30px}.door-number{top:128px}.portal-copy h2{font-size:90px}.portal-action{margin-top:24px}}
    @media(prefers-reduced-motion:reduce){.image-reveal{clip-path:none!important}.portal-copy{opacity:1;transform:none!important}}
    .no-motion .image-reveal{clip-path:none!important}.no-motion .portal-copy{opacity:1;transform:none!important}.no-motion .entrance{flex:1!important}