/* The social scene is the film's invitation to continue, on the same scroll. */
.store-journal .journal-social.instagram-profile{background:#101115;color:#fdfdfd}
.cinema-enabled .journal-social.instagram-profile{height:var(--social-duration,320svh)}
.instagram-profile .social-scene{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:5vw;align-items:center;padding:32px clamp(24px,5vw,96px);background:#101115;isolation:isolate}
.social-invitation{position:relative;min-width:0;padding-bottom:12px}
.instagram-profile .instagram-platform{margin:0 0 38px;font-size:13px;gap:9px;color:#c6c6c8}
.instagram-profile .instagram-platform svg{width:19px;height:19px}
.store-journal .instagram-profile .social-title{font:700 clamp(76px,min(11.3vw,21.5svh),210px)/.91 Coign,Impact,sans-serif;letter-spacing:0;text-transform:uppercase;white-space:normal;margin:0 0 30px;max-width:none}
.social-title>span{display:block}
.social-title>span:last-child{color:inherit}
.instagram-profile .social-invitation-copy{font:400 clamp(13px,1.1vw,16px)/1.7 EditorialInter,Arial,sans-serif;letter-spacing:-.015em;color:#b4b4b8;max-width:30ch;margin:0 0 32px}
.instagram-profile .instagram-profile-follow{display:inline-flex;min-height:52px;min-width:176px;gap:50px;border-radius:2px;margin:0;padding:14px 22px;background:var(--blue);color:#fff;font-size:13px;letter-spacing:0;transition:background .25s,color .25s}
.instagram-profile .instagram-profile-follow span{position:static;clip-path:none;width:auto;height:auto;overflow:visible}
.instagram-profile .instagram-profile-follow svg{width:18px;height:18px;transition:transform .25s}
.instagram-profile .instagram-profile-follow:hover{background:#fdfdfd;color:#101115;box-shadow:none}
.instagram-profile .instagram-profile-follow:hover svg{transform:translate(2px,-2px)}
.social-images{position:relative;width:min(100%,calc(100svh - 200px));justify-self:end;min-width:0}
.instagram-profile .instagram-profile-heading{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;padding:0;margin:0;height:40px}
.instagram-profile .instagram-avatar{width:32px;height:32px;grid-row:auto;align-self:center;outline:1px solid #ffffff30;outline-offset:4px}
.instagram-profile .instagram-handle{font:500 16px/1.2 EditorialInter,Arial,sans-serif;letter-spacing:-.04em;color:#fff;justify-self:start}
.social-photo-count{font:400 10px/1 EditorialInter,Arial,sans-serif;letter-spacing:.08em;color:#a1a1a5;font-variant-numeric:tabular-nums}
.social-photo-segments{display:flex;gap:5px;width:100%;height:34px;position:relative;z-index:4}
.social-photo-segments button{position:relative;flex:1;min-width:0;min-height:44px;border:0;background:none;padding:0;cursor:pointer;transform:translateY(-5px)}
.social-photo-segments button::before{content:'';position:absolute;left:0;right:0;top:21px;height:2px;border-radius:2px;background:#ffffff26;transition:background .15s}
.social-photo-segments button[aria-pressed=true]::before{background:var(--blue)}
.social-photo-segments button:hover::before{background:#fdfdfd}
.social-photo-segments button:focus-visible{outline:1px solid #fdfdfd;outline-offset:-7px;border-radius:2px}
.instagram-profile .instagram-window{position:relative;overflow:visible;aspect-ratio:1;width:100%;isolation:isolate}
.instagram-profile .instagram-window::before,.instagram-profile .instagram-window::after{content:'';position:absolute;inset:7px -5px 7px 0;z-index:-1;background:#1b1c20;border:1px solid #ffffff12}
.instagram-profile .instagram-window::before{inset:14px -10px 14px 0;background:#15161a}
.instagram-profile .instagram-grid{display:grid;width:100%;height:100%;position:relative;gap:0;overflow:hidden;transform:none;will-change:auto;background:#1b1d22}
.instagram-profile .instagram-grid .instagram-tile:nth-child(n){display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1;grid-area:1/1;background:#1b1d22;opacity:1;transform:none;transition:none;will-change:clip-path}
.instagram-profile .instagram-tile img{width:100%;height:100%;object-fit:cover;transform:none;transition:none}
.instagram-profile .instagram-tile:hover img{transform:none}
.instagram-profile .instagram-tile-arrow{opacity:1;right:16px;bottom:16px;border-color:#ffffff70;background:#10111555;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;width:44px;height:44px;font-size:21px;transition:background .25s,border-color .25s}
.instagram-profile .social-scene-bottom{padding:8px 0 0;min-height:48px;gap:12px}
.instagram-profile .instagram-profile-source{color:#a1a1a5;font-size:11px;max-width:none}
.social-scene-nav{gap:6px}
.social-scene-nav .round-control{width:44px;height:44px;min-height:44px;border:0;border-radius:0;color:#fdfdfd;background:none;font-size:20px}
.social-scene-nav .round-control:disabled{opacity:.25}
.social-scene-nav .round-control:hover:not(:disabled){color:#fdfdfd;background:#ffffff0d}
.instagram-profile a:focus-visible,.social-scene-nav .round-control:focus-visible{outline:2px solid #fdfdfd;outline-offset:4px}
@media(max-width:1000px) and (min-width:761px){
 .instagram-profile .social-scene{gap:4vw;padding-inline:32px}
 .store-journal .instagram-profile .social-title{font-size:min(11.8vw,21.5svh)}
}
@media(max-width:760px){
 .cinema-enabled .journal-social.instagram-profile{height:var(--social-duration,320svh)}
 .instagram-profile .social-scene{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:22px;padding:24px 24px 18px}
 .social-invitation{display:grid;grid-template-columns:1fr auto;gap:14px 10px;padding:0;align-items:end}
 .instagram-profile .instagram-platform{grid-column:1/-1;margin:0;font-size:11px;gap:7px}
 .instagram-profile .instagram-platform svg{width:16px;height:16px}
 .store-journal .instagram-profile .social-title{font-size:clamp(62px,17vw,102px);margin:0;grid-column:1;grid-row:2}
 .instagram-profile .social-invitation-copy{display:none}
 .instagram-profile .instagram-profile-follow{grid-column:2;grid-row:2;min-width:0;min-height:44px;padding:12px 14px;gap:12px;font-size:11px;margin-bottom:4px}
 .instagram-profile .instagram-profile-follow svg{width:14px;height:14px}
 .social-images{width:min(100%,calc(100svh - 340px));justify-self:center}
 .instagram-profile .instagram-profile-heading{grid-template-columns:26px 1fr auto;gap:10px;height:32px;padding:0}
 .instagram-profile .instagram-avatar{width:26px;height:26px}
 .instagram-profile .instagram-handle{font-size:13px}
 .social-photo-segments{height:28px}
 .social-photo-segments button{transform:translateY(-8px)}
 .instagram-profile .instagram-profile-source{font-size:11px}
 .instagram-profile .social-scene-bottom{min-height:44px;padding-top:4px}
 .instagram-profile .instagram-window::after{inset:6px -4px 6px 0}
 .instagram-profile .instagram-window::before{inset:12px -8px 12px 0}
}
/* Short landscape and reduced motion keep every image in document flow. */
.social-static .journal-social.instagram-profile{height:auto}
.social-static .instagram-profile .social-scene{position:relative;height:auto;min-height:0;grid-template-columns:1fr;padding-block:56px;gap:40px}
.social-static .social-invitation{max-width:640px}
.social-static .social-images{width:100%;justify-self:stretch}
.social-static .instagram-profile .instagram-window{aspect-ratio:auto}
.social-static .instagram-profile .instagram-window::before,.social-static .instagram-profile .instagram-window::after{display:none}
.social-static .instagram-profile .instagram-grid{display:grid;grid-template-columns:repeat(var(--social-columns,3),minmax(0,1fr));height:auto;gap:6px;overflow:visible}
.social-static .instagram-profile .instagram-grid .instagram-tile:nth-child(n){position:relative;inset:auto;grid-area:auto;height:auto;aspect-ratio:1;clip-path:none!important;visibility:visible!important}
.social-static .social-photo-segments,.social-static .social-photo-count,.social-static .social-scene-nav{display:none}
.social-static .instagram-profile .instagram-profile-heading{margin-bottom:20px}
@media(prefers-reduced-motion:reduce){.instagram-profile *{transition:none!important}}

.social-static .instagram-profile .instagram-grid:has(>.instagram-tile:only-child){max-width:640px}

/* Shared line icons and predictable touch targets. */
.instagram-profile .instagram-tile-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.instagram-profile .instagram-avatar{position:relative}
.instagram-profile .instagram-avatar::after{content:'';position:absolute;inset:-8px;border-radius:50%}
.instagram-profile .instagram-handle{display:inline-flex;align-items:center;min-height:44px}
.social-title>span{overflow:hidden;padding-block:.035em;margin-block:-.035em}
.social-title>span>span{display:block;will-change:transform}
@media(max-width:760px){.instagram-profile .instagram-avatar::after{inset:-9px}.instagram-profile .social-scene-bottom{gap:8px}}
@media(prefers-reduced-motion:reduce){.social-title>span>span{will-change:auto}}

/* A single brand accent; image colours stay untouched. */
.instagram-profile .instagram-avatar{background:var(--blue)}
.instagram-profile .instagram-tile-arrow svg{transition:transform .25s}
@media(hover:hover){
 .instagram-profile .instagram-tile:hover .instagram-tile-arrow{background:#101115b3;border-color:#fdfdfd}
 .instagram-profile .instagram-tile:hover .instagram-tile-arrow svg{transform:translate(1px,-1px)}
 .instagram-profile .instagram-handle:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
}

.instagram-profile .instagram-avatar img{width:58%;height:58%}
