/* Three fantasy gateways for the collection section. */
.collection-gates{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid #b38a526e;background:linear-gradient(180deg,#061827ee,#071825c9 48%,#061522f4),url('assets/hero-world.webp') center/cover;color:#fff0d1}
.collection-gates::after{position:absolute;inset:0;z-index:-1;content:'';pointer-events:none;background-image:radial-gradient(circle at 21% 18%,#fff5 0 1px,transparent 2px),radial-gradient(circle at 82% 67%,#e1b56574 0 1px,transparent 2px);background-size:213px 178px,291px 251px;opacity:.55}
.collection-gates .section-shell{width:min(1400px,calc(100% - 68px));padding:65px 0 74px}
.gates-eyebrow{display:flex;align-items:center;gap:12px;margin:0;color:#e8c17a;font:700 11px Georgia,serif;letter-spacing:.2em;text-transform:uppercase}
.gates-eyebrow::before{width:32px;height:1px;background:#e4b769;content:''}
.gates-heading{display:block}
.gates-heading h2{max-width:900px;margin:13px 0 14px;color:#fff0d1;font:700 clamp(42px,4.6vw,66px)/1.02 Georgia,serif;letter-spacing:-.05em;text-shadow:0 4px 20px #000a}
.gates-heading p{max-width:610px;margin:0;color:#ccdbdc;font:16px/1.55 Arial,Helvetica,sans-serif}
.gates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}
.gate-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:484px;overflow:hidden;padding:21px 23px 25px;border:2px solid #dfb873;border-radius:190px 190px 16px 16px;background:#071826;box-shadow:0 25px 35px #0009,inset 0 0 0 6px #061927,inset 0 0 0 7px #e6bc7570}
.gate-card::before{position:absolute;inset:7px;z-index:-2;content:'';border-radius:180px 180px 10px 10px;background-size:cover;background-position:center}
.gate-card::after{position:absolute;inset:7px;z-index:-1;content:'';border-radius:180px 180px 10px 10px;background:linear-gradient(180deg,#0617261c 0%,#06172632 42%,#04111efa 87%)}
.gate-card:nth-child(1)::before{background-image:url('assets/world-forest.webp')}
.gate-card:nth-child(2)::before{background-image:url('assets/world-sky.webp')}
.gate-card:nth-child(3)::before{background-image:url('assets/world-water.webp')}
.gate-mark{align-self:center;display:grid;place-items:center;width:37px;height:37px;margin:9px 0 0;border:1px solid #f4d597;transform:rotate(45deg);background:#0a2838;color:#fff0c9;font:700 13px Georgia,serif;box-shadow:0 0 15px #64dce7a2}
.gate-mark span{transform:rotate(-45deg)}
.gate-visual{display:grid;place-items:center;flex:1;min-height:264px}
.gate-visual img{height:270px;max-width:90%;object-fit:contain;filter:drop-shadow(0 19px 15px #000d);transition:transform .3s}
.gate-card:nth-child(3) .gate-visual img{height:205px;max-width:94%;transform:rotate(-7deg)}
.gate-card:hover .gate-visual img{transform:translateY(-8px)}
.gate-card:nth-child(3):hover .gate-visual img{transform:translateY(-8px) rotate(-4deg)}
.gate-copy{display:flex;flex-direction:column;align-items:flex-start;min-height:132px}
.gate-step{color:#90ebed;font:700 10px Georgia,serif;letter-spacing:.15em;text-transform:uppercase}
.gate-copy h3{margin:5px 0 6px;color:#fff0d1;font:700 25px Georgia,serif}
.gate-copy p{min-height:35px;margin:0 0 10px;color:#e0e7e6;font:12px/1.45 Arial,Helvetica,sans-serif}
.gate-copy a,.gate-copy button{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:0 0 5px;border:0;border-bottom:1px solid #c59a5c;border-radius:0;background:none;color:#ffda9a;font:700 13px Georgia,serif;text-decoration:none;cursor:pointer}
.gate-copy a:hover,.gate-copy button:hover{color:#fff}
.gates-note{margin:26px 0 0;color:#adc1c5;font:12px/1.5 Arial,Helvetica,sans-serif}
@media(max-width:950px){
  .collection-gates .section-shell{width:min(100% - 40px,760px);padding:55px 0 65px}
  .gates-heading{display:block}
  .gates-heading h2{font-size:clamp(39px,6vw,56px)}
  .gates-heading p{max-width:650px}
  .gates-grid{gap:12px}
  .gate-card{min-height:405px;padding:18px}
  .gate-visual img{height:205px}
  .gate-card:nth-child(3) .gate-visual img{height:155px}
  .gate-copy h3{font-size:20px}
}
@media(max-width:700px){
  .collection-gates .section-shell{width:calc(100% - 28px);padding:43px 0 53px}
  .gates-eyebrow{font-size:10px}
  .gates-heading h2{font-size:39px}
  .gates-heading p{font-size:14px}
  .gates-grid{grid-template-columns:1fr;gap:16px;margin-top:25px}
  .gate-card{min-height:385px;border-radius:150px 150px 16px 16px}
  .gate-card::before,.gate-card::after{border-radius:140px 140px 10px 10px}
  .gate-visual{min-height:225px}
  .gate-visual img{height:230px}
  .gate-card:nth-child(3) .gate-visual img{height:165px}
}
@media(prefers-reduced-motion:reduce){.gate-visual img{transition:none}}