:root {
  /* color */
  --font: #2E2C28;
  --font-tint-15: #544F45;
  --bg: #F7F7F5;
  --bg-shade-9: #E0D7C5;

  /* font family */
  --f-r: 'Switzer-Regular', sans-serif;
  --f-m: 'Switzer-Medium', sans-serif;

  /* font size */
  --special-h1-size: clamp(4rem, 20.5vw, 19.4rem);
  --fs-256-64: clamp(4rem, -1.4545rem + 19.3939vw, 16rem);
  --fs-88-40: clamp(2.5rem, 0.1481rem + 8.3624vw, 5.5rem);
  --fs-40-28: clamp(1.75rem, 1.162rem + 2.0906vw, 2.5rem);
  --fs-20-16: clamp(1rem, 0.804rem + 0.6969vw, 1.25rem);
  --fs-16-14: clamp(0.875rem, 0.777rem + 0.3484vw, 1rem);
  --fs-16: 1rem;
  --fs-14: 0.875rem;

  /* letter spacing */
  --neg-4: calc(-1 * 0.04);
  --neg-3: calc(-1 * 0.03);
  --neg-2: calc(-1 * 0.02);
  --neg-1: calc(-1 * 0.01);
  --zero: 0;

  /* line height */
  --lh-150: 1.5;
  --lh-115: 1.15;
  --lh-110: 1.1;
  --lh-100: 1;

  /* space */
  --sp-1880: 118rem;
  --sp-1440: 90rem;
  --sp-1360: 85rem;
  --sp-1146: 71.625rem;
  --sp-913: 57.0625rem;
  --sp-447: 27.9375rem;
  --sp-430: 26.875rem;
  --sp-320: 20rem;
  --sp-191: 11.9375rem;
  --sp-154: 9.625rem;
  --sp-160-80: clamp(5rem, 2.7273rem + 8.0808vw, 10rem);
  --sp-160-40: clamp(2.5rem, -0.9091rem + 12.1212vw, 10rem);
  --sp-160: 10rem;
  --sp-120-40: clamp(2.5rem, 0.2273rem + 8.0808vw, 7.5rem);
  --sp-99: 6.1875rem;
  --sp-80-40: clamp(2.5rem, 1.3636rem + 4.0404vw, 5rem);
  --sp-80: 5rem;
  --sp-74: 4.625rem;
  --sp-60: 3.75rem;
  --sp-50: 3.125rem;
  --sp-56: 3.5rem;
  --sp-48: 3rem;
  --sp-40-28: clamp(1.75rem, 1.4091rem + 1.2121vw, 2.5rem);
  --sp-40-20: clamp(1.25rem, 0.6818rem + 2.0202vw, 2.5rem);
  --sp-40: 2.5rem;
  --sp-32: 2rem;
  --sp-30-16: clamp(1rem, 0.6023rem + 1.4141vw, 1.875rem);
  --sp-24-20: clamp(1.25rem, 1.1364rem + 0.404vw, 1.5rem);
  --sp-24-16: clamp(1rem, 0.7727rem + 0.8081vw, 1.5rem);
  --sp-24: 1.5rem;
  --sp-20-12: clamp(0.75rem, 0.5227rem + 0.8081vw, 1.25rem);
  --sp-20: 1.25rem;
  --sp-16: 1rem;
  --sp-12: 0.75rem;
  --sp-8: 0.5rem;
  --sp-4: 0.25rem;
  --sp-3: 0.1875rem;
  --sp-2: 0.125rem;
  --sp-1: 0.0625rem;

  /* style */
  --border: var(--sp-1) solid var(--bg-shade-9);

  /* animation */
  --animation-time: 0.3s;
  --animation-timing-function: ease-in-out;
}
@font-face {
  font-family: 'Switzer-Regular';
  src: url('/assets/atstudio/fonts/Switzer-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer-Medium';
  src: url('/assets/atstudio/fonts/Switzer-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
* {
  &::selection {
    background-color: var(--bg-shade-9);
  }
}
at-inner {
  display: block;
  margin-inline: auto;
  padding-block: var(--sp-160-40);
  padding-inline: var(--sp-30-16);
  max-width: var(--sp-1440);
}
boxed-wrapper {
  display: block;
  max-width: min(var(--sp-447), 100%);
  margin-inline: auto;
}
img {
  width: 100%;
}
:where(p,h2) {
  color: var(--font-tint-15);
}
:where(h2) {
  margin-block-end: var(--sp-20);
}
:where(body) {
  background-color: var(--bg);
}
:where(.h-40-28) {
  color: var(--font);
  
  +p {
    margin-block-start: var(--sp-20);
  }
}
:where(.h-88-40) {
  color: var(--font);
}
body.no-scroll {
  overflow: hidden;
}