/* ============================================================
   Merge overrides — journey intro + portal sections on one page.
   Load order: portal.css, journey.css, merge.css (this file wins).
   ============================================================ */

/* Journey layers sit under the rail (rail z-index:100) */
canvas#film{z-index:0;}
.grain{z-index:1;}
.scroll-track{position:relative; z-index:2; height:608vh;}
.overlay{z-index:3;}

/* Rail must float above the film */
.rail{z-index:100;}

/* Rail hover: soft halo glow */
.rail-link{transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;}
.rail-link:hover{
  box-shadow:0 0 0 3px rgba(240,145,58,0.18), 0 0 18px 4px rgba(240,145,58,0.35);
  background:rgba(240,145,58,0.08);
}
.rail-link.is-active{box-shadow:0 0 0 3px rgba(240,145,58,0.14), 0 0 14px 2px rgba(240,145,58,0.25);}

/* Secondary group: What's Next / For Grown-Ups / Blog below, outside the numbered nav */
.rail-divider{height:1px; background:var(--line, rgba(46,36,64,0.12)); margin:0.9rem 0.4rem;}
.rail-link--minor{opacity:0.75; font-size:0.86em;}
.rail-link--minor:hover{opacity:1;}

/* Portal content is opaque and above the fixed canvas */
.portal{position:relative; z-index:4; background:var(--cream, #FFF8EE);}

/* Once the film completes, drop it so the portal owns the screen */
body.journey-done canvas#film,
body.journey-done .grain,
body.journey-done .overlay{opacity:0 !important; visibility:hidden; pointer-events:none; transition:opacity .4s ease;}

/* Seamless hand-off: portal opens with the film's base tone and eases into cream */
.portal{background:transparent;}
.portal > section:first-of-type{
  background:linear-gradient(to bottom, #EDE3D1 0%, var(--cream, #FFF8EE) 26%, var(--cream, #FFF8EE) 100%) !important;
}
.portal > section, .portal > footer{background-color:var(--cream, #FFF8EE);}
.world{background:linear-gradient(to bottom, #EDE3D1 0%, #F6EDDD 30%, var(--cream, #FFF8EE) 100%);}

/* Keep journey overlays clear of the rail on desktop */
@media (min-width: 721px){
  .overlay-inner{margin-left:calc(var(--rail-w, 224px) + 4vw);}
  .overlay-inner--right{margin-left:auto; margin-right:8vw;}
}

/* Hero jump links replace the old "Venture in" button */
.hero-jumps{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;}
.hero-jumps a{
  display:inline-flex; align-items:center;
  font-family:var(--font-display); font-weight:800; font-size:0.95rem;
  color:#fff; background:var(--amber, #F0913A);
  padding:11px 20px; border-radius:999px; text-decoration:none;
  pointer-events:auto;
  box-shadow:0 8px 20px rgba(217,113,30,0.3);
  transition:transform .18s ease, background .18s ease;
}
.hero-jumps a:hover{transform:translateY(-2px); background:var(--amber-deep, #D9711E);}

/* Anchor target at very top of the film */
.anchor-home{position:absolute; top:0; left:0; width:1px; height:1px;}

/* Grown-ups email capture */
.grownups .email-form{margin-top:2.2rem; max-width:560px;}

/* Blog CTA under news grid */
.news-blog-cta{margin-top:2rem;}

/* Anchor travel is JS-driven (rideTo) so the film scrubs through — keep native jumps instant */
html{scroll-behavior:auto;}

/* ============ FEELINGS — fanned family hands + side legend ============ */
.roster{max-width:1200px;}
.roster-grid--three{display:grid; grid-template-columns:200px 1fr; gap:2rem; align-items:start;}

.fan-legend{
  position:sticky; top:5.5rem;
  display:flex; flex-direction:column; gap:0.35rem;
}
.fan-legend-item{
  display:grid; grid-template-columns:14px 1fr; grid-template-rows:auto auto; column-gap:0.55rem;
  align-items:center; text-align:left;
  border:2px solid transparent; border-radius:14px;
  background:transparent; cursor:pointer;
  padding:0.5rem 0.7rem;
  font-family:var(--font-display);
  transition:background .15s ease, border-color .15s ease, transform .15s ease;
}
.fan-legend-item .dot{grid-row:1 / span 2; width:12px; height:12px; border-radius:50%; background:var(--fam-color);}
.fan-legend-item .fl-name{font-weight:800; font-size:0.92rem; color:var(--ink, #2E2440);}
.fan-legend-item .fl-hood{grid-column:2; font-weight:700; font-size:0.7rem; color:var(--ink-soft, #5B5170);}
.fan-legend-item:hover{background:rgba(46,36,64,0.05); transform:translateX(2px);}
.fan-legend-item.is-active{
  border-color:var(--fam-color);
  background:color-mix(in srgb, var(--fam-color) 10%, transparent);
}

.fan-rows{display:flex; flex-direction:column; gap:2.6rem;}
.fan-row{
  display:flex; justify-content:center; align-items:flex-end;
  padding:0.6rem 0 0.2rem;
}

/* the hand of three */
.fan-card{
  display:block; text-decoration:none; color:inherit;
  width:min(250px, 30%);
  padding:0.9rem 0.85rem 1rem;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease, border-color .22s ease;
}
.fan-card.fan-left{transform:rotate(-6deg) translateY(10px); margin-right:-26px; z-index:1;}
.fan-card.fan-mid{transform:rotate(0deg) translateY(0); z-index:2;}
.fan-card.fan-right{transform:rotate(6deg) translateY(10px); margin-left:-26px; z-index:1;}

/* hover: the chosen card pops flat and forward, siblings fade back */
.fan-row:hover .fan-card{opacity:0.45;}
.fan-row .fan-card:hover,
.fan-row .fan-card:focus-visible{
  opacity:1;
  transform:rotate(0deg) translateY(-16px) scale(1.07);
  box-shadow:0 26px 56px rgba(46,36,64,0.26);
  border-color:var(--fam-color);
  z-index:6;
}
.fan-card .name{font-size:0.95rem;}
.fan-card .intensity-tier{font-size:0.7rem; text-transform:none; letter-spacing:0;}

/* hover info: structured, readable — name / meta / one-line hook / link */
.card-bio{
  position:absolute; inset:0;
  display:flex; flex-direction:column; justify-content:flex-end; gap:0.3rem;
  padding:1rem 1rem 1rem;
  background:linear-gradient(to top,
    color-mix(in srgb, var(--fam-color-dark, #2E2440) 96%, black) 0%,
    color-mix(in srgb, var(--fam-color-dark, #2E2440) 86%, transparent) 62%,
    transparent 100%);
  color:#fff;
  opacity:0; transform:translateY(14px);
  transition:opacity .22s ease, transform .22s ease;
  pointer-events:none;
  border-radius:inherit;
  text-align:left;
}
.roster-card:hover .card-bio,
.roster-card:focus-visible .card-bio{
  opacity:1; transform:translateY(0); pointer-events:auto;
}
.cb-name{font-family:var(--font-display); font-weight:800; font-size:1.05rem; line-height:1.15;}
.cb-sub{
  font-size:0.66rem; font-weight:800; text-transform:uppercase; letter-spacing:0.06em;
  color:rgba(255,255,255,0.85);
  padding-bottom:0.25rem; margin-bottom:0.15rem;
  border-bottom:1px solid rgba(255,255,255,0.25);
}
.cb-hook{font-size:0.85rem; line-height:1.45; font-weight:600;}
.card-bio-link{
  font-family:var(--font-display); font-weight:800; font-size:0.82rem;
  margin-top:0.35rem;
  color:#fff; text-decoration:underline; text-underline-offset:3px;
}

@media (max-width:900px){
  .roster-grid--three{grid-template-columns:1fr;}
  .fan-legend{position:static; flex-direction:row; flex-wrap:wrap; gap:0.3rem; justify-content:center;}
  .fan-legend-item .fl-hood{display:none;}
  .fan-card{width:32%;}
  .fan-card.fan-left{margin-right:-14px;}
  .fan-card.fan-right{margin-left:-14px;}
  .cb-hook{font-size:0.7rem;}
  .cb-name{font-size:0.85rem;}
}

/* ============ BEAT 2 — neighbourhoods inside the film ============ */
.overlay-inner--hoods{
  max-width:820px;
  margin-left:calc(var(--rail-w, 224px) + 3vw) !important;
  padding:26px 30px;
}
.overlay-inner--hoods h2{font-size:clamp(1.2rem, 2.4vw, 1.7rem);}
.lede--tight{margin:0 0 0.7em; font-size:0.92rem;}
.beat-hoods{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:0.55rem;
  pointer-events:auto;
}
.hood-tile{
  position:relative; display:block; border-radius:14px; overflow:hidden;
  aspect-ratio:16/10; text-decoration:none; color:#fff;
  border:2.5px solid transparent;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.hood-tile:hover{transform:translateY(-4px) scale(1.04); border-color:var(--fc); box-shadow:0 14px 30px rgba(46,36,64,0.3); z-index:3;}
.hood-tile-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.hood-tile-copy{
  position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end;
  padding:0.5rem 0.6rem;
  background:linear-gradient(to top, rgba(20,14,32,0.85) 0%, rgba(20,14,32,0.35) 55%, transparent 100%);
}
.hood-tile-fam{font-size:0.56rem; font-weight:800; text-transform:uppercase; letter-spacing:0.06em; color:#fff; opacity:0.9;}
.hood-tile-name{font-family:var(--font-display); font-weight:800; font-size:0.85rem; line-height:1.1;}
.hood-tile-residents{display:flex; gap:0.2rem; margin-top:0.3rem;}
.hood-tile-residents img{width:24px; height:24px; border-radius:50%; border:1.5px solid rgba(255,255,255,0.8); object-fit:cover;}

/* ============ BEAT 4 — feelings decks on the right of the finale ============ */
.overlay-4{align-items:center;}
.finale-wrap{
  display:flex; align-items:center; gap:2.5vw;
  width:100%; padding:0 4vw 0 calc(var(--rail-w, 224px) + 3vw);
}
.overlay-inner--finaleLeft{flex:0 0 30%; max-width:360px; margin:0 !important;}
.finale-decks{
  flex:1; display:flex; flex-direction:column; gap:1.1rem;
  background:rgba(255,248,238,0.95); backdrop-filter:blur(6px);
  border-radius:22px; padding:1.2rem 1.4rem;
  box-shadow:0 20px 60px rgba(46,36,64,0.14);
  pointer-events:auto;
}
.deck-row{display:flex; align-items:center; gap:1rem;}
.deck-row-label{
  flex:0 0 78px; font-family:var(--font-display); font-weight:800; font-size:0.95rem; text-align:right;
  color:var(--ink, #2E2440);
}
.deck-spread{display:flex; align-items:center; flex:1; justify-content:flex-start;}
.deck-card{
  position:relative; display:block; width:12%; min-width:64px; aspect-ratio:1/1;
  border-radius:12px; overflow:hidden; border:2.5px solid #fff;
  box-shadow:0 4px 12px rgba(46,36,64,0.18);
  margin-right:-12px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.deck-card img{width:100%; height:100%; object-fit:cover; display:block;}
.deck-card:nth-child(odd){transform:rotate(-3deg);}
.deck-card:nth-child(even){transform:rotate(3deg);}
.deck-card:hover{
  transform:rotate(0) translateY(-10px) scale(1.35); z-index:9;
  border-color:var(--fc); box-shadow:0 14px 30px rgba(46,36,64,0.3);
}
/* wheel dot: family colour, gradient darkens with intensity */
.dc-dot{
  position:absolute; top:4px; right:4px;
  width:14px; height:14px; border-radius:50%;
  border:1.5px solid #fff;
  box-shadow:0 1px 4px rgba(0,0,0,0.25);
}
.dc-dot--low{background:radial-gradient(circle at 32% 30%, #fff 0%, color-mix(in srgb, var(--fc) 55%, white) 45%, var(--fc) 100%);}
.dc-dot--core{background:radial-gradient(circle at 32% 30%, color-mix(in srgb, var(--fc) 55%, white) 0%, var(--fc) 60%, var(--fcd) 100%);}
.dc-dot--high{background:radial-gradient(circle at 32% 30%, var(--fc) 0%, var(--fcd) 60%, color-mix(in srgb, var(--fcd) 70%, black) 100%);}

/* hover hero panel — spawns beside the card, side chosen by available space */
.card-hero{
  position:fixed; z-index:200; width:330px;
  display:flex; gap:0.9rem; align-items:flex-start;
  background:rgba(255,248,238,0.97); backdrop-filter:blur(8px);
  border:2.5px solid var(--fc, #F0913A); border-radius:18px;
  padding:0.9rem; box-shadow:0 24px 60px rgba(46,36,64,0.3);
  opacity:0; transform:scale(0.92); transform-origin:left center;
  pointer-events:none; transition:opacity .16s ease, transform .16s ease;
}
.card-hero--left{transform-origin:right center; translate:-100% 0;}
.card-hero.is-open{opacity:1; transform:scale(1); pointer-events:auto;}
.ch-link{cursor:pointer;}
.card-hero img{width:132px; height:132px; border-radius:14px; object-fit:cover; flex-shrink:0; border:2px solid var(--fc,#F0913A);}
.card-hero h3{font-family:var(--font-display); font-weight:800; font-size:1.05rem; margin:0.15rem 0 0.1rem; color:var(--ink,#2E2440);}
.ch-chip{display:inline-flex; align-items:center; gap:0.35rem; font-size:0.6rem; font-weight:800; text-transform:uppercase;
  letter-spacing:0.05em; color:var(--fcd, #D9711E); background:color-mix(in srgb, var(--fc,#F0913A) 15%, white); padding:0.2rem 0.55rem; border-radius:999px;}
.ch-chip .dot{width:8px; height:8px; border-radius:50%; background:var(--fc,#F0913A);}
.ch-meta{font-size:0.62rem; font-weight:800; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-soft,#5B5170); margin:0 0 0.4rem;}
.ch-trait{font-size:0.8rem; line-height:1.45; font-weight:600; color:var(--ink,#2E2440); margin:0 0 0.4rem;}
.ch-link{font-family:var(--font-display); font-weight:800; font-size:0.78rem; color:var(--fcd,#D9711E); text-decoration:underline; text-underline-offset:3px;}

/* branch dive: land tile image expands to full screen, then the page swaps */
.branch-dive{
  position:fixed; z-index:300; object-fit:cover; border-radius:14px;
  transition:all .6s cubic-bezier(.4,0,.2,1);
}
.branch-dive--full{top:0 !important; left:0 !important; width:100vw !important; height:100vh !important; border-radius:0;}

/* pre-rendered branch film: fades in full screen over everything */
.branch-film{
  position:fixed; inset:0; width:100vw; height:100vh; object-fit:cover;
  z-index:300; background:#EDE3D1;
  opacity:0; transition:opacity .35s ease; cursor:pointer;
}
.branch-film.is-on{opacity:1;}

@media (max-width:900px){
  .beat-hoods{grid-template-columns:repeat(2, 1fr);}
  .overlay-inner--hoods{margin:0 4vw !important;}
  .finale-wrap{flex-direction:column; padding:0 4vw; gap:1rem;}
  .overlay-inner--finaleLeft{flex:none; max-width:none;}
  .deck-row-label{flex-basis:56px; font-size:0.8rem;}
}

/* residents strip on neighbourhood cards */
.wc-residents{display:flex; align-items:center; gap:0.35rem; margin-top:0.45rem;}
.wc-resident{display:block; width:38px; height:38px; border-radius:50%; overflow:hidden;
  border:2px solid rgba(255,255,255,0.85); flex-shrink:0;
  transition:transform .15s ease;}
.wc-resident img{width:100%; height:100%; object-fit:cover; display:block;}
.wc-resident:hover{transform:translateY(-3px) scale(1.12);}
.wc-residents-label{font-size:0.62rem; font-weight:800; text-transform:uppercase; letter-spacing:0.06em; color:rgba(255,255,255,0.75); margin-left:0.2rem;}

/* journey beat: who lives here chips inside overlays */
.overlay-residents{display:flex; align-items:center; gap:0.4rem; margin-top:14px;}
.overlay-residents .wc-resident{border-color:var(--amber, #F0913A);}
.overlay-residents-label{font-size:0.7rem; font-weight:800; text-transform:uppercase; letter-spacing:0.06em; color:var(--amber-deep, #D9711E);}

/* ============ NEIGHBOURHOODS — real imagery ============ */
.world-grid{grid-template-columns:repeat(4, 1fr);}
.world-card--photo{
  padding:0; min-height:0; aspect-ratio:4/3;
  background:var(--fam-color, #444);
}
.world-card-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.world-card--photo::after{display:none;}
.world-card-copy{
  position:relative; z-index:1;
  margin-top:auto; padding:2.2rem 1.1rem 1rem;
  width:100%;
  background:linear-gradient(to top, rgba(20,14,32,0.86) 0%, rgba(20,14,32,0.45) 60%, transparent 100%);
}
.world-card-flavour{
  font-size:0.76rem; line-height:1.4; font-weight:600; color:rgba(255,255,255,0.85);
  margin:0.35rem 0 0;
  opacity:0; max-height:0; overflow:hidden;
  transition:opacity .25s ease, max-height .25s ease;
}
.world-card--photo:hover .world-card-flavour{opacity:1; max-height:5em;}
@media (max-width:900px){.world-grid{grid-template-columns:repeat(2, 1fr);}}

/* Reduced-motion: static beats then straight into portal */
body.rm-active .scroll-track{height:auto !important;}
body.rm-active .overlay{display:none;}
body.rm-active canvas#film, body.rm-active .grain, body.rm-active .loader{display:none;}

/* ============ Round 10 additions ============ */

/* corner journey minimap */
.minimap{position:fixed; right:1.1rem; bottom:1.2rem; z-index:90;
  display:flex; flex-direction:column; align-items:flex-end; gap:0.35rem;
  background:rgba(255,248,238,0.9); backdrop-filter:blur(5px);
  border:2px solid rgba(46,36,64,0.12); border-radius:16px; padding:0.7rem 0.85rem;
  box-shadow:0 12px 30px rgba(46,36,64,0.16);
  transition:opacity .3s ease, visibility .3s ease;}
body.journey-done .minimap{opacity:0; visibility:hidden;}
body.static-mode .minimap{display:none;}
.minimap .mm-track{position:absolute; left:0.55rem; top:0.9rem; bottom:0.9rem; width:4px;
  border-radius:999px; background:rgba(46,36,64,0.12);}
.minimap .mm-dot{position:absolute; left:50%; width:10px; height:10px; border-radius:50%;
  background:var(--amber, #D9711E); box-shadow:0 0 0 3px rgba(217,113,30,0.25);
  transform:translateX(-50%);
  top:calc(var(--mm-p, 0) * 100%);}
.minimap .mm-stop{font-size:0.68rem; font-weight:800; letter-spacing:0.06em; text-transform:uppercase;
  color:#5B5170; text-decoration:none; padding-left:1.1rem;}
.minimap .mm-stop:hover{color:var(--amber-deep, #B25612);}
@media (max-width:760px){.minimap{display:none;}}

/* vista beat: resident chips bob gently, staggered */
@keyframes chipBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
.hood-tile-residents img{animation:chipBob 2.6s ease-in-out infinite;}
.hood-tile-residents img:nth-child(2){animation-delay:.45s;}
.hood-tile-residents img:nth-child(3){animation-delay:.9s;}
@media (prefers-reduced-motion: reduce){.hood-tile-residents img{animation:none;}}

/* static fallback beats (slow connections) */
.static-beats{display:none;}
body.static-mode canvas#film, body.static-mode .grain, body.static-mode .loader{display:none;}
body.static-mode .scroll-track{height:auto !important;}
body.static-mode .overlay{display:none !important;}
body.static-mode .static-beats{display:block;}
.static-beats .sb{position:relative; min-height:92vh; display:flex; align-items:flex-end;}
.static-beats .sb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.static-beats .sb-copy{position:relative; z-index:1; margin:0 auto 7vh; max-width:680px; width:min(92vw,680px);
  padding:30px 34px; background:rgba(255,248,238,0.92); border-radius:20px;
  box-shadow:0 16px 40px rgba(46,36,64,0.16);}
.static-beats .beat-hoods--static{margin-top:0.8rem;}

/* ambient sound toggle */
.sound-toggle{position:fixed; left:calc(var(--rail-w, 224px) + 1.1rem); bottom:1.2rem; z-index:95;
  width:44px; height:44px; border-radius:50%; border:2px solid rgba(46,36,64,0.15);
  background:rgba(255,248,238,0.92); font-size:1.15rem; cursor:pointer;
  box-shadow:0 10px 26px rgba(46,36,64,0.18);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.sound-toggle:hover{transform:translateY(-2px);}
.sound-toggle.is-on{border-color:var(--amber, #F0913A); box-shadow:0 10px 26px rgba(217,113,30,0.3);}
@media (max-width:860px){.sound-toggle{left:1.1rem;}}

/* ============ Round 12 — doorway hub picker ============ */
@media (min-width:900px){
  .overlay-inner--hoods{
    max-width:none; width:100%; height:100%;
    margin:0 !important; margin-left:var(--rail-w, 224px) !important;
    padding:5vh 3vw 6vh;
    background:transparent; backdrop-filter:none; box-shadow:none; border-radius:0;
    display:flex; flex-direction:column; align-items:center;
    text-shadow:0 2px 16px rgba(20,14,32,0.55);
  }
  .overlay-inner--hoods .eyebrow{background:rgba(20,14,32,0.5); color:#FFD9A0; border-radius:999px; padding:0.32rem 0.95rem; margin-bottom:0.5rem;}
  .overlay-inner--hoods h2{color:#fff;}
  .overlay-inner--hoods .lede--tight{color:rgba(255,255,255,0.94); font-weight:700;}
  .beat-hoods{
    margin:auto 0; width:100%;
    grid-template-columns:1fr 1fr minmax(18vw, 27vw) 1fr 1fr;
    grid-template-rows:repeat(2, auto);
    gap:1.1rem 0.9rem;
    align-items:center;
  }
  .hood-tile:nth-child(1){grid-area:1/1;}
  .hood-tile:nth-child(2){grid-area:1/2;}
  .hood-tile:nth-child(3){grid-area:1/4;}
  .hood-tile:nth-child(4){grid-area:1/5;}
  .hood-tile:nth-child(5){grid-area:2/1;}
  .hood-tile:nth-child(6){grid-area:2/2;}
  .hood-tile:nth-child(7){grid-area:2/4;}
  .hood-tile:nth-child(8){grid-area:2/5;}
}

/* ============ Round 14 — arch gem glows + door tint ============ */
.arch-glows, .door-tint{position:fixed; pointer-events:none;}
.agem{
  position:fixed; width:46px; height:46px; margin:-23px 0 0 -23px; border-radius:50%;
  background:radial-gradient(circle, #fff 0%, var(--fc) 26%, transparent 70%);
  mix-blend-mode:screen; filter:blur(1px);
  opacity:0; transform:scale(1);
  transition:opacity .3s ease, transform .3s ease;
}
.overlay-2.is-visible .agem{opacity:0.55; animation:gemIdle 2.8s ease-in-out infinite;}
@keyframes gemIdle{0%,100%{transform:scale(1);}50%{transform:scale(1.18);}}
.overlay-2.is-visible .agem.is-lit{
  opacity:1;
  animation:gemPulse 1.1s ease-in-out infinite;
}
@keyframes gemPulse{0%,100%{transform:scale(3.2);}50%{transform:scale(4.0);}}
.door-tint{
  width:34vmin; height:46vmin; margin:-23vmin 0 0 -17vmin; border-radius:50%;
  background:radial-gradient(ellipse, var(--fc, #FFD9A0) 0%, transparent 65%);
  mix-blend-mode:screen; filter:blur(6px);
  opacity:0; transition:opacity .35s ease;
}
.overlay-2.is-visible .door-tint.is-on{opacity:0.5;}
@media (max-width:900px){.agem,.door-tint{display:none;}}