/* #08 Shoulder Atlas: a real interactive world above Aahil's open palm. */
body[data-shoulder]{--accent:#8eeaff;--lime:#d7ffb1;background:radial-gradient(ellipse at 35% 20%,#123954 0,#071b2e 38%,#030e1c 75%)}
body[data-shoulder] .atlas-hero{display:block;max-width:1720px;padding:34px 4.8% 0;min-height:0;overflow:hidden}
body[data-shoulder] .atlas-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:8px 70px;padding:0;max-width:none;align-items:center;z-index:2}
body[data-shoulder] .atlas-copy>.eyebrow{grid-column:1/-1;margin-bottom:5px;color:#94dff4;font-size:9px}
body[data-shoulder] .atlas-copy h1{font-size:clamp(36px,3.3vw,55px);line-height:1.08;letter-spacing:-.045em}
body[data-shoulder] .atlas-copy h1 em{color:#91dbf5;font-weight:400;margin-top:6px}
body[data-shoulder] .atlas-copy .lead{margin:0;max-width:410px;font-size:12px;line-height:1.8;color:#acc8d8}
body[data-shoulder] .atlas-copy .actions{margin-top:16px;gap:9px}
body[data-shoulder] .atlas-copy .actions>*{font-size:10px;padding:12px 16px;gap:16px}
body[data-shoulder] .planned-scale{margin:16px 0 0;padding-top:12px;gap:24px;border-top:1px solid #8fdcf225;max-width:365px}
body[data-shoulder] .planned-scale strong{font-size:24px}body[data-shoulder] .planned-scale span{font-size:8px}
body[data-shoulder] .planned-scale small{font-size:8px}
.shoulder-stage{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:22px;margin-top:18px}
.shoulder-visual{position:relative;min-width:0;isolation:isolate;overflow:hidden}
.shoulder-stars{position:absolute;inset:0;background-image:radial-gradient(#90ceff66 .65px,transparent .85px),radial-gradient(#9dddff55 .9px,transparent 1.1px);background-size:51px 67px,131px 113px;background-position:6px 21px,37px 6px;mask-image:radial-gradient(ellipse,#000,transparent 75%);pointer-events:none}
.shoulder-person{position:absolute;max-width:none;z-index:2;pointer-events:none;mask-image:linear-gradient(0deg,transparent 0,#000 9%,#000 100%);filter:drop-shadow(0 0 16px #36beff1f)}
.shoulder-live-scene{position:absolute!important;min-width:0;margin:0!important;z-index:1;display:block}
.shoulder-live-scene:before{display:none}
.shoulder-live-scene #globe{width:100%;height:100%;opacity:1;filter:drop-shadow(0 0 11px #33baff42);touch-action:pan-y}
.shoulder-orbit-floor{position:absolute;left:12%;right:0;bottom:49px;height:90px;pointer-events:none;border-radius:50%;border:1px solid #78dbff30;transform:perspective(260px) rotateX(66deg);box-shadow:0 0 40px #6bc9ff13,inset 0 0 40px #6bc9ff10;z-index:0}
.shoulder-composite-label{position:absolute;bottom:80px;right:4%;font-size:6px;letter-spacing:.12em;color:#90aec3;z-index:3}
.shoulder-globe-controls{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;max-width:97%;border:1px solid #8ccde449;border-radius:6px;background:#092437e8;padding:5px;backdrop-filter:blur(10px);z-index:4}
.shoulder-globe-controls button{background:#15394a;border:1px solid #74c2df42;color:#d8f6ff;min-width:34px;height:34px;border-radius:3px}
.shoulder-globe-controls>span{display:flex;align-items:center;gap:8px;font-size:10px;padding:0 10px;max-width:200px;white-space:nowrap}
.shoulder-globe-controls strong{font-weight:500;overflow:hidden;text-overflow:ellipsis}
.shoulder-globe-controls .shoulder-search{font-size:9px;padding:0 12px;white-space:nowrap}
.shoulder-globe-hint{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.12em;color:#97becd}
.shoulder-country-card{position:relative;margin-top:75px;min-width:0;z-index:3;background:linear-gradient(145deg,#163f54c9,#0a2036d9);border:1px solid #75d7f772;border-radius:7px;box-shadow:0 10px 60px #0005,0 0 40px #1dbeff0c;backdrop-filter:blur(14px)}
.shoulder-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px;border-bottom:1px solid #8ecce22c}
.shoulder-card-heading .eyebrow{font-size:6px;letter-spacing:.12em;display:flex;align-items:center;gap:6px}
.shoulder-tour-status{font-size:5px;color:#9acddb;letter-spacing:.1em;white-space:nowrap}
.shoulder-photo{display:block;position:relative;width:calc(100% - 16px);margin:8px;background:#092438;border-radius:3px;overflow:hidden;border:1px solid #84d6ed36}
.shoulder-photo>img{height:190px;width:100%;object-fit:cover;transition:opacity .3s}
.shoulder-photo:after{position:absolute;inset:35% 0 0;content:"";background:linear-gradient(0deg,#031527df,transparent);pointer-events:none}
.shoulder-photo .image-status{top:8px;left:8px;font-size:5px;padding:4px;max-width:90%;pointer-events:none}
.shoulder-photo-caption{position:absolute;left:13px;bottom:12px;right:35px;color:#effaff;font-size:15px;font-family:var(--display);z-index:2;text-align:left;line-height:1.2}
.shoulder-photo-open{position:absolute;right:12px;bottom:12px;z-index:2;color:#bcecff;font-size:17px}
.shoulder-card-body{padding:15px 16px}
.shoulder-card-body>.eyebrow{font-size:6px;color:#87c6df}
.shoulder-card-body h2{font-size:32px;font-family:var(--display);line-height:1.1;margin:8px 0 10px;overflow-wrap:anywhere}
.shoulder-places{font-size:10px;color:#accbd7;line-height:1.7}
.shoulder-photo-progress{display:flex;gap:5px;margin:13px 0}
.shoulder-photo-progress:empty{display:none}
.shoulder-photo-progress button{height:12px;min-width:15px;flex:1;position:relative;background:transparent}
.shoulder-photo-progress button:after{content:"";height:2px;background:#5d93ac6b;position:absolute;left:0;right:0;top:5px}
.shoulder-photo-progress button[aria-pressed=true]:after{background:#9eeaff;box-shadow:0 0 9px #5ee2ff99}
.shoulder-open{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;font-size:10px;line-height:1.6;color:#d5f3ff;background:none;border-top:1px solid #89c6dd33;padding:13px 0 0;margin-top:14px;width:100%}
.shoulder-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 9px 10px}
.shoulder-thumbs:empty{display:none}
.shoulder-thumbs button{background:#081b2d;border:1px solid #89c6dd26;border-radius:3px;overflow:hidden;text-align:left}
.shoulder-thumbs img{width:100%;height:45px;object-fit:cover;opacity:.8}
.shoulder-thumbs span{display:block;padding:5px;font-size:6px;color:#a6cbd8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.shoulder-image-note{font-size:7px;color:#8aaeba;line-height:1.8;padding:0 14px 13px}
.shoulder-photo-guide{max-width:1280px;margin:12px auto 30px;border-top:1px solid #7db9d12b;border-bottom:1px solid #7db9d12b;padding:0 8px}
.shoulder-photo-guide summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;padding:13px 0;font-size:10px;color:#89b0c4;list-style:none}
.shoulder-photo-guide summary::-webkit-details-marker{display:none}
.shoulder-photo-guide summary>span{color:#97dcf2}.shoulder-photo-guide p{font-size:11px;line-height:1.8;color:#a0becd;max-width:900px;padding-bottom:15px}
body[data-shoulder] .atlas-destinations{padding-top:0}
body[data-shoulder] .atlas-destinations .archive-launchpad{margin-top:12px}
@media(min-width:1700px){.shoulder-stage{grid-template-columns:minmax(0,1fr) 285px;gap:35px}.shoulder-photo>img{height:230px}.shoulder-country-card{margin-top:110px}}
@media(max-width:1150px){.shoulder-stage{grid-template-columns:minmax(0,1fr) 210px;gap:10px}.shoulder-country-card{margin-top:35px}.shoulder-photo>img{height:160px}.shoulder-card-body h2{font-size:28px}body[data-shoulder] .atlas-copy{column-gap:30px}}
@media(max-width:900px){body[data-shoulder] .atlas-hero{padding:25px 5% 0}body[data-shoulder] .atlas-copy{display:block}body[data-shoulder] .atlas-copy>.eyebrow{font-size:7px;margin-bottom:12px}body[data-shoulder] .atlas-copy h1{font-size:39px;max-width:none}body[data-shoulder] .atlas-copy h1 em{margin-top:4px}body[data-shoulder] .atlas-copy .lead{font-size:11px;margin-top:17px;max-width:340px}body[data-shoulder] .atlas-copy .actions{margin-top:17px}body[data-shoulder] .atlas-copy .actions>*{font-size:10px;padding:12px 13px;gap:13px}body[data-shoulder] .planned-scale{margin-top:16px;padding-top:13px}.shoulder-stage{display:flex;flex-direction:column;margin:15px -5.55% 0;gap:0}.shoulder-visual{width:100%;overflow:hidden}.shoulder-country-card{width:90%;margin:12px 5% 0;display:grid;grid-template-columns:42% 58%}.shoulder-card-heading{grid-column:1/-1;padding:11px 12px}.shoulder-photo{align-self:start;width:calc(100% - 8px);margin:8px 0 8px 8px}.shoulder-photo>img{height:160px}.shoulder-card-body{padding:17px 12px 8px}.shoulder-card-body h2{font-size:27px;margin:7px 0}.shoulder-places{font-size:9px}.shoulder-open{font-size:9px;padding-top:9px;margin-top:9px}.shoulder-photo-caption{font-size:13px;left:9px;bottom:10px}.shoulder-photo .image-status{font-size:4px;left:5px;top:5px}.shoulder-thumbs{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 9px 10px;gap:7px}.shoulder-thumbs img{height:50px}.shoulder-thumbs span{font-size:7px}.shoulder-image-note{grid-column:1/-1;font-size:7px}.shoulder-photo-guide{margin:20px 5% 25px}.shoulder-photo-guide summary{font-size:9px}.shoulder-photo-guide p{font-size:10px}.shoulder-globe-controls{bottom:25px;padding:4px;gap:4px}.shoulder-globe-controls>span{font-size:9px;padding:0 4px;max-width:135px;gap:5px}.shoulder-globe-controls button{height:32px;min-width:30px}.shoulder-globe-controls .shoulder-search{font-size:8px;padding:0 7px}.shoulder-globe-hint{font-size:5px;bottom:6px;letter-spacing:.06em}.shoulder-composite-label{font-size:5px;bottom:73px;right:5%}}
@media(max-width:360px){body[data-shoulder] .atlas-copy h1{font-size:34px}.shoulder-globe-controls>span{max-width:100px;font-size:8px}.shoulder-globe-controls .shoulder-search{font-size:7px}.shoulder-photo>img{height:151px}.shoulder-card-body h2{font-size:25px}.shoulder-card-body{padding:12px 10px 8px}.shoulder-photo-caption{font-size:11px}.shoulder-card-heading .eyebrow{font-size:5px}}
@media(prefers-reduced-motion:reduce){.shoulder-photo>img{transition:none}}
@media(min-width:901px){body[data-shoulder] .atlas-copy .planned-scale{display:none}.shoulder-stage{margin-top:8px}.shoulder-visual{width:100%;max-width:1050px}.shoulder-counts{font-size:8px;letter-spacing:.08em;color:#91c8da;margin-top:12px}.shoulder-country-card{margin-top:48px}body[data-shoulder] .atlas-copy{padding-bottom:10px}body[data-shoulder] .atlas-copy h1{font-size:clamp(35px,3vw,50px)}}
@media(max-width:900px){.shoulder-counts{display:none}}
.shoulder-palm-light{position:absolute;z-index:3;border-radius:50%;background:radial-gradient(ellipse,#c7f4ff55 0,#71d8ff25 42%,transparent 74%);filter:blur(2px);transform:rotate(12deg);mix-blend-mode:screen;pointer-events:none}

/* Country previews stay compact even when a country has many city photographs. */
.shoulder-photo-progress{overflow-x:auto;scrollbar-width:thin;max-width:100%}
.shoulder-photo-progress button{min-width:12px;flex:1 0 12px}
.shoulder-preview-controls{display:flex;gap:5px;align-items:center;justify-content:space-between;margin:0 12px 12px;grid-column:1/-1}
.shoulder-preview-controls button{padding:7px 9px;min-height:30px;color:#cbf1ff;background:#082033;border:1px solid #8ad3ee38;border-radius:3px;font-size:9px}
.shoulder-preview-controls [data-shoulder-play]{flex:1}
.country-story{min-width:0}
.country-story-image{background:radial-gradient(ellipse,#183a4b,#04131f);height:405px}
.country-story-image>button{display:block;background:transparent;width:100%;height:100%;position:relative;padding:0}
.country-story-image>button>img{width:100%;height:100%;object-fit:contain}
.country-story-image:after{display:none}
.country-story-caption{position:absolute;bottom:0;left:0;right:0;padding:30px 37px 15px 15px;background:linear-gradient(transparent,#04131fec);color:#e9faff;text-align:left;font-size:14px;line-height:1.4}
.country-story-open{position:absolute;right:15px;bottom:15px;color:#c8f6ff}
.country-story-controls{display:flex;align-items:center;gap:7px;margin-top:10px}
.country-story-controls button{border:1px solid #8ad3ee42;border-radius:4px;background:#123244;color:#d9f6ff;min-height:36px;padding:7px 10px;font-size:11px}
.country-story-controls [data-country-story-toggle]{flex:1}
.country-story-controls>span{font-size:9px;color:#a0c3d2;white-space:nowrap}
.country-story-note{font-size:10px;color:#91b5c6;line-height:1.6;margin-top:10px}
.country-story-chapters{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.country-story-chapters button{border:1px solid #87cce134;color:#b8d8e8;background:#0b2535;padding:6px 10px;border-radius:20px;font-size:10px}
.country-story-chapters button[aria-pressed=true]{color:#d7ffb1;border-color:#d7ffb188;background:#d7ffb111}
@media(max-width:760px){.country-story-image{height:300px}.country-story-caption{font-size:12px}.country-story-controls button{font-size:10px}.country-story-controls>span{font-size:8px}}
