@font-face{
  font-family:'Playfair Display';
  font-style:normal;
  font-weight:600 800;
  font-display:swap;
  src:url('/assets/fonts/playfair-display.woff2') format('woff2');
}

:root{
  --sk-ivory:#faf8f4;
  --sk-ivory-deep:#f1ead9;
  --sk-lapis:#1e3a5f;
  --sk-lapis-deep:#152a45;
  --sk-gold:#c9a227;
  --sk-gold-deep:#a5811a;
  --sk-ink:#2a2620;
}

html{scroll-behavior:smooth;}

body{
  background-color:var(--sk-ivory);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

.sk-font-display{
  font-family:'Playfair Display',Georgia,'Times New Roman',serif;
}

.sk-hero-bg{
  background-image:linear-gradient(150deg,rgba(21,42,69,0.88),rgba(30,58,95,0.55)),url('/assets/img/hero-tutanchamun-pektoral.webp');
  background-size:cover;
  background-position:center 22%;
}

.sk-btn-gold{
  border-radius:0;
  border:2px solid var(--sk-gold);
  background-color:var(--sk-gold);
  color:var(--sk-lapis-deep);
  transition:background-color .2s ease,color .2s ease,transform .15s ease;
}

.sk-btn-gold:hover{
  background-color:transparent;
  color:var(--sk-gold);
}

.sk-btn-outline{
  border-radius:0;
  border:2px solid var(--sk-gold);
  background-color:transparent;
  color:var(--sk-gold);
  transition:background-color .2s ease,color .2s ease;
}

.sk-btn-outline:hover{
  background-color:var(--sk-gold);
  color:var(--sk-lapis-deep);
}

.sk-btn-outline-dark{
  border-radius:0;
  border:2px solid var(--sk-lapis);
  background-color:transparent;
  color:var(--sk-lapis);
  transition:background-color .2s ease,color .2s ease;
}

.sk-btn-outline-dark:hover{
  background-color:var(--sk-lapis);
  color:var(--sk-ivory);
}

.sk-btn:active{
  transform:scale(0.98);
}

.sk-card{
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.sk-card:hover{
  transform:translateY(-4px);
  border-color:var(--sk-gold);
}

.sk-plate{
  border:1px solid rgba(30,58,95,0.14);
}

.sk-tag{
  letter-spacing:.08em;
}

.sk-clamp-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.sk-clamp-3{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.sk-underline{
  position:relative;
}

.sk-underline::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-3px;
  width:0;
  height:2px;
  background-color:var(--sk-gold);
  transition:width .25s ease;
}

.sk-underline:hover::after{
  width:100%;
}

#sk-mobile-menu{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}

#sk-mobile-menu.sk-open{
  max-height:420px;
}

.sk-timeline-rail{
  position:relative;
}

.sk-timeline-rail::before{
  content:'';
  position:absolute;
  left:20px;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(to bottom,var(--sk-gold),rgba(201,162,39,0.15));
}

@media(min-width:1024px){
  .sk-timeline-rail::before{
    left:50%;
    transform:translateX(-50%);
  }
}

.sk-timeline-dot{
  box-shadow:0 0 0 4px var(--sk-ivory),0 0 0 6px var(--sk-gold);
}

#sk-cookie-banner{
  transform:translateY(120%);
  transition:transform .5s ease;
}

#sk-cookie-banner.sk-visible{
  transform:translateY(0);
}

#sk-cookie-modal{
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}

#sk-cookie-modal.sk-visible{
  opacity:1;
  pointer-events:auto;
}

.sk-toggle{
  width:42px;
  height:24px;
  border-radius:999px;
  background-color:#d8cba0;
  position:relative;
  cursor:pointer;
  transition:background-color .2s ease;
}

.sk-toggle::after{
  content:'';
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:999px;
  background-color:#fff;
  transition:left .2s ease;
}

.sk-toggle.sk-on{
  background-color:var(--sk-lapis);
}

.sk-toggle.sk-on::after{
  left:21px;
}

.sk-toggle.sk-disabled{
  opacity:.6;
  cursor:not-allowed;
}

.sk-stat-number{
  font-variant-numeric:tabular-nums;
}

.sk-material-btn{
  border:2px solid rgba(30,58,95,0.14);
  background-color:#fff;
  color:var(--sk-ink);
  font-weight:600;
  cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease,color .2s ease;
}

.sk-material-btn:hover{
  border-color:var(--sk-gold);
}

.sk-material-btn.sk-material-active{
  border-color:var(--sk-gold);
  background-color:var(--sk-lapis);
  color:var(--sk-ivory);
}

.sk-material-btn.sk-material-active .sk-tag{
  color:var(--sk-gold);
  opacity:1;
}