:root{
  --bg:#0a0a0a;
  --panel:#111413;
  --text:#f4f1ea;
  --muted:#a6aaa5;
  --line:rgba(255,255,255,.11);
  --accent:#e30613;
  --red:#ea3b43;
  --radius:32px;
  --max:1400px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 12% 7%,rgba(227,6,19,.10),transparent 28rem),
    radial-gradient(circle at 88% 12%,rgba(29,124,255,.08),transparent 35rem),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{
  width:min(calc(100% - 40px),var(--max));
  height:76px;
  position:fixed;left:50%;top:18px;transform:translateX(-50%);
  z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 24px;border:1px solid var(--line);border-radius:999px;
  background:rgba(10,10,10,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.wordmark{display:flex;align-items:center}.wordmark img{display:block;width:46px;height:46px;object-fit:cover;border-radius:50%}
.nav{display:flex;gap:34px;color:#b7b8b5;font-weight:700}
.nav a,.nav-cta{transition:.2s ease}
.nav a:hover{color:white}.nav-cta{justify-self:end;background:var(--accent);color:white;padding:13px 20px;border-radius:999px;font-weight:900}.nav-cta:hover{transform:translateY(-2px)}
.section-shell{width:min(calc(100% - 56px),var(--max));margin-inline:auto}
.hero{min-height:100svh;display:grid;grid-template-columns:minmax(390px,.92fr) 1.08fr;gap:70px;align-items:center;position:relative;padding-top:115px;padding-bottom:55px}
.hero-photo-wrap{position:relative;min-width:0}.hero-photo{position:relative;margin:0;height:min(75vh,730px);overflow:hidden;border-radius:42px;border:1px solid rgba(255,255,255,.14);background:#0f1211;box-shadow:0 40px 100px rgba(0,0,0,.5)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.88) contrast(1.04) brightness(.84);transform:scale(1.015)}
.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 45%,rgba(0,0,0,.43)),linear-gradient(90deg,rgba(0,0,0,.12),transparent 55%)}
.on-air{position:absolute;left:28px;top:26px;margin:0;padding:9px 13px;border:1px solid rgba(255,255,255,.13);background:rgba(5,5,5,.76);backdrop-filter:blur(12px);border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.24em}.on-air span{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);margin-right:8px;box-shadow:0 0 0 6px rgba(234,59,67,.12);animation:onair 1.7s infinite}
@keyframes onair{50%{box-shadow:0 0 0 12px rgba(234,59,67,0)}}
.radio-rings{position:absolute;inset:2% -12% -4% -10%;border-radius:50%;border:1px solid rgba(227,6,19,.14);filter:drop-shadow(0 0 25px rgba(227,6,19,.08));transform:rotate(-5deg)}
.radio-rings:before,.radio-rings:after{content:"";position:absolute;inset:10%;border:1px solid rgba(255,255,255,.06);border-radius:50%}.radio-rings:after{inset:24%;border-color:rgba(44,145,255,.1)}
.now-card{position:absolute;left:32px;right:32px;bottom:26px;border-radius:22px;background:rgba(5,8,8,.86);border:1px solid rgba(255,255,255,.12);padding:17px 20px;backdrop-filter:blur(12px)}.now-card span{display:block;text-transform:uppercase;color:#8e9793;font-size:.68rem;font-weight:800;letter-spacing:.22em}.now-card strong{display:block;margin-top:4px;font-size:1.05rem}
.hero-copy{max-width:690px}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:950;letter-spacing:.24em;margin:0 0 18px}.hero h1{font-size:clamp(4.5rem,8.3vw,8.9rem);line-height:.82;letter-spacing:-.085em;margin:0 0 30px;white-space:nowrap}.hero-line{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.02;letter-spacing:-.05em;font-weight:750;font-style:italic;margin:0 0 28px;max-width:720px}.roles{font-size:1.18rem;font-weight:800;color:#d8d6d0;margin:0 0 28px}.roles i{font-style:normal;color:#56605b;margin:0 .35em}.intro{max-width:650px;color:var(--muted);font-size:1.18rem;margin:0 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border-radius:999px;border:1px solid var(--line);font-weight:900;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:white;border-color:transparent;box-shadow:0 14px 45px rgba(227,6,19,.18)}.button-jaakaapilla{background:#22a9e8;box-shadow:0 14px 45px rgba(34,169,232,.24)}.button-secondary{background:rgba(255,255,255,.035)}
.wave{position:absolute;left:45%;right:-6%;bottom:34px;height:34px;display:flex;gap:6px;align-items:center;opacity:.08;pointer-events:none}.wave span{width:3px;height:20%;background:white;border-radius:99px;animation:wave 1.35s ease-in-out infinite alternate}.wave span:nth-child(3n){animation-delay:-.6s;height:80%}.wave span:nth-child(4n){animation-delay:-.3s;height:45%}.wave span:nth-child(5n){height:100%}@keyframes wave{to{height:100%}}
.section{padding:120px 0}.section-heading{display:grid;grid-template-columns:.35fr 1fr;gap:32px;align-items:start;margin-bottom:45px}.section-heading h2,.feature h2,.contact h2{font-size:clamp(2.5rem,5vw,5.2rem);letter-spacing:-.065em;line-height:.95;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:330px;padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease}.card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.22)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-height:132px}.card-number{position:static;color:#68706c;font-size:.72rem;letter-spacing:.2em;transform:none;padding-top:5px}.card-avatar{width:128px;height:128px;border-radius:50%;overflow:hidden;flex:0 0 128px;border:1px solid rgba(255,255,255,.16);background:#0d0f0f;box-shadow:0 18px 40px rgba(0,0,0,.24);margin:0}.card-avatar img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.03) brightness(.96)}.avatar-radio{object-position:center 28%}.avatar-podcast{object-position:center 18%}.avatar-event{object-position:center 22%}.card-copy{margin-top:20px}.card h3{font-size:2.2rem;letter-spacing:-.04em;margin:0 0 12px}.card p{color:var(--muted);font-size:1.02rem;margin:0;max-width:34ch}
.feature{border:1px solid var(--line);border-radius:42px;background:linear-gradient(140deg,#111715,#0b0d0c);min-height:600px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.feature-copy{padding:clamp(38px,6vw,78px);align-self:center}.feature-copy p:not(.eyebrow){color:var(--muted);font-size:1.15rem;max-width:54ch}.feature-meta{display:flex;align-items:center;gap:10px;margin-top:22px;color:#c9cbc7;font-size:.86rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.feature-meta i{font-style:normal;color:#555d58}.text-link{display:inline-block;margin-top:22px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}.feature-photo{position:relative;min-height:600px;overflow:hidden;background:#0b0d0c}.feature-photo>img:first-child{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;filter:saturate(.9) contrast(1.05) brightness(.78);transform:scale(1.015)}.feature-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.14) 50%,rgba(0,0,0,.7)),linear-gradient(90deg,rgba(10,10,10,.32),transparent 45%)}.feature-logo{position:absolute;left:34px;bottom:34px;width:min(66%,360px);height:auto;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(0,0,0,.4))}.feature-badge{position:absolute;right:28px;top:28px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(5,5,5,.66);backdrop-filter:blur(10px);font-size:.66rem;font-weight:900;letter-spacing:.2em;color:#f4f1ea}
.contact{padding-top:80px;padding-bottom:90px}.contact-inner{padding:clamp(45px,7vw,92px);border-radius:42px;background:var(--text);color:#0a0a0a}.contact-inner .eyebrow{color:#b00812}.contact-inner p:not(.eyebrow):not(.contact-note){font-size:1.2rem;color:#464946}.contact-actions{display:flex;gap:12px;margin-top:30px}.contact-inner .button-primary{background:#0a0a0a;color:white}.contact-inner .button-secondary{border-color:#c9c8c3}.contact-note{margin-top:24px;font-size:.8rem;color:#74766f}
.site-footer{padding:22px 0 45px;display:flex;align-items:center;justify-content:space-between;color:#737873;font-size:.85rem}.footer-brand{display:flex;align-items:center;gap:10px;color:white}.footer-brand img{width:34px;height:34px;border-radius:50%;object-fit:cover}.footer-brand strong{letter-spacing:-.04em}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-sm{transition-delay:.08s}.reveal-delay-md{transition-delay:.16s}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:64px;width:calc(100% - 24px);top:10px}.nav{display:none}.nav-cta{font-size:.86rem;padding:10px 14px}.hero{grid-template-columns:1fr;gap:36px;padding-top:98px;min-height:auto}.hero-copy{grid-row:1}.hero-photo-wrap{grid-row:2}.hero h1{font-size:clamp(4.2rem,20vw,7rem);white-space:normal}.hero-line{font-size:2.15rem}.hero-photo{height:70vh;max-height:680px}.section-shell{width:calc(100% - 28px)}.section{padding:80px 0}.section-heading{grid-template-columns:1fr;gap:8px}.cards{grid-template-columns:1fr}.card{min-height:250px}.card-top{min-height:116px}.card-avatar{width:110px;height:110px;flex-basis:110px}.feature{grid-template-columns:1fr}.feature-photo{min-height:500px}.wave{display:none}}
@media(max-width:560px){.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-photo{height:62vh;border-radius:30px}.now-card{left:18px;right:18px;bottom:16px}.section-heading h2,.feature h2,.contact h2{font-size:2.7rem}.feature{border-radius:30px}.feature-copy{padding:30px 24px}.feature-photo{min-height:430px}.feature-logo{left:22px;bottom:22px;width:72%}.feature-badge{right:18px;top:18px}.contact-inner{border-radius:30px;padding:38px 24px}.site-footer{align-items:flex-start;gap:20px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* Final polish */
section[id], main[id]{scroll-margin-top:110px}
a:focus-visible,.button:focus-visible{
  outline:3px solid rgba(244,241,234,.92);
  outline-offset:4px;
}
.button-jaakaapilla:hover{
  background:#2db6f3;
  box-shadow:0 18px 52px rgba(34,169,232,.30);
}
.text-link{
  transition:opacity .2s ease,border-color .2s ease;
}
.text-link:hover{
  opacity:.72;
  border-color:rgba(255,255,255,.78);
}
.wordmark img{
  transition:transform .25s ease,filter .25s ease;
}
.wordmark:hover img{
  transform:rotate(-3deg) scale(1.04);
  filter:brightness(1.08);
}
@media(max-width:560px){
  .wordmark img{width:42px;height:42px}
  .hero-copy{max-width:100%}
  .hero-line{font-size:clamp(2rem,10vw,2.75rem)}
  .intro{font-size:1.05rem}
  .eyebrow{letter-spacing:.18em}
  .now-card{padding:14px 16px}
  .card{padding:24px}
}


.reference-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.reference-card{
  position:relative;
  min-height:420px;
  padding:36px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 100% 0%,rgba(227,6,19,.08),transparent 18rem),
    linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
}
.quote-mark{
  position:absolute;
  right:28px;
  top:8px;
  font-size:8rem;
  line-height:1;
  font-family:Georgia,serif;
  color:rgba(255,255,255,.055);
  pointer-events:none;
}
.reference-card blockquote{
  margin:0;
  max-width:36ch;
  font-size:clamp(1.28rem,2vw,1.75rem);
  line-height:1.35;
  letter-spacing:-.025em;
  font-weight:400;
  color:#ece9e2;
  position:relative;
  z-index:1;
}
.reference-person{
  margin-top:44px;
  padding-top:22px;
  border-top:1px solid var(--line);
  display:flex;
  flex-direction:column;
  gap:3px;
}
.reference-person strong{
  font-size:1.05rem;
  color:#fff;
}
.reference-person span{
  color:var(--muted);
  font-size:.92rem;
}
@media(max-width:900px){
  .reference-grid{grid-template-columns:1fr}
  .reference-card{min-height:auto}
}


.credibility-tag{
  display:inline-flex;
  margin-bottom:10px;
  color:#8f9692;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}


.guest-section{
  overflow:visible;
}
.carousel-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:38px;
}
.carousel-heading h2{
  margin:0;
  font-size:clamp(2.5rem,5vw,5.2rem);
  letter-spacing:-.065em;
  line-height:.95;
}
.carousel-controls{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
.carousel-button{
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--text);
  font:inherit;
  font-size:1.35rem;
  cursor:pointer;
  transition:.2s ease;
}
.carousel-button:hover{
  background:rgba(255,255,255,.1);
  transform:translateY(-2px);
}
.episode-carousel{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(250px,27%);
  gap:14px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline proximity;
  scroll-behavior:smooth;
  cursor:grab;
  padding-bottom:14px;
  scrollbar-width:none;
}
.episode-carousel::-webkit-scrollbar{display:none}
.episode-card{
  scroll-snap-align:start;
  min-width:0;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.episode-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,255,255,.23);
}
.episode-image{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111;
}
.episode-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease,filter .3s ease;
}
.episode-card:hover .episode-image img{
  transform:scale(1.025);
  filter:brightness(.92);
}
.spotify-pill{
  position:absolute;
  right:14px;
  top:14px;
  padding:7px 9px;
  border-radius:999px;
  background:rgba(8,10,9,.78);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.12em;
}
.episode-copy{
  padding:22px 22px 25px;
}
.episode-series{
  display:block;
  margin-bottom:8px;
  color:var(--accent);
  font-size:.65rem;
  font-weight:950;
  letter-spacing:.17em;
}
.episode-copy h3{
  margin:0 0 7px;
  font-size:1.65rem;
  letter-spacing:-.045em;
}
.episode-copy p{
  margin:0;
  color:var(--muted);
  font-size:.96rem;
}
@media(max-width:900px){
  .episode-carousel{grid-auto-columns:minmax(270px,72%)}
}
@media(max-width:560px){
  .carousel-heading{align-items:flex-start}
  .carousel-controls{display:none}
  .episode-carousel{
    grid-auto-columns:86%;
    gap:12px;
  }
}


.carousel-tools{
  display:flex;
  align-items:center;
  gap:14px;
}
.carousel-hint{
  color:#8d928f;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.05em;
  white-space:nowrap;
}
.episode-carousel:active{cursor:grabbing}
.carousel-button{
  box-shadow:0 8px 26px rgba(0,0,0,.18);
}
.carousel-button[data-carousel-next]{
  background:rgba(227,6,19,.14);
  border-color:rgba(227,6,19,.34);
}
.carousel-button[data-carousel-next]:hover{
  background:rgba(227,6,19,.24);
}
.episode-card{
  box-shadow:0 12px 32px rgba(0,0,0,.12);
}
.episode-card:hover{
  box-shadow:0 20px 48px rgba(0,0,0,.24);
}
.episode-carousel::after{
  content:"";
  width:36px;
  flex:0 0 36px;
}
@media(max-width:1100px){
  .episode-carousel{grid-auto-columns:minmax(260px,38%)}
}
@media(max-width:900px){
  .carousel-hint{display:none}
  .episode-carousel{grid-auto-columns:minmax(260px,68%)}
}
@media(max-width:560px){
  .episode-carousel{grid-auto-columns:82%}
}


.shorts-carousel{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:360px;
  gap:18px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline proximity;
  scroll-behavior:smooth;
  padding:4px 2px 20px;
  scrollbar-width:none;
  cursor:grab;
}
.shorts-carousel::-webkit-scrollbar{display:none}
.shorts-carousel:active{cursor:grabbing}
.short-card{
  scroll-snap-align:start;
  width:360px;
  min-width:360px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
  box-shadow:0 12px 32px rgba(0,0,0,.12);
}
.short-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,.23);
  box-shadow:0 20px 48px rgba(0,0,0,.24);
}
.short-card .instagram-media{
  display:block!important;
  max-width:340px!important;
  min-width:0!important;
  width:340px!important;
  margin:0 auto!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
@media(max-width:1100px){
  .shorts-carousel{grid-auto-columns:340px}
  .short-card{width:340px;min-width:340px}
  .short-card .instagram-media{width:320px!important;max-width:320px!important}
}
@media(max-width:900px){
  .shorts-carousel{grid-auto-columns:330px}
  .short-card{width:330px;min-width:330px}
  .short-card .instagram-media{width:310px!important;max-width:310px!important}
}
@media(max-width:560px){
  .shorts-carousel{grid-auto-columns:86vw;gap:12px}
  .short-card{width:86vw;min-width:86vw;padding:8px}
  .short-card .instagram-media{width:calc(86vw - 18px)!important;max-width:calc(86vw - 18px)!important}
}


/* Stable Instagram iframe carousel */
.short-card{
  width:350px!important;
  min-width:350px!important;
  padding:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.short-card iframe{
  display:block;
  width:100%;
  height:620px;
  border:0;
  background:#fff;
}
.shorts-carousel{
  grid-auto-columns:350px!important;
  gap:18px!important;
}
@media(max-width:1100px){
  .short-card{width:330px!important;min-width:330px!important}
  .shorts-carousel{grid-auto-columns:330px!important}
  .short-card iframe{height:590px}
}
@media(max-width:900px){
  .short-card{width:320px!important;min-width:320px!important}
  .shorts-carousel{grid-auto-columns:320px!important}
  .short-card iframe{height:570px}
}
@media(max-width:560px){
  .short-card{width:86vw!important;min-width:86vw!important}
  .shorts-carousel{grid-auto-columns:86vw!important}
  .short-card iframe{height:560px}
}

.feature-meta a{
  color:#d7d9d5;
  transition:color .2s ease, transform .2s ease;
}
.feature-meta a:hover{
  color:#fff;
  transform:translateY(-1px);
}


/* v29: mobile hero ordering */
.hero-actions-mobile{display:none}

@media(max-width:900px){
  .hero{
    grid-template-columns:1fr;
  }
  .hero-copy{
    grid-row:1;
  }
  .hero-copy > .hero-actions{
    display:none;
  }
  .hero-photo-wrap{
    grid-row:2;
  }
  .hero-actions-mobile{
    display:flex;
    grid-row:3;
    flex-wrap:wrap;
    gap:12px;
    margin-top:-14px;
  }
}

@media(max-width:560px){
  .hero-actions-mobile{
    flex-direction:column;
    align-items:stretch;
  }
  .hero-actions-mobile .button{
    width:100%;
  }
}

/* v29: official Instagram embeds */
.short-card{
  width:360px!important;
  min-width:360px!important;
  padding:10px!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018))!important;
}
.short-card .instagram-media{
  display:block!important;
  width:340px!important;
  max-width:340px!important;
  min-width:0!important;
  margin:0 auto!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.instagram-fallback{
  display:block;
  padding:30px 18px;
  color:#111;
  background:#fff;
  font-weight:800;
  text-align:center;
}
@media(max-width:1100px){
  .short-card{width:340px!important;min-width:340px!important}
  .short-card .instagram-media{width:320px!important;max-width:320px!important}
}
@media(max-width:900px){
  .short-card{width:330px!important;min-width:330px!important}
  .short-card .instagram-media{width:310px!important;max-width:310px!important}
}
@media(max-width:560px){
  .short-card{width:86vw!important;min-width:86vw!important;padding:8px!important}
  .short-card .instagram-media{
    width:calc(86vw - 18px)!important;
    max-width:calc(86vw - 18px)!important;
  }
}


/* v30: mobile navigation */
.mobile-menu-toggle,
.mobile-menu{
  display:none;
}

@media(max-width:900px){
  .site-header{
    grid-template-columns:1fr auto;
    height:64px;
    width:calc(100% - 24px);
    top:10px;
    padding:0 12px 0 16px;
  }

  .site-header > .nav,
  .site-header > .nav-cta{
    display:none;
  }

  .mobile-menu-toggle{
    display:flex;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.045);
    border-radius:50%;
    padding:0;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:6px;
    cursor:pointer;
    color:var(--text);
  }

  .mobile-menu-toggle span{
    display:block;
    width:18px;
    height:2px;
    border-radius:99px;
    background:currentColor;
    transition:transform .22s ease, opacity .22s ease;
  }

  .mobile-menu-toggle[aria-expanded="true"] span:first-child{
    transform:translateY(4px) rotate(45deg);
  }

  .mobile-menu-toggle[aria-expanded="true"] span:last-child{
    transform:translateY(-4px) rotate(-45deg);
  }

  .mobile-menu{
    position:absolute;
    left:0;
    right:0;
    top:72px;
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:24px;
    background:rgba(10,10,10,.96);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    box-shadow:0 24px 70px rgba(0,0,0,.42);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px) scale(.985);
    transform-origin:top center;
    transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
  }

  .mobile-menu.is-open{
    opacity:1;
    visibility:visible;
    transform:none;
  }

  .mobile-menu a{
    display:flex;
    align-items:center;
    min-height:52px;
    padding:0 16px;
    border-radius:16px;
    color:#e7e5df;
    font-weight:850;
  }

  .mobile-menu a:hover{
    background:rgba(255,255,255,.065);
  }
}