.atlas-portal-section{position:relative;min-height:100svh;padding:112px clamp(24px,5vw,78px) 48px;overflow:hidden;background:radial-gradient(circle at 70% 45%,rgba(255,255,255,.56),transparent 40%),#eee9df;color:#292820}
.atlas-portal-frame{min-height:calc(100svh - 160px);display:grid;grid-template-columns:minmax(250px,28%) minmax(0,72%);border-top:1px solid rgba(66,57,43,.18);border-bottom:1px solid rgba(66,57,43,.18)}
.atlas-portal-copy{position:relative;z-index:4;padding:clamp(36px,6vh,64px) clamp(24px,3.5vw,54px) 34px 0;display:flex;flex-direction:column;border-right:1px solid rgba(66,57,43,.18)}
.atlas-portal-copy>p{margin:0;color:#9e7944;font-size:10px;font-weight:600;letter-spacing:.18em}
.atlas-portal-copy h2{margin:clamp(38px,7vh,72px) 0 28px;font:600 clamp(62px,7.2vw,118px)/.86 var(--serif);letter-spacing:-.045em}
.atlas-portal-stats{display:grid;gap:8px;color:#777265;font-size:9px;letter-spacing:.16em}
.atlas-portal-enter{width:100%;margin-top:auto;padding:18px 0 10px;display:flex;justify-content:space-between;border-top:1px solid rgba(66,57,43,.18);color:#292820;font-size:12px;text-decoration:none;transition:color .3s,border-color .3s}
.atlas-portal-enter span{color:#9e7944;font-size:16px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.atlas-portal-enter:hover,.atlas-portal-enter:focus-visible{color:#9e7944;border-color:#9e7944}.atlas-portal-enter:hover span{transform:translate(4px,-4px)}
.atlas-portal-map{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden}
.atlas-portal-map:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(73,62,44,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(73,62,44,.07) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 82%,#000)}
.atlas-portal-canvas{position:relative;width:min(108%,calc((100svh - 170px)*1.5));aspect-ratio:3/2;transform:translateX(1.5%)}
.atlas-portal-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:saturate(.86) contrast(.98)}
.atlas-portal-canvas nav{position:absolute;inset:0}
.atlas-portal-point{position:absolute;left:var(--x);top:var(--y);width:82px;height:68px;transform:translate(-50%,-50%);color:#9e7944;text-decoration:none}
.atlas-portal-point svg{position:absolute;inset:3px 0;width:82px;height:62px;opacity:.25;overflow:visible;transition:opacity .35s}
.atlas-portal-point path{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:2 4;transition:stroke-dasharray .5s cubic-bezier(.16,1,.3,1),stroke-width .35s}
.atlas-portal-point i{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(158,121,68,.08),0 0 18px 5px rgba(190,151,84,.22);transform:translate(-50%,-50%)}
.atlas-portal-point span{position:absolute;left:50%;top:56px;min-width:max-content;padding:4px 6px;background:rgba(238,233,223,.5);box-shadow:0 0 10px 6px rgba(238,233,223,.6);color:#6b5a42;font-size:10px;font-weight:500;letter-spacing:.12em;opacity:0;transform:translate(-50%,5px);transition:.35s cubic-bezier(.16,1,.3,1)}
.atlas-portal-point:hover svg,.atlas-portal-point:focus-visible svg,.atlas-portal-point.is-featured svg{opacity:.92}.atlas-portal-point:hover path,.atlas-portal-point:focus-visible path,.atlas-portal-point.is-featured path{stroke-dasharray:1 0;stroke-width:1.5}.atlas-portal-point:hover span,.atlas-portal-point:focus-visible span,.atlas-portal-point.is-featured span{opacity:1;transform:translate(-50%,0)}
.atlas-portal-point:focus-visible{outline:1px solid #9e7944;outline-offset:3px}
.atlas-portal-hint{position:absolute;right:26px;top:22px;display:flex;align-items:center;gap:10px;margin:0;color:#777265;font-size:9px;letter-spacing:.16em}.atlas-portal-hint i{width:28px;height:1px;background:#9e7944}
@media(max-width:820px){.atlas-portal-section{min-height:auto;padding:88px 18px 30px}.atlas-portal-frame{min-height:auto;display:block}.atlas-portal-copy{padding:30px 2px 20px;border-right:0;border-bottom:1px solid rgba(66,57,43,.18)}.atlas-portal-copy h2{margin:26px 0 18px;font-size:clamp(58px,20vw,84px)}.atlas-portal-stats{grid-template-columns:repeat(3,auto);justify-content:start;gap:16px}.atlas-portal-enter{margin-top:28px}.atlas-portal-map{min-height:46svh}.atlas-portal-canvas{width:100%;max-width:none;transform:none}.atlas-portal-point{width:66px;height:58px}.atlas-portal-point svg{width:66px;height:52px}.atlas-portal-point span{top:49px;font-size:9px}.atlas-portal-hint{top:16px;right:4px}}
@media(prefers-reduced-motion:reduce){.atlas-portal-point *,.atlas-portal-enter span{transition:none!important}}

@media(min-width:821px) and (max-width:980px){
  .atlas-portal-section{min-height:auto;padding:94px 28px 38px}
  .atlas-portal-frame{min-height:auto;display:block}
  .atlas-portal-copy{padding:34px 4px 24px;border-right:0;border-bottom:1px solid rgba(66,57,43,.18)}
  .atlas-portal-copy h2{margin:28px 0 20px;font-size:clamp(72px,14vw,104px)}
  .atlas-portal-stats{grid-template-columns:repeat(3,auto);justify-content:start;gap:20px}
  .atlas-portal-enter{max-width:520px;margin-top:32px}
  .atlas-portal-map{min-height:58svh}
  .atlas-portal-canvas{width:min(100%,820px);transform:none}
}