/* Exploring continues the photographic, warm atmosphere of the welcome. */
.editorial-explore { position: relative; isolation: isolate; --explore-paper: #fffaf2; --explore-muted: #d5c6b6; background: #241e19; }
.editorial-explore::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg,#1b1714ed 4%,#231c17bd 48%,#34271b40 100%),url('assets/nua-welcome-home.jpg') center 58% / cover no-repeat; }
.editorial-explore main { background: transparent; }
.editorial-explore .app-screen:not(.app-screen-home) { background: var(--bg); }
.editorial-explore .app-screen-home { color: var(--explore-paper); background: transparent; padding-bottom: 0; }
.editorial-explore[data-app-screen="home"] .site-header { background: #231b1638; border-bottom-color: #fffaf21c; -webkit-backdrop-filter: none; backdrop-filter: none; }
.editorial-explore[data-app-screen="home"] .app-wordmark img { filter: brightness(0) invert(1); }
.editorial-explore[data-app-screen="home"] .app-address { color: var(--explore-paper); }
.editorial-explore[data-app-screen="home"] .glass-dock { background: #352b23d6; border: 1px solid #fffaf234; box-shadow: 0 8px 30px #130f1720, inset 0 1px 0 #fffaf20a; }
.editorial-explore[data-app-screen="home"] .dock-surface { background: #fffaf2; box-shadow: 0 3px 10px #17100b1a; }
.editorial-explore[data-app-screen="home"] .dock-item { color: #e0d6ca; }
.editorial-explore[data-app-screen="home"] .dock-item.is-highlighted { color: #2c241e; }
.editorial-explore[data-app-screen="home"] :is(.app-address,.app-wordmark,.dock-item):focus-visible { outline-color: #f1d7b6; }
.editorial-explore .app-screen-home :is(a,button):focus-visible { outline-color: #f1d7b6; }

.editorial-explore .home-intro { position: relative; grid-template-columns: 1.25fr .75fr; min-height: clamp(440px,68svh,650px); gap: 50px; padding-block: 40px 48px; }
.editorial-explore .home-intro-copy { max-width: 730px; }
.editorial-explore .home-intro .editorial-kicker { color: #d7c9b7; font-size: 11px; letter-spacing: .18em; margin-bottom: 23px; }
.editorial-explore .home-intro h1 { margin-bottom: 25px; color: var(--explore-paper); font-size: clamp(66px,8.1vw,130px); font-weight: 300; line-height: 1; letter-spacing: -.067em; }
.editorial-explore .home-intro h1 strong { font-weight: 600; letter-spacing: -.06em; }
.editorial-explore .home-intro-copy > p:not(.editorial-kicker) { color: #e0d6c9; font-size: 18px; line-height: 1.6; }
.editorial-explore .intro-explore { display: inline-flex; min-height: 52px; margin-top: 28px; padding-inline: 27px; background: #fffaf2; border-color: #fffaf2; color: #2c241e; font-size: 14px; }
.editorial-explore .intro-explore:hover { background: #e9dece; border-color: #e9dece; }
.editorial-explore .home-intro-visual { display: grid; place-items: center; width: 100%; height: auto; overflow: visible; border-radius: 0; background: none; }
.editorial-explore .home-intro-visual::after { display: none; }
.explore-monogram { display: block; width: min(100%,300px); height: auto; opacity: .9; filter: drop-shadow(0 18px 30px #21150c2b); }

.editorial-explore .app-categories { position: relative; width: 100%; padding: 32px var(--app-gutter) 42px; background: linear-gradient(180deg,#241e19eb,#241e19fa); border-top: 1px solid #fffaf226; }
.editorial-explore .app-section-title { border-top: 0; padding-top: 0; margin-bottom: 26px; }
.editorial-explore :is(.app-section-title h2,.process h2) { color: var(--explore-paper); font-size: clamp(27px,3.1vw,44px); font-weight: 500; line-height: 1.15; letter-spacing: -.045em; }
.editorial-explore .editorial-section-number { color: #bdac98; font-size: 10px; align-self: flex-start; padding-top: 6px; }
.editorial-explore .show-all { color: #e2d4c3; }
.editorial-explore .show-all:hover { color: #fffaf2; }
.editorial-explore .category-track { gap: 20px; align-items: stretch; margin-right: calc(-1 * var(--app-gutter)); padding-right: var(--app-gutter); }
.editorial-explore .category { display: flex; flex-direction: column; flex-basis: clamp(220px,22vw,310px); color: var(--explore-paper); }
.editorial-explore .category > span { flex-shrink: 0; border-radius: 14px; aspect-ratio: 1.2; }
.editorial-explore .category strong { margin: 14px 0 7px; color: var(--explore-paper); font-size: 22px; font-weight: 500; line-height: 1.2; letter-spacing: -.035em; }
.editorial-explore .category .category-subtitle { margin-bottom: 16px; color: #cfbfae; font-size: 13px; line-height: 1.55; }
.category-link { display: block; width: 100%; margin-top: auto; padding: 10px 0 3px; border-top: 1px solid #fffaf227; color: #ecdfce; font-size: 12px; font-weight: 500; }
.editorial-explore .carousel-position span { background: #fffaf231; }
.editorial-explore .carousel-position .is-current { background: #f1e3d0; }
.editorial-explore .carousel-buttons button { color: #f1e3d0; border-color: #fffaf23b; }
.editorial-explore .carousel-buttons button:hover:not(:disabled) { background: #fffaf215; }

.editorial-explore .process { width: 100%; max-width: none; margin: 0; padding: 34px var(--app-gutter) 44px; background: #241e19fa; }
.editorial-explore .process-heading { align-items: flex-end; gap: 20px; margin-bottom: 32px; }
.editorial-explore .process-heading > p { color: #cbbbA9; font-size: 13px; }
.editorial-explore .steps { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 20px; }
.process-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #fffaf221; border-radius: 18px; background: #30271ff5; transition: transform 380ms cubic-bezier(.22,.78,.22,1),border-color 300ms ease; }
.process-card-visual { position: relative; overflow: hidden; aspect-ratio: 1.65; isolation: isolate; background: #514236; }
.process-card-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#1d171345,transparent 65%,#241e1926); }
.process-card-visual img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 650ms cubic-bezier(.22,.78,.22,1); }
.process-card-number { position: absolute; z-index: 1; top: 16px; left: 22px; color: #fffaf2; font-size: clamp(54px,5vw,80px); font-weight: 300; line-height: 1; letter-spacing: -.08em; }
.process-card-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: clamp(20px,2.3vw,32px); }
.process-card-kicker { margin: 0 0 17px; color: #c7b39b; font-size: 9px; font-weight: 500; line-height: 1.5; letter-spacing: .15em; }
.process-card h3 { margin: 0 0 17px; color: #fffaf2; font-size: clamp(26px,2.5vw,36px); font-weight: 500; line-height: 1.15; letter-spacing: -.045em; }
.process-card-description { margin: 0 0 25px; color: #d7c7b5; font-size: 14px; line-height: 1.75; }
.process-card-detail { width: 100%; margin: auto 0 23px; padding-top: 18px; border-top: 1px solid #fffaf21c; color: #bba892; font-size: 11px; line-height: 1.65; }
.editorial-explore .process-action { min-height: 44px; padding: 11px 18px; border-color: #fffaf249; color: #fffaf2; font-size: 12px; font-weight: 400; }
.editorial-explore .process-action:hover { background: #fffaf2; border-color: #fffaf2; color: #2c241e; }
.editorial-explore .home-extra { width: 100%; max-width: none; margin: 0; padding: 0 var(--app-gutter) calc(110px + env(safe-area-inset-bottom)); background: #241e19fa; }
.editorial-explore .home-extra button { max-width: 600px; border-color: #fffaf226; background: #fffaf207; color: #e9dccc; }
.editorial-explore .home-extra small { color: #bfae99; }
.editorial-explore .home-extra button:hover { border-color: #fffaf23b; background: #fffaf20e; }
@media (hover:hover) and (pointer:fine) {
  .process-card:hover { transform: translateY(-5px); border-color: #fffaf247; }
  .process-card:hover img { transform: scale(1.035); }
}
@media (min-width:1024px) {
  .editorial-explore[data-app-screen="home"] .site-header { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
  .editorial-explore .home-extra { padding-bottom: 48px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .editorial-explore { --app-gutter: 48px; }
  .editorial-explore .home-intro { gap: 30px; min-height: 450px; }
  .editorial-explore .home-intro h1 { font-size: clamp(64px,8.1vw,88px); }
  .editorial-explore .steps { gap: 14px; }
  .process-card-body { padding: 20px 17px; }
  .process-card-description { font-size: 13px; }
  .process-card h3 { font-size: 26px; }
}
@media (max-width:699px) {
  .editorial-explore { --app-gutter: 24px; }
  .editorial-explore::before { background-image: linear-gradient(180deg,#211b1680 0%,#211a16c9 58%,#1b1714ed 100%),url('assets/nua-welcome-home.jpg'); background-position: center 52%; }
  .editorial-explore .home-intro { display: flex; align-items: center; min-height: 440px; padding-block: 35px 40px; }
  .editorial-explore .home-intro-copy { position: relative; z-index: 1; width: 100%; }
  .editorial-explore .home-intro .editorial-kicker { margin-bottom: 23px; font-size: 9px; }
  .editorial-explore .home-intro h1 { margin-bottom: 22px; font-size: clamp(57px,15vw,82px); }
  .editorial-explore .home-intro-copy > p:not(.editorial-kicker) { font-size: 15px; }
  .editorial-explore .intro-explore { min-height: 48px; margin-top: 25px; padding-inline: 23px; font-size: 13px; }
  .editorial-explore .home-intro-visual { display: none; }
  .editorial-explore .app-categories { padding-block: 24px; }
  .editorial-explore :is(.app-section-title h2,.process h2) { gap: 10px; font-size: 28px; }
  .editorial-explore .app-section-title { align-items: flex-start; gap: 10px; margin-bottom: 18px; }
  .editorial-explore .app-section-title h2 { max-width: 240px; }
  .editorial-explore .show-all { padding-top: 0; min-height: 36px; font-size: 11px; }
  .editorial-explore .category-track { gap: 14px; }
  .editorial-explore .category { flex-basis: min(58vw,240px); }
  .editorial-explore .category strong { margin: 12px 0 6px; font-size: 20px; line-height: 1.25; }
  .editorial-explore .category .category-subtitle { font-size: 12px; line-height: 1.5; margin-bottom: 12px; }
  .editorial-explore .category-link { font-size: 11px; }
  .editorial-explore .carousel-tools { justify-content: flex-start; margin-top: 18px; }
  .editorial-explore .process { padding-top: 24px; }
  .editorial-explore .process-heading { align-items: flex-start; gap: 10px; margin-bottom: 24px; }
  .editorial-explore .process-heading > p { margin-left: 24px; font-size: 12px; }
  .editorial-explore .steps { grid-template-columns: 1fr; gap: 22px; }
  .process-card-visual { aspect-ratio: 1.7; }
  .process-card-number { top: 17px; left: 22px; font-size: 64px; }
  .process-card-body { padding: 25px 24px 28px; }
  .process-card h3 { font-size: 31px; }
  .process-card-description { font-size: 14px; line-height: 1.75; }
  .process-card-detail { margin-bottom: 21px; }
}
@media (max-width:360px) {
  .editorial-explore { --app-gutter: 20px; }
  .editorial-explore .home-intro { min-height: 410px; }
  .editorial-explore .home-intro h1 { font-size: 57px; }
  .editorial-explore .app-section-title h2 { font-size: 25px; }
  .process-card-body { padding: 23px 20px 25px; }
}
@media (prefers-reduced-motion:reduce) { .process-card,.process-card-visual img { transition: none; } }
