/* Modern Gold, atmospheric artwork. Classic Retriever keeps its prior composition. */
.sr-background,.sr-heading-mark{display:none}
html[data-theme=modern] .sr-background{display:block;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
html[data-theme=modern] .sr-background img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;filter:saturate(.8);opacity:.82}
html[data-theme=modern] .sr-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101112ee 0%,#101112a3 34%,#10111220 68%,#10111215),linear-gradient(0deg,#101112 0%,transparent 25%,transparent 80%,#10111255)}
/* Level, edge-to-edge eyes with the headline in front. */
html[data-theme=modern] .sr-home-hero{width:100%;max-width:none;min-height:650px;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:65px max(5%,calc((100vw - 1240px)/2)) 85px}
html[data-theme=modern] .sr-home-hero .sr-hero-composition{display:none}
html[data-theme=modern] .sr-home-hero .sr-background{inset:0}
html[data-theme=modern] .sr-home-hero .sr-background img{object-fit:cover;opacity:.82;object-position:50% 48%}
html[data-theme=modern] .sr-home-hero .sr-background:after{background:linear-gradient(90deg,#101112d9 0%,#101112b3 28%,#10111255 53%,#10111205 78%),linear-gradient(0deg,#101112 0%,#10111222 10%,transparent 25%,transparent 70%,#10111270)}
html[data-theme=modern] .sr-home-hero .sr-hero-copy{z-index:2;max-width:700px}
html[data-theme=modern] .sr-hero-copy h1{font-size:clamp(56px,6.2vw,88px);text-shadow:0 2px 28px #0004}
html[data-theme=modern] .sr-hero-copy>p{color:#d0d0c8;max-width:470px}
html[data-theme=modern] .sr-hero-note{color:#bebeb4}
html[data-theme=modern] .sr-home-hero .sr-scroll-note{left:max(5%,calc((100vw - 1240px)/2));z-index:2}
/* Artwork is scenery: no rounded portrait cutouts or competing outlines. */
html[data-theme=modern] .sr-patience{position:relative;isolation:isolate;display:flex;min-height:500px;padding:75px 0;margin-top:25px;margin-bottom:55px}
html[data-theme=modern] .sr-patience>.sr-editorial-image{display:none}
html[data-theme=modern] .sr-patience>.sr-background{inset:-20px -5vw}
html[data-theme=modern] .sr-patience>.sr-background img{object-position:60% 50%;opacity:.75}
html[data-theme=modern] .sr-patience>div:not(.sr-background){position:relative;z-index:2;width:53%;max-width:620px}
html[data-theme=modern] .sr-patience h2{font-size:clamp(36px,3.65vw,53px)}
html[data-theme=modern] .sr-patience p{max-width:530px;color:#b9bcb3}
html[data-theme=modern] .sr-last-call{position:relative;isolation:isolate;min-height:310px;padding:55px 0;overflow:hidden}
html[data-theme=modern] .sr-last-call>.sr-background img{object-position:60% 42%;opacity:.58}
html[data-theme=modern] .sr-last-call>:not(.sr-background){position:relative;z-index:2}
html[data-theme=modern] .sr-last-call>img{width:85px;height:100px;opacity:1}
html[data-theme=modern] .sr-last-call>.sr-button{align-self:flex-end;margin-bottom:5px}
html[data-theme=modern] .sr-page-intro{position:relative;isolation:isolate;padding:70px 0;min-height:340px}
html[data-theme=modern] .sr-page-intro>.sr-background{inset:0 -5vw}
html[data-theme=modern] .sr-page-intro>.sr-background img{object-position:65% 42%;opacity:.6}
html[data-theme=modern] .sr-page-intro>:not(.sr-background){position:relative;z-index:2}
html[data-theme=modern] .sr-page-intro h1{font-size:clamp(48px,5.2vw,74px);max-width:870px}
html[data-theme=modern] .sr-page-intro>p{color:#c0c2b9;max-width:580px}
html[data-theme=modern] .sr-notes-layout{display:block;max-width:860px;padding-top:35px}
html[data-theme=modern] .sr-note-image{display:none}
html[data-theme=modern] .sr-prose h2{font-size:29px}
/* Puppy contours sit behind the welcome copy, with a separate readable form. */
html[data-theme=modern] .sr-join-layout{gap:65px;grid-template-columns:1.1fr 1fr}
html[data-theme=modern] .sr-join-copy{position:relative;isolation:isolate;min-height:650px;padding-bottom:55px}
html[data-theme=modern] .sr-join-copy>.sr-background{inset:0 -60px -20px -70px}
html[data-theme=modern] .sr-join-copy>.sr-background img{object-fit:cover;object-position:66% 50%;opacity:.75}
html[data-theme=modern] .sr-join-copy>.sr-background:after{background:linear-gradient(180deg,#101112 0%,#101112aa 20%,#10111220 55%,#10111270 90%,#101112),linear-gradient(90deg,#10111288,transparent 80%)}
html[data-theme=modern] .sr-join-copy>:not(.sr-background){position:relative;z-index:2}
html[data-theme=modern] .sr-welcome-image{display:none}
html[data-theme=modern] .sr-join-copy h1{font-size:clamp(50px,5.3vw,76px)}
html[data-theme=modern] .sr-join-copy>p{color:#d5d2c7;text-shadow:0 2px 12px #000;max-width:420px}
html[data-theme=modern] .sr-join-copy>small:not(.sr-background){position:absolute;bottom:15px;left:0;color:#b6b8ad}
html[data-theme=modern] .sr-site .sr-signup-card{position:relative;z-index:2;background:#181a1bf5}
/* Workspace banners span the full heading. Foreground mark cannot be hidden by art. */
html[data-theme=modern] .page-heading.sr-page-heading{isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr)!important;min-height:245px;padding:35px 30px;gap:12px;overflow:hidden;border-bottom:1px solid #51462f;background:#101112}
html[data-theme=modern] .sr-page-heading .sr-heading-copy{position:relative;z-index:2;max-width:70%;grid-column:1;grid-row:1}
html[data-theme=modern] .sr-page-heading .sr-heading-copy p{color:#c0c2b7;max-width:590px}
html[data-theme=modern] .sr-page-heading .heading-actions{position:relative;z-index:2;grid-column:1;grid-row:2;margin-top:0;max-width:85%;flex-wrap:wrap}
html[data-theme=modern] .sr-page-heading .heading-actions button{background:#202223eb}
html[data-theme=modern] .sr-page-heading .heading-actions .primary{background:#d9ba77}
html[data-theme=modern] .sr-page-heading .sr-modern-art{position:absolute;inset:0;z-index:0;grid-column:auto;grid-row:auto;width:100%;height:100%;overflow:hidden;animation:none;transform:none;pointer-events:none}
html[data-theme=modern] .sr-page-heading .sr-aperture{position:absolute;inset:0!important;border-radius:0!important;border:0;box-shadow:none;transform:none!important;background:transparent}
html[data-theme=modern] .sr-page-heading .sr-aperture img{width:100%;height:100%;object-fit:cover;object-position:60% 42%;opacity:.72;filter:saturate(.75);animation:none;transform:none;scale:1}
html[data-theme=modern] .sr-page-heading .sr-art-eyes img{object-position:50% 47%;opacity:.72}
html[data-theme=modern] .sr-page-heading .sr-art-vigilance-refined img{object-position:60% 24%}
html[data-theme=modern] .sr-page-heading .sr-modern-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101112ed 0%,#101112bb 35%,#10111220 73%,#10111255),linear-gradient(0deg,#101112aa,transparent 45%,#10111233)}
html[data-theme=modern] .sr-page-heading .sr-heading-mark{display:block;position:absolute;right:25px;top:20px;width:82px;height:82px;z-index:3;opacity:.9;filter:drop-shadow(0 2px 7px #000)}
/* Slow, small zoom on the complete banner, not just the image's hit area. */
@media(prefers-reduced-motion:no-preference){
 html[data-theme=modern]:not([data-motion=paused]) :is(.sr-background img,.sr-page-heading .sr-aperture img){transition:scale 1.6s cubic-bezier(.2,.65,.2,1)}
 html[data-theme=modern]:not([data-motion=paused]) .sr-page-heading .sr-modern-art{animation:sr-atmosphere-in 1.8s ease both}
 html[data-theme=modern]:not([data-motion=paused]) .sr-home-hero>.sr-background{animation:sr-atmosphere-in 2.2s ease both}
 @media(hover:hover) and (pointer:fine){
  html[data-theme=modern]:not([data-motion=paused]) :is(.sr-home-hero,.sr-patience,.sr-page-intro,.sr-last-call,.sr-join-copy):hover>.sr-background img,
  html[data-theme=modern]:not([data-motion=paused]) .sr-page-heading:hover .sr-aperture img{scale:1.035}
 }
}
@keyframes sr-atmosphere-in{from{opacity:.35}to{opacity:1}}
@media(min-width:1600px){html[data-theme=modern] .sr-home-hero{min-height:720px}}
@media(max-width:1000px){html[data-theme=modern] .sr-home-hero{min-height:610px}html[data-theme=modern] .sr-join-layout{gap:35px}html[data-theme=modern] .sr-page-heading .sr-heading-copy{max-width:80%}html[data-theme=modern] .sr-page-heading .sr-heading-mark{width:65px;height:65px;right:16px;top:15px}}
@media(max-width:700px){
 html[data-theme=modern] .sr-home-hero{min-height:600px;padding:45px 6% 70px;align-items:center}
 html[data-theme=modern] .sr-home-hero .sr-background img{object-position:76% center;opacity:.65}
 html[data-theme=modern] .sr-home-hero .sr-background:after{background:linear-gradient(90deg,#101112bd,#10111266),linear-gradient(0deg,#101112,transparent 65%,#10111266)}
 html[data-theme=modern] .sr-hero-copy h1{font-size:clamp(43px,10.3vw,70px);white-space:normal;letter-spacing:-.05em}
 html[data-theme=modern] .sr-home-hero .sr-scroll-note{left:6%}
 html[data-theme=modern] .sr-patience{min-height:510px;padding:50px 0;margin-block:0 25px}
 html[data-theme=modern] .sr-patience>div:not(.sr-background){width:100%}
 html[data-theme=modern] .sr-patience>.sr-background img{opacity:.45;object-position:65% center}
 html[data-theme=modern] .sr-last-call{min-height:330px;padding:40px 0;gap:20px}
 html[data-theme=modern] .sr-last-call>img{width:56px;height:75px}
 html[data-theme=modern] .sr-page-intro{min-height:330px;padding:45px 0}
 html[data-theme=modern] .sr-page-intro h1{font-size:clamp(42px,9.8vw,58px)}
 html[data-theme=modern] .sr-page-intro>.sr-background img{opacity:.45;object-position:70% center}
 html[data-theme=modern] .sr-notes-layout{padding-top:10px}
 html[data-theme=modern] .sr-join-layout{display:flex;flex-direction:column;gap:20px}
 html[data-theme=modern] .sr-join-copy{min-height:460px;width:100%;padding:0 0 30px}
 html[data-theme=modern] .sr-join-copy h1{max-width:none;font-size:54px}
 html[data-theme=modern] .sr-join-copy>p{max-width:270px;font-size:14px}
 html[data-theme=modern] .sr-join-copy>.sr-background{inset:0 -7vw}
 html[data-theme=modern] .sr-join-copy>.sr-background img{object-position:63% center;opacity:.7}
 html[data-theme=modern] .sr-join-copy>small{display:block;font-size:9px;bottom:0}
 html[data-theme=modern] .sr-site .sr-signup-card{width:100%;margin-top:0}
 html[data-theme=modern] .page-heading.sr-page-heading{min-height:250px;padding:25px 20px;gap:18px}
 html[data-theme=modern] .sr-page-heading .sr-heading-copy{max-width:100%;padding-right:0}
 html[data-theme=modern] .sr-page-heading h1{font-size:35px;padding-right:35px;letter-spacing:-1.5px}
 html[data-theme=modern] .sr-page-heading .eyebrow{padding-right:50px;font-size:7px}
 html[data-theme=modern] .sr-page-heading .sr-heading-copy p{max-width:95%;font-size:12px}
 html[data-theme=modern] .sr-page-heading .sr-heading-mark{width:49px;height:49px;right:10px;top:13px;opacity:.85}
 html[data-theme=modern] .sr-page-heading .heading-actions{max-width:100%}
 html[data-theme=modern] .sr-page-heading .sr-aperture img{object-position:67% center;opacity:.46}
 html[data-theme=modern] .sr-page-heading .sr-modern-art:after{background:linear-gradient(90deg,#101112b3,#10111250),linear-gradient(0deg,#10111288,transparent)}
}