/*
  Paper & Brass world stories.
  Parent markup owns the captures and the atlas SVG; this file only art-directs
  the editorial surfaces and their finite, reduced-motion-safe reveals.
*/

:root{
  --world-ink:var(--ink,#14110F);
  --world-ink-2:var(--ink-2,#2A2521);
  --world-paper:var(--paper,#FBF8F2);
  --world-bone:var(--bone,#F5F1EA);
  --world-parchment:var(--parchment,#EFE9DD);
  --world-graphite:var(--graphite,#4A4239);
  --world-smoke:var(--smoke,#6B635A);
  --world-stone:var(--stone,#A39A8E);
  --world-linen:var(--linen,#D8D1C5);
  --world-gold:var(--gold,#A88542);
  --world-champagne:var(--champagne,#E8D7AE);
  --world-ease:cubic-bezier(.32,.72,0,1);
  --world-display:Frank,Georgia,serif;
  --world-body:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --world-mono:"DM Mono",ui-monospace,SFMono-Regular,monospace;
}

.world-editorial .category-icon,.context-story .category-icon,.atlas-story .category-icon{display:inline-grid;place-items:center;flex:none;background:var(--sand,#E8E0D2);color:var(--graphite,#4A4239)}
.world-editorial .category-icon.flight,.context-story .category-icon.flight,.atlas-story .category-icon.flight{background:var(--flight-bg,#DCE3EC);color:var(--flight-fg,#3A5B82)}
.world-editorial .category-icon.stay,.context-story .category-icon.stay,.atlas-story .category-icon.stay{background:var(--stay-bg,#E6D6CB);color:var(--stay-fg,#8B4A2B)}
.world-editorial .category-icon.dine,.context-story .category-icon.dine,.atlas-story .category-icon.dine{background:var(--dine-bg,#E8CFC9);color:var(--dine-fg,#8B2E2E)}
.world-editorial .category-icon.tour,.context-story .category-icon.tour,.atlas-story .category-icon.tour{background:var(--tour-bg,#D5DDC9);color:var(--tour-fg,#4F6B3A)}
.world-editorial .category-icon.activity,.context-story .category-icon.activity,.atlas-story .category-icon.activity{background:var(--activity-bg,#ECDEC5);color:var(--activity-fg,#8B6A2E)}
.world-editorial .category-icon.move,.context-story .category-icon.move,.atlas-story .category-icon.move{background:var(--move-bg,#D5D2CC);color:var(--move-fg,#4A4239)}
.world-editorial .category-icon.note,.context-story .category-icon.note,.atlas-story .category-icon.note{background:var(--note-bg,#DCD6E0);color:var(--note-fg,#5A4E6B)}
.world-editorial .icon,.context-story .icon,.atlas-story .icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

.world-editorial{background:var(--world-ink);color:#fff}
.world-editorial.world-light,.world-editorial.light{background:var(--world-paper);color:var(--world-ink)}
.atlas-story{background:var(--world-paper);color:var(--world-ink)}
.world-editorial{padding:80px 0 120px}
.world-heading{max-width:100%;margin:0 0 48px}
.world-heading .eyebrow,
.context-copy .eyebrow,
.atlas-heading .eyebrow,
.atlas-copy .eyebrow{color:var(--world-gold)}
.world-heading h2,
.context-copy h2,
.atlas-heading h2{max-width:10ch;margin:0;letter-spacing:-.065em;font:650 clamp(52px,7.5vw,112px)/.9 var(--world-body)}
.world-heading h2{max-width:1000px;font-size:clamp(52px,7vw,88px)}
.world-heading h2 em,
.context-copy h2 em,
.atlas-heading h2 em{font-family:var(--world-display);font-weight:400;color:var(--world-gold)}
.world-heading p,
.context-copy>p:not(.eyebrow),
.atlas-heading p,
.atlas-copy>p:not(.eyebrow){max-width:500px;margin:28px 0 0;color:var(--world-smoke);font:18px/1.55 var(--world-body)}
.world-editorial .world-heading p{color:rgba(255,255,255,.68)}.world-editorial.world-light .world-heading p,.world-editorial.light .world-heading p{color:var(--world-smoke)}

.world-gallery{display:grid;grid-template-columns:1.18fr .82fr 1fr;grid-template-rows:clamp(250px,31vw,475px) clamp(210px,25vw,390px);gap:18px;align-items:stretch}
.world-photo{position:relative;min-width:0;margin:0;overflow:hidden;background:var(--world-parchment);border:1px solid var(--world-linen);border-radius:28px;box-shadow:0 20px 60px rgba(20,17,15,.13);isolation:isolate}
.world-photo:first-child{grid-row:span 2;border-radius:36px}
.world-photo:nth-child(2){grid-column:2;grid-row:1}
.world-photo:nth-child(3){grid-column:3;grid-row:1 / span 2;margin-top:clamp(22px,5vw,80px)}
.world-photo:nth-child(4){grid-column:2;grid-row:2;margin-bottom:clamp(18px,4vw,62px)}
.world-photo img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--world-ease),filter .9s var(--world-ease)}
.world-photo:first-child img{object-position:50% 42%}.world-photo:nth-child(2) img{object-position:50% 35%}.world-photo:nth-child(3) img{object-position:50% 54%}.world-photo:nth-child(4) img{object-position:50% 62%}
.world-photo:after{content:"";position:absolute;z-index:1;inset:36% 0 0;background:linear-gradient(transparent,rgba(20,17,15,.78));pointer-events:none}
.world-photo figcaption{position:absolute;z-index:2;right:20px;bottom:18px;left:20px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.world-photo figcaption small{display:block;margin-bottom:4px;color:var(--world-champagne);font:10px/1.2 var(--world-mono);letter-spacing:.15em;text-transform:uppercase}.world-photo figcaption b{display:block;font:400 clamp(21px,2.1vw,30px)/1.05 var(--world-display)}.world-photo figcaption span{display:block;margin-top:6px;color:rgba(255,255,255,.76);font:12px/1.35 var(--world-body)}
.world-photo:hover img{transform:scale(1.035);filter:saturate(1.04)}
.world-caption{margin:28px 0 0;color:var(--world-stone);font:10px/1.4 var(--world-mono);letter-spacing:.04em}

.context-story{position:relative;overflow:hidden;background:var(--world-ink);color:#fff;padding:clamp(108px,14vw,210px) 0;isolation:isolate}
.context-story:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 72% 50%,rgba(168,133,66,.2),transparent 35%),radial-gradient(circle at 12% 20%,rgba(74,66,57,.34),transparent 32%),linear-gradient(135deg,var(--world-ink),var(--world-ink-2))}
.context-story:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.context-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr);gap:clamp(50px,8vw,130px);align-items:center}.context-copy{position:relative;z-index:2}.context-copy h2{color:#fff}.context-copy h2 em{color:var(--world-champagne)}.context-copy>p:not(.eyebrow){color:rgba(255,255,255,.68)}
.context-canvas{position:relative;height:650px;min-width:0;display:grid;place-items:center}.context-orbits{position:absolute;inset:4% 2%;border:1px solid rgba(232,215,174,.2);border-radius:50%;transform:rotate(-12deg)}.context-orbits:before,.context-orbits:after{content:"";position:absolute;border:1px solid rgba(232,215,174,.12);border-radius:50%}.context-orbits:before{inset:12% 11%;transform:rotate(28deg)}.context-orbits:after{inset:24% 24%;transform:rotate(-20deg)}.context-orbits span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--world-champagne);box-shadow:0 0 22px rgba(232,215,174,.85)}.context-orbits span:nth-child(1){left:17%;top:17%}.context-orbits span:nth-child(2){right:14%;top:38%}.context-orbits span:nth-child(3){left:29%;bottom:12%}
.context-prompt,.context-option{border:1px solid rgba(216,209,197,.18);background:rgba(20,17,15,.58);box-shadow:0 22px 60px rgba(0,0,0,.24);backdrop-filter:blur(16px)}.context-prompt{position:absolute;top:5%;left:7%;z-index:3;width:min(290px,48%);padding:17px 19px;border-radius:22px;transform:rotate(-2deg)}.context-prompt small,.context-option small{display:block;color:var(--world-champagne);font:10px/1.3 var(--world-mono);letter-spacing:.13em;text-transform:uppercase}.context-prompt p{margin:8px 0 0;color:#fff;font:400 20px/1.14 var(--world-display)}
.context-core{position:relative;z-index:4;width:154px;height:154px;border:1px solid rgba(232,215,174,.55);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(232,215,174,.3),rgba(168,133,66,.1) 46%,rgba(20,17,15,.4) 70%);box-shadow:0 0 0 20px rgba(232,215,174,.035),0 0 80px rgba(201,164,97,.28);text-align:center}.context-core img{width:46px;height:46px;border-radius:13px;box-shadow:0 8px 20px rgba(0,0,0,.3)}.context-core span{display:block;margin-top:7px;font:600 12px/1 var(--world-body);letter-spacing:.02em}
.context-options{position:absolute;right:2%;bottom:5%;z-index:3;width:min(410px,63%);display:grid;gap:10px}.context-option{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:11px;padding:12px 14px;border-radius:18px}.context-option:nth-child(1){transform:translateX(22px) rotate(1deg)}.context-option:nth-child(2){transform:translateX(-12px)}.context-option:nth-child(3){transform:translateX(18px) rotate(-1deg)}.context-option .category-icon{width:40px;height:40px;border-radius:12px}.context-option b{display:block;margin-top:3px;color:#fff;font:400 18px/1.1 var(--world-display)}.context-option small{color:rgba(255,255,255,.52);font-size:9px}.context-caption{position:absolute;right:0;bottom:-3%;margin:0;color:rgba(255,255,255,.46);font:10px/1.4 var(--world-mono);letter-spacing:.06em}
.context-canvas.reveal:not(.pending) .context-orbits{animation:context-orbit-in 1.15s var(--world-ease) both}.context-canvas.reveal:not(.pending) .context-core{animation:context-core-in 1.35s .18s var(--world-ease) both}.context-canvas.reveal:not(.pending) .context-prompt{animation:context-card-in .8s .34s var(--world-ease) both}.context-canvas.reveal:not(.pending) .context-option{animation:context-option-in .8s var(--world-ease) both}.context-canvas.reveal:not(.pending) .context-option:nth-child(1){animation-delay:.52s}.context-canvas.reveal:not(.pending) .context-option:nth-child(2){animation-delay:.58s}.context-canvas.reveal:not(.pending) .context-option:nth-child(3){animation-delay:.64s}
@keyframes context-orbit-in{from{opacity:0;transform:scale(.82) rotate(-24deg)}to{opacity:1;transform:scale(1) rotate(-12deg)}}@keyframes context-core-in{from{opacity:0;transform:scale(.68)}to{opacity:1;transform:scale(1)}}@keyframes context-card-in{from{opacity:0;transform:translate(-28px,18px) rotate(-6deg)}to{opacity:1;transform:translate(0) rotate(-2deg)}}@keyframes context-option-in{from{opacity:0;transform:translate(42px,16px) scale(.96)}to{opacity:1}}

.atlas-story{padding:clamp(108px,14vw,210px) 0;color:var(--world-ink)}.atlas-heading{max-width:780px;margin-bottom:clamp(50px,7vw,96px)}.atlas-grid{display:grid;grid-template-columns:minmax(560px,1.2fr) minmax(280px,.8fr);gap:clamp(46px,8vw,126px);align-items:center}.atlas-map{position:relative;min-height:650px;margin:0;border:1px solid var(--world-linen);border-radius:36px;background:linear-gradient(145deg,var(--world-bone),var(--world-parchment));box-shadow:0 24px 70px rgba(20,17,15,.12);overflow:hidden}.atlas-label{position:absolute;z-index:3;top:24px;left:28px;color:var(--world-smoke);font:10px/1.3 var(--world-mono);letter-spacing:.15em;text-transform:uppercase}.atlas-drawing{position:absolute;inset:42px 20px 88px;width:calc(100% - 40px);height:calc(100% - 130px);overflow:visible}.atlas-drawing .atlas-street{fill:none;stroke:rgba(107,99,90,.22);stroke-width:2}.atlas-drawing .atlas-path{fill:none;stroke:rgba(168,133,66,.22);stroke-width:1.5;stroke-dasharray:2 10}.atlas-drawing .atlas-route{fill:none;stroke:var(--world-gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000}.atlas-map.reveal:not(.pending) .atlas-route{animation:atlas-route-in 2s .15s var(--world-ease) forwards}.atlas-stop{position:absolute;z-index:4;display:grid;grid-template-columns:36px auto;align-items:center;gap:9px;min-width:140px;padding:8px 11px;border:1px solid rgba(168,133,66,.28);border-radius:16px;background:rgba(251,248,242,.9);box-shadow:0 12px 30px rgba(20,17,15,.12);transform:translateY(10px);opacity:0}.atlas-stop b{display:block;color:var(--world-graphite);font:400 17px/1.05 var(--world-display)}.atlas-stop .category-icon{width:36px;height:36px;border-radius:11px}.stop-one{left:12%;top:24%}.stop-two{right:10%;top:47%}.stop-three{left:32%;bottom:18%}.atlas-map.reveal:not(.pending) .atlas-stop{animation:atlas-stop-in .65s var(--world-ease) forwards}.atlas-map.reveal:not(.pending) .stop-one{animation-delay:.65s}.atlas-map.reveal:not(.pending) .stop-two{animation-delay:.85s}.atlas-map.reveal:not(.pending) .stop-three{animation-delay:1.05s}.atlas-key{position:absolute;left:28px;bottom:24px;display:flex;align-items:center;gap:10px;color:var(--world-smoke);font:10px/1.35 var(--world-mono);letter-spacing:.04em}.atlas-key i{width:38px;height:2px;background:var(--world-gold)}
.atlas-copy h3{max-width:9ch;margin:0 0 20px;font:650 clamp(36px,4.2vw,64px)/.96 var(--world-body);letter-spacing:-.055em}.atlas-copy>p:not(.eyebrow){font-size:17px}.atlas-list{display:grid;gap:16px;margin:34px 0 0;padding:0;list-style:none;counter-reset:atlas}.atlas-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.atlas-list .category-icon{width:42px;height:42px;border-radius:13px}.atlas-list b{display:block;color:var(--world-graphite);font:400 20px/1.05 var(--world-display)}.atlas-list span{display:block;margin-top:3px;color:var(--world-smoke);font:12px/1.35 var(--world-body)}
.shared-strip{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;max-width:720px;margin:clamp(80px,10vw,150px) auto 0;padding:24px 28px;border:1px solid var(--world-linen);border-radius:24px;background:var(--world-bone)}.shared-strip .category-icon{width:52px;height:52px;border-radius:16px}.shared-strip h3{margin:0;color:var(--world-graphite);font:400 28px/1.05 var(--world-display)}.shared-strip p{grid-column:2;margin:2px 0 0;color:var(--world-smoke);font:15px/1.45 var(--world-body)}

@keyframes atlas-route-in{to{stroke-dashoffset:0}}@keyframes atlas-stop-in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}

@media(max-width:980px){
  .world-editorial,.context-story,.atlas-story{padding-block:100px}.world-gallery{grid-template-columns:1fr 1fr;grid-template-rows:clamp(250px,48vw,420px) clamp(220px,42vw,360px) clamp(220px,42vw,360px)}.world-photo:first-child{grid-row:span 2}.world-photo:nth-child(2){grid-column:2;grid-row:1}.world-photo:nth-child(3){grid-column:1 / span 2;grid-row:3;margin:0}.world-photo:nth-child(4){grid-column:2;grid-row:2;margin:0}.context-grid,.atlas-grid{grid-template-columns:1fr;gap:58px}.context-copy,.atlas-heading,.atlas-copy{max-width:680px;margin-inline:auto}.context-canvas{height:min(650px,78vw);min-height:520px}.atlas-map{min-height:600px}.atlas-copy{width:min(100%,680px)}
}

@media(max-width:640px){
  .world-editorial,.context-story,.atlas-story{padding-block:82px}.world-heading{margin-bottom:44px}.world-heading h2,.context-copy h2,.atlas-heading h2{font-size:clamp(48px,15.5vw,72px)}.world-heading p,.context-copy>p:not(.eyebrow),.atlas-heading p,.atlas-copy>p:not(.eyebrow){margin-top:20px;font-size:16px}.world-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:14px}.world-photo,.world-photo:first-child,.world-photo:nth-child(2),.world-photo:nth-child(3),.world-photo:nth-child(4){grid-column:auto;grid-row:auto;margin:0;border-radius:22px}.world-photo{height:clamp(230px,72vw,340px)}.world-photo:first-child{height:clamp(330px,105vw,470px);border-radius:28px}.world-photo figcaption{right:15px;bottom:14px;left:15px}.world-photo figcaption b{font-size:24px}.world-caption{margin-top:20px}.context-canvas{height:590px;min-height:0;margin-inline:-4px}.context-orbits{inset:8% -8%}.context-prompt{top:2%;left:0;width:58%;padding:14px;border-radius:18px}.context-prompt p{font-size:17px}.context-core{width:122px;height:122px}.context-core img{width:38px;height:38px;border-radius:10px}.context-options{right:0;bottom:4%;width:73%;gap:8px}.context-option{grid-template-columns:34px 1fr;padding:9px 10px;border-radius:15px}.context-option .category-icon{width:34px;height:34px;border-radius:10px}.context-option b{font-size:16px}.context-caption{right:0;bottom:-1%;font-size:9px}.atlas-grid{gap:42px}.atlas-map{min-height:480px;border-radius:26px}.atlas-drawing{inset:36px 10px 72px;width:calc(100% - 20px);height:calc(100% - 108px)}.atlas-label{top:18px;left:20px}.atlas-stop{grid-template-columns:30px auto;min-width:0;padding:6px 8px;border-radius:12px}.atlas-stop .category-icon{width:30px;height:30px;border-radius:9px}.atlas-stop b{font-size:14px}.stop-one{left:4%;top:24%}.stop-two{right:2%;top:48%}.stop-three{left:24%;bottom:15%}.atlas-key{left:20px;bottom:18px;font-size:9px}.atlas-copy h3{font-size:42px}.atlas-list{margin-top:26px;gap:12px}.atlas-list b{font-size:18px}.shared-strip{grid-template-columns:auto 1fr;gap:12px;margin-top:72px;padding:18px;border-radius:20px}.shared-strip h3{font-size:24px}.shared-strip p{grid-column:2;font-size:14px}
}

@media(max-width:360px){.context-canvas{transform:scale(.94);transform-origin:top center;margin-bottom:-28px}.atlas-stop b{font-size:12px}.world-photo figcaption span{font-size:11px}.shared-strip{grid-template-columns:1fr}.shared-strip p{grid-column:1}.shared-strip .category-icon{margin-bottom:2px}}

@media(prefers-reduced-motion:reduce){
  .world-photo img{transition:none}.context-canvas.reveal:not(.pending) .context-orbits,.context-canvas.reveal:not(.pending) .context-core,.context-canvas.reveal:not(.pending) .context-prompt,.context-canvas.reveal:not(.pending) .context-option,.atlas-map.reveal:not(.pending) .atlas-route,.atlas-map.reveal:not(.pending) .atlas-stop{animation:none!important}
  .context-orbits,.context-core,.context-prompt,.context-option,.atlas-stop{opacity:1;transform:none}.atlas-route{stroke-dashoffset:0}
}

/* Parent atlas geometry refinements: route uses the SVG pathLength=100 coordinate system. */
.atlas-drawing .atlas-route{stroke-dasharray:100;stroke-dashoffset:100}
.stop-one{left:15%;top:29%;right:auto;bottom:auto}.stop-two{left:38%;top:49%;right:auto;bottom:auto}.stop-three{left:auto;top:61%;right:3%;bottom:auto}
.atlas-list>li>div>span{display:block;margin-top:3px;color:var(--world-smoke);font:12px/1.35 var(--world-body)}
.atlas-cta{margin-top:32px;background:var(--world-ink);color:#fff;border:1px solid var(--world-ink)}.atlas-cta:hover{background:var(--world-ink-2);color:#fff}
.world-caption a{min-height:44px;display:inline-flex;align-items:center;color:var(--world-champagne);text-decoration:underline;text-underline-offset:4px}.world-caption a:focus-visible{outline:2px solid var(--world-champagne);outline-offset:4px}
.atlas-heading h2{max-width:1040px}
.context-copy h2{font-size:clamp(52px,5vw,64px);max-width:10ch}
@media(max-width:640px){.stop-one{left:2%;top:23%}.stop-two{left:34%;top:45%}.stop-three{left:auto;right:0;top:62%}.context-copy h2{font-size:clamp(48px,15.5vw,72px)}}
@media(prefers-reduced-motion:reduce){.atlas-drawing .atlas-route{stroke-dashoffset:0}}

/* Final composition: typography and route labels share the same visual grid. */
.world-heading>.eyebrow,.atlas-heading>.eyebrow{margin:0 0 22px;font:400 11px/1.4 var(--world-mono);letter-spacing:.15em}
.world-heading h2{max-width:1100px}
.world-editorial .world-heading>.eyebrow{color:var(--world-champagne)}
.world-heading>p:not(.eyebrow){max-width:620px}
.context-story,.atlas-story{padding-block:120px}
.context-core{align-content:center;gap:8px;margin-bottom:70px}
.context-core span{margin:0}
.context-caption{color:var(--world-stone);max-width:440px}
.atlas-heading{max-width:1100px;margin-bottom:56px}
.atlas-heading h2{font-size:clamp(52px,6vw,86px)}
.atlas-heading>.eyebrow{color:var(--world-smoke)}
.atlas-map{min-height:560px}
.atlas-drawing{inset:0;width:100%;height:100%;overflow:hidden}
.atlas-label{padding:10px 14px;border:1px solid var(--world-linen);border-radius:999px;background:var(--world-paper)}
.atlas-key{left:0;right:0;bottom:0;padding:20px 28px;background:var(--world-paper);border-top:1px solid var(--world-linen)}
.atlas-stop{width:max-content;max-width:46%;translate:-50% calc(-100% - 16px)}
.stop-one{left:24%;top:37.879%;right:auto;bottom:auto}
.stop-two{left:46.3%;top:59.091%;right:auto;bottom:auto}
.stop-three{left:83.5%;top:70.606%;right:auto;bottom:auto;translate:-85% calc(-100% - 16px)}
.atlas-copy h3{max-width:12ch;font-size:clamp(36px,3.7vw,54px)}
.atlas-list .category-icon{display:inline-grid;margin:0}
@media(max-width:980px){.context-story,.atlas-story{padding-block:96px}.context-core{margin-bottom:90px}}
@media(max-width:640px){
 .world-heading h2,.context-copy h2,.atlas-heading h2{font-size:clamp(42px,12.5vw,60px);line-height:1;max-width:none}
 .world-heading>.eyebrow,.atlas-heading>.eyebrow{font-size:10px;margin-bottom:18px}
 .context-story,.atlas-story{padding-block:80px}
 .context-canvas{margin-inline:0;height:590px}
 .context-options{right:6%;width:83%;bottom:5%}
 .context-option:nth-child(1),.context-option:nth-child(2),.context-option:nth-child(3){transform:none}
 .context-core{margin-bottom:108px}
 .context-caption{font-size:10px;bottom:-2%}
 .atlas-map{min-height:440px}
 .atlas-stop{gap:6px;padding:7px;max-width:51%}
 .atlas-stop b{font-size:14px}
 .atlas-label{top:16px;left:16px;font-size:9px}
 .atlas-key{padding:16px;font-size:9px}
 .atlas-copy h3{font-size:42px;max-width:none}
}
@media(prefers-reduced-motion:reduce){.world-photo:hover img{transform:none}}

/* A single branded center, with independent ideas distributed around it. */
.context-constellation .context-grid{display:block}
.context-constellation .context-copy{text-align:center;max-width:960px;margin:0 auto 38px}
.context-constellation .context-copy h2{max-width:none;font-size:clamp(48px,6vw,86px)}
.context-constellation .context-copy>p:not(.eyebrow){max-width:590px;margin-inline:auto}
.context-constellation .context-canvas{height:640px;max-width:1100px;margin:auto;transform:none}
.context-constellation .context-orbits{inset:9% 9%;transform:rotate(-12deg)}
.context-constellation .context-core{width:200px;height:200px;margin:0;gap:12px}
.context-constellation .context-core img{width:112px;height:112px;border-radius:28px;box-shadow:none}
.context-constellation .context-core span{font-size:22px;letter-spacing:-.03em}
.context-constellation .context-options{inset:0;width:auto;display:block;pointer-events:none}
.context-constellation .context-option{position:absolute;width:300px;max-width:34%;padding:20px;border-radius:24px;gap:14px;transform:none}
.context-constellation .context-option b{font-size:24px;line-height:1.16;margin-top:7px}
.context-constellation .context-option small{color:var(--world-champagne)}
.context-constellation .context-option:nth-child(1){left:2%;top:13%;rotate:-5deg}
.context-constellation .context-option:nth-child(2){right:2%;top:18%;rotate:5deg}
.context-constellation .context-option:nth-child(3){left:5%;bottom:12%;rotate:-3deg}
.context-constellation .context-option:nth-child(4){right:4%;bottom:9%;rotate:4deg;animation-delay:.7s}
.context-constellation .context-caption{bottom:-10px;left:0;right:0;text-align:center;max-width:none}
@media(max-width:760px){
 .context-constellation .context-canvas{height:720px;max-width:480px}
 .context-constellation .context-orbits{inset:10% -22%}
 .context-constellation .context-core{width:160px;height:160px}
 .context-constellation .context-core img{width:90px;height:90px;border-radius:23px}
 .context-constellation .context-core span{font-size:18px}
 .context-constellation .context-option{width:270px;max-width:86%;padding:15px;gap:12px}
 .context-constellation .context-option b{font-size:21px}
 .context-constellation .context-option:nth-child(1){left:0;top:12px;rotate:-3deg}
 .context-constellation .context-option:nth-child(2){right:0;top:132px;rotate:3deg}
 .context-constellation .context-option:nth-child(3){left:0;bottom:142px;rotate:-3deg}
 .context-constellation .context-option:nth-child(4){right:0;bottom:22px;rotate:3deg}
 .context-constellation .context-caption{bottom:-35px;font-size:9px}
}
