/* A small, living set of postcards from the couple's neighborhood. */
.around-here.coast-atlas{background:#e7ece8;padding-top:70px;padding-bottom:100px;border-top:1px solid var(--line);overflow:hidden}
.atlas-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:45px}
.atlas-heading h2{font-size:clamp(50px,5.2vw,82px);line-height:1.03;letter-spacing:-.04em;margin-top:22px;max-width:690px}
.atlas-heading h2 em{font-weight:400;color:#6c90a3}
.atlas-heading>p{font-size:13px;line-height:1.9;max-width:290px;padding-bottom:9px}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:4.5vw;align-items:start}
.postcard-wrap{perspective:1400px;padding:8px 8px 20px;min-width:0}
.postcard-paper{background:#fcf8ee;padding:15px 15px 0;border:1px solid #d9d4c750;box-shadow:0 22px 35px -24px #27495e70,0 2px 3px #27495e12;transform:rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) rotateZ(-.7deg);transition:transform .8s cubic-bezier(.16,1,.3,1);position:relative}
.postcard-paper:after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#fff;pointer-events:none}
.postcard-stage{position:relative;aspect-ratio:3/2;overflow:hidden;background:#f7f2e7}
.postcard-scene{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.1s;pointer-events:none}
.postcard-scene[data-active=true]{opacity:1;z-index:1}
.postcard-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.postcard-scene.has-living-print>img{opacity:0;visibility:hidden}
.postcard-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px;padding:18px 14px}
.postcard-caption>span:first-child{font:27px/1.2 'Caveat',cursive;transform:rotate(-1deg)}
.postcard-caption>span:last-child{font-size:8px;letter-spacing:.13em;text-align:right;line-height:1.9;max-width:115px}
.postcard-stamp{position:absolute;right:30px;bottom:20px;border:2px solid #587a65;color:#587a65;font-size:10px;letter-spacing:.13em;padding:8px 11px;transform:rotate(-12deg) scale(1.5);opacity:0;pointer-events:none;background:#fcf8eedc;transition:opacity .25s,transform .45s cubic-bezier(.18,.75,.2,1.25)}
.postcard-paper[data-saved=true] .postcard-stamp{opacity:1;transform:rotate(-12deg) scale(1)}
.atlas-browser{padding-top:5px;min-width:0}
.atlas-browser>p{font-size:9px;letter-spacing:.13em;margin-bottom:15px}
.atlas-stops{border-top:1px solid var(--line)}
.atlas-stop{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) 22px;align-items:center;gap:18px;width:100%;text-align:left;padding:18px 0;border-bottom:1px solid var(--line);opacity:.68;transition:opacity .3s}
.atlas-stop:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left}
.atlas-stop[aria-pressed=true]{opacity:1}
.atlas-stop[aria-pressed=true]:after{transform:scaleX(1)}
.atlas-in-view:not(.atlas-manual) .atlas-stop[aria-pressed=true]:after{animation:coastal-stop-progress 9s linear both}
.atlas-in-view.atlas-hovering .atlas-stop:after{animation-play-state:paused}
.atlas-stop:hover,.atlas-stop:focus-visible{opacity:1}
.atlas-stop img{width:86px;height:65px;object-fit:cover;border:4px solid #faf7ee;box-shadow:0 2px 7px #27495e15}
.atlas-stop span>small{display:block;font-size:8px;line-height:1.7;letter-spacing:.08em;margin-bottom:4px}
.atlas-stop strong{font:29px/1.08 var(--serif);letter-spacing:-.025em;font-weight:400}
.atlas-stop>i{font-size:18px;font-style:normal;transition:transform .3s}
.atlas-stop[aria-pressed=true]>i{transform:translateX(4px)}
.atlas-note{padding:28px 0 0;min-height:160px}
.atlas-note .eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:11px}
.atlas-note>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:360px}
.atlas-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px;margin-top:19px}
.atlas-actions a,.atlas-actions button{font-size:11px;line-height:1.7;border-bottom:1px solid #31576d66;padding-bottom:5px;min-height:32px;display:inline-flex;align-items:center;gap:15px}
.atlas-actions button[aria-pressed=true]{color:#54775f}
.atlas-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 8px 0}
.atlas-controls p{font-size:9px;letter-spacing:.11em}
.atlas-controls p strong{font-size:12px;font-weight:400}
.atlas-arrows{display:flex;gap:12px}
.atlas-arrows button{display:grid;place-items:center;width:42px;height:38px;border:1px solid #31576d40;font-size:20px;transition:background .3s}
.atlas-arrows button:hover{background:#f7f2e7}
.atlas-coastline{width:100%;height:42px;margin-top:42px;overflow:visible;opacity:.65}
.atlas-coastline path{fill:none;stroke:#6e96aa;stroke-width:1.1;stroke-dasharray:1300;stroke-dashoffset:1300}
.atlas-in-view .atlas-coastline path{animation:coastline-draw 2.8s ease forwards}
.atlas-coastline circle{fill:var(--ink)}
.atlas-map-note{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.10em;line-height:1.8;margin-top:10px}
@keyframes coastal-stop-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes coastline-draw{to{stroke-dashoffset:0}}
@media(min-width:1900px){.atlas-layout{grid-template-columns:minmax(0,1.6fr) minmax(350px,1fr);gap:6vw}.atlas-stop{padding-block:25px}.atlas-stop img{width:105px;height:75px}.atlas-stop{grid-template-columns:105px minmax(0,1fr) 22px}.atlas-stop strong{font-size:35px}.atlas-note{padding-top:35px}}
@media(max-width:1000px){.atlas-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:28px}.atlas-stop{grid-template-columns:65px minmax(0,1fr) 16px;gap:12px;padding-block:14px}.atlas-stop img{width:65px;height:52px}.atlas-stop strong{font-size:25px}.postcard-caption{padding:14px 5px;min-height:72px}.postcard-caption>span:first-child{font-size:24px}}
@media(max-width:800px){.around-here.coast-atlas{padding-block:55px 65px}.atlas-heading{display:block;margin-bottom:25px}.atlas-heading h2{font-size:49px;margin-top:18px}.atlas-heading>p{margin-top:20px;max-width:330px;font-size:12px}.atlas-layout{display:flex;flex-direction:column;gap:24px}.postcard-wrap{width:100%;padding:4px 2px 0}.postcard-paper{padding:9px 9px 0;transform:rotateZ(-.6deg)}.postcard-caption{min-height:72px;gap:12px;padding:14px 5px}.postcard-caption>span:first-child{font-size:23px}.postcard-caption>span:last-child{font-size:6px;max-width:90px}.postcard-stamp{right:20px;bottom:14px;font-size:8px;padding:5px 7px}.atlas-browser{width:100%}.atlas-browser>p{font-size:8px}.atlas-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.atlas-stop{display:block;padding:12px 0 14px;text-align:left;opacity:.65;align-self:stretch}.atlas-stop img{width:100%;height:auto;aspect-ratio:3/2;border-width:3px;margin-bottom:10px}.atlas-stop span>small{font-size:6px;letter-spacing:.02em;line-height:1.6;margin-bottom:5px;min-height:20px}.atlas-stop strong{font-size:20px;line-height:1.08;display:block}.atlas-stop>i{display:none}.atlas-note{min-height:0;padding-top:23px}.atlas-note>p:not(.eyebrow){font-size:12px;max-width:none}.atlas-actions{margin-top:16px;gap:20px}.atlas-actions a,.atlas-actions button{font-size:10px}.atlas-controls{padding:10px 2px 0}.atlas-controls p{font-size:7px}.atlas-coastline{margin-top:30px}.atlas-map-note{font-size:6px;letter-spacing:.07em}.atlas-arrows button{height:34px;width:38px}.atlas-stop:nth-child(3) strong{max-width:75px}}
@media(prefers-reduced-motion:reduce){.postcard-paper,.postcard-scene,.postcard-stamp{transition:none;transform:none}.atlas-stop:after,.atlas-coastline path{animation:none!important;transform:none;stroke-dashoffset:0}.atlas-stop:not([aria-pressed=true]):after{transform:scaleX(0)}}