/* RÆDEL supporting pages -------------------------------------------------
   Shared, information-led page system. The homepage remains the cinematic
   showpiece; these pages reuse its brand language without reproducing the
   long scroll engine. */
:root{
  --page-max:1280px;
  --page-pad:clamp(22px,5vw,78px);
  --panel:rgba(7,28,40,.78);
  --panel-strong:rgba(4,20,30,.9);
  --line:rgba(240,202,121,.24);
  --muted:rgba(255,253,246,.7);
}
body.info-page{min-height:100vh;background:#071824;color:var(--white);}
.info-page .site-header{background:linear-gradient(180deg,var(--page-section-tint-light),var(--page-section-tint-dark));border-bottom:1px solid rgba(240,202,121,.12);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.16);}
.info-page .site-header .nav-links a[aria-current="page"]{color:var(--gold-soft);opacity:1;}
.info-main{min-height:100vh;}
.page-hero{position:relative;min-height:76vh;padding:132px var(--page-pad) 82px;display:grid;align-items:end;overflow:hidden;isolation:isolate;background:#0a1d28;}
.page-hero::before{content:'';position:fixed;inset:0;background:var(--page-hero-image,url('assets/venue-clean-master.webp')) center/cover no-repeat;transform:scale(1.025);filter:brightness(.62) saturate(.94) contrast(1.04);pointer-events:none;z-index:-2;}
.page-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--page-section-tint-dark),var(--page-section-tint-light));z-index:-1;}
.page-hero-inner::before{content:'';position:absolute;z-index:-1;top:-132px;bottom:-82px;left:calc((100vw - min(var(--page-max),100vw)) / -2 - var(--page-pad));right:calc((100vw - min(var(--page-max),100vw)) / -2 - var(--page-pad));pointer-events:none;background:linear-gradient(180deg,rgba(3,18,27,1) 0%,rgba(3,18,27,1) 58%,rgba(3,18,27,.58) 76%,rgba(3,18,27,0) 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.75) 48%,rgba(0,0,0,.28) 78%,rgba(0,0,0,.52) 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.75) 48%,rgba(0,0,0,.28) 78%,rgba(0,0,0,.52) 100%);}
.page-hero-inner{position:relative;z-index:2;width:min(var(--page-max),100%);margin:0 auto;}
.page-hero-copy{max-width:880px;}
.page-hero h1{margin:.6rem 0 1.15rem;font-size:clamp(3.5rem,7vw,7.4rem);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;text-shadow:var(--raedel-shadow-display);}
.page-hero p{max-width:760px;margin:0;font-size:clamp(1rem,1.25vw,1.28rem);line-height:1.65;color:rgba(255,253,246,.9);text-shadow:var(--raedel-shadow-body);}
.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.page-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:8px;border:1px solid rgba(240,202,121,.72);color:var(--gold-soft);background:rgba(3,18,27,.4);text-transform:uppercase;letter-spacing:.075em;font-weight:800;font-size:.76rem;transition:transform .18s ease,background .18s ease;}
.page-button:hover{transform:translateY(-2px);background:rgba(3,18,27,.66);}
.page-button-primary{border-color:transparent;background:linear-gradient(180deg,#e8b95f,#bd8131);color:#061a25;}
.page-button-primary:hover,.page-button-primary:focus-visible{background:linear-gradient(180deg,#efc36e,#c78a37);color:#061a25;filter:brightness(1.03);}
.content-section{padding:clamp(70px,9vw,122px) var(--page-pad);position:relative;}
.content-section-alt{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.006));border-block:1px solid rgba(255,255,255,.045);}
.content-inner{width:min(var(--page-max),100%);margin:0 auto;}
.section-heading{max-width:820px;margin:0 0 42px;}
.section-heading h2{margin:.5rem 0 .85rem;font-size:clamp(2.6rem,5vw,5rem);line-height:.94;letter-spacing:-.045em;text-transform:uppercase;}
.section-heading p{margin:0;color:var(--muted);font-size:clamp(.98rem,1.15vw,1.16rem);line-height:1.7;}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.card-grid.card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.info-card{position:relative;min-height:230px;padding:26px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(9,37,50,.78),rgba(5,24,34,.82));box-shadow:0 20px 55px rgba(0,0,0,.14);overflow:hidden;}
.info-card .card-number{display:block;color:var(--gold-soft);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px;}
.info-card h3{margin:0 0 10px;font-size:clamp(1.35rem,1.8vw,2rem);line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;}
.info-card p{margin:0;color:var(--muted);line-height:1.62;}
.info-card ul{margin:15px 0 0;padding-left:18px;color:var(--muted);line-height:1.6;}
.image-card{padding:0;min-height:390px;display:grid;align-content:end;background:#0b2330;}
.image-card::before{content:'';position:absolute;inset:0;background:var(--card-image) center/cover no-repeat;filter:brightness(.68) saturate(.95);transform:scale(1.01);}
.image-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(3,18,27,.18) 42%,rgba(3,18,27,.94) 100%);}
.image-card-content{position:relative;z-index:2;padding:28px;}
.split-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(34px,6vw,86px);align-items:center;}
.split-copy h2{margin:.55rem 0 1rem;font-size:clamp(2.8rem,5vw,5.4rem);line-height:.93;letter-spacing:-.045em;text-transform:uppercase;}
.split-copy p{color:var(--muted);line-height:1.7;font-size:1.03rem;}
.feature-list{display:grid;gap:15px;margin-top:24px;}
.feature-row{display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start;}
.feature-row::before{content:'✦';display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(240,202,121,.45);border-radius:50%;color:var(--gold-soft);font-size:.72rem;}
.feature-row strong{display:block;margin-bottom:3px;color:#fffdf6;}
.feature-row span{color:var(--muted);line-height:1.5;}
.callout{padding:clamp(30px,5vw,64px);border:1px solid rgba(240,202,121,.3);border-radius:18px;background:radial-gradient(circle at 80% 10%,rgba(215,162,77,.12),transparent 38%),linear-gradient(135deg,rgba(7,35,47,.96),rgba(4,22,31,.96));display:flex;align-items:center;justify-content:space-between;gap:30px;}
.callout h2{margin:.45rem 0 .7rem;font-size:clamp(2.2rem,4vw,4.3rem);line-height:.96;text-transform:uppercase;letter-spacing:-.04em;}
.callout p{max-width:690px;margin:0;color:var(--muted);line-height:1.65;}
.callout .page-actions{margin:0;flex:0 0 auto;}
.breadcrumbs{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,253,246,.52);margin-bottom:18px;}
.breadcrumbs a{color:var(--gold-soft);}
.prose{max-width:900px;}
.prose h1{font-size:clamp(3.2rem,6vw,6.2rem);line-height:.9;margin:.5rem 0 1.2rem;text-transform:uppercase;letter-spacing:-.05em;}
.prose h2{font-size:clamp(1.8rem,3vw,3rem);margin:2.2rem 0 .65rem;text-transform:uppercase;letter-spacing:-.025em;}
.prose h3{font-size:1.15rem;margin:1.7rem 0 .45rem;color:var(--gold-soft);}
.prose p,.prose li{color:rgba(255,253,246,.76);line-height:1.72;}
.prose ul{padding-left:20px;}
.prose a{color:var(--gold-soft);text-decoration:underline;text-decoration-color:rgba(240,202,121,.35);text-underline-offset:3px;}
.legal-main{padding:132px var(--page-pad) 90px;background:radial-gradient(circle at 86% 4%,rgba(215,162,77,.09),transparent 32%),#071824;min-height:100vh;}
.legal-main .content-inner{width:min(1050px,100%);}
.faq-hub{display:grid;gap:24px;max-width:1180px;}
.faq-intro{display:grid;gap:14px;max-width:920px;}
.faq-intro-copy{margin:0;color:rgba(255,253,246,.72);line-height:1.65;}
.faq-chip-row{display:flex;flex-wrap:wrap;gap:10px;}
.faq-chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(240,202,121,.2);background:rgba(6,27,38,.62);color:rgba(255,248,228,.84);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;}
.faq-chip:hover,.faq-chip:focus-visible{border-color:rgba(240,202,121,.46);background:rgba(215,162,77,.12);color:var(--gold-soft);transform:translateY(-1px);}
.faq-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;}
.faq-group-card{padding:24px;border:1px solid rgba(240,202,121,.16);border-radius:18px;background:linear-gradient(180deg,rgba(5,24,35,.72),rgba(4,19,29,.88));box-shadow:0 18px 44px rgba(0,0,0,.12);}
.faq-group-eyebrow{display:inline-block;margin-bottom:10px;color:var(--gold-soft);font-size:.67rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;}
.faq-group-card h3{margin:0 0 8px;font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.03;text-transform:uppercase;letter-spacing:-.025em;}
.faq-group-copy{margin:0 0 16px;color:rgba(255,253,246,.65);line-height:1.6;}
.faq-group-list{display:grid;gap:10px;}
.faq-item{border:1px solid rgba(240,202,121,.14);border-radius:12px;background:rgba(6,27,38,.52);overflow:hidden;transition:border-color .18s ease,background .18s ease;}
.faq-item summary{cursor:pointer;list-style:none;padding:17px 52px 17px 18px;font-weight:750;position:relative;line-height:1.45;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--gold-soft);font-size:1.25rem;font-weight:400;}
.faq-item[open] summary::after{content:'–';}
.faq-item p{margin:0;padding:0 18px 18px;color:var(--muted);line-height:1.65;}
@media(hover:hover){.faq-group-card:hover{border-color:rgba(240,202,121,.24);}.faq-item:hover{border-color:rgba(240,202,121,.28);background:rgba(8,31,43,.62);}}

/* Live adventure showcase */
.live-adventure-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:clamp(28px,4vw,52px);align-items:start;}
.live-device-wrap{display:grid;place-items:start center;}
.live-device{position:relative;width:min(290px,100%);padding:8px;border-radius:34px;background:linear-gradient(145deg,#27343b,#07141c);border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 72px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1);}
.live-device::before{content:'';position:absolute;z-index:5;top:14px;left:50%;width:72px;height:18px;transform:translateX(-50%);border-radius:12px;background:#071016;pointer-events:none;}
.live-device-screen{overflow:hidden;border-radius:27px;background:#050b0e;height:min(560px,64vh);}
.live-device iframe{width:100%;height:100%;display:block;border:0;background:#071824;}
.live-badge{display:inline-flex;align-items:center;gap:8px;color:#d9f7dc;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;}
.live-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:#7ee28c;box-shadow:0 0 12px rgba(126,226,140,.65);}
.live-copy h2{font-size:clamp(3rem,5.5vw,6rem);line-height:.9;margin:.65rem 0 1rem;text-transform:uppercase;letter-spacing:-.05em;}
.live-copy p{color:var(--muted);font-size:1.04rem;line-height:1.7;}
.live-note{padding:13px 15px;border-left:2px solid rgba(240,202,121,.62);background:rgba(240,202,121,.055);color:rgba(255,253,246,.72);font-size:.88rem;line-height:1.55;margin-top:18px;}

/* For your place configurator */
.place-builder{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,6vw,82px);align-items:start;}
.builder-panel{border:1px solid var(--line);border-radius:16px;padding:28px;background:rgba(5,25,35,.82);}
.builder-step+.builder-step{margin-top:28px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08);}
.builder-step h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;color:#fffdf6;}
.choice-grid{display:flex;flex-wrap:wrap;gap:9px;}
.choice-button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.035);color:rgba(255,253,246,.78);border-radius:999px;padding:10px 13px;font:inherit;font-size:.82rem;cursor:pointer;transition:.18s ease;}
.choice-button:hover,.choice-button.is-selected{border-color:rgba(240,202,121,.68);background:rgba(215,162,77,.12);color:var(--gold-soft);}
.builder-result{min-height:480px;border-radius:18px;padding:clamp(30px,5vw,62px);background:linear-gradient(180deg,rgba(4,21,31,.48),rgba(4,21,31,.9)),url('assets/venue-clean-master.webp') center/cover no-repeat;border:1px solid rgba(240,202,121,.22);display:flex;align-items:end;}
.builder-result-inner{max-width:700px;}
.builder-result h2{margin:.5rem 0 .8rem;font-size:clamp(2.5rem,4.8vw,5rem);line-height:.92;text-transform:uppercase;letter-spacing:-.04em;}
.builder-result p{color:rgba(255,253,246,.82);line-height:1.7;}
.builder-result .page-actions{margin-top:22px;}

@media(max-width:1440px){
  .live-adventure-layout{grid-template-columns:minmax(225px,270px) minmax(0,1fr);gap:26px;}
  .live-device{width:min(265px,100%);}
  .live-device-screen{height:min(520px,60vh);}
  .live-copy h2{font-size:clamp(2.7rem,4.8vw,4.8rem);}
}
@media(max-width:1180px){
  .live-adventure-layout{grid-template-columns:1fr;}
  .live-copy{order:-1;}
  .live-device-wrap{place-items:start center;}
}
@media(max-width:1000px){
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .split-section,.live-adventure-layout,.place-builder{grid-template-columns:1fr;}
  .live-copy{order:-1;}
  .callout{align-items:flex-start;flex-direction:column;}
}
@media(max-width:700px){
  .page-hero{min-height:70vh;padding:108px 22px 58px;}
  .page-hero h1{font-size:clamp(3rem,15vw,5rem);}
  .content-section{padding:64px 22px;}
  .card-grid,.card-grid.card-grid-2{grid-template-columns:1fr;}
  .info-card{min-height:0;}
  .live-device{width:min(310px,90vw);}
  .live-device-screen{height:min(560px,66vh);}
  .legal-main{padding:108px 22px 70px;}
  .builder-panel{padding:20px;}
  .faq-groups{grid-template-columns:1fr;}
  .faq-group-card{padding:20px;}
  .faq-chip{font-size:.7rem;padding:9px 12px;}
}

.contact-privacy-note a{color:var(--gold-soft);text-decoration:underline;text-underline-offset:2px;}


/* v310 — live adventure comparison cards --------------------------------
   Keep the approved original two-column live-demo layout. These two cards add
   the useful distinction between the desktop showcase and optional mobile
   venue capabilities without changing that composition. */
.demo-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:24px;}
.demo-mode-card{position:relative;padding:20px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:rgba(2,17,25,.46);overflow:hidden;}
.demo-mode-card::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,rgba(240,202,121,.68),transparent);opacity:.7;}
.demo-mode-card-mobile::before{background:linear-gradient(90deg,rgba(92,181,190,.72),transparent);}
.demo-mode-kicker{display:block;margin-bottom:8px;color:var(--gold-soft);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.demo-mode-card-mobile .demo-mode-kicker{color:#a8e2e5;}
.demo-mode-card h4{margin:0 0 8px;color:#fffdf6;font-size:1.08rem;line-height:1.15;text-transform:uppercase;letter-spacing:-.01em;}
.demo-mode-card p{margin:0;color:rgba(255,253,246,.62);font-size:.86rem;line-height:1.55;}
.capability-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;}
.capability-chips span{padding:6px 8px;border:1px solid rgba(240,202,121,.20);border-radius:999px;background:rgba(240,202,121,.045);color:rgba(255,235,192,.82);font-size:.63rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase;}
.demo-mode-card-mobile .capability-chips span{border-color:rgba(117,205,211,.20);background:rgba(117,205,211,.045);color:rgba(192,239,242,.82);}
@media(max-width:1180px){.demo-mode-grid{grid-template-columns:1fr;}}


/* v311 — venue cards: artwork, icons and hover polish ------------------- */
.venue-types-section{
  background:
    radial-gradient(circle at 14% 16%, rgba(215,162,77,.12), transparent 28%),
    radial-gradient(circle at 86% 80%, rgba(85,146,170,.08), transparent 26%);
}
.venue-types-section::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), transparent 18%, transparent 82%, rgba(255,255,255,.02)),
    url("assets/venue-clean-canopy.webp") center top / cover no-repeat;
  opacity:.075;
  pointer-events:none;
}
.venue-types-section .content-inner{position:relative;z-index:1;}
.venue-card-grid{position:relative;z-index:1;}
.venue-showcase-card{
  --venue-card-image:none;
  --venue-card-icon:none;
  min-height:252px;
  isolation:isolate;
  background:linear-gradient(180deg,rgba(8,34,48,.76),rgba(4,21,31,.84));
  box-shadow:0 20px 55px rgba(0,0,0,.14);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.venue-showcase-card > *{position:relative;z-index:2;}
.venue-showcase-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.12), transparent 18%),
    linear-gradient(135deg, rgba(240,202,121,.08), transparent 34%),
    var(--venue-card-image) center / cover no-repeat;
  opacity:.30;
  transform:scale(1.02);
  transition:opacity .22s ease, transform .22s ease, filter .22s ease;
  filter:saturate(.98) brightness(.68) contrast(1.03);
}
.venue-showcase-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(2,13,20,.05), rgba(2,13,20,.24) 30%, rgba(2,13,20,.68) 100%),
    linear-gradient(90deg, rgba(3,18,27,.18), transparent 48%, rgba(3,18,27,.08));
  z-index:1;
}
.venue-card-emblem{
  position:absolute;
  top:22px;
  right:22px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(240,202,121,.24);
  background:rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(0,0,0,.06);
}
.venue-card-emblem::before{
  content:'';
  position:absolute;
  inset:7px;
  background:var(--gold-soft);
  opacity:.92;
  -webkit-mask:var(--venue-card-icon) center / contain no-repeat;
  mask:var(--venue-card-icon) center / contain no-repeat;
}
.venue-showcase-card .card-number{margin-right:56px;transition:color .2s ease, letter-spacing .2s ease;}
.venue-showcase-card h3{transition:color .2s ease, transform .2s ease;}
.venue-showcase-card p{transition:color .2s ease;}

@media (hover:hover){
  .venue-showcase-card:hover,
  .venue-showcase-card:focus-within{
    transform:translateY(-6px);
    border-color:rgba(240,202,121,.42);
    box-shadow:0 28px 68px rgba(0,0,0,.26), 0 0 0 1px rgba(240,202,121,.06);
    background:linear-gradient(180deg,rgba(10,39,54,.8),rgba(5,23,33,.88));
  }
  .venue-showcase-card:hover::before,
  .venue-showcase-card:focus-within::before{
    opacity:.40;
    transform:scale(1.035);
    filter:saturate(1.03) brightness(.74) contrast(1.04);
  }
  .venue-showcase-card:hover .card-number,
  .venue-showcase-card:focus-within .card-number{
    color:#ffd993;
    letter-spacing:.18em;
  }
  .venue-showcase-card:hover h3,
  .venue-showcase-card:focus-within h3{
    color:#fffdf8;
    transform:translateY(-1px);
  }
  .venue-showcase-card:hover p,
  .venue-showcase-card:focus-within p{
    color:rgba(255,253,246,.82);
  }
  .venue-showcase-card:hover .venue-card-emblem,
  .venue-showcase-card:focus-within .venue-card-emblem{
    border-color:rgba(240,202,121,.42);
    background:rgba(240,202,121,.08);
    box-shadow:0 0 0 5px rgba(240,202,121,.05);
  }
}

.venue-card-heritage{
  --venue-card-image:url('assets/venue-fort-front.webp');
  --venue-card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 20h18v2H3zM4 9h16v11h-3v-6H7v6H4zm1-6h3v3H5zm5 0h4v3h-4zm6 0h3v3h-3z'/%3E%3C/svg%3E");
}
.venue-card-museums{
  --venue-card-image:url('assets/artifact-history-book.webp');
  --venue-card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v14H4zM7 7h10v8H7zM2 20h20v2H2z'/%3E%3C/svg%3E");
}
.venue-card-wildlife{
  --venue-card-image:url('assets/venue-zoo-rear.webp');
  --venue-card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 11a2.3 2.3 0 1 1 0-4.6A2.3 2.3 0 0 1 7 11m10 0a2.3 2.3 0 1 1 0-4.6A2.3 2.3 0 0 1 17 11M10 7a2.2 2.2 0 1 1 0-4.4A2.2 2.2 0 0 1 10 7m4 0a2.2 2.2 0 1 1 0-4.4A2.2 2.2 0 0 1 14 7m-2 14c-3.1 0-5.8-1.8-5.8-4.4 0-1.8 1.5-3.3 3.2-3.3.8 0 1.4.2 2 .7.4.3.8.3 1.2 0 .6-.5 1.2-.7 2-.7 1.7 0 3.2 1.5 3.2 3.3C17.8 19.2 15.1 21 12 21'/%3E%3C/svg%3E");
}
.venue-card-landscape{
  --venue-card-image:url('assets/players-field-master.webp');
  --venue-card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2c4.4 0 8 3 8 7.3 0 5.6-6.4 10.6-7.1 11.1a1.5 1.5 0 0 1-1.8 0C10.4 19.9 4 14.9 4 9.3 4 5 7.6 2 12 2m.6 4.2C9.8 6.4 8 8 8 10.2c0 2.4 2.3 5 4 6.6 1.7-1.6 4-4.2 4-6.6 0-2.2-1.8-3.8-3.4-4-.2 2.2-1.1 3.6-2.8 4.9-.2.2-.5-.1-.3-.3 1.2-1.5 1.9-2.6 2.1-4.6'/%3E%3C/svg%3E");
}
.venue-card-discovery{
  --venue-card-image:url('assets/venue-lab-rear.webp');
  --venue-card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 2h6v2l-1 1v4.4l5.8 8.7A2.5 2.5 0 0 1 17.7 22H6.3a2.5 2.5 0 0 1-2.1-3.9L10 9.4V5L9 4zm.7 11-2.9 4.4a.5.5 0 0 0 .4.8h9.6a.5.5 0 0 0 .4-.8L14.3 13z'/%3E%3C/svg%3E");
}
.venue-card-attractions{
  --venue-card-image:url('assets/world-seasonal-panel.webp');
  --venue-card-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4h10a2 2 0 0 1 2 2v2a2.5 2.5 0 0 0 0 5v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2a2.5 2.5 0 0 0 0-5V6a2 2 0 0 1 2-2m3.8 3.2 1.2 2.5 2.8.4-2 1.9.5 2.8-2.5-1.3-2.5 1.3.5-2.8-2-1.9 2.8-.4z'/%3E%3C/svg%3E");
}

@media(max-width:700px){
  .venue-showcase-card{min-height:0;padding:22px;}
  .venue-card-emblem{top:18px;right:18px;width:31px;height:31px;}
}


/* v312 — static supporting-page header background -----------------------
   Keep the header background fixed and self-contained so the page content
   scrolls beneath a stable top bar, rather than the header fading away into
   each page hero. */
.info-page .site-header .nav-links a:not(.nav-cta){transition:opacity .16s ease,color .16s ease;}
.info-page .site-header .nav-links a:hover{opacity:1;color:var(--gold-soft);}


/* v313 — supporting page fixed hero backgrounds -------------------------
   The large top artwork now stays fixed to the viewport so the page content
   scrolls over it, giving the static pages a little more atmosphere without
   adding more moving parts. */
@media(max-width:700px){
  .page-hero::before{transform:scale(1.04);background-position:center top;}
}


/* v314 — fixed-page background overlays for Venues ----------------------
   Keep the fixed hero artwork visible further down the page, but give each
   following section its own darkening veil so the copy remains readable and
   each band feels slightly distinct. */
.venues-page .section-overlay{
  background:transparent !important;
  overflow:hidden;
  isolation:isolate;
  margin-top:-1px;
}
.venues-page .section-overlay .content-inner{
  position:relative;
  z-index:1;
}
.venues-page .section-overlay::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.venues-page .section-overlay-deep::after{
  background:linear-gradient(180deg, rgba(3,18,27,.72), rgba(3,14,22,.90));
}
.venues-page .section-overlay-mid::after{
  background:linear-gradient(180deg, rgba(3,14,22,.90), rgba(3,18,27,.72));
}
.venues-page .section-overlay-warm::after{
  background:linear-gradient(180deg, rgba(3,18,27,.72), rgba(3,14,22,.90));
}
.venues-page .content-section-alt{
  border-block:none;
}


/* v315 — darker venues overlays and seam cleanup ------------------------
   Match the deeper hero darkening more closely and remove the visible
   horizontal seam between overlay bands. */
.venues-page .page-hero{border-bottom:none;}
.venues-page .page-hero + .content-section{margin-top:-1px;}


/* v316 — continuous alternating section gradient ------------------------
   Each section uses the exact inverse of the next. The terminal colour of
   one band is therefore identical to the starting colour of the following
   band, creating one uninterrupted dark-light-dark flow over the fixed art. */
.venues-page{
  --venue-flow-light:rgba(3,18,27,.72);
  --venue-flow-dark:rgba(3,14,22,.90);
}
.venues-page .section-overlay-deep::after,
.venues-page .section-overlay-warm::after{
  background:linear-gradient(180deg,var(--venue-flow-light),var(--venue-flow-dark));
}
.venues-page .section-overlay-mid::after{
  background:linear-gradient(180deg,var(--venue-flow-dark),var(--venue-flow-light));
}


/* v317 — continuous alternating section gradients on all supporting pages */
:root{
  --page-section-tint-light: rgba(5,18,27,.74);
  --page-section-tint-dark: rgba(3,12,19,.88);
}

.info-page .content-section{
  background: transparent !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  margin-top: 0;
  border: 0 !important;
}
.info-page .content-section .content-inner{
  position: relative;
  z-index: 1;
}
.info-page .content-section::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, var(--page-section-tint-light), var(--page-section-tint-dark));
}
/* The header begins the flow. The hero reverses it, then every following section
   flips direction again so the gradient alternates continuously down the page. */
.info-main > .content-section:nth-of-type(odd)::after{
  background: linear-gradient(180deg, var(--page-section-tint-dark), var(--page-section-tint-light));
}
.info-main > .content-section:nth-of-type(even)::after{
  background: linear-gradient(180deg, var(--page-section-tint-light), var(--page-section-tint-dark));
}
.info-page .content-section-alt{
  background: transparent !important;
  border-block: none !important;
}
.info-page .page-hero{
  border-bottom: none;
}
.info-page .page-hero + .content-section{
  margin-top: 0;
}


/* v318 — shared fixed supporting-page manor background ------------------
   One compressed background image now anchors every non-home page. The
   homepage remains untouched. Content sections retain the alternating
   dark-overlay system above it. */
body.info-page{
  background:#071824 url('assets/supporting-manor-bg.webp') center center / cover fixed no-repeat !important;
}
.info-page .page-hero::before{
  background-image:url('assets/supporting-manor-bg.webp') !important;
  background-position:center center !important;
  background-size:cover !important;
  filter:brightness(.72) saturate(.92) contrast(1.04) !important;
}
/* Legal pages do not use a page hero, so let the shared artwork show through
   a deep reading veil rather than replacing it with a flat colour. */
.info-page .legal-main{
  position:relative;
  isolation:isolate;
  background:transparent !important;
}
.info-page .legal-main::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(3,15,23,.88),rgba(3,13,21,.94));
  pointer-events:none;
}
/* The 404 page follows the same treatment. */
.info-page .not-found{
  position:relative;
  isolation:isolate;
  background:transparent !important;
}
.info-page .not-found::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 30%,rgba(215,162,77,.08),transparent 35%),rgba(3,14,22,.88);
  pointer-events:none;
}
@media(max-width:700px){
  body.info-page{background-attachment:scroll;background-position:62% center;}
  .info-page .page-hero::before{background-position:62% center !important;}
}


/* v320 — interactive How it Works journey, refined ---------------------- */
.how-works-page .how-journey-heading{max-width:900px;}
.how-journey-layout{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:clamp(56px,7vw,108px);align-items:start;max-width:1380px;margin-inline:auto;}
.journey-phone-column{position:relative;min-height:100%;}
.journey-phone-sticky{position:sticky;top:112px;display:grid;justify-items:center;align-content:start;gap:16px;}
.journey-phone{position:relative;width:min(278px,100%);padding:8px;border-radius:34px;background:linear-gradient(145deg,#27343b,#07141c);border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 68px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.1);}
.journey-phone-island{position:absolute;z-index:8;top:14px;left:50%;width:68px;height:18px;transform:translateX(-50%);border-radius:12px;background:#071016;box-shadow:0 1px 0 rgba(255,255,255,.05);}
.journey-phone-screen{position:relative;overflow:hidden;border-radius:27px;background:linear-gradient(180deg,#0d2430,#07151e);aspect-ratio:9/18.7;}
.journey-phone-status{position:absolute;z-index:7;top:0;left:0;right:0;height:40px;padding:10px 14px 0;display:flex;justify-content:space-between;align-items:flex-start;color:rgba(255,255,255,.65);font-size:.48rem;letter-spacing:.08em;}
.journey-phone-status strong{font-family:Georgia,'Times New Roman',serif;color:var(--gold-soft);letter-spacing:.15em;font-size:.52rem;}
.journey-screen{position:absolute;inset:0;padding:58px 21px 23px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translate3d(12px,0,0) scale(.988);transition:opacity .3s ease,transform .3s ease;pointer-events:none;background:radial-gradient(circle at 70% 12%,rgba(215,162,77,.10),transparent 30%);}
.journey-screen.is-active{opacity:1;transform:none;}
.journey-screen h3{margin:.4rem 0 .62rem;font-size:clamp(1.24rem,1.8vw,1.58rem);line-height:1;text-transform:uppercase;letter-spacing:-.03em;}
.journey-screen>p{margin:0;color:rgba(255,253,246,.7);font-size:.69rem;line-height:1.5;}
.phone-kicker{color:var(--gold-soft);font-size:.51rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.phone-hero-mark{width:72px;height:72px;margin:17px auto 18px;display:grid;place-items:center;border:1px solid rgba(240,202,121,.34);border-radius:50%;font-family:Georgia,serif;font-size:2.7rem;color:var(--gold-soft);background:radial-gradient(circle,rgba(215,162,77,.13),transparent 68%);box-shadow:0 0 32px rgba(215,162,77,.08);}
.phone-action{display:inline-flex;align-self:flex-start;margin-top:17px;padding:8px 12px;border-radius:6px;background:linear-gradient(180deg,#e8b95f,#bd8131);color:#061a25;font-size:.53rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;}
.phone-action-ghost{background:transparent;color:var(--gold-soft);border:1px solid rgba(240,202,121,.52);}
.phone-route-card{position:relative;margin:18px 0 7px;padding:18px 12px 15px 48px;border:1px solid rgba(240,202,121,.18);border-radius:10px;background:rgba(255,255,255,.035);}
.phone-route-card b{font-size:.7rem;text-transform:uppercase;}
.route-node{position:absolute;left:22px;bottom:18px;width:9px;height:9px;border-radius:50%;border:2px solid var(--gold-soft);background:#071824;z-index:2;}
.route-node.is-done{top:17px;bottom:auto;background:var(--gold-soft);}
.route-path{position:absolute;left:25px;top:25px;bottom:25px;width:2px;background:linear-gradient(var(--gold-soft),rgba(240,202,121,.22));}
.phone-observation-art{height:125px;margin:15px -4px 14px;border-radius:10px;background:linear-gradient(180deg,rgba(3,18,27,.05),rgba(3,18,27,.68)),url('assets/artifact-history-book.webp') center/cover no-repeat;border:1px solid rgba(255,255,255,.09);}
.phone-hint{margin-top:14px;color:rgba(240,202,121,.7);font-size:.53rem;text-transform:uppercase;letter-spacing:.1em;}
.phone-puzzle{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:17px 0 14px;}
.phone-puzzle span{height:46px;display:grid;place-items:center;border:1px solid rgba(240,202,121,.24);border-radius:8px;background:rgba(255,255,255,.035);font-family:Georgia,serif;color:var(--gold-soft);font-size:1.05rem;}
.phone-story{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;margin:16px 0 15px;padding:11px;border:1px solid rgba(240,202,121,.16);border-radius:10px;background:rgba(255,255,255,.035);}
.phone-fox{width:56px;height:66px;background:url('assets/fox.webp') center bottom/contain no-repeat;filter:drop-shadow(0 7px 8px rgba(0,0,0,.35));}
.phone-story b{color:var(--gold-soft);font-size:.56rem;letter-spacing:.1em;}
.phone-story p{margin:.25rem 0 0;color:rgba(255,253,246,.74);font-size:.59rem;line-height:1.4;}
.journey-screen-finale{text-align:center;align-items:center;}
.phone-timer{margin:18px 0 17px;font-size:2.7rem;line-height:1;font-weight:900;letter-spacing:-.05em;color:#fffdf6;text-shadow:0 0 28px rgba(240,202,121,.18);}
.journey-screen-finale .phone-action{align-self:center;}
.journey-phone-caption{display:flex;gap:9px;align-items:center;padding:7px 12px;border:1px solid rgba(240,202,121,.2);border-radius:999px;background:rgba(3,18,27,.82);box-shadow:0 8px 24px rgba(0,0,0,.18);}
.journey-caption-number{color:var(--gold-soft);font-weight:850;font-size:.62rem;letter-spacing:.12em;}
.journey-caption-label{font-size:.64rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,253,246,.78);}

.journey-steps{position:relative;padding-left:34px;}
.journey-line{position:absolute;left:7px;top:70px;bottom:70px;width:1px;background:rgba(240,202,121,.16);}
.journey-line-fill{position:absolute;left:0;top:0;width:1px;height:var(--journey-progress,0%);background:linear-gradient(var(--gold-soft),#d7a24d);box-shadow:0 0 8px rgba(240,202,121,.2);transition:height .28s ease;}
.journey-step{position:relative;min-height:clamp(300px,42vh,430px);display:grid;grid-template-columns:52px 1fr;gap:20px;align-content:center;margin:18px 0;padding:clamp(26px,3vw,40px);border:1px solid rgba(240,202,121,.11);border-radius:18px;background:linear-gradient(180deg,rgba(3,18,27,.48),rgba(3,15,23,.64));box-shadow:0 18px 46px rgba(0,0,0,.10);opacity:.68;transition:opacity .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease;}
.journey-step::before{content:'';position:absolute;left:-27px;top:50%;width:11px;height:11px;border-radius:50%;border:1px solid rgba(240,202,121,.5);background:#071824;transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(3,18,27,.66);transition:.25s ease;}
.journey-step.is-past{opacity:.78;}
.journey-step.is-active{opacity:1;border-color:rgba(240,202,121,.30);background:linear-gradient(180deg,rgba(7,29,40,.72),rgba(3,17,26,.82));box-shadow:0 24px 60px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);transform:translateX(4px);}
.journey-step.is-active::before{background:var(--gold-soft);border-color:#ffe4aa;box-shadow:0 0 0 5px rgba(215,162,77,.11),0 0 15px rgba(240,202,121,.32);}
.journey-step-number{font-family:Georgia,'Times New Roman',serif;color:rgba(240,202,121,.60);font-size:2rem;line-height:1;transition:color .25s ease;}
.journey-step.is-active .journey-step-number{color:var(--gold-soft);}
.journey-step h3{margin:.4rem 0 .68rem;font-size:clamp(1.85rem,3vw,3.15rem);line-height:.94;text-transform:uppercase;letter-spacing:-.04em;}
.journey-step p{max-width:660px;margin:0;color:rgba(255,253,246,.66);font-size:.98rem;line-height:1.66;}
.journey-step.is-active p{color:rgba(255,253,246,.82);}

.phone-place-board{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:stretch;border:1px solid rgba(240,202,121,.18);border-radius:18px;overflow:hidden;background:rgba(3,18,27,.36);box-shadow:0 25px 65px rgba(0,0,0,.16);}
.phone-place-heading,.phone-place-cell{padding:24px 28px;}
.phone-place-heading{background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.07);}
.phone-place-heading span{display:block;color:var(--gold-soft);font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;}
.phone-place-heading strong{font-size:1.25rem;text-transform:uppercase;}
.phone-place-cell{border-top:1px solid rgba(255,255,255,.055);}
.phone-place-cell b{display:block;margin-bottom:6px;color:#fffdf6;font-size:.98rem;}
.phone-place-cell span{color:var(--muted);font-size:.88rem;line-height:1.55;}
.phone-place-arrow{display:grid;place-items:center;color:rgba(240,202,121,.68);font-size:1.25rem;border-inline:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.055);background:rgba(215,162,77,.035);}
.phone-place-board>.phone-place-arrow:nth-child(2){border-top:0;}

.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.capability-card{
  --capability-symbol:none;
  --capability-art:none;
  position:relative;
  min-height:204px;
  padding:22px 22px 20px;
  border:1px solid rgba(240,202,121,.17);
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(180deg,rgba(4,20,30,.62),rgba(3,16,24,.72));
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.capability-card::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 82% 20%, rgba(255,255,255,.05), transparent 18%),
    var(--capability-art);
  opacity:.34;
}
.capability-card::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(3,16,24,.06),rgba(3,16,24,.42) 42%,rgba(3,16,24,.76) 100%);
}
.capability-icon{
  position:relative;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin-bottom:16px;
  border:1px solid rgba(240,202,121,.34);
  border-radius:50%;
  background:rgba(215,162,77,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.capability-icon::before{
  content:'';
  width:24px;
  height:24px;
  background:var(--gold-soft);
  -webkit-mask:var(--capability-symbol) center/contain no-repeat;
  mask:var(--capability-symbol) center/contain no-repeat;
}
.capability-icon::after{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:50%;
  border:1px solid transparent;
  opacity:0;
  transition:opacity .2s ease,transform .2s ease,border-color .2s ease;
}
.capability-card h3{margin:0 0 8px;font-size:1.42rem;text-transform:uppercase;}
.capability-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.58;max-width:30ch;}
.capability-footnote{
  position:relative;
  width:100%;
  margin:34px 0 0;
  padding:30px 24px 4px;
  text-align:center;
  background:transparent;
}
.capability-footnote::before{
  content:'';
  position:absolute;
  top:0;
  left:50%;
  width:min(420px,54%);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(240,202,121,.62),transparent);
  box-shadow:0 0 18px rgba(240,202,121,.08);
}
.capability-footnote strong{
  display:block;
  margin:0 auto 8px;
  max-width:820px;
  color:#fffdf7;
  font-size:clamp(1.18rem,1.6vw,1.5rem);
  line-height:1.3;
  letter-spacing:-.015em;
}
.capability-footnote span{
  display:block;
  max-width:760px;
  margin:0 auto;
  color:rgba(255,253,246,.62);
  font-size:.9rem;
  line-height:1.65;
}
@media(hover:hover){
  .capability-card:hover{
    transform:translateY(-4px);
    border-color:rgba(240,202,121,.36);
    background:linear-gradient(180deg,rgba(6,26,38,.72),rgba(3,18,27,.8));
    box-shadow:0 18px 40px rgba(0,0,0,.15);
  }
  .capability-card:hover .capability-icon{
    border-color:rgba(240,202,121,.54);
    background:rgba(215,162,77,.08);
    box-shadow:0 0 0 4px rgba(215,162,77,.05), inset 0 1px 0 rgba(255,255,255,.05);
    transform:translateY(-1px);
  }
  .capability-card:hover .capability-icon::after{
    opacity:1;
    transform:scale(1.12);
    border-color:rgba(240,202,121,.20);
  }
}
.capability-qr{
  --capability-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3zm2 2v4h4V5zm8-2h8v8h-8zm2 2v4h4V5zM3 13h8v8H3zm2 2v4h4v-4zm8 0h2v2h-2zm2 2h2v2h-2zm2-2h4v2h-2v2h2v4h-8v-4h2z'/%3E%3C/svg%3E");
  --capability-art:
    linear-gradient(0deg, transparent 0 100%),
    linear-gradient(90deg, rgba(240,202,121,.10) 1px, transparent 1px),
    linear-gradient(rgba(240,202,121,.10) 1px, transparent 1px);
  background-size:auto,18px 18px,18px 18px;
  background-position:0 0, 0 0, 0 0;
}
.capability-camera{
  --capability-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 6 9.4 4h5.2L16 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm4 9a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m0-1.8a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4'/%3E%3C/svg%3E");
  --capability-art:
    radial-gradient(circle at center, rgba(240,202,121,.12) 0 20%, transparent 20% 42%, rgba(240,202,121,.06) 42% 44%, transparent 44%),
    linear-gradient(90deg, transparent 0 22%, rgba(240,202,121,.07) 22% 23%, transparent 23% 77%, rgba(240,202,121,.07) 77% 78%, transparent 78%),
    linear-gradient(transparent 0 22%, rgba(240,202,121,.07) 22% 23%, transparent 23% 77%, rgba(240,202,121,.07) 77% 78%, transparent 78%);
}
.capability-location{
  --capability-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 1 7 7c0 4.8-5.3 10.2-6 10.9a1.4 1.4 0 0 1-2 0C10.3 19.2 5 13.8 5 9a7 7 0 0 1 7-7m0 3a4 4 0 0 0-4 4c0 2.1 2 4.8 4 7 2-2.2 4-4.9 4-7a4 4 0 0 0-4-4m0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4'/%3E%3C/svg%3E");
  --capability-art:
    radial-gradient(circle at 70% 40%, rgba(240,202,121,.10) 0 2px, transparent 3px),
    radial-gradient(circle at 62% 35%, transparent 0 18px, rgba(240,202,121,.07) 18px 19px, transparent 19px 100%),
    radial-gradient(circle at 62% 35%, transparent 0 32px, rgba(240,202,121,.05) 32px 33px, transparent 33px 100%);
}
.capability-compass{
  --capability-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18m0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14m3.9 3.2-2.2 5.5-5.5 2.2 2.2-5.5z'/%3E%3C/svg%3E");
  --capability-art:
    radial-gradient(circle at 72% 34%, transparent 0 24px, rgba(240,202,121,.07) 24px 25px, transparent 25px 100%),
    linear-gradient(90deg, transparent 0 50%, rgba(240,202,121,.05) 50% 51%, transparent 51%),
    linear-gradient(transparent 0 50%, rgba(240,202,121,.05) 50% 51%, transparent 51%);
}
.capability-motion{
  --capability-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10.5c2-2 4-2 6 0s4 2 6 0 4-2 6 0v2c-2-2-4-2-6 0s-4 2-6 0-4-2-6 0zm0 5c2-2 4-2 6 0s4 2 6 0 4-2 6 0v2c-2-2-4-2-6 0s-4 2-6 0-4-2-6 0z'/%3E%3C/svg%3E");
  --capability-art:
    radial-gradient(circle at 72% 33%, rgba(240,202,121,.06), transparent 18%),
    repeating-linear-gradient(165deg, transparent 0 10px, rgba(240,202,121,.06) 10px 12px, transparent 12px 22px);
}
.capability-touch{
  --capability-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 3a1.5 1.5 0 0 1 1.5 1.5V11h1V2.5a1.5 1.5 0 0 1 3 0V11h1V5a1.5 1.5 0 0 1 3 0v8.3a5.7 5.7 0 0 1-5.7 5.7H12a6.7 6.7 0 0 1-5.1-2.3L4 13.4A1.4 1.4 0 0 1 6 11.5L8 13V4.5A1.5 1.5 0 0 1 8.5 3'/%3E%3C/svg%3E");
  --capability-art:
    radial-gradient(circle at 72% 34%, rgba(240,202,121,.08) 0 2px, transparent 2px 100%),
    linear-gradient(135deg, transparent 0 56%, rgba(240,202,121,.07) 56% 57%, transparent 57%),
    radial-gradient(circle at 62% 38%, transparent 0 18px, rgba(240,202,121,.05) 18px 19px, transparent 19px 100%);
}

.builder-workbench{position:relative;display:grid;grid-template-columns:minmax(220px,1fr) minmax(460px,1.35fr) minmax(220px,1fr);gap:24px;align-items:center;}
.builder-side{display:grid;gap:18px;position:relative;}
.builder-control-card{position:relative;padding:24px 24px 22px;border:1px solid rgba(240,202,121,.16);border-radius:16px;background:linear-gradient(180deg,rgba(4,20,30,.54),rgba(3,16,24,.78));box-shadow:0 12px 30px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;cursor:default;}
.builder-control-card .card-number{display:block;color:var(--gold-soft);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.builder-control-card h3{margin:.6rem 0 .55rem;font-size:clamp(1.35rem,1.75vw,1.95rem);line-height:1.02;text-transform:uppercase;}
.builder-control-card p{margin:0;color:rgba(255,253,246,.72);line-height:1.58;}
.builder-side-left .builder-control-card::after,
.builder-side-right .builder-control-card::after{content:'';position:absolute;top:50%;width:26px;height:1px;background:linear-gradient(90deg,rgba(240,202,121,.28),rgba(240,202,121,.65));opacity:.65;}
.builder-side-left .builder-control-card::after{right:-26px;}
.builder-side-right .builder-control-card::after{left:-26px;transform:scaleX(-1);}
.builder-core{position:relative;}
.builder-window{position:relative;border:1px solid rgba(240,202,121,.18);border-radius:20px;background:linear-gradient(180deg,rgba(4,20,30,.72),rgba(3,14,23,.88));box-shadow:0 18px 48px rgba(0,0,0,.18);overflow:hidden;}
.builder-window::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 84% 18%, rgba(255,255,255,.05), transparent 18%),linear-gradient(135deg, rgba(240,202,121,.05), transparent 30%);pointer-events:none;}
.builder-window-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(240,202,121,.14);background:rgba(255,255,255,.02);}
.builder-window-title{font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fffdf7;}
.builder-window-subtitle{font-size:.78rem;color:rgba(255,253,246,.56);}
.builder-canvas{padding:22px;display:grid;gap:22px;}
.builder-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:center;}
.builder-node{position:relative;min-height:96px;padding:14px 12px 12px;border:1px solid rgba(240,202,121,.14);border-radius:14px;background:linear-gradient(180deg,rgba(5,24,36,.68),rgba(3,17,25,.86));display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;}
.builder-node:not(:last-child)::after{content:'';position:absolute;top:50%;right:-10px;width:10px;height:2px;background:linear-gradient(90deg,rgba(240,202,121,.34),rgba(240,202,121,.68));transform:translateY(-50%);}
.builder-node-type{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);}
.builder-node strong{font-size:.96rem;line-height:1.15;color:#fffdf7;}
.builder-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.builder-detail-panel{position:relative;padding:16px 16px 15px;border:1px solid rgba(240,202,121,.12);border-radius:14px;background:rgba(255,255,255,.025);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;}
.builder-panel-label{display:block;margin-bottom:.35rem;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);}
.builder-detail-panel h4{margin:0 0 .35rem;font-size:1rem;line-height:1.2;color:#fffdf8;}
.builder-detail-panel p{margin:0;color:rgba(255,253,246,.66);font-size:.88rem;line-height:1.55;}
.builder-preview-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.builder-preview-chip{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(240,202,121,.18);border-radius:999px;background:rgba(240,202,121,.05);font-size:.74rem;color:rgba(255,253,246,.76);}
@media(hover:hover){.builder-control-card:hover{transform:translateY(-4px);border-color:rgba(240,202,121,.34);background:linear-gradient(180deg,rgba(5,24,36,.66),rgba(3,16,24,.84));box-shadow:0 18px 38px rgba(0,0,0,.18);}}
.builder-workbench[data-active-focus="story"] [data-builder-node~="story"],
.builder-workbench[data-active-focus="route"] [data-builder-node~="route"],
.builder-workbench[data-active-focus="puzzle"] [data-builder-node~="puzzle"],
.builder-workbench[data-active-focus="art"] [data-builder-node~="art"],
.builder-workbench[data-active-focus="story"] [data-builder-panel="story"],
.builder-workbench[data-active-focus="route"] [data-builder-panel="route"],
.builder-workbench[data-active-focus="puzzle"] [data-builder-panel="puzzle"],
.builder-workbench[data-active-focus="art"] [data-builder-panel="art"]{border-color:rgba(240,202,121,.46);background:linear-gradient(180deg,rgba(10,37,52,.78),rgba(4,18,27,.92));box-shadow:0 0 0 1px rgba(240,202,121,.08),0 18px 40px rgba(0,0,0,.18);transform:translateY(-1px);}
.builder-workbench[data-active-focus="story"] .builder-control-card[data-builder-focus="story"],
.builder-workbench[data-active-focus="route"] .builder-control-card[data-builder-focus="route"],
.builder-workbench[data-active-focus="puzzle"] .builder-control-card[data-builder-focus="puzzle"],
.builder-workbench[data-active-focus="art"] .builder-control-card[data-builder-focus="art"]{border-color:rgba(240,202,121,.4);background:linear-gradient(180deg,rgba(7,28,40,.7),rgba(3,17,26,.88));box-shadow:0 18px 40px rgba(0,0,0,.2);}
.builder-workbench[data-active-focus="story"] [data-builder-node~="story"]::after,
.builder-workbench[data-active-focus="route"] [data-builder-node~="route"]::after,
.builder-workbench[data-active-focus="puzzle"] [data-builder-node~="puzzle"]::after,
.builder-workbench[data-active-focus="art"] [data-builder-node~="art"]::after{background:linear-gradient(90deg,rgba(240,202,121,.56),rgba(240,202,121,.88));}

.play-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;}
.play-mode-card{position:relative;padding:26px 26px 24px;border:1px solid rgba(240,202,121,.18);border-radius:18px;background:linear-gradient(180deg,rgba(4,20,30,.58),rgba(3,16,24,.76));overflow:hidden;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.play-mode-card::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 86% 18%, rgba(255,255,255,.05), transparent 18%),linear-gradient(135deg, rgba(240,202,121,.06), transparent 32%);pointer-events:none;}
.play-mode-top h3{margin:.7rem 0 .65rem;font-size:clamp(1.55rem,2.1vw,2.2rem);line-height:1.02;text-transform:uppercase;letter-spacing:-.03em;max-width:16ch;}
.play-mode-top p{margin:0;color:rgba(255,253,246,.72);line-height:1.6;max-width:58ch;}
.play-mode-badge{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(240,202,121,.22);border-radius:999px;background:rgba(215,162,77,.05);color:var(--gold-soft);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.play-mode-diagram{display:grid;grid-template-columns:auto 52px auto 52px auto;gap:0;align-items:center;justify-content:start;margin:22px 0 18px;padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(2,12,19,.26);}
.play-mode-team-diagram{grid-template-columns:auto 28px auto 28px auto 28px auto;align-items:center;}
.play-node,.play-joiner{display:grid;place-items:center;min-width:86px;min-height:64px;padding:10px 14px;border:1px solid rgba(240,202,121,.16);border-radius:14px;background:linear-gradient(180deg,rgba(7,29,42,.68),rgba(4,20,29,.86));box-shadow:0 8px 20px rgba(0,0,0,.1);}
.play-node span,.play-joiner span{font-size:.83rem;font-weight:700;letter-spacing:.02em;color:#fffdf8;text-align:center;}
.play-node-player::before,.play-node-leader::before,.play-node-finale::before{content:'';display:block;width:18px;height:18px;margin-bottom:7px;background:var(--gold-soft);opacity:.9;}
.play-node-player::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8m0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8m0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5'/%3E%3C/svg%3E") center/contain no-repeat;}
.play-node-leader::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8m-7 8v-1c0-2.2 2.2-3.9 5-4.6a6.4 6.4 0 0 0 4 0c2.8.7 5 2.4 5 4.6v1zm12.8-13.7 1 .7-1.3 1.5.2 2-1.9-.8-1.8.8.2-2-1.3-1.5 2-.2.9-1.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8m-7 8v-1c0-2.2 2.2-3.9 5-4.6a6.4 6.4 0 0 0 4 0c2.8.7 5 2.4 5 4.6v1zm12.8-13.7 1 .7-1.3 1.5.2 2-1.9-.8-1.8.8.2-2-1.3-1.5 2-.2.9-1.8z'/%3E%3C/svg%3E") center/contain no-repeat;}
.play-node-finale::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 15.3 6.7 18l1-5.8L3.5 8.2l5.9-.9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 15.3 6.7 18l1-5.8L3.5 8.2l5.9-.9z'/%3E%3C/svg%3E") center/contain no-repeat;}
.play-link{position:relative;height:2px;background:linear-gradient(90deg,rgba(240,202,121,.22),rgba(240,202,121,.78));}
.play-link::after{content:'';position:absolute;right:-1px;top:50%;width:8px;height:8px;border-top:1px solid rgba(240,202,121,.86);border-right:1px solid rgba(240,202,121,.86);transform:translateY(-50%) rotate(45deg);}
.play-link-down{width:2px;height:100%;justify-self:center;background:linear-gradient(180deg,rgba(240,202,121,.22),rgba(240,202,121,.78));}
.play-link-down::after{right:auto;left:50%;top:auto;bottom:-1px;transform:translateX(-50%) rotate(135deg);}
.play-joiners{display:grid;gap:10px;}
.play-joiner{min-width:78px;min-height:52px;border-radius:12px;background:linear-gradient(180deg,rgba(6,27,39,.62),rgba(3,17,26,.8));}
.play-mode-points{display:grid;gap:9px;margin:0;padding:0;list-style:none;}
.play-mode-points li{position:relative;padding-left:20px;color:rgba(255,253,246,.7);line-height:1.55;}
.play-mode-points li::before{content:'';position:absolute;left:0;top:.56em;width:8px;height:8px;border-radius:50%;background:rgba(240,202,121,.88);box-shadow:0 0 0 4px rgba(240,202,121,.06);transform:translateY(-50%);}
@media(hover:hover){.play-mode-card:hover{transform:translateY(-4px);border-color:rgba(240,202,121,.34);box-shadow:0 18px 40px rgba(0,0,0,.16);background:linear-gradient(180deg,rgba(6,25,36,.66),rgba(3,17,25,.82));}}
.how-final-callout .page-actions{display:flex;flex-wrap:wrap;gap:10px;}

@media(max-width:1100px){
  .how-journey-layout{grid-template-columns:1fr;max-width:820px;}
  .journey-phone-column{min-height:auto;}
  .journey-phone-sticky{position:relative;top:auto;margin-bottom:28px;}
  .journey-phone{width:min(270px,76vw);}
  .journey-step{min-height:auto;}
  .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .journey-steps{padding-left:30px;}.journey-line{left:5px;top:52px;bottom:52px;}.journey-step{grid-template-columns:1fr;gap:8px;min-height:auto;padding:28px 22px;margin:12px 0;}.journey-step::before{left:-25px;}.journey-step-number{font-size:1.55rem;}.journey-step.is-active{transform:none;}
  .phone-place-board{grid-template-columns:1fr;}.phone-place-arrow{border-inline:0;min-height:38px;transform:rotate(90deg);}.phone-place-heading.place-side{border-top:1px solid rgba(255,255,255,.07);}
  .capability-grid,.play-mode-grid{grid-template-columns:1fr;}.capability-card{min-height:0;padding:20px;}.builder-workbench{grid-template-columns:1fr;gap:18px;}.builder-side{grid-template-columns:1fr;}.builder-side-left .builder-control-card::after,.builder-side-right .builder-control-card::after{display:none;}.builder-flow{grid-template-columns:repeat(2,minmax(0,1fr));}.builder-node:not(:last-child)::after{display:none;}.builder-detail-grid{grid-template-columns:1fr;}.play-mode-card{padding:22px;}.play-mode-diagram{grid-template-columns:1fr;gap:10px;justify-content:stretch;}.play-link{width:2px;height:28px;justify-self:center;background:linear-gradient(180deg,rgba(240,202,121,.22),rgba(240,202,121,.78));}.play-link::after{right:auto;left:50%;top:auto;bottom:-1px;transform:translateX(-50%) rotate(135deg);}.play-link-down{width:2px;height:28px;justify-self:center;}.play-node,.play-joiner{min-width:0;}.play-mode-team-diagram{grid-template-columns:1fr;}.play-mode-top h3{max-width:none;}
}
@media(prefers-reduced-motion:reduce){.journey-screen,.journey-step,.journey-line-fill,.capability-card,.builder-control-card,.builder-window,.builder-node,.builder-detail-panel{transition:none!important;}}


/* v321 — make the How it Works phone genuinely sticky -------------------
   Shared content sections use overflow:hidden for the background overlay,
   which creates a scroll container and prevents position:sticky. The journey
   needs overflow visible, and its phone column must span the complete height
   of the six steps so the phone has a proper sticky range. */
.how-works-page .how-journey-section{
  overflow: visible;
}
.how-works-page .how-journey-layout{
  align-items: stretch;
}
.how-works-page .journey-phone-column{
  align-self: stretch;
  min-height: 0;
}
.how-works-page .journey-phone-sticky{
  position: sticky;
  top: 112px;
}
@media(max-width:900px){
  .how-works-page .how-journey-section{overflow:hidden;}
  .how-works-page .journey-phone-column{align-self:auto;}
  .how-works-page .journey-phone-sticky{position:relative;top:auto;}
}


/* v322 — stable How it Works journey position tracking ------------------
   JS now switches steps at fixed scroll boundaries rather than fluctuating
   IntersectionObserver ratios. Keep the visual change calm as the boundary
   is crossed. */
.how-works-page .journey-line-fill{transition:height .34s cubic-bezier(.2,.7,.2,1);}
.how-works-page .journey-phone-caption{transition:border-color .2s ease,background .2s ease;}


/* v323 — turn phone/place comparison into a visual cause-and-response flow */
.phone-place-flow{display:grid;gap:18px;margin-top:34px;}
.phone-place-flow-head{display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);gap:18px;padding:0 28px;color:var(--gold-soft);font-size:.67rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;}
.phone-place-flow-head span:first-child{grid-column:1;}
.phone-place-flow-head span:last-child{grid-column:3;}
.phone-place-pair{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);gap:18px;align-items:stretch;padding:18px;border:1px solid rgba(240,202,121,.13);border-radius:22px;background:linear-gradient(180deg,rgba(3,18,27,.40),rgba(2,14,22,.54));box-shadow:0 24px 64px rgba(0,0,0,.14);overflow:hidden;isolation:isolate;}
.phone-place-pair::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(82,136,153,.045),transparent 38%,transparent 62%,rgba(215,162,77,.045));pointer-events:none;}
.phone-place-card{position:relative;min-height:190px;padding:27px 29px;border-radius:15px;border:1px solid rgba(255,255,255,.075);display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease;}
.phone-place-prompt{padding-left:76px;background:linear-gradient(145deg,rgba(6,31,43,.88),rgba(3,19,28,.72));}
.phone-place-discovery{background:linear-gradient(145deg,rgba(9,27,34,.72),rgba(5,23,29,.90));border-color:rgba(240,202,121,.14);}
.phone-place-index{position:absolute;left:27px;top:29px;width:34px;height:34px;border:1px solid rgba(240,202,121,.32);border-radius:50%;display:grid;place-items:center;color:var(--gold-soft);font-family:Georgia,'Times New Roman',serif;font-size:.82rem;background:rgba(215,162,77,.045);}
.phone-place-kicker{display:block;margin-bottom:7px;color:var(--gold-soft);font-size:.66rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.phone-place-card h3{margin:0 0 10px;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.05;text-transform:uppercase;letter-spacing:-.025em;}
.phone-place-card p{max-width:560px;margin:0;color:rgba(255,253,246,.72);font-size:.92rem;line-height:1.58;}
.phone-place-prompt p{font-style:italic;color:rgba(255,253,246,.82);}
.phone-place-connector{position:relative;display:grid;place-items:center;align-content:center;gap:9px;color:rgba(240,202,121,.7);text-align:center;}
.phone-place-connector span{font-size:.58rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;}
.phone-place-connector i{position:relative;display:block;width:72px;height:1px;background:linear-gradient(90deg,rgba(240,202,121,.18),rgba(240,202,121,.78));}
.phone-place-connector i::before{content:'';position:absolute;left:-1px;top:50%;width:7px;height:7px;border-radius:50%;background:#071824;border:1px solid rgba(240,202,121,.55);transform:translateY(-50%);}
.phone-place-connector i::after{content:'';position:absolute;right:-2px;top:50%;width:8px;height:8px;border-top:1px solid rgba(240,202,121,.8);border-right:1px solid rgba(240,202,121,.8);transform:translateY(-50%) rotate(45deg);}
@media(hover:hover){
  .phone-place-pair:hover{border-color:rgba(240,202,121,.24);}
  .phone-place-pair:hover .phone-place-prompt{transform:translateX(2px);border-color:rgba(119,178,194,.22);background:linear-gradient(145deg,rgba(7,36,49,.94),rgba(3,20,30,.78));}
  .phone-place-pair:hover .phone-place-discovery{transform:translateX(-2px);border-color:rgba(240,202,121,.28);background:linear-gradient(145deg,rgba(11,32,39,.80),rgba(6,25,31,.94));}
  .phone-place-pair:hover .phone-place-connector i{background:linear-gradient(90deg,rgba(240,202,121,.30),rgba(255,218,146,.95));}
}
@media(max-width:820px){
  .phone-place-flow-head{display:none;}
  .phone-place-pair{grid-template-columns:1fr;padding:14px;gap:11px;}
  .phone-place-card{min-height:0;padding:24px;}
  .phone-place-prompt{padding-left:68px;}
  .phone-place-index{left:23px;top:25px;}
  .phone-place-connector{min-height:48px;gap:6px;}
  .phone-place-connector i{width:1px;height:28px;background:linear-gradient(180deg,rgba(240,202,121,.18),rgba(240,202,121,.78));}
  .phone-place-connector i::before{left:50%;top:-1px;transform:translateX(-50%);}
  .phone-place-connector i::after{right:auto;left:50%;top:auto;bottom:-2px;transform:translateX(-50%) rotate(135deg);}
}

/* v325 — capability section closing statement */
@media(max-width:700px){.capability-footnote{margin-top:26px;padding:26px 6px 0;}.capability-footnote::before{width:72%;}}

@media(max-width:1180px){.builder-workbench{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);}.builder-side-right{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));}.builder-side-left .builder-control-card::after{display:none;}.builder-side-right .builder-control-card::after{display:none;}}


/* v337 — SEO venue landing page system: Interactive Museum Trails ------- */
.seo-landing-page .page-hero-copy{max-width:1040px;}
.seo-landing-page .page-hero h1{max-width:960px;}
.museum-landing-page .museum-seo-hero::before{
  background-image:url('assets/world-history-panel.webp') !important;
  background-position:center center !important;
  filter:brightness(.58) saturate(.86) contrast(1.05) !important;
}
.museum-landing-page .museum-seo-hero::after{
  background:linear-gradient(180deg,var(--page-section-tint-dark),var(--page-section-tint-light));
}
.museum-value-grid .museum-value-card{min-height:250px;}
.museum-example-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(34px,6vw,82px);align-items:center;}
.museum-example-art{position:relative;min-height:620px;border:1px solid rgba(240,202,121,.20);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(3,18,27,.02),rgba(3,18,27,.76)),url('assets/artifact-history-book.webp') center/cover no-repeat;box-shadow:0 30px 72px rgba(0,0,0,.22);}
.museum-example-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(3,16,24,.88) 100%);}
.museum-example-art-label{position:absolute;z-index:2;left:26px;right:26px;bottom:25px;display:grid;gap:6px;}
.museum-example-art-label strong{font-size:clamp(1.6rem,2.5vw,2.7rem);line-height:.98;text-transform:uppercase;max-width:14ch;}
.museum-example-copy h2{margin:.55rem 0 .9rem;font-size:clamp(2.7rem,4.6vw,5rem);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;}
.museum-example-copy>p{color:var(--muted);font-size:1.02rem;line-height:1.7;}
.museum-journey{display:grid;gap:10px;margin-top:24px;}
.museum-journey-step{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:15px 16px;border:1px solid rgba(240,202,121,.13);border-radius:13px;background:rgba(4,20,30,.48);}
.museum-journey-step>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(240,202,121,.32);border-radius:50%;color:var(--gold-soft);font-family:Georgia,'Times New Roman',serif;font-size:.84rem;background:rgba(215,162,77,.045);}
.museum-journey-step strong{display:block;margin-bottom:3px;color:#fffdf7;}
.museum-journey-step p{margin:0;color:rgba(255,253,246,.66);font-size:.88rem;line-height:1.55;}
.museum-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.museum-use-grid article{position:relative;min-height:235px;padding:24px;border:1px solid rgba(240,202,121,.16);border-radius:16px;background:linear-gradient(180deg,rgba(5,24,35,.61),rgba(3,17,26,.78));transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.museum-use-grid h3{margin:18px 0 8px;font-size:1.35rem;text-transform:uppercase;}
.museum-use-grid p{margin:0;color:var(--muted);line-height:1.6;}
.museum-use-icon{display:block;width:44px;height:44px;border:1px solid rgba(240,202,121,.3);border-radius:50%;background:rgba(215,162,77,.05);position:relative;}
.museum-use-icon::before{content:'';position:absolute;inset:11px;background:var(--gold-soft);-webkit-mask:var(--museum-icon) center/contain no-repeat;mask:var(--museum-icon) center/contain no-repeat;}
.museum-use-object{--museum-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3h8l1 5-2 3v7h3v3H6v-3h3v-7L7 8zm2 2-.6 3 2 2v8h1.2v-8l2-2L14 5z'/%3E%3C/svg%3E");}
.museum-use-display{--museum-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v13H4zm2 2v9h12V6zm1 12h10v2H7z'/%3E%3C/svg%3E");}
.museum-use-room{--museum-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 21v-2h2V9l7-6 7 6v10h2v2h-7v-7h-4v7zm4-2h1v-7h8v7h1V10l-5-4.2L7 10z'/%3E%3C/svg%3E");}
.museum-use-family{--museum-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6m8-1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M3 19v-1c0-3 2.2-5 5-5s5 2 5 5v1zm11 0v-1c0-1.8-.6-3.4-1.6-4.6A5.5 5.5 0 0 1 16 12c2.8 0 5 1.8 5 4.5V19z'/%3E%3C/svg%3E");}
.museum-use-exhibition{--museum-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v14H4zm2 2v10h12V5zm2 2h3v3H8zm5 0h3v6h-3zM7 19h10v2H7z'/%3E%3C/svg%3E");}
.museum-use-learning{--museum-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3 10 5-10 5L2 8zm-6 9 6 3 6-3v5l-6 3-6-3z'/%3E%3C/svg%3E");}
@media(hover:hover){.museum-use-grid article:hover{transform:translateY(-4px);border-color:rgba(240,202,121,.34);background:linear-gradient(180deg,rgba(7,29,41,.70),rgba(3,18,27,.84));}}
.museum-tech-stack{display:grid;gap:12px;}
.museum-tech-row{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:20px;border:1px solid rgba(240,202,121,.15);border-radius:14px;background:rgba(4,20,30,.5);}
.museum-tech-row>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(240,202,121,.3);border-radius:50%;color:var(--gold-soft);font-family:Georgia,'Times New Roman',serif;font-size:.8rem;}
.museum-tech-row strong{display:block;margin-bottom:5px;color:#fffdf7;font-size:1.05rem;}
.museum-tech-row p{margin:0;color:var(--muted);line-height:1.55;}
.museum-team-grid .info-card{min-height:245px;}
.museum-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1120px;}
.museum-faq-grid .faq-item{align-self:start;background:rgba(5,24,35,.58);}
.venue-card-link{position:relative;z-index:3;display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--gold-soft);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
.venue-card-link span{transition:transform .18s ease;}
@media(hover:hover){.venue-card-link:hover span{transform:translateX(4px);}}
.faq-inline-link{color:var(--gold-soft);text-decoration:underline;text-decoration-color:rgba(240,202,121,.38);text-underline-offset:3px;}
@media(max-width:1000px){
  .museum-example-layout{grid-template-columns:1fr;}
  .museum-example-art{min-height:520px;}
  .museum-use-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .museum-landing-page .museum-seo-hero::before{background-position:62% center !important;}
  .museum-example-art{min-height:400px;}
  .museum-use-grid,.museum-faq-grid{grid-template-columns:1fr;}
  .museum-use-grid article{min-height:0;}
  .museum-journey-step{grid-template-columns:42px 1fr;padding:14px;}
}


/* v338 — shared SEO landing page system and dedicated venue artwork ------- */
.seo-landing-page .page-hero-copy{max-width:1040px;}
.seo-landing-page .page-hero h1{max-width:980px;}
.seo-landing-page .venue-seo-hero::before{
  background-image:var(--seo-hero-image) !important;
  background-position:58% center !important;
  filter:brightness(.62) saturate(.96) contrast(1.04);
}
.seo-landing-page .venue-seo-hero::after{
  background:linear-gradient(180deg,var(--page-section-tint-dark),var(--page-section-tint-light));
}
.seo-value-grid .info-card{min-height:250px;}
.seo-example-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(34px,6vw,82px);align-items:center;}
.seo-example-art{position:relative;min-height:620px;border:1px solid rgba(240,202,121,.20);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(3,18,27,.02),rgba(3,18,27,.76)),var(--seo-example-image) center/cover no-repeat;box-shadow:0 30px 72px rgba(0,0,0,.22);}
.seo-example-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,16,24,.9) 100%);}
.seo-example-art-label{position:absolute;z-index:2;left:26px;right:26px;bottom:25px;display:grid;gap:6px;}
.seo-example-art-label strong{font-size:clamp(1.6rem,2.5vw,2.7rem);line-height:.98;text-transform:uppercase;max-width:15ch;}
.seo-example-copy h2{margin:.55rem 0 .9rem;font-size:clamp(2.7rem,4.6vw,5rem);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;}
.seo-example-copy>p{color:var(--muted);font-size:1.02rem;line-height:1.7;}
.seo-journey{display:grid;gap:10px;margin-top:24px;}
.seo-journey-step{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:15px 16px;border:1px solid rgba(240,202,121,.13);border-radius:13px;background:rgba(4,20,30,.48);}
.seo-journey-step>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(240,202,121,.32);border-radius:50%;color:var(--gold-soft);font-family:Georgia,'Times New Roman',serif;font-size:.84rem;background:rgba(215,162,77,.045);}
.seo-journey-step strong{display:block;margin-bottom:3px;color:#fffdf7;}
.seo-journey-step p{margin:0;color:rgba(255,253,246,.66);font-size:.88rem;line-height:1.55;}
.seo-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.seo-use-grid article{position:relative;min-height:235px;padding:24px;border:1px solid rgba(240,202,121,.16);border-radius:16px;background:linear-gradient(180deg,rgba(5,24,35,.61),rgba(3,17,26,.78));transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.seo-use-grid h3{margin:18px 0 8px;font-size:1.35rem;text-transform:uppercase;}
.seo-use-grid p{margin:0;color:var(--muted);line-height:1.6;}
.seo-use-icon{display:block;width:44px;height:44px;border:1px solid rgba(240,202,121,.3);border-radius:50%;background:rgba(215,162,77,.05);position:relative;}
.seo-use-icon::before{content:'';position:absolute;inset:11px;background:var(--gold-soft);-webkit-mask:var(--seo-icon) center/contain no-repeat;mask:var(--seo-icon) center/contain no-repeat;}
.seo-icon-object{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 3h8l1 5-2 3v7h3v3H6v-3h3v-7L7 8zm2 2-.6 3 2 2v8h1.2v-8l2-2L14 5z'/%3E%3C/svg%3E");}
.seo-icon-map{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m3 5 6-3 6 3 6-3v17l-6 3-6-3-6 3zm2 2v11l3-1.5V5.5zm5-1.5v11l4 2v-11zm6 2v11l3-1.5V5.5z'/%3E%3C/svg%3E");}
.seo-icon-story{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7a3 3 0 0 1 3 3v13a4 4 0 0 0-3-1H4zm16 0h-4a3 3 0 0 0-1 .17V19.4A4 4 0 0 1 17 19h3z'/%3E%3C/svg%3E");}
.seo-icon-family{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6m8-1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M3 19v-1c0-3 2.2-5 5-5s5 2 5 5v1zm11 0v-1c0-1.8-.6-3.4-1.6-4.6A5.5 5.5 0 0 1 16 12c2.8 0 5 1.8 5 4.5V19z'/%3E%3C/svg%3E");}
.seo-icon-eye{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c5.5 0 9.5 5.2 10 6-.5.8-4.5 6-10 6S2.5 11.8 2 11c.5-.8 4.5-6 10-6m0 2.5A3.5 3.5 0 1 0 12 14a3.5 3.5 0 0 0 0-6.5'/%3E%3C/svg%3E");}
.seo-icon-puzzle{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6a3 3 0 1 1 4 0h6v6a3 3 0 1 1 0 4v6h-6a3 3 0 1 1-4 0H4v-6a3 3 0 1 1 0-4z'/%3E%3C/svg%3E");}
.seo-icon-leaf{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 3C11 3 5 7.7 5 14c0 1.1.2 2.1.6 3L3 21h3l1.5-2.2C9 20.2 11 21 13 21c6 0 8-6 7-18M9 16c2.5-4.4 5.7-7 9-9-2.6 3-4.6 6.2-6.2 10z'/%3E%3C/svg%3E");}
.seo-icon-flask{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 2h6v2l-1 1v4.4l5.8 8.7A2.5 2.5 0 0 1 17.7 22H6.3a2.5 2.5 0 0 1-2.1-3.9L10 9.4V5L9 4zm.7 11-2.9 4.4a.5.5 0 0 0 .4.8h9.6a.5.5 0 0 0 .4-.8L14.3 13z'/%3E%3C/svg%3E");}
.seo-icon-star{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 15.3 6.7 18l1-5.8L3.5 8.2l5.9-.9z'/%3E%3C/svg%3E");}
.seo-icon-calendar{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v3h6V2h2v3h3v17H4V5h3zm11 8H6v10h12z'/%3E%3C/svg%3E");}
.seo-icon-building{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 20h18v2H3zM4 9h16v11h-3v-6H7v6H4zm1-6h3v3H5zm5 0h4v3h-4zm6 0h3v3h-3z'/%3E%3C/svg%3E");}
.seo-icon-route{--seo-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3a3 3 0 1 1 0 6 3 3 0 0 1 0-6m12 12a3 3 0 1 1 0 6 3 3 0 0 1 0-6M6 8v3c0 2 1 3 3 3h6c2 0 3 1 3 3v-2h2v2c0 3-2 5-5 5v-2c2 0 3-1 3-3 0-1-.7-1-3-1H9c-3 0-5-2-5-5V8z'/%3E%3C/svg%3E");}
@media(hover:hover){.seo-use-grid article:hover{transform:translateY(-4px);border-color:rgba(240,202,121,.34);background:linear-gradient(180deg,rgba(7,29,41,.70),rgba(3,18,27,.84));}}
.seo-tech-stack{display:grid;gap:12px;}
.seo-tech-row{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:20px;border:1px solid rgba(240,202,121,.15);border-radius:14px;background:rgba(4,20,30,.5);}
.seo-tech-row>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(240,202,121,.3);border-radius:50%;color:var(--gold-soft);font-family:Georgia,'Times New Roman',serif;font-size:.8rem;}
.seo-tech-row strong{display:block;margin-bottom:5px;color:#fffdf7;font-size:1.05rem;}
.seo-tech-row p{margin:0;color:var(--muted);line-height:1.55;}
.seo-team-grid .info-card{min-height:245px;}
.seo-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1120px;}
.seo-faq-grid .faq-item{align-self:start;background:rgba(5,24,35,.58);}
.seo-related{margin-top:34px;padding-top:24px;border-top:1px solid rgba(240,202,121,.14);}
.seo-related>span{display:block;margin-bottom:12px;color:rgba(255,253,246,.58);font-size:.67rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.seo-related-links{display:flex;flex-wrap:wrap;gap:9px;}
.seo-related-links a{padding:9px 12px;border:1px solid rgba(240,202,121,.17);border-radius:999px;background:rgba(4,20,30,.42);color:rgba(255,253,246,.72);font-size:.75rem;transition:border-color .18s ease,color .18s ease,background .18s ease;}
.seo-related-links a:hover{border-color:rgba(240,202,121,.4);color:var(--gold-soft);background:rgba(215,162,77,.07);}
.venue-card-link{position:relative;z-index:3;display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--gold-soft);font-size:.72rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase;}
.venue-card-link span{transition:transform .18s ease;}
.venue-card-link:hover span{transform:translateX(3px);}
.venue-card-heritage{--venue-card-image:url('assets/seo-heritage-hero.webp');}
.venue-card-museums{--venue-card-image:url('assets/seo-museum-hero.webp');}
.venue-card-wildlife{--venue-card-image:url('assets/seo-wildlife-hero.webp');}
.venue-card-landscape{--venue-card-image:url('assets/seo-parks-hero.webp');}
.venue-card-discovery{--venue-card-image:url('assets/seo-science-hero.webp');}
.venue-card-attractions{--venue-card-image:url('assets/seo-seasonal-hero.webp');}
@media(max-width:1000px){.seo-example-layout{grid-template-columns:1fr;}.seo-example-art{min-height:520px;}.seo-use-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.seo-landing-page .venue-seo-hero::before{background-position:62% center !important;}.seo-example-art{min-height:400px;}.seo-use-grid,.seo-faq-grid{grid-template-columns:1fr;}.seo-use-grid article{min-height:0;}.seo-journey-step{grid-template-columns:42px 1fr;padding:14px;}}


/* v340 — About page: product story, principles and making-of artwork ----- */
.about-page .about-hero::before{background-position:center center;filter:brightness(.64) saturate(.95) contrast(1.04);}
.about-page .about-hero::after{background:linear-gradient(180deg,var(--page-section-tint-dark),var(--page-section-tint-light));}
.about-page .content-section{padding-block:clamp(52px,6.5vw,88px);}
.about-page .about-origin-section + .content-section{padding-top:clamp(44px,5.5vw,76px);}
.about-origin-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,86px);align-items:center;}
.about-belief-list{display:grid;gap:14px;}
.about-belief-list article{position:relative;padding:24px 24px 22px 72px;border:1px solid rgba(240,202,121,.16);border-radius:16px;background:rgba(4,20,30,.48);}
.about-belief-list article>span{position:absolute;left:22px;top:24px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(240,202,121,.34);border-radius:50%;color:var(--gold-soft);font-family:Georgia,'Times New Roman',serif;font-size:.8rem;}
.about-belief-list h3{margin:0 0 7px;font-size:1.3rem;text-transform:uppercase;}
.about-belief-list p{margin:0;color:var(--muted);line-height:1.58;}
.about-principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.about-principles-grid article{position:relative;min-height:230px;padding:25px;border:1px solid rgba(240,202,121,.16);border-radius:16px;background:linear-gradient(180deg,rgba(6,28,39,.58),rgba(3,17,26,.76));overflow:hidden;}
.about-principles-grid article::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(240,202,121,.06),transparent 40%);pointer-events:none;}
.about-principle-mark{display:inline-flex;margin-bottom:34px;color:var(--gold-soft);font-family:Georgia,'Times New Roman',serif;font-size:1.2rem;}
.about-principles-grid h3{position:relative;margin:0 0 9px;font-size:1.35rem;text-transform:uppercase;}
.about-principles-grid p{position:relative;margin:0;color:var(--muted);line-height:1.6;}
.about-making-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(38px,6vw,86px);align-items:center;}
.about-making-art{min-height:560px;border:1px solid rgba(240,202,121,.18);border-radius:20px;background:linear-gradient(90deg,rgba(3,18,27,.08),rgba(3,18,27,.02)),url('assets/about-making-raedel.webp') 68% center/cover no-repeat;box-shadow:0 30px 70px rgba(0,0,0,.24);}
.about-ingredient-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:25px;}
.about-ingredient-row span{padding:8px 11px;border:1px solid rgba(240,202,121,.2);border-radius:999px;background:rgba(240,202,121,.05);color:rgba(255,245,221,.82);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.about-ingredient-row i{color:rgba(240,202,121,.58);font-style:normal;}
.about-beyond-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr);gap:clamp(40px,7vw,100px);align-items:center;}
.about-brand-bridge{display:grid;justify-items:center;gap:12px;padding:34px;border:1px solid rgba(240,202,121,.17);border-radius:20px;background:rgba(3,18,27,.48);}
.about-brand-block{width:min(360px,100%);padding:25px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025);text-align:center;}
.about-brand-block strong{display:block;margin-bottom:5px;color:#fffdf7;font-size:1.35rem;letter-spacing:.02em;}
.about-brand-block span{color:var(--muted);font-size:.88rem;}
.about-brand-raedel{border-color:rgba(240,202,121,.3);background:rgba(215,162,77,.065);}
.about-brand-raedel strong{color:var(--gold-soft);font-family:Georgia,'Times New Roman',serif;font-size:1.7rem;}
.about-brand-arrow{color:var(--gold-soft);font-size:1.5rem;}
.about-not-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.about-not-grid article{padding:24px;border:1px solid rgba(240,202,121,.14);border-radius:15px;background:rgba(3,18,27,.46);}
.about-not-grid article>span{display:block;margin-bottom:10px;color:var(--gold-soft);font-size:.65rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;}
.about-not-grid h3{margin:0 0 8px;font-size:1.3rem;text-transform:uppercase;}
.about-not-grid p{margin:0;color:var(--muted);line-height:1.58;}
.about-not-statement{margin:30px 0 0;padding-top:24px;border-top:1px solid rgba(240,202,121,.18);color:rgba(255,253,246,.72);font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.5;text-align:center;}
.about-not-statement strong{color:#fffdf7;}
@media(hover:hover){.about-belief-list article,.about-principles-grid article,.about-not-grid article{transition:transform .18s ease,border-color .18s ease,background .18s ease;}.about-belief-list article:hover,.about-principles-grid article:hover,.about-not-grid article:hover{transform:translateY(-3px);border-color:rgba(240,202,121,.3);background-color:rgba(5,25,36,.62);}}
@media(max-width:1000px){.about-origin-grid,.about-making-grid,.about-beyond-grid{grid-template-columns:1fr;}.about-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.about-making-art{min-height:460px;}.about-brand-bridge{max-width:620px;}}
@media(max-width:700px){.about-page .about-hero::before{background-position:72% center;}.about-page .content-section{padding-block:56px;}.about-principles-grid,.about-not-grid{grid-template-columns:1fr;}.about-principles-grid article{min-height:0;}.about-making-art{min-height:390px;background-position:72% center;}.about-belief-list article{padding:20px 20px 20px 64px;}.about-belief-list article>span{left:18px;top:20px;}}

/* v345 — true continuous vertical gradient flow ---------------------------
   Horizontal hero readability veils now fade to transparent before the
   section boundary, leaving the alternating vertical tint uninterrupted. */
.about-page .about-hero .page-hero-inner::before,
.seo-landing-page .page-hero .page-hero-inner::before{
  background:linear-gradient(180deg,rgba(3,18,27,1) 0%,rgba(3,18,27,.96) 56%,rgba(3,18,27,.52) 76%,rgba(3,18,27,0) 100%);
}
@media(max-width:700px){
  .page-hero-inner::before{top:-108px;bottom:-58px;left:-22px;right:-22px;}
}