/* 1.24 · A continuous sun, a quieter reel collection and a full-height viewer. */
body.ms-modern .ms-site .ms-button:before{content:none;background:none;box-shadow:none}
body.ms-modern.ms-home .ms-intro.ms-sun-aligned:after{content:none}
body.ms-modern.ms-home .ms-welcome-sun{position:absolute;z-index:0;display:block;top:26%;right:-15vw;width:min(39vw,530px);aspect-ratio:1;pointer-events:none;clip-path:inset(0 0 var(--ms-sun-cut,0px));opacity:1}
body.ms-modern.ms-home .ms-welcome-sun-rays{position:absolute;inset:0;display:block;border-radius:50%;color:#103b49;opacity:.29;background:repeating-conic-gradient(from -5deg,currentColor 0deg .4deg,transparent .4deg 2.7deg);mask:radial-gradient(circle,transparent 0 47%,#000 47.3% 68%,transparent 68.3%);-webkit-mask:radial-gradient(circle,transparent 0 47%,#000 47.3% 68%,transparent 68.3%);animation:ms-intro-ring 65s linear infinite}
body.ms-modern.ms-home .ms-heritage-sun-clip{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;pointer-events:none}
body.ms-modern.ms-home .ms-heritage-sun-clip .ms-welcome-sun-light{right:auto;clip-path:none}
body.ms-modern.ms-home .ms-welcome-sun-light .ms-welcome-sun-rays{color:#F5F0E6}
body.ms-modern.ms-home .ms-heritage-heading,body.ms-modern.ms-home .ms-heritage-copy{z-index:1}
body.ms-modern.ms-home .ms-site .ms-stay-banner>.ms-home-number{z-index:4;opacity:.23;line-height:1;pointer-events:none}

/* Four visible reels on desktop, with all eight saved items remaining in the rail. */
body.ms-modern.ms-home .ms-site .ms-instagram-reels-only{padding-bottom:clamp(100px,9vw,135px)}
body.ms-modern .ms-site .ms-instagram-heading h2{font:300 clamp(25px,3.1vw,43px)/1.15 Arial,sans-serif;letter-spacing:-.035em}
body.ms-modern .ms-site .ms-instagram-tags{font:200 clamp(22px,3.8vw,54px)/1.15 Arial,sans-serif;letter-spacing:-.04em;opacity:.075;right:4%;bottom:24px}
body.ms-modern .ms-site .ms-instagram-brand-shape{position:absolute;display:block;pointer-events:none;right:-5%;top:12%;width:clamp(320px,50vw,680px);aspect-ratio:1;opacity:.13;transform:rotate(-12deg);z-index:0}
body.ms-modern .ms-site .ms-instagram-brand-shape svg{width:100%;height:100%;display:block}
body.ms-modern .ms-site .ms-instagram-brand-shape svg>rect{fill:#b5aa91}
body.ms-modern .ms-site .ms-reels-grid{display:flex;align-items:stretch;gap:20px;width:100%;min-width:0;max-width:100%;padding:0 0 23px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a18a58 #ded7cb;cursor:grab}
body.ms-modern .ms-site .ms-reels-grid::-webkit-scrollbar{height:4px}
body.ms-modern .ms-site .ms-reels-grid::-webkit-scrollbar-track{background:#ded7cb}
body.ms-modern .ms-site .ms-reels-grid::-webkit-scrollbar-thumb{background:#a18a58;border-radius:6px}
body.ms-modern .ms-site .ms-reels-grid.is-dragging{cursor:grabbing;scroll-snap-type:none}
body.ms-modern .ms-site .ms-reel-card{flex:0 0 calc((100% - 60px)/4);min-width:0;max-width:none;aspect-ratio:9/15;scroll-snap-align:start;border:0;box-shadow:none;background:#eee8dd;color:#103b49!important;text-decoration:none}
body.ms-modern .ms-site .ms-reel-card:after,body.ms-modern .ms-site .ms-reel-card:before{content:none;box-shadow:none;background:none}
body.ms-modern .ms-site .ms-reel-card img{filter:none;box-shadow:none;opacity:1;transform:none;transition:transform .5s ease}
body.ms-modern .ms-site .ms-reel-card:hover img{transform:scale(1.025);filter:none}
body.ms-modern .ms-site .ms-reel-label{left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:16px 10px 20px;background:#f6f2e9;color:#103b49;font:400 9px/1.5 Arial,sans-serif;letter-spacing:.14em;text-align:center}
body.ms-modern .ms-site .ms-reel-emblem{display:block;width:52px;height:54px;opacity:.58;pointer-events:none}
body.ms-modern .ms-site .ms-reel-emblem svg{width:100%;height:100%;display:block}
body.ms-modern .ms-site .ms-reel-emblem svg>rect{fill:#A18A58}
body.ms-modern .ms-site .ms-reel-play{background:#f6f2e9d9;backdrop-filter:none;color:#103b49;border:0;box-shadow:none}
body.ms-modern .ms-site .ms-reel-cover-art{background:#e7dfd1;background-image:none;color:#756253;justify-content:flex-start;padding-top:36px}
body.ms-modern .ms-site .ms-reel-cover-art:after{content:none}
body.ms-modern .ms-site .ms-reels-rail-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
body.ms-modern .ms-site .ms-reels-rail-controls[hidden]{display:none}
body.ms-modern .ms-site .ms-reels-rail-controls button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #a18a5860;border-radius:0;background:transparent;color:#103b49;font:300 35px/1 Arial,sans-serif;box-shadow:none;cursor:pointer;transition:background .2s,color .2s}
body.ms-modern .ms-site .ms-reels-rail-controls button:hover{background:#103b49;color:#f6f2e9}
body.ms-modern .ms-site .ms-reels-rail-controls button:disabled{opacity:.3;cursor:default;background:transparent;color:#103b49}
body.ms-modern .ms-site .ms-reels-rail-controls button:before,body.ms-modern .ms-site .ms-reels-rail-controls button:after{content:none}

/* The viewer itself never scrolls; the stage uses the available screen height. */
body.ms-modern .ms-look-dialog.is-reel{position:fixed;isolation:isolate;width:min(650px,calc(100vw - 32px));height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);max-width:none;margin:auto;padding:46px 55px 14px;overflow:hidden;border:1px solid #e3d9c8;border-radius:4px;background:#f4efe5;box-shadow:0 20px 85px #103b491c}
body.ms-modern .ms-look-dialog.is-reel::backdrop{background:#eee6daac;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
body.ms-modern .ms-look-dialog.is-reel .ms-look-content{position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;width:100%;height:100%;min-height:0;overflow:hidden}
body.ms-modern .ms-reel-dialog-emblem{display:none}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-dialog-emblem{position:absolute;display:block;pointer-events:none;right:-170px;top:12%;width:550px;height:600px;opacity:.12;transform:rotate(-14deg);z-index:0}
body.ms-modern .ms-reel-dialog-emblem svg{display:block;width:100%;height:100%}
body.ms-modern .ms-reel-dialog-emblem svg>rect{fill:#a18a58}
body.ms-modern .ms-look-dialog.is-reel .ms-look-close{top:2px;right:8px;width:40px;height:40px;background:transparent;color:#103b49;z-index:3;box-shadow:none}
body.ms-modern .ms-look-dialog.is-reel :is(.ms-reel-stage,.ms-reel-embed-stage){position:relative;display:block;width:100%;height:100%;min-height:0;max-height:100%;margin:0;overflow:hidden;background:transparent}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-stage video{display:block;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;background:transparent;cursor:pointer}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-embed-stage iframe{display:block;width:100%;height:100%;min-height:0;max-height:100%;border:0;margin:0;background:#fff}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-footer{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:0;flex-wrap:nowrap}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-controls button{display:grid;place-items:center;min-width:46px;height:44px;min-height:44px;padding:0 10px;border:1px solid #a18a5855;border-radius:0;background:transparent;color:#103b49;box-shadow:none;cursor:pointer;transition:background .2s,color .2s}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-controls button:hover{background:#103b49;color:#faf8f2;border-color:#103b49}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-controls button:disabled{opacity:.3;cursor:default}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-step svg{display:block;width:30px;height:30px}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-sound{font:400 11px/1.2 Arial,sans-serif;letter-spacing:.03em}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-profile{display:block;max-width:100%;margin:0;padding:4px 0;color:#103b49;font:400 11px/1.55 Arial,sans-serif;text-decoration:none;text-align:center;overflow-wrap:anywhere}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-profile:hover{color:#806a43;text-decoration:underline;text-underline-offset:4px}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-playback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;padding:15px;border:1px solid #f6f2e980;border-radius:50%;background:#f6f2e9c9;backdrop-filter:blur(8px);color:#103b49;opacity:1;box-shadow:none;cursor:pointer;transition:opacity .65s ease,background .25s}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-playback svg{display:block;width:34px;height:34px}
body.ms-modern .ms-look-dialog.is-reel .is-controls-hidden .ms-reel-playback{opacity:0}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-playback:focus-visible{opacity:1;outline:2px solid #a18a58;outline-offset:5px}
body.ms-modern .ms-look-dialog.is-reel .ms-reel-status:not(:empty){position:absolute;inset:auto 10px 14px;margin:0;padding:14px;background:#f6f2e9eb;color:#103b49;font:400 12px/1.6 Arial,sans-serif}
body.ms-modern .ms-look-dialog.is-reel button:before,body.ms-modern .ms-look-dialog.is-reel button:after{content:none}

/* Reading sheets use their own palette, with narrow unobtrusive scrollbars. */
body.ms-modern .ms-reading-dialog{scrollbar-width:thin;scrollbar-color:#46646c #103b490d}
body.ms-modern .ms-reading-dialog::-webkit-scrollbar{width:5px;height:5px}
body.ms-modern .ms-reading-dialog::-webkit-scrollbar-track{background:transparent;margin-block:18px}
body.ms-modern .ms-reading-dialog::-webkit-scrollbar-thumb{background:#0e334099;border-radius:12px}
body.ms-modern .ms-reading-dialog.ms-reading-dark{scrollbar-color:#d4d1c8 #f5f0e609}
body.ms-modern .ms-reading-dialog.ms-reading-dark::-webkit-scrollbar-thumb{background:#f5f0e6a3}

@media(max-width:1000px){
 body.ms-modern .ms-site .ms-reel-card{flex-basis:calc((100% - 20px)/2);aspect-ratio:9/14}
}
@media(max-width:900px){
 body.ms-modern.ms-home .ms-welcome-sun{top:37%;right:-23vw;width:63vw;opacity:.58}
}
@media(max-width:680px){
 body.ms-modern.ms-home .ms-welcome-sun{top:48%;right:-58vw;width:98vw;opacity:.37}
 body.ms-modern .ms-site .ms-instagram-tags{font-size:clamp(21px,5.9vw,34px);right:20px;bottom:24px;opacity:.075}
 body.ms-modern .ms-site .ms-instagram-heading h2{font-size:clamp(23px,6.8vw,35px)}
 body.ms-modern .ms-site .ms-reels-grid{gap:14px;padding-bottom:18px}
 body.ms-modern .ms-site .ms-reel-card{flex-basis:82%;aspect-ratio:9/14}
 body.ms-modern .ms-site .ms-reel-label{padding:14px 10px 16px}
 body.ms-modern .ms-site .ms-instagram-brand-shape{right:-35%;top:18%;width:420px}
 body.ms-modern .ms-look-dialog.is-reel{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:42px 20px 12px}
 body.ms-modern .ms-look-dialog.is-reel .ms-look-content{gap:8px}
 body.ms-modern .ms-look-dialog.is-reel .ms-reel-dialog-emblem{width:440px;right:-220px}
}
@media(max-height:500px) and (min-width:681px){
 body.ms-modern .ms-look-dialog.is-reel{padding-top:36px;padding-bottom:8px}
 body.ms-modern .ms-look-dialog.is-reel .ms-reel-footer{flex-direction:row;justify-content:center;gap:18px}
 body.ms-modern .ms-look-dialog.is-reel .ms-reel-profile{max-width:180px;text-align:left}
}
@media(prefers-reduced-motion:reduce){
 body.ms-modern.ms-home .ms-welcome-sun-rays{animation:none}
 body.ms-modern .ms-site .ms-reel-card img,body.ms-modern .ms-look-dialog.is-reel .ms-reel-playback{transition:none}
}