/* Shutter Story wildlife page: numbers strip + home-style country cards. Loaded with ss-home.css. */

/* Section heading with intro text + anchor */
.ss-home .ssh-head__text{margin-top:14px;max-width:34em;font-size:clamp(17px,1.4vw,19px)}
.ss-home .ssh-insta[id]{scroll-margin-top:100px}
.ssw-page .ss-home .ssh-insta#countries{padding-top:clamp(40px,6vw,96px)}

/* Numbers strip */
.ss-home .ssh-wstats{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ss-home .ssh-wstats ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
.ss-home .ssh-wstats li{display:flex;align-items:baseline;gap:16px;padding:clamp(22px,2.6vw,34px) clamp(20px,2.4vw,36px);border-left:1px solid var(--line)}
.ss-home .ssh-wstats li:first-child{border-left:0;padding-left:0}
.ss-home .ssh-wstats strong{font-size:clamp(44px,5vw,76px);font-weight:700;line-height:1;letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums}
.ss-home .ssh-wstats li:last-child strong{color:var(--accent)}
.ss-home .ssh-wstats span{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}

/* Country cards: the plugin's boxes in the home look */
.vc_row.ssw-row{background:#fff!important;margin:0!important;padding:0!important}
.vc_row.ssw-row .vc_column-inner{padding:0!important}
.vc_row.ssw-row .wpb_content_element{margin-bottom:0!important}
.ssc.ssc-min.ssw-home{--ink:#262626;--muted:#8d8d8d;--accent:#169dfb;--ease:cubic-bezier(.2,.8,.2,1);max-width:1320px;margin:0 auto;padding:0 32px;font-family:"Quicksand",sans-serif;counter-reset:ssw}
.ssc.ssw-home .ssc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4vw,56px) clamp(16px,2vw,28px)}
.ssc.ssw-home .ssc-card,.ssc.ssw-home .ssc-card:hover,.ssc.ssw-home .ssc-card:focus{counter-increment:ssw;display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink);text-align:left;text-transform:none;letter-spacing:normal;line-height:1.3;font:inherit;transform:none}
.ssc.ssw-home .ssc-card:nth-child(3n+2){margin-top:clamp(0px,4vw,64px)}
.ssc.ssw-home .ssc-media{aspect-ratio:4/5;border-radius:0;background:#f5f6f7}
.ssc.ssw-home .ssc-img{transform:scale(1.05);transition:transform .6s var(--ease),filter .5s ease,opacity .5s ease}
.ssc.ssw-home button.ssc-card:hover .ssc-img,.ssc.ssw-home button.ssc-card:focus-visible .ssc-img{transform:scale(1.01)}
.ssc.ssw-home .ssc-media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(38,38,38,.55),rgba(38,38,38,0) 45%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.ssc.ssw-home button.ssc-card:hover .ssc-media::after,.ssc.ssw-home button.ssc-card:focus-visible .ssc-media::after{opacity:1}
.ssc.ssw-home .ssc-label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding:16px 0 0}
.ssc.ssw-home .ssc-label::before{content:counter(ssw,decimal-leading-zero);grid-column:1/-1;font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--muted);margin-bottom:4px}
.ssc.ssw-home .ssc-name{font-size:clamp(22px,2.2vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink);transition:color .3s}
.ssc.ssw-home .ssc-meta{display:none}
.ssc.ssw-home .ssc-btn,.ssc.ssw-home[data-look] .ssc-btn{display:inline-block;grid-column:2;grid-row:2;min-width:0;margin:0;padding:0 0 5px;border:0;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:1.2;color:var(--ink);background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat;white-space:nowrap;transition:color .3s}
.ssc.ssw-home .ssc-btn::after{content:" \2192";display:inline-block;transition:transform .45s var(--ease)}
@media (hover:hover){
.ssc.ssw-home button.ssc-card:hover .ssc-name,.ssc.ssw-home button.ssc-card:hover .ssc-btn{color:var(--accent)}
.ssc.ssw-home button.ssc-card:hover .ssc-btn::after{transform:translateX(4px)}
}
.ssc.ssw-home button.ssc-card:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.ssc.ssw-home .ssc-card.is-soon .ssc-label::before{color:#c4c4c4}

/* Staggered blur-in when the grid scrolls into view (only once the script is running) */
.ssw-js .ssc.ssw-home .ssc-card{transition:opacity .9s var(--ease),filter .9s var(--ease),translate .9s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
.ssw-js .ssc.ssw-home:not(.is-in) .ssc-card{opacity:0;filter:blur(8px);translate:0 28px}

/* Spacing between the product rail, the photo band and the call to action */
.ssw-page .ss-home.ssh-new{padding-bottom:clamp(80px,10vw,150px)}
.ssw-page .ssh-wstats+*{margin-top:0}

@media (max-width:900px){
.ssc.ssc-min.ssw-home{padding:0 20px}
.ssc.ssw-home .ssc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssc.ssw-home .ssc-card:nth-child(3n+2){margin-top:0}
.ssc.ssw-home .ssc-card:nth-child(2n){margin-top:clamp(0px,6vw,48px)}
.ss-home .ssh-wstats li{padding:20px 16px;gap:10px;flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
.ssc.ssc-min.ssw-home{padding:0 16px}
.ssc.ssw-home .ssc-grid{grid-template-columns:1fr;gap:40px}
.ssc.ssw-home .ssc-card:nth-child(2n){margin-top:0}
.ssc.ssw-home .ssc-media{aspect-ratio:4/3}
.ss-home .ssh-wstats span{font-size:11px;letter-spacing:.14em}
}
@media (prefers-reduced-motion:reduce){
.ssw-js .ssc.ssw-home .ssc-card{transition:none;opacity:1;filter:none;translate:none}
}