/* АллоДа · full-width profession stories. Images belong to sectors, audio is a utility. */
#presale-v2-root .v2-hero {
  min-height:680px;
}
#presale-v2-root .v2-hero .v2-wrap { justify-content:center; }
#presale-v2-root .v2-hero-copy { padding:118px 0 105px; }
#presale-v2-root .v2-hero-ribbon {bottom:0;}
#presale-v2-root .sf-sectors {
  position:relative;
  isolation:isolate;
  background:#041c27;
  color:#f2faf9;
  scroll-margin-top:76px;
}
#presale-v2-root .sf-intro {
  padding-top:clamp(68px,8vw,132px);
  padding-bottom:clamp(56px,6vw,90px);
}
#presale-v2-root .sf-intro h2 {
  max-width:980px;
  margin:14px 0 22px;
  font-size:clamp(38px,5.8vw,76px);
  line-height:1.04;
  font-weight:750;
  letter-spacing:-.043em;
}
#presale-v2-root .sf-intro p {
  max-width:840px;
  margin:0;
  color:#c8dbdc;
  font-size:clamp(17px,1.42vw,23px);
  line-height:1.55;
}
#presale-v2-root .sf-panels {
  display:flex;
  flex-direction:column;
}
#presale-v2-root .sf-panel {
  display:grid;
  grid-template-columns:minmax(0,52%) minmax(0,48%);
  position:relative;
  min-width:0;
  min-height:740px;
  overflow:hidden;
  background:#071f2b;
  border-top:1px solid rgba(180,235,222,.12);
}
#presale-v2-root .sf-panel:nth-child(2n) { background:#0a2b38; }
#presale-v2-root .sf-visual {
  position:relative;
  min-height:650px;
  height:100%;
  overflow:hidden;
  background:#0e3841;
}
#presale-v2-root .sf-visual::after {
  position:absolute;
  inset:0;
  content:"";
  pointer-events:none;
  background:linear-gradient(90deg,transparent 45%,rgba(5,26,36,.45) 100%),
             linear-gradient(0deg,rgba(2,18,24,.55),transparent 36%);
}
#presale-v2-root .sf-visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.05) contrast(1.03);
  transform:scale(1.01);
  transition:transform 1.15s cubic-bezier(.18,.68,.23,1);
}
#presale-v2-root .sf-panel:hover .sf-visual img {transform:scale(1.065);}
#presale-v2-root .sf-photo-label {
  position:absolute;
  bottom:29px;
  left:clamp(20px,4vw,65px);
  z-index:1;
  color:rgba(240,255,254,.85);
  font-weight:680;
  font-size:clamp(11px,.95vw,14px);
  line-height:1.4;
  letter-spacing:.14em;
  text-shadow:0 2px 20px #00121e;
}
#presale-v2-root .sf-content {
  width:100%;
  min-width:0;
  max-width:760px;
  margin:auto;
  padding:clamp(42px,5.4vw,92px) clamp(26px,5.2vw,86px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#presale-v2-root .sf-eyebrow {
  color:#82e6c6;
  font-size:clamp(12px,1vw,15px);
  font-weight:750;
  line-height:1.45;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#presale-v2-root .sf-content h3 {
  margin:18px 0 22px;
  color:#f6fcfa;
  font-size:clamp(33px,3.05vw,53px);
  line-height:1.09;
  letter-spacing:-.037em;
  font-weight:740;
}
#presale-v2-root .sf-description {
  margin:0 0 27px;
  color:#c3d7d8;
  font-size:clamp(17px,1.25vw,20px);
  line-height:1.55;
}
#presale-v2-root .sf-types {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 20px;
}
#presale-v2-root .sf-types span {
  padding:8px 12px;
  border:1px solid rgba(103,206,199,.29);
  border-radius:18px;
  background:rgba(94,184,182,.1);
  color:#e3f7f5;
  font-size:13px;
  font-weight:550;
  line-height:1.15;
}
#presale-v2-root .sf-tasks {
  padding:0;
  margin:0 0 24px;
  list-style:none;
  display:grid;
  gap:10px;
  width:100%;
}
#presale-v2-root .sf-tasks li {
  display:flex;
  gap:11px;
  align-items:flex-start;
  font-size:clamp(15px,1.08vw,18px);
  color:#ecf8f5;
  line-height:1.45;
}
#presale-v2-root .sf-tasks li::before {
  content:"✓";
  color:#9ef4ce;
  font-weight:800;
  font-size:19px;
  flex:none;
  line-height:1.2;
}
#presale-v2-root .sf-audios {
  width:100%;
  min-width:0;
  padding-top:21px;
  border-top:1px solid rgba(187,235,234,.24);
}
#presale-v2-root .sf-audios h4 {
  margin:0 0 13px;
  color:#eefafa;
  font-size:clamp(17px,1.25vw,20px);
  font-weight:680;
}
#presale-v2-root .sf-record {
  display:grid;
  grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);
  align-items:center;
  gap:10px;
  min-width:0;
  padding:12px 0;
  border-bottom:1px solid rgba(185,234,233,.13);
}
#presale-v2-root .sf-record-title {display:grid;gap:4px;min-width:0;}
#presale-v2-root .sf-record-title span {
  font-size:12px;
  color:#9cc6ca;
  line-height:1.3;
}
#presale-v2-root .sf-record-title strong {
  color:#f3fcfa;
  font-size:15px;
  line-height:1.35;
  font-weight:680;
}
#presale-v2-root .sf-record audio {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  height:46px;
  color-scheme:dark;
}
#presale-v2-root .sf-audio-error {
  grid-column:1/-1;
  margin:0;
  font-size:13px;
  color:#ffc7b3;
  line-height:1.35;
}
#presale-v2-root .sf-audio-error:empty {display:none;}
#presale-v2-root .sf-more {
  width:100%;
  padding:11px 0;
  border-bottom:1px solid rgba(185,234,233,.18);
}
#presale-v2-root .sf-more summary {
  cursor:pointer;
  width:max-content;
  max-width:100%;
  font-size:15px;
  color:#9bf0ce;
  font-weight:680;
}
#presale-v2-root .sf-no-audio {
  margin:10px 0 2px;
  color:#c9dcdd;
  font-size:15px;
  line-height:1.6;
}
#presale-v2-root .sf-lead {
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:26px 0 0;
  padding:14px 18px;
  background:#9eefbd;
  color:#073529;
  border:1px solid #9eefbd;
  border-radius:12px;
  text-decoration:none;
  font-weight:730;
  font-size:15px;
  line-height:1.35;
  transition:transform .18s,background .18s;
}
#presale-v2-root .sf-lead:hover,
#presale-v2-root .sf-lead:focus-visible {
  transform:translateY(-2px);
  background:#c6ffd8;
  color:#052a22;
}
#presale-v2-root .sf-panel--reverse .sf-visual {order:2;}
#presale-v2-root .sf-panel--reverse .sf-content {order:1;}
#presale-v2-root .sf-panel--reverse .sf-visual::after {
  background:linear-gradient(270deg,transparent 45%,rgba(5,26,36,.45) 100%),
             linear-gradient(0deg,rgba(2,18,24,.55),transparent 36%);
}
@media (min-width:1700px) {
  #presale-v2-root .sf-panel {min-height:830px;}
  #presale-v2-root .sf-content {padding:85px 95px;}
}
@media (max-width:1100px) {
  #presale-v2-root .sf-panel {grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:660px;}
  #presale-v2-root .sf-visual {min-height:620px;}
  #presale-v2-root .sf-content {padding:46px 36px;}
  #presale-v2-root .sf-content h3 {font-size:clamp(30px,3.3vw,41px);}
  #presale-v2-root .sf-record {grid-template-columns:minmax(0,1fr);}
  #presale-v2-root .sf-record audio {height:42px;}
}
@media (max-width:820px) {
  #presale-v2-root .v2-hero{min-height:0;}
  #presale-v2-root .v2-hero-copy{padding:390px 0 52px;}
  #presale-v2-root .sf-intro {padding-top:68px;padding-bottom:38px;}
  #presale-v2-root .sf-panel {grid-template-columns:minmax(0,1fr);min-height:0;}
  #presale-v2-root .sf-visual,
  #presale-v2-root .sf-panel--reverse .sf-visual {
    order:0;
    height:clamp(280px,58vw,450px);
    min-height:0;
  }
  #presale-v2-root .sf-content,
  #presale-v2-root .sf-panel--reverse .sf-content {
    order:1;
    padding:42px clamp(21px,5.3vw,44px) 56px;
    max-width:none;
  }
  #presale-v2-root .sf-content h3{font-size:clamp(32px,6vw,48px);}
  #presale-v2-root .sf-description{font-size:17px;}
  #presale-v2-root .sf-record {grid-template-columns:minmax(135px,1fr) minmax(0,1.3fr);}
  #presale-v2-root .sf-record audio {height:45px;}
}
@media (max-width:600px) {
  #presale-v2-root .v2-hero-copy{padding:295px 0 35px;}
  #presale-v2-root .sf-intro h2 {font-size:clamp(36px,9vw,52px);}
  #presale-v2-root .sf-intro p {font-size:17px;}
  #presale-v2-root .sf-visual {height:320px;}
  #presale-v2-root .sf-content {padding:32px 21px 44px;}
  #presale-v2-root .sf-content h3{font-size:clamp(31px,8vw,40px);}
  #presale-v2-root .sf-description {margin-bottom:21px;}
  #presale-v2-root .sf-record {grid-template-columns:minmax(0,1fr);gap:9px;}
  #presale-v2-root .sf-types span {font-size:12px;}
  #presale-v2-root .sf-record audio {height:43px;}
  #presale-v2-root .sf-lead{width:100%;justify-content:center;text-align:center;}
}
@media (prefers-reduced-motion:reduce) {
  #presale-v2-root .sf-visual img,
  #presale-v2-root .sf-lead {transition:none;transform:none!important;}
}

/*
 * 2026-11-09 mobile corrections from real Android portrait/landscape captures.
 * Never obstruct content with a persistent bottom bar; in short landscape
 * the photograph is full-bleed rather than a half-width face crop.
 */
#presale-v2-root .v2-mobile-cta {
  display:none!important;
}
#presale-v2-root .sf-panel[id] {
  scroll-margin-top:clamp(74px,8vw,105px);
}
#presale-v2-root .sf-panel .sf-visual img {
  max-width:none;
}
@media (max-width:1100px) and (orientation:portrait) {
  #presale-v2-root .sf-panel,
  #presale-v2-root .sf-panel--reverse {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    min-height:0;
  }
  #presale-v2-root .sf-panel .sf-visual,
  #presale-v2-root .sf-panel--reverse .sf-visual {
    order:0;
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:3/2;
  }
  #presale-v2-root .sf-panel .sf-visual img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%;
  }
  #presale-v2-root .sf-panel .sf-content,
  #presale-v2-root .sf-panel--reverse .sf-content {
    order:1;
    width:100%;
    max-width:none;
    margin:0;
    padding:clamp(32px,5.5vw,56px) clamp(22px,5vw,50px);
  }
}
@media (max-width:600px) and (orientation:portrait) {
  #presale-v2-root .v2-topbar {padding:4px 0;}
  #presale-v2-root .v2-nav {
    min-height:56px;
    padding:5px 10px;
    border-radius:18px;
  }
  #presale-v2-root .v2-brand {gap:7px;font-size:22px;}
  #presale-v2-root .v2-brand-avatar {width:33px;height:33px;}
  #presale-v2-root .v2-brand-ai {font-size:12px;}
  #presale-v2-root .v2-menu-toggle {
    min-height:41px;
    min-width:44px;
    padding:7px 10px;
  }
  #presale-v2-root .sf-panel .sf-visual,
  #presale-v2-root .sf-panel--reverse .sf-visual {
    aspect-ratio:3/2;
    height:auto;
    min-height:0;
  }
  #presale-v2-root .sf-panel .sf-content,
  #presale-v2-root .sf-panel--reverse .sf-content {
    padding:30px 21px 42px;
  }
  #presale-v2-root .sf-panel[id] {scroll-margin-top:68px;}
  #presale-v2-root .sf-content h3 {
    font-size:clamp(30px,8vw,39px);
    line-height:1.12;
  }
  #presale-v2-root .sf-content .sf-description {
    font-size:16px;
    line-height:1.55;
  }
  #presale-v2-root .sf-record audio {height:48px;}
}
/* Landscape phone, including browsers that request a wide desktop viewport. */
@media (orientation:landscape) and (max-height:720px) and (pointer:coarse) {
  html {scroll-padding-top:16px;}
  #presale-v2-root .v2-topbar {
    position:relative;
    top:auto;
    padding:3px 0;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  #presale-v2-root .v2-nav {
    gap:10px;
    min-height:54px;
    border-radius:16px;
    padding:4px 14px;
  }
  #presale-v2-root .v2-brand {font-size:23px;gap:8px;}
  #presale-v2-root .v2-brand-avatar {width:33px;height:33px;}
  #presale-v2-root .v2-brand-ai {font-size:12px;}
  #presale-v2-root .v2-topbar .v2-navlinks,
  #presale-v2-root .v2-navright > .v2-button,
  #presale-v2-root .v2-navphone {display:none;}
  #presale-v2-root .v2-menu-toggle {
    display:block;
    min-width:44px;
    min-height:40px;
    padding:6px 10px;
  }
  #presale-v2-root .v2-mobile-menu {
    position:absolute;
    right:12px;
    top:calc(100% + 4px);
    z-index:110;
    display:grid;
    width:min(335px,calc(100vw - 24px));
    margin:0;
    gap:4px;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(146,230,221,.6);
    background:#062332;
    box-shadow:0 18px 48px rgba(1,10,19,.72);
  }
  #presale-v2-root .v2-mobile-menu[hidden] {display:none;}
  #presale-v2-root .v2-mobile-menu a {
    padding:10px 12px;
    font-size:16px;
  }
  #presale-v2-root .sf-panel[id] {scroll-margin-top:16px;}
  #presale-v2-root .sf-panel {
    display:block;
    min-height:0;
    overflow:hidden;
    isolation:isolate;
  }
  #presale-v2-root .sf-panel .sf-visual,
  #presale-v2-root .sf-panel--reverse .sf-visual {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
    order:0;
    z-index:0;
  }
  #presale-v2-root .sf-panel .sf-visual img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%;
    transform:none;
    transition:none;
  }
  #presale-v2-root .sf-panel .sf-visual:after,
  #presale-v2-root .sf-panel--reverse .sf-visual:after {
    background:linear-gradient(90deg,rgba(1,20,29,.13),rgba(1,20,29,.5));
  }
  #presale-v2-root .sf-panel .sf-content,
  #presale-v2-root .sf-panel--reverse .sf-content {
    position:relative;
    z-index:2;
    display:flex;
    width:min(620px,57%);
    max-width:none;
    margin:36px 3.5vw 36px auto;
    padding:clamp(25px,3.3vw,44px);
    border:1px solid rgba(144,226,215,.25);
    border-radius:24px;
    background:rgba(3,29,40,.91);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
    box-shadow:0 24px 65px rgba(0,12,22,.26);
    order:0;
  }
  #presale-v2-root .sf-panel--reverse .sf-content {
    margin:36px auto 36px 3.5vw;
  }
  #presale-v2-root .sf-content h3 {
    font-size:clamp(29px,3.1vw,44px);
    line-height:1.14;
  }
  #presale-v2-root .sf-description {
    font-size:clamp(16px,1.4vw,19px);
    line-height:1.5;
  }
  #presale-v2-root .sf-tasks li {font-size:16px;}
  #presale-v2-root .sf-record {grid-template-columns:minmax(0,1fr);}
  #presale-v2-root .sf-record audio {height:44px;}
  #presale-v2-root .sf-panel:hover .sf-visual img {transform:none;}
}
/* Narrow phones in landscape need a vertical story rather than an obscured overlay. */
@media (orientation:landscape) and (max-height:720px) and (pointer:coarse) and (max-width:900px) {
  #presale-v2-root .sf-panel {
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
  #presale-v2-root .sf-panel .sf-visual,
  #presale-v2-root .sf-panel--reverse .sf-visual {
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16/9;
    order:0;
  }
  #presale-v2-root .sf-panel .sf-content,
  #presale-v2-root .sf-panel--reverse .sf-content {
    width:100%;
    padding:30px max(22px,5vw) 42px;
    margin:0;
    border:0;
    border-radius:0;
    background:#071f2b;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    order:1;
  }
  #presale-v2-root .sf-panel:nth-child(even) .sf-content {background:#0a2b38;}
  #presale-v2-root .sf-content h3 {font-size:clamp(30px,5vw,42px);}
  #presale-v2-root .sf-record {
    grid-template-columns:minmax(155px,1fr) minmax(0,1.5fr);
  }
}

/* 2026-11-10: compact, readable sales stories on small screens. No clipped content. */
@media (min-width:1101px) {
  #presale-v2-root .sf-panel {min-height:660px;}
  #presale-v2-root .sf-visual {min-height:570px;}
  #presale-v2-root .sf-content {padding-block:clamp(35px,3.6vw,65px);}
}
@media (max-width:820px) and (orientation:portrait) {
  #presale-v2-root .sf-intro {
    padding-top:clamp(42px,5.2vw,64px);
    padding-bottom:clamp(20px,3vw,32px);
  }
  #presale-v2-root .sf-intro h2 {
    margin:8px 0 13px;
    font-size:clamp(30px,5.8vw,42px);
    line-height:1.1;
  }
  #presale-v2-root .sf-intro p {
    max-width:610px;
    font-size:clamp(16px,2.3vw,18px);
    line-height:1.5;
  }
  #presale-v2-root .sf-panel .sf-content,
  #presale-v2-root .sf-panel--reverse .sf-content {
    padding-top:clamp(25px,4vw,35px);
    padding-bottom:clamp(22px,3.2vw,34px);
  }
  #presale-v2-root .sf-content h3 {
    margin:12px 0 14px;
    font-size:clamp(28px,4.6vw,38px);
    line-height:1.12;
    letter-spacing:-.028em;
    text-wrap:balance;
  }
  #presale-v2-root .sf-description {
    margin-bottom:17px;
    font-size:clamp(16px,2.3vw,18px);
    line-height:1.52;
  }
  #presale-v2-root .sf-types {
    gap:7px;
    margin-bottom:15px;
  }
  #presale-v2-root .sf-types span {padding:7px 10px;}
  #presale-v2-root .sf-tasks {
    gap:7px;
    margin-bottom:17px;
  }
  #presale-v2-root .sf-tasks li {
    font-size:16px;
    line-height:1.42;
  }
  #presale-v2-root .sf-audios {padding-top:15px;}
  #presale-v2-root .sf-audios h4 {margin-bottom:7px;}
  #presale-v2-root .sf-record {padding:9px 0;}
  #presale-v2-root .sf-lead {margin-top:17px;}
}
@media (max-width:600px) and (orientation:portrait) {
  #presale-v2-root .sf-intro {
    padding-top:34px;
    padding-bottom:17px;
  }
  #presale-v2-root .sf-intro h2 {
    font-size:clamp(29px,7.6vw,34px);
    margin:7px 0 10px;
  }
  #presale-v2-root .sf-intro p {font-size:16px;line-height:1.47;}
  #presale-v2-root .sf-panel .sf-content,
  #presale-v2-root .sf-panel--reverse .sf-content {
    padding:24px 20px 22px;
  }
  #presale-v2-root .sf-eyebrow {
    font-size:12px;
    letter-spacing:.095em;
  }
  #presale-v2-root .sf-content h3 {
    font-size:clamp(27px,7.1vw,33px);
    margin:10px 0 12px;
    line-height:1.13;
  }
  #presale-v2-root .sf-description {
    margin-bottom:14px;
    font-size:16px;
    line-height:1.47;
  }
  #presale-v2-root .sf-tasks {
    gap:6px;
    margin-bottom:14px;
  }
  #presale-v2-root .sf-tasks li {font-size:15px;}
  #presale-v2-root .sf-audios {padding-top:12px;}
  #presale-v2-root .sf-record {padding:8px 0;}
  #presale-v2-root .sf-lead {
    margin-top:14px;
    min-height:48px;
    padding:11px 14px;
    font-size:15px;
  }
  #presale-v2-root .sf-audio-length {
    font-size:12px;
    line-height:1.4;
  }
}

/* Privacy notice for generated audio examples; readable in dark and mobile modes. */
#presale-v2-root .sf-privacy-wrap {
  padding-bottom:clamp(20px,3vw,34px);
}

#presale-v2-root .sf-privacy-wrap .sf-privacy-note {
  display:block;
  margin:22px 0 0;
  max-width:850px;
  padding:15px 19px;
  color:#d9ede9;
  font-size:clamp(14px,1.18vw,17px);
  line-height:1.55;
  background:rgba(13,58,65,.48);
  border:1px solid rgba(117,210,199,.3);
  border-left:3px solid #b9ff38;
  border-radius:13px;
}
#presale-v2-root .sf-privacy-note strong {color:#f8fff8;}
@media(max-width:600px) {
  #presale-v2-root .sf-privacy-wrap .sf-privacy-note {
    margin-top:16px;
    padding:12px 14px;
    font-size:14px;
    line-height:1.5;
  }
}


/* 2026-11-10 desktop density fix from real 1366x768 captures.
   Avoid tall empty tails in short sector stories while preserving photo-led layout. */
@media (min-width:1101px) and (max-width:1599px) {
  #presale-v2-root .sf-panel {
    min-height:0;
    grid-template-columns:minmax(0,51%) minmax(0,49%);
    align-items:stretch;
  }
  #presale-v2-root .sf-visual {
    min-height:590px;
    height:100%;
  }
  #presale-v2-root .sf-content,
  #presale-v2-root .sf-panel--reverse .sf-content {
    margin:0 auto;
    max-width:720px;
    padding:34px clamp(30px,4vw,58px) 36px;
    align-self:stretch;
    justify-content:center;
  }
  #presale-v2-root .sf-content h3 {
    margin:12px 0 15px;
    font-size:clamp(31px,2.75vw,46px);
    line-height:1.08;
  }
  #presale-v2-root .sf-description {
    margin-bottom:17px;
    font-size:clamp(16px,1.15vw,18px);
    line-height:1.5;
  }
  #presale-v2-root .sf-types {
    gap:7px;
    margin-bottom:14px;
  }
  #presale-v2-root .sf-types span {
    padding:6px 10px;
    font-size:12px;
  }
  #presale-v2-root .sf-tasks {
    gap:6px;
    margin-bottom:15px;
  }
  #presale-v2-root .sf-tasks li {
    gap:9px;
    font-size:15px;
    line-height:1.38;
  }
  #presale-v2-root .sf-tasks li::before {
    font-size:17px;
  }
  #presale-v2-root .sf-audios {
    padding-top:13px;
  }
  #presale-v2-root .sf-audios h4 {
    margin-bottom:6px;
    font-size:17px;
  }
  #presale-v2-root .sf-record {
    padding:7px 0;
    grid-template-columns:minmax(128px,.82fr) minmax(0,1.18fr);
  }
  #presale-v2-root .sf-record-title {
    gap:2px;
  }
  #presale-v2-root .sf-record-title strong {
    font-size:14px;
  }
  #presale-v2-root .sf-record-title span {
    font-size:11px;
  }
  #presale-v2-root .sf-record audio {
    height:40px;
  }
  #presale-v2-root .sf-more {
    padding:8px 0;
  }
  #presale-v2-root .sf-lead {
    margin-top:15px;
    padding:11px 15px;
    font-size:14px;
  }
}

/* On short desktop screens keep the current profession visually coherent in one viewport. */
@media (min-width:1101px) and (max-width:1599px) and (max-height:850px) and (pointer:fine) {
  #presale-v2-root .sf-visual {
    min-height:560px;
  }
  #presale-v2-root .sf-content,
  #presale-v2-root .sf-panel--reverse .sf-content {
    padding-top:27px;
    padding-bottom:29px;
  }
  #presale-v2-root .sf-content h3 {
    font-size:clamp(30px,2.55vw,42px);
  }
  #presale-v2-root .sf-description {
    margin-bottom:14px;
  }
  #presale-v2-root .sf-types {
    margin-bottom:12px;
  }
  #presale-v2-root .sf-tasks {
    margin-bottom:12px;
  }
  #presale-v2-root .sf-audios {
    padding-top:11px;
  }
  #presale-v2-root .sf-record {
    padding:6px 0;
  }
  #presale-v2-root .sf-lead {
    margin-top:12px;
  }
}