:root{
  --srkpics-bg:#ffffff;
  --srkpics-accent:#5A4A40;
  --srkpics-text:#0A0A0A;
  --srkpics-text-on-dark:#ffffff;
  --srkpics-line-on-dark:rgba(255,255,255,.25);
  --srkpics-display:'Cinzel','Trajan Pro',serif;
  --srkpics-serif:'Cormorant Garamond','Times New Roman',serif;
  --srkpics-script:'Pinyon Script',cursive;
  --srkpics-ui:'Outfit',system-ui,sans-serif;
  --srkpics-easing:cubic-bezier(.22,.61,.36,1);
}
.srkpics-hero{
  position:relative;
  min-height:700px;
  height:var(--srkpics-hero-height,100vh);
  overflow:hidden;
  background:#000;
  color:var(--srkpics-text-on-dark);
  font-family:var(--srkpics-ui);
  font-weight:300;
  -webkit-font-smoothing:antialiased;
}
.srkpics-hero *{box-sizing:border-box}
.srkpics-hero-track,.srkpics-hero-slide{position:absolute;inset:0}
.srkpics-hero-slide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 1.4s ease,visibility 1.4s ease;
}
.srkpics-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.srkpics-hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.08);
  will-change:transform;
}
.srkpics-hero-slide.is-active .srkpics-hero-bg{animation:srkpicsKenBurns 9s ease both}
.srkpics-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.45) 60%,rgba(0,0,0,.80) 100%),
    linear-gradient(120deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.36) 100%);
  opacity:calc(var(--srkpics-overlay,.48) + .42);
}
.srkpics-hero-content{
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  z-index:3;
  max-width:1200px;
  width:100%;
  padding:0 80px;
}
.srkpics-hero-eyebrow{
  font-family:var(--srkpics-ui);
  font-weight:400;
  font-size:10px;
  letter-spacing:.22em;
  color:var(--srkpics-text-on-dark);
  text-transform:uppercase;
  margin-bottom:28px;
  display:flex;
  align-items:center;
  gap:14px;
}
.srkpics-hero-eyebrow:before{
  content:'';
  display:inline-block;
  width:36px;
  height:1px;
  background:var(--srkpics-text-on-dark);
  opacity:.78;
}
.srkpics-hero-title{
  margin:0;
  padding:0;
  color:var(--srkpics-text-on-dark);
  line-height:1;
  font-weight:400;
}
.srkpics-hero-title span,.srkpics-hero-title em{display:block;color:var(--srkpics-text-on-dark)}
.srkpics-hero-title span{
  font-family:var(--srkpics-display);
  font-weight:400;
  font-size:clamp(36px,4vw,56px);
  letter-spacing:.06em;
  line-height:1;
  text-transform:uppercase;
  margin-bottom:12px;
}
.srkpics-hero-title span:last-child{letter-spacing:.04em;margin-bottom:0}
.srkpics-hero-title em{
  font-family:var(--srkpics-serif);
  font-style:italic;
  font-weight:400;
  font-size:clamp(64px,7.6vw,120px);
  letter-spacing:-.02em;
  line-height:.95;
  text-transform:none;
  margin-bottom:4px;
}
.srkpics-hero-desc{
  font-family:var(--srkpics-serif);
  font-size:19px;
  line-height:1.55;
  color:rgba(255,255,255,.85);
  font-weight:400;
  font-style:italic;
  margin:15px 0 15px;
  max-width:560px;
}
.srkpics-hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.srkpics-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  min-width:178px;
  padding:7px 20px;
  font-family:var(--srkpics-ui) !important;
  font-size:11px !important;
  letter-spacing:.18em;
  line-height:1.1;
  text-transform:uppercase !important;
  text-decoration:none!important;
  transition:all .4s var(--srkpics-easing);
  cursor:pointer;
  font-weight:500;
}
.srkpics-primary{background:var(--srkpics-text-on-dark);color:var(--srkpics-text)!important;border:1px solid var(--srkpics-text-on-dark)}
.srkpics-primary:hover{background:var(--srkpics-accent);color:var(--srkpics-text-on-dark)!important;border-color:var(--srkpics-accent)}
.srkpics-secondary{border:1px solid var(--srkpics-line-on-dark);color:var(--srkpics-text-on-dark)!important;background:transparent}
.srkpics-secondary:hover{background:rgba(255,255,255,.08);border-color:var(--srkpics-text-on-dark)}
.srkpics-hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:6;
  width:46px;
  height:46px;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.45);
  font-size:58px;
  line-height:1;
  cursor:pointer;
  transition:color .3s ease,transform .3s ease;
}
.srkpics-hero-arrow:hover{color:#fff;transform:translateY(-50%) scale(1.05)}
.srkpics-prev{left:28px}.srkpics-next{right:28px}
.srkpics-scroll-explore{
  position:absolute;
  bottom:36px;
  left:80px;
  z-index:6;
  font-family:var(--srkpics-ui)!important;
  font-size:10px!important;
  letter-spacing:.32em!important;
  color:rgba(255,255,255,.6)!important;
  text-transform:uppercase!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  line-height:1!important;
  cursor:pointer;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.srkpics-scroll-explore:hover,
.srkpics-scroll-explore:focus,
.srkpics-scroll-explore:active{
  background:transparent!important;
  border:0!important;
  color:rgba(255,255,255,.85)!important;
  box-shadow:none!important;
  outline:0!important;
}
.srkpics-scroll-explore span{display:inline-block!important;line-height:1!important;}
.srkpics-scroll-explore i{display:block!important;width:60px;height:1px;background:rgba(255,255,255,.6)}
.srkpics-scroll-explore i:after{display:none}
.srkpics-hero-count{
  position:absolute;
  right:calc(56px + 92px);
  bottom:clamp(28px,4vh,50px);
  z-index:6;
  font-family:var(--srkpics-serif);
  font-style:italic;
  font-size:14px;
  letter-spacing:.06em;
  color:rgba(255,255,255,.85);
  font-weight:400;
}
.srkpics-hero-count .current{font-size:17px;color:#fff}
.srkpics-hero-dots{
  position:absolute;
  right:35px;
  bottom:calc(clamp(28px,4vh,50px) + 5px);
  display:flex;
  gap:10px;
  z-index:6;
}
.srkpics-hero-dots button{
  width:26px !important;
  height:1px !important;
  background:rgba(255,255,255,.34) !important;
  transition:background .3s ease,width .3s ease;
  cursor:pointer !important;
  border:0 !important;
  padding:0 !important;
}
.srkpics-hero-dots button.is-active{background:#fff !important}
@keyframes srkpicsFadeUp{0%{opacity:0;transform:translateY(28px)}100%{opacity:1;transform:translateY(0)}}
@keyframes srkpicsKenBurns{0%{transform:scale(1.08) translate3d(0,0,0)}100%{transform:scale(1.0) translate3d(0,0,0)}}
.srkpics-hero-slide .srkpics-hero-eyebrow,
.srkpics-hero-slide .srkpics-hero-title span,
.srkpics-hero-slide .srkpics-hero-title em,
.srkpics-hero-slide .srkpics-hero-desc,
.srkpics-hero-slide .srkpics-hero-actions,
.srkpics-scroll-explore,
.srkpics-hero-count,
.srkpics-hero-dots{
  opacity:0;
  transform:translateY(28px);
}
.srkpics-hero-slide.is-active .srkpics-hero-eyebrow,
.srkpics-hero-slide.is-active .srkpics-hero-title span,
.srkpics-hero-slide.is-active .srkpics-hero-title em,
.srkpics-hero-slide.is-active .srkpics-hero-desc,
.srkpics-hero-slide.is-active .srkpics-hero-actions,
.srkpics-hero.is-ready .srkpics-scroll-explore,
.srkpics-hero.is-ready .srkpics-hero-count,
.srkpics-hero.is-ready .srkpics-hero-dots{
  animation:srkpicsFadeUp 1.3s ease both;
}
.srkpics-hero-slide.is-active .srkpics-hero-eyebrow{animation-delay:0s}
.srkpics-hero-slide.is-active .srkpics-hero-title span:nth-child(1){animation-delay:.08s}
.srkpics-hero-slide.is-active .srkpics-hero-title em{animation-delay:.18s}
.srkpics-hero-slide.is-active .srkpics-hero-title span:nth-child(3){animation-delay:.28s}
.srkpics-hero-slide.is-active .srkpics-hero-desc{animation-delay:.42s}
.srkpics-hero-slide.is-active .srkpics-hero-actions{animation-delay:.55s}
.srkpics-hero.is-ready .srkpics-scroll-explore{animation-delay:.68s}
.srkpics-hero.is-ready .srkpics-hero-count,.srkpics-hero.is-ready .srkpics-hero-dots{animation-delay:.72s}
@media(max-width:1100px){
  .srkpics-hero{min-height:700px;height:100vh}
  .srkpics-hero-content{padding:0 32px}
  .srkpics-scroll-explore{left:32px}
  .srkpics-hero-count{right:124px}
  .srkpics-hero-dots{right:32px}
}
@media(max-width:768px){
  .srkpics-hero{height:720px;min-height:720px}
  .srkpics-hero-content{padding:0 24px;justify-content:center}
  .srkpics-hero-eyebrow{font-size:10px;letter-spacing:.30em;margin-bottom:22px;gap:10px}
  .srkpics-hero-eyebrow:before{width:28px}
  .srkpics-hero-title span{font-size:clamp(31px,9vw,42px)}
  .srkpics-hero-title em{font-size:clamp(58px,17vw,82px)}
  .srkpics-hero-desc{font-size:17px;margin:30px 0 34px;max-width:100%}
  .srkpics-hero-actions{gap:12px}
  .srkpics-hero-btn{min-width:160px;padding:15px 24px}
  .srkpics-hero-arrow{display:none}
  .srkpics-scroll-explore{left:24px;bottom:24px}
  .srkpics-hero-count{right:118px;bottom:24px;font-size:12px}
  .srkpics-hero-dots{right:32px;bottom:30px;gap:8px}
  .srkpics-hero-dots button{width:20px}
}
@media(max-width:640px){
  .srkpics-hero{height:680px;min-height:680px}
  .srkpics-hero-content{padding:0 24px}
  .srkpics-hero-title span{font-size:clamp(28px,9.5vw,38px);letter-spacing:.04em}
  .srkpics-hero-title em{font-size:clamp(50px,16vw,72px)}
  .srkpics-hero-desc{font-size:16px;line-height:1.55}
  .srkpics-hero-actions{flex-direction:column;align-items:stretch;max-width:330px}
  .srkpics-hero-btn{text-align:center;width:100%}
  .srkpics-scroll-explore span{display:none}
  .srkpics-scroll-explore i{width:80px}
  .srkpics-hero-count{right:108px}
}