/* =========================================================
   THE GATE
   Sassiverse Language Book + Backpack Tool Card
========================================================= */

:root {--gate-ink:#342c36;--gate-plum:#5b3651;--gate-plum-dark:#3f2539;--gate-gold:#d69d38;--gate-gold-light:#f5d784;--gate-mint:#dcefe5;--gate-sky:#dcecf4;--gate-rose:#f4dfe6;--gate-cream:#fffaf0;--gate-paper:#fffdf8;--gate-muted:#756873;--gate-border:rgba(91,54,81,.17);--gate-shadow:0 22px 55px rgba(63,37,57,.12)}
body{overflow-x:hidden;color:var(--gate-ink);background:var(--gate-paper)}main{overflow:hidden}.gate-copy,.gate-section__heading{width:min(780px,100%);margin:0 auto}.gate-section{padding:6rem 1.5rem}.gate-kicker{margin:0 0 .75rem;color:#8b6125;font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.gate-section h2,.gate-hero h1{color:var(--gate-plum-dark);font-family:Georgia,"Times New Roman",serif}.gate-section h2{margin:0 0 1.3rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}.gate-section p{font-size:1.05rem;line-height:1.8}.gate-section__heading{margin-bottom:3rem;text-align:center}.gate-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:1rem;padding:.8rem 1.25rem;border-radius:999px;color:#fff;background:var(--gate-plum);font-weight:800;text-decoration:none;box-shadow:0 12px 28px rgba(63,37,57,.18);transition:transform 170ms ease,box-shadow 170ms ease}.gate-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(63,37,57,.24)}.gate-button--secondary{color:var(--gate-plum-dark);background:#fff;border:1px solid var(--gate-border)}
.gate-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;width:min(1180px,calc(100% - 3rem));margin:1.4rem auto;color:var(--gate-muted);font-size:.86rem}.gate-breadcrumbs a{color:var(--gate-plum);font-weight:700;text-decoration:none}.gate-breadcrumbs a:hover{text-decoration:underline}
.gate-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:5.5rem 0 7rem}.gate-hero__copy{min-width:0}.gate-hero h1{margin:0 0 1rem;font-size:clamp(4rem,10vw,7.6rem);line-height:.9;letter-spacing:-.055em}.gate-hero__tagline{max-width:650px;margin:0 0 1.5rem;color:var(--gate-plum);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:700;line-height:1.25}.gate-hero__copy>p:not(.gate-kicker):not(.gate-hero__tagline){max-width:640px;font-size:1.08rem;line-height:1.75}.gate-hero__scene{display:grid;place-items:center;min-width:0;min-height:430px;padding:2rem;background:radial-gradient(circle at 50% 45%,rgba(245,215,132,.62),transparent 35%),linear-gradient(145deg,var(--gate-mint),var(--gate-sky) 55%,var(--gate-rose));border-radius:48% 52% 42% 58%/53% 42% 58% 47%}.gate-packet{position:relative;width:min(280px,100%);padding:1rem 1.4rem 1.4rem;color:#fff;background:linear-gradient(145deg,#6f4563,var(--gate-plum-dark));border:3px solid rgba(255,255,255,.75);border-radius:22px;box-shadow:0 24px 50px rgba(63,37,57,.25),inset 0 0 0 2px rgba(245,215,132,.32);transform:rotate(-3deg)}.gate-packet::before,.gate-packet::after{position:absolute;content:"✦";color:var(--gate-gold-light);font-size:1.25rem}.gate-packet::before{top:3.8rem;left:1rem}.gate-packet::after{right:1rem;bottom:3.5rem}.gate-packet__top{margin:-.25rem -.45rem 1.2rem;padding-bottom:.6rem;border-bottom:2px dashed rgba(255,255,255,.48);font-size:.58rem;font-weight:800;letter-spacing:.16em;text-align:center}.gate-packet__title{color:var(--gate-gold-light);font-family:Georgia,"Times New Roman",serif;font-size:2.15rem;font-weight:800;line-height:1;text-align:center}.gate-packet__subtitle{margin:.55rem 0 1.2rem;font-size:.75rem;font-weight:750;letter-spacing:.07em;text-align:center;text-transform:uppercase}.gate-seeds{display:grid;grid-template-columns:repeat(5,1fr);gap:.62rem;width:min(210px,100%);margin:0 auto 1.25rem}.gate-seeds span,.tool-card__packet i{display:block;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,white 0 10%,var(--gate-gold-light) 15%,var(--gate-gold) 62%,#9f6723 100%);border:1px solid rgba(255,255,255,.85);border-radius:38% 62% 56% 44%/45% 39% 61% 55%;box-shadow:0 0 12px rgba(245,215,132,.72)}.gate-packet__count{padding-top:.8rem;border-top:1px solid rgba(255,255,255,.32);font-size:.65rem;font-weight:850;letter-spacing:.12em;text-align:center}
.gate-section--story{display:grid;grid-template-columns:minmax(0,.95fr) minmax(260px,.65fr);align-items:center;gap:4rem;width:min(1050px,calc(100% - 3rem));margin:0 auto;padding-left:0;padding-right:0}.gate-toss{position:relative;min-height:390px}.gate-toss__seed{position:absolute;top:9%;left:47%;width:34px;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,white,var(--gate-gold-light) 18%,var(--gate-gold) 65%,#9f6723);border-radius:42% 58% 55% 45%/42% 40% 60% 58%;box-shadow:0 0 24px var(--gate-gold-light);transform:rotate(24deg)}.gate-toss__trail{position:absolute;color:var(--gate-gold)}.gate-toss__trail--one{top:18%;left:31%}.gate-toss__trail--two{top:29%;left:58%;font-size:1.6rem}.gate-toss__trail--three{top:38%;left:37%;font-size:1.3rem}.gate-toss__result{position:absolute;right:4%;bottom:0;left:4%;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:1.25rem;height:185px;padding:0 1.25rem;border-bottom:8px solid var(--gate-plum-dark)}.gate-toss__result span{display:block;height:150px;background:repeating-linear-gradient(90deg,var(--gate-plum-dark) 0 8px,transparent 8px 25px);border-top:8px solid var(--gate-plum-dark)}.gate-toss__result i{position:absolute;right:35%;bottom:-8px;width:25%;height:118px;background:var(--gate-cream);border:8px solid var(--gate-plum-dark);border-bottom:none;transform-origin:right bottom;transform:perspective(260px) rotateY(-28deg)}
.gate-section--possibilities,.gate-section--markers{background:var(--gate-cream)}.gate-possibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:min(1080px,100%);margin:0 auto}.gate-possibility{min-width:0;padding:1.8rem;background:#fff;border:1px solid var(--gate-border);border-radius:24px;box-shadow:0 12px 28px rgba(63,37,57,.06)}.gate-possibility>span{font-size:2.2rem}.gate-possibility h3{margin:.9rem 0 .55rem;color:var(--gate-plum-dark);font-family:Georgia,"Times New Roman",serif;font-size:1.35rem}.gate-possibility p{margin:0;font-size:.96rem;line-height:1.65}.gate-possibility--yours{background:linear-gradient(145deg,#fff,var(--gate-mint))}.gate-section--meaning{background:linear-gradient(135deg,rgba(220,239,229,.65),rgba(244,223,230,.55))}.gate-section--meaning blockquote,.gate-section--field-notes blockquote,.gate-section--story blockquote{margin:2.5rem 0;padding:1.5rem 1.75rem;color:var(--gate-plum-dark);background:rgba(255,255,255,.82);border-left:6px solid var(--gate-gold);border-radius:0 18px 18px 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:700;line-height:1.35}.gate-section--language{background:var(--gate-plum-dark)}.gate-section--language .gate-kicker{color:var(--gate-gold-light)}.gate-section--language h2,.gate-section--language .gate-section__heading>p:last-child{color:#fff}.gate-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;width:min(950px,100%);margin:0 auto}.gate-speech{position:relative;padding:1.55rem 1.65rem;color:var(--gate-ink);background:#fff;border-radius:22px}.gate-speech::after{position:absolute;bottom:-15px;left:2rem;width:0;height:0;content:"";border-top:18px solid #fff;border-right:18px solid transparent}.gate-speech p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;font-weight:700;line-height:1.55}.gate-language-note{width:min(760px,100%);margin:2.5rem auto 0;color:#fff;text-align:center}.gate-language-note p{margin:0}.gate-section--field-notes{background:var(--gate-sky)}
.gate-section--tool{background:radial-gradient(circle at 50% 18%,rgba(245,215,132,.38),transparent 26%),linear-gradient(180deg,var(--gate-paper),var(--gate-cream))}.tool-reveal{width:min(760px,100%);margin:0 auto 3rem;text-align:center}.tool-reveal__sparkles{margin:0 0 .75rem;color:var(--gate-gold);font-size:2rem}.tool-card{position:relative;width:min(780px,100%);margin:0 auto;padding:clamp(1.5rem,5vw,3rem);background:linear-gradient(var(--gate-paper),var(--gate-paper)) padding-box,linear-gradient(135deg,var(--gate-gold),var(--gate-plum),#6f9e8a) border-box;border:4px solid transparent;border-radius:30px;box-shadow:var(--gate-shadow)}.tool-card::before{position:absolute;inset:10px;border:1px dashed rgba(91,54,81,.24);border-radius:20px;content:"";pointer-events:none}.tool-card__header{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gate-border)}.tool-card__icon{display:grid;place-items:center;width:58px;aspect-ratio:1;color:var(--gate-plum-dark);background:var(--gate-gold-light);border-radius:50%;font-size:1.8rem}.tool-card__header p{margin:0 0 .2rem;color:var(--gate-muted);font-size:.72rem;font-weight:850;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.tool-card__header h3{margin:0;color:var(--gate-plum-dark);font-family:Georgia,"Times New Roman",serif;font-size:2rem}.tool-card__status{padding:.55rem .75rem;color:var(--gate-plum-dark);background:var(--gate-mint);border-radius:999px;font-size:.67rem;font-weight:900;letter-spacing:.12em}.tool-card__packet{width:min(330px,100%);margin:2rem auto;padding:1rem 1.25rem;color:#fff;background:var(--gate-plum-dark);border-radius:18px;text-align:center;transform:rotate(-1deg)}.tool-card__packet>span,.tool-card__packet small{display:block;font-weight:850;letter-spacing:.12em}.tool-card__packet>div{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.35rem;margin:.8rem 0}.tool-card__packet small{color:var(--gate-gold-light);font-size:.65rem}.tool-card__facts{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.tool-card__facts>div{padding:1.25rem;background:#fff;border:1px solid var(--gate-border);border-radius:18px}.tool-card__facts dt{margin-bottom:.45rem;color:var(--gate-plum);font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tool-card__facts dd{margin:0;line-height:1.6}.tool-card__instructions{position:relative;margin:1rem 0;padding:1.4rem 1.5rem;background:var(--gate-mint);border-radius:18px}.tool-card__instructions h4{margin:0 0 .8rem;color:var(--gate-plum-dark);font-family:Georgia,"Times New Roman",serif;font-size:1.25rem}.tool-card__instructions ol{margin:0;padding-left:1.4rem}.tool-card__instructions li{margin:.5rem 0;padding-left:.35rem;line-height:1.55}.tool-card__words{position:relative;margin-top:1rem;padding:1.4rem;color:#fff;background:var(--gate-plum-dark);border-radius:18px;text-align:center}.tool-card__words span,.tool-card__words strong{display:block}.tool-card__words span{margin-bottom:.45rem;color:var(--gate-gold-light);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.tool-card__words strong{color:#fffdf8;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,4vw,2.1rem)}.tool-card__agency{position:relative;margin:1.25rem 0 0;color:var(--gate-muted);font-size:.9rem!important;text-align:center}
.gate-marker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:min(1050px,100%);margin:0 auto}.gate-marker{display:flex;align-items:flex-start;gap:1rem;min-width:0;min-height:190px;padding:1.5rem;color:var(--gate-ink);background:#fff;border:2px solid rgba(91,54,81,.18);border-radius:22px;text-decoration:none;box-shadow:0 10px 25px rgba(63,37,57,.08);transition:transform 170ms ease,box-shadow 170ms ease,border-color 170ms ease}.gate-marker:hover{transform:translateY(-3px);border-color:rgba(91,54,81,.42);box-shadow:0 15px 32px rgba(63,37,57,.14)}.gate-marker>span{flex:0 0 auto;font-size:2rem}.gate-marker div{display:flex;flex-direction:column;min-width:0;height:100%}.gate-marker strong,.gate-marker small,.gate-marker b{display:block}.gate-marker strong{margin-bottom:.4rem;color:var(--gate-plum-dark);font-family:Georgia,"Times New Roman",serif;font-size:1.08rem}.gate-marker small{color:var(--gate-muted);font-size:.9rem;line-height:1.55}.gate-marker b{margin-top:auto;padding-top:1rem;color:var(--gate-plum);font-size:.78rem;letter-spacing:.02em}.gate-return{padding:4rem 1.5rem 6rem;background:var(--gate-cream);text-align:center}.gate-return p{margin:0 0 1.2rem}
@media(max-width:900px){.gate-hero{grid-template-columns:1fr}.gate-hero__scene{min-height:380px}.gate-possibility-grid,.gate-marker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gate-section--story{grid-template-columns:1fr}.gate-toss{width:min(520px,100%);margin:0 auto}}@media(max-width:650px){.gate-section{padding:4.5rem 1rem}.gate-breadcrumbs,.gate-hero{width:calc(100% - 2rem)}.gate-hero{padding:3.5rem 0 5rem}.gate-hero__scene{min-height:330px;padding:1.25rem}.gate-packet{width:min(250px,100%)}.gate-section--story{width:calc(100% - 2rem)}.gate-possibility-grid,.gate-language-grid,.gate-marker-grid,.tool-card__facts{grid-template-columns:1fr}.tool-card__header{grid-template-columns:auto 1fr}.tool-card__status{grid-column:1/-1;justify-self:start}.tool-card__packet>div{gap:.2rem}.gate-marker{min-height:0}}@media(prefers-reduced-motion:reduce){.gate-button,.gate-marker{transition:none}.gate-button:hover,.gate-marker:hover{transform:none}}
/* Gate story presentation and obvious trail crossings */
.gate-adventure{max-width:800px;margin:0 auto;padding:2rem 1.3rem 5rem}
.gate-adventure h1{font-family:Georgia,"Times New Roman",serif;color:var(--gate-plum-dark);font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1}
.gate-adventure h2{font-family:Georgia,"Times New Roman",serif;color:var(--gate-plum-dark);margin-top:2.7rem;font-size:clamp(1.65rem,3.5vw,2.4rem)}
.gate-adventure p,.gate-adventure li{line-height:1.85;font-size:1.07rem}
.gate-adventure header{padding:2.2rem clamp(1.2rem,4vw,2.5rem);border-radius:26px;background:radial-gradient(circle at 90% 15%,rgba(245,215,132,.55),transparent 38%),linear-gradient(135deg,var(--gate-mint),var(--gate-rose));box-shadow:var(--gate-shadow)}
.gate-adventure .eyebrow{font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.gate-adventure .story{margin-top:2.4rem}
.gate-story-nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--gate-border)}
.gate-story-nav .gate-button{margin-top:0}
.gate-marker--featured{background:linear-gradient(145deg,#fffdf8,#e5f3e8 60%,#fff0d4);border-color:var(--gate-gold);box-shadow:0 16px 36px rgba(91,54,81,.14)}
.gate-marker--featured>span{font-size:2.65rem}
.gate-crossroads .gate-marker{position:relative;border:2px solid var(--gate-plum);background:linear-gradient(145deg,#fff,#f3eaf3);box-shadow:0 12px 30px rgba(63,37,57,.12)}
.gate-crossroads .gate-marker b{display:inline-flex;align-items:center;align-self:flex-start;margin-top:auto;padding:.65rem .9rem;border-radius:999px;background:var(--gate-plum);color:#fff;letter-spacing:0;font-size:.83rem}
.gate-crossroads .gate-marker:hover,.gate-crossroads .gate-marker:focus-visible{transform:translateY(-4px);outline:3px solid var(--gate-gold);outline-offset:2px}
@media(max-width:650px){.gate-adventure{padding:1rem 1rem 4rem}.gate-story-nav{flex-direction:column}.gate-story-nav .gate-button{width:100%}}

/* CLOSED FOR NOW — STORYBOOK PRESENTATION */
.gate-story-page{max-width:1100px;padding:1.5rem clamp(1rem,4vw,2.5rem) 5rem;overflow:visible}
.gate-story-page .gate-breadcrumbs{width:100%;margin:0 auto 1.5rem}
.gate-story-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:center;gap:2rem;min-height:490px;padding:clamp(2rem,5vw,4rem);border-radius:34px;background:radial-gradient(circle at 90% 10%,#f8db94,transparent 40%),linear-gradient(135deg,#e2f2eb,#f7e3ee 65%,#fff6df);box-shadow:0 20px 50px rgba(63,37,57,.12);overflow:hidden}
.gate-story-hero__copy{position:relative;z-index:2}.gate-story-hero h1{margin:.5rem 0 1.2rem;font-size:clamp(3.4rem,7vw,6.5rem);line-height:.98}.gate-story-hero h1 em{display:block;color:#80516d;font-weight:500}.gate-story-deck{max-width:460px;font-family:Georgia,serif;font-size:clamp(1.2rem,2vw,1.55rem)!important;line-height:1.5!important}.gate-story-hero .gate-button{margin-top:1rem}
.gate-story-scene{position:relative;min-height:370px;display:grid;place-items:center}.gate-story-scene__door{position:relative;width:210px;height:310px;border:13px solid #684356;border-bottom-width:18px;border-radius:105px 105px 12px 12px;background:linear-gradient(120deg,#9f7488,#704b69);box-shadow:14px 18px 0 #c89f71,0 20px 35px #68435644,inset 0 0 0 5px #b58e9e}.gate-story-scene__sign{position:absolute;top:75px;left:33px;right:33px;padding:.6rem .2rem;background:#fff5da;border:3px solid #d5ac65;border-radius:9px;color:#593b50;font-size:.83rem;font-weight:900;letter-spacing:.12em;text-align:center;transform:rotate(-5deg)}.gate-story-scene__slot{position:absolute;top:183px;left:38px;width:110px;height:10px;border-radius:8px;background:#392c3b;border:2px solid #d9b577}.gate-story-scene__letter{position:absolute;top:166px;left:84px;font-size:2.4rem;transform:rotate(-17deg)}.gate-story-scene__knob{position:absolute;right:16px;top:223px;width:17px;height:17px;border-radius:50%;background:#f1cf7c;box-shadow:0 0 0 4px #6b4354}.gate-story-scene__stars{position:absolute;top:0;left:0;color:#b77c35;font-size:2rem;letter-spacing:1rem}.gate-story-scene__dragon{position:absolute;right:-12px;bottom:12px;font-size:5rem;filter:drop-shadow(0 8px 8px #4e355033);transform:rotate(-12deg)}.gate-story-scene__sassy{position:absolute;left:10px;bottom:18px;font-size:3.4rem;transform:rotate(-12deg)}
.gate-story-chapter{width:min(810px,100%);margin:3rem auto 0;padding:clamp(1.5rem,4vw,3.2rem);border:1px solid var(--gate-border);border-radius:28px;background:#fff;box-shadow:0 12px 35px rgba(63,37,57,.06)}.gate-story-chapter h2{margin:.25rem 0 1.5rem;font-size:clamp(2rem,4vw,3rem)}.gate-story-chapter p{margin:0 0 1.25rem;line-height:1.85}.gate-story-kicker{margin:0 0 .65rem!important;color:#80516d;font-size:.76rem!important;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.gate-story-chapter .gate-story-pullquote{margin:2rem 0;padding:1.6rem 2rem;border-left:6px solid #c99546;border-radius:0 18px 18px 0;background:#fff2d9;color:#503649;font-family:Georgia,serif;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.5}.gate-story-pullquote span{display:block;font-weight:800}.gate-story-pullquote--soft{background:#e9f4ef!important;border-left-color:#6e9d8b!important}
.gate-story-dragon{background:radial-gradient(circle at 100% 0%,#f9dba8,transparent 40%),linear-gradient(145deg,#fff9ee,#f1e6f4);border-color:#d8b36e}.gate-story-dragon h2:after{content:" 🐉";font-size:.7em}.gate-story-dragon__announcement{margin:1.6rem 0!important;padding:1.3rem;border-radius:18px;background:#56354d;color:#fff;font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.5rem)!important;font-weight:900;text-align:center;letter-spacing:.03em}.gate-story-dragon__announcement span{display:block;margin-top:.35rem;color:#f8df9d;font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:0}
.gate-story-reflection{background:linear-gradient(140deg,#eaf4f1,#f5f0fa)}.gate-story-reflection ul{display:grid;gap:.85rem;margin:1.5rem 0;padding:0;list-style:none}.gate-story-reflection li{padding:1.1rem 1.3rem;border:1px solid #d8c8d7;border-radius:17px;background:#fff;font-family:Georgia,serif;font-size:1.12rem;line-height:1.55}.gate-story-reflection li:before{content:"✦";color:#ad7e38;margin-right:.65rem}.gate-story-belief{background:linear-gradient(145deg,#fffdf8,#f8eaf0)}.gate-story-belief p:has(>em){padding:1.2rem 1.4rem;border-radius:16px;background:#fff;border-left:4px solid #c69b54;font-family:Georgia,serif;font-size:1.17rem}
.gate-story-page .gate-story-nav{width:min(810px,100%);margin:2.5rem auto 0;justify-content:space-between}.gate-story-page a:focus-visible{outline:3px solid #ad7e38;outline-offset:4px}
@media(max-width:760px){.gate-story-hero{grid-template-columns:1fr;gap:0;min-height:0}.gate-story-scene{min-height:320px}.gate-story-scene__door{transform:scale(.85)}.gate-story-scene__dragon{right:2%;font-size:4rem}.gate-story-chapter{margin-top:1.5rem;padding:1.5rem}.gate-story-page .gate-story-nav{flex-direction:column}.gate-story-page .gate-story-nav .gate-button{width:100%}}

/* Gate Map hero: single-column centered when there is no scene */
.gate-hero:not(:has(.gate-hero__scene)){display:block;width:min(980px,calc(100% - 2rem));padding:clamp(3rem,7vw,5.5rem) 0 4rem;text-align:center}
.gate-hero:not(:has(.gate-hero__scene)) .gate-hero__copy{width:100%;margin-inline:auto}
.gate-hero:not(:has(.gate-hero__scene)) h1{font-size:clamp(3.5rem,9vw,6.5rem);line-height:1.02}
.gate-hero:not(:has(.gate-hero__scene)) .gate-hero__tagline,.gate-hero:not(:has(.gate-hero__scene)) .gate-hero__copy>p:not(.gate-kicker):not(.gate-hero__tagline){margin-left:auto;margin-right:auto}
@media(max-width:650px){.gate-hero:not(:has(.gate-hero__scene)){padding:2.5rem 0 3rem}}

/* KNOCK FIRST — illustrated storybook */
.gate-knock-hero{background:radial-gradient(circle at 90% 15%,#fff1ba,transparent 40%),linear-gradient(135deg,#e6f1ec,#f7e2e7 65%,#fdf0d7)}
.gate-knock-scene{position:relative;min-height:380px;display:grid;place-items:center}
.gate-knock-scene__arch{position:relative;width:215px;height:305px;border:12px solid #674658;border-bottom-width:18px;border-radius:110px 110px 13px 13px;background:repeating-linear-gradient(90deg,#99687e 0 44px,#865b72 44px 49px);box-shadow:13px 16px 0 #c89e72,0 22px 35px #54344833,inset 0 0 0 5px #c69aac}
.gate-knock-scene__sign{position:absolute;top:145px;left:26px;right:26px;padding:.8rem .2rem;background:#fff5dc;border:3px solid #c99e5b;border-radius:10px;text-align:center;color:#593b50;font-weight:900;letter-spacing:.09em;font-size:.85rem;transform:rotate(-4deg)}
.gate-knock-scene__bell{position:absolute;top:83px;left:75px;font-size:3rem;filter:drop-shadow(0 4px 3px #50334444)}.gate-knock-scene__wreath{position:absolute;top:25px;left:78px;color:#f8e2ae;font-size:2.2rem}.gate-knock-scene__handle{position:absolute;right:12px;bottom:38px;width:17px;height:17px;border-radius:50%;background:#f7d78c;box-shadow:0 0 0 4px #6b4354}.gate-knock-scene__moon{position:absolute;top:0;left:0;color:#aa793a;font-size:2rem;letter-spacing:.5rem}.gate-knock-scene__paw{position:absolute;bottom:2px;left:5px;font-size:3.7rem;transform:rotate(-13deg)}.gate-knock-scene__sparkle{position:absolute;right:0;top:55px;font-size:3.5rem;color:#b47e48}
.gate-knock-rock{background:linear-gradient(145deg,#fffaf3,#f4e6eb)}.gate-knock-letter{background:linear-gradient(145deg,#fffdf6,#e8f2ef)}.gate-knock-mirrors{background:linear-gradient(145deg,#eaf2f6,#f4e9f7)}.gate-knock-open{background:linear-gradient(145deg,#eef5e9,#fff8e7)}.gate-knock-guardians{background:linear-gradient(145deg,#fff5e3,#f5e8f3)}.gate-knock-antenna{background:linear-gradient(145deg,#e8f4f1,#fff2df);border-color:#d9bd7e}.gate-knock-bell{background:linear-gradient(145deg,#fff9eb,#f0e8f5)}.gate-knock-markers{background:linear-gradient(145deg,#f1f7f3,#f8edf3)}
.gate-knock-mirror-art{display:flex;justify-content:center;align-items:center;gap:clamp(.3rem,3vw,1.5rem);margin:1rem 0 2rem;padding:1.3rem;background:#ffffff9c;border-radius:20px;font-size:clamp(1.6rem,5vw,3.1rem)}.gate-knock-mirror-art span:nth-child(even){font-size:1.2rem;color:#b47e48}
.gate-knock-sign{margin:1.6rem auto!important;max-width:390px;padding:1.3rem;border:4px solid #b38b56;border-radius:14px;background:#fff4d6;color:#50364b;font-weight:900;text-align:center;letter-spacing:.09em}
.gate-knock-trails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.5rem}.gate-knock-trails a{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:1rem;border:2px solid #d6c5d1;border-radius:17px;background:white;text-decoration:none;color:#493446;transition:transform .16s,border-color .16s}.gate-knock-trails a:hover{transform:translateY(-3px);border-color:#81566e}.gate-knock-trails span{font-size:1.7rem}.gate-knock-trails strong{font-family:Georgia,serif;font-size:1.08rem}.gate-knock-trails small{line-height:1.5;color:#695e67}.gate-knock-trails b{margin-top:auto;color:#69435b;font-size:.85rem}
@media(max-width:760px){.gate-knock-scene{min-height:320px}.gate-knock-scene__arch{transform:scale(.85)}.gate-knock-trails{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gate-knock-trails a{transition:none}.gate-knock-trails a:hover{transform:none}}

/* Knock First: Trail Crossings use the established prominent destination buttons. */
.gate-knock-trails--buttons{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.gate-knock-trails--buttons a.gate-button{display:flex;align-items:center;justify-content:center;min-height:76px;padding:1rem 1.25rem;text-align:center;font-weight:800;font-size:1rem;line-height:1.35;border-radius:16px;background:#496a4c;color:#fff;border:2px solid #496a4c}
.gate-knock-trails--buttons a.gate-button--secondary{background:#fff;color:#496a4c}
.gate-knock-trails--buttons a.gate-button:hover{background:#355339;color:#fff;border-color:#355339}
@media(max-width:760px){.gate-knock-trails--buttons{grid-template-columns:1fr}}