@layer djb.reset,djb.base,djb.theme,djb.elements,djb.classes,djb.global,djb.nodes,djb.custom;@layer djb.base{.djb-button:where(:not(.djb-button--plain)){display:inline-flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;text-decoration:none;border:0;font:inherit;line-height:1.2}.djb-button--sm{padding:.5em 1em;font-size:.875em}.djb-button--md{padding:.75em 1.5em}.djb-button--lg{padding:1em 2em;font-size:1.125em}
.djb-button__icon{flex-shrink:0;width:1em;height:1em}.djb-image{display:block;max-width:100%;height:auto}figure.djb-image{margin:0}figure.djb-image img{display:block;width:100%;height:auto}
figure.djb-image img,a.djb-image img{border-radius:inherit;aspect-ratio:inherit;object-fit:inherit;object-position:inherit}.djb-svg{max-width:100%}
.djb-svg:where(svg):not([height]),.djb-svg__svg:not([height]){height:auto}
.djb-svg--link{display:inline-block;line-height:0;color:inherit}
.djb-svg--link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.djb-svg--empty{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:8px;background:repeating-linear-gradient(45deg,#f3f1f7,#f3f1f7 10px,#eeebf4 10px,#eeebf4 20px);color:#9a93ad}}@layer djb.global{/* ==========================================================================
   PAGE: o-nama  →  Bricks Page settings → Custom CSS
   ========================================================================== */
/* @page:start o-nama */
/* --- Hero: big two-line title with a rotating gradient word, lede left, location right --- */
.about-hero { padding-top: calc(var(--header-bar-height) + max(60px, 9vw)); padding-bottom: calc(2.25rem + 3.3vw); }
.about-hero::after { content: ""; position: absolute; right: -6vw; bottom: 0; width: 64vw; height: 44vw; border-radius: 50%; background: radial-gradient(closest-side, rgba(3,226,156,.3), rgba(3,226,156,.08) 60%, transparent); transform: translateY(50%); -webkit-mask-image: linear-gradient(180deg, black 30%, transparent 50%); mask-image: linear-gradient(180deg, black 30%, transparent 50%); pointer-events: none; }
.about-hero__inner { z-index: 1; gap: clamp(1.75rem, 2.3vw, 2rem); }
.about-hero__title { max-width: none; font-size: max(3.125rem, 7.95vw); line-height: 1.15; }
@media (min-width: 768px) { .about-hero__title { line-height: 1.35; } }
.about-hero__rotator { white-space: nowrap; vertical-align: top; transition: width .9s cubic-bezier(.77, 0, .175, 1); }
.about-hero__word { justify-self: start; transition-duration: 1.2s; transition-timing-function: cubic-bezier(.77, 0, .175, 1); padding-bottom: .1em; background-image: linear-gradient(90deg, var(--color-primary), var(--color-dark), var(--color-primary)); background-size: 1600px 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: aboutGradient 3s linear infinite; }
@keyframes aboutGradient { to { background-position: 1600px 0; } }
.about-hero__row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 28px; }
.about-hero__lede { max-width: 28em; font-size: 1.25rem; line-height: 1.5; }
@media (min-width: 1024px) { .about-hero__lede { font-size: clamp(1.2rem, 1.37vw, 1.25rem); } }
.about-hero__where { font-size: clamp(1rem, 11.5px + .78125vw, 1.5rem); line-height: 1.5; }
@media (min-width: 1024px) { .about-hero__where { text-align: right; } }
@media (prefers-reduced-motion: reduce) { .about-hero__word { animation: none; } }

/* --- Full-width image (2:1) --- */
.about-media__frame { overflow: hidden; aspect-ratio: 2 / 1; border-radius: max(20px, 2.08vw); background: var(--color-gray); }
.about-media__image { width: 100%; height: 100%; object-fit: cover; transform: scale(var(--about-zoom, 1.12)); will-change: transform; }

/* --- Story: pinned, words switch on one by one --- */
.about-story { position: relative; height: 260vh; }
.about-story__stick { position: sticky; top: 0; display: grid; place-items: center; height: 100vh; height: 100svh; overflow: hidden; }
.about-story__glow { position: absolute; left: 50%; top: 50%; width: 70vmax; height: 70vmax; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--color-primary) 45%, transparent) 0, transparent 62%); filter: blur(30px); transform: translate(-50%, -50%) scale(var(--gs, .4)); opacity: var(--go, .25); pointer-events: none; }
.about-story__inner { position: relative; text-align: center; }
.about-story__kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 clamp(20px, 4vh, 40px); padding: 7px 14px; border: 1px solid color-mix(in srgb, var(--color-dark) 16%, transparent); border-radius: var(--radius-pill); font-size: 13px; font-weight: 400; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; color: var(--color-dark); }
.about-story__slash { width: 5px; height: 12px; border-radius: 1px; background: var(--color-primary); transform: skewX(-22deg); }
.about-story__text { margin: 0 auto; max-width: 22ch; font-size: clamp(30px, 4.4vw, 70px); font-weight: 600; line-height: 1.12; letter-spacing: -.035em; color: var(--color-dark); }
.about-story__text em { font-style: normal; color: var(--color-primary); }
.about-story__w { display: inline-block; opacity: .12; transform: translateY(.15em); filter: blur(3px); transition: opacity .5s, transform .7s cubic-bezier(.16, 1, .3, 1), filter .5s; }
.about-story__w--on { opacity: 1; transform: none; filter: none; }
@media (max-width: 900px) { .about-story { height: 200vh; } .about-story__text { font-size: clamp(26px, 7vw, 40px); } }
@media (prefers-reduced-motion: reduce) { .about-story { height: auto; } .about-story__stick { position: relative; height: auto; padding-block: 14vh; } }

/* --- Values: kicker, big statement, six cards --- */
.about-values__kicker { display: block; margin-bottom: 0; font-size: clamp(1rem, 11.5px + .78125vw, 1.5rem); line-height: 1.4; }
.about-values__title { max-width: 15em; margin-top: min(calc(28.8px + 2.1vw), calc(44px + 1.05vw)); margin-bottom: min(calc(28px + 3.05vw), calc(48px + 1.67vw)); line-height: 1.4; }
.about-values__grid { display: grid; gap: clamp(16px, 2.52vw, 40px); }
@media (min-width: 700px) { .about-values__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .about-values__grid { grid-template-columns: repeat(3, 1fr); } }
.about-value { position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 300px; padding: clamp(22px, 2.135vw, 32px); border-radius: var(--radius-lg); background: var(--color-white); box-shadow: 0 0 0 1px var(--color-border); color: var(--color-text); --ab-disc: color-mix(in srgb, var(--color-dark) 5%, transparent); opacity: 0; transform: translateY(46px); transition: opacity .7s ease-out calc(var(--si, 0) * 140ms), transform .7s cubic-bezier(.19, 1, .22, 1) calc(var(--si, 0) * 140ms); }
.about-value--dark { box-shadow: none; background: radial-gradient(circle at 80% 130%, color-mix(in srgb, var(--color-primary) 45%, transparent) 0, transparent 48%), var(--color-dark); color: var(--color-white); --ab-disc: rgba(255,255,255,.06); }
.about-value--green { box-shadow: none; background: var(--color-primary); color: var(--color-dark); --ab-disc: rgba(255,255,255,.3); }
.about-value__art { display: grid; place-items: center; flex: none; aspect-ratio: 720 / 400; margin: -10px 0 6px; }
.about-value__svg { width: auto; height: 100%; max-width: 100%; overflow: visible; }
.about-value__title { margin-top: 4px; font-size: max(24px, calc(6px + 2.1875vw)); font-weight: 500; line-height: 1.4; }
.about-value__text { font-size: 1rem; line-height: 1.5; color: var(--color-text-muted); }
.about-value--dark .about-value__text { color: var(--color-text-on-dark-muted); }
.about-value--green .about-value__text { color: color-mix(in srgb, var(--color-dark) 72%, transparent); }
.about-value__title, .about-value__text { opacity: 0; transform: translateY(20px); transition: opacity .6s ease-out, transform .6s ease-out; transition-delay: calc(var(--si, 0) * 140ms + .5s); }
.about-value--in, .about-value--in .about-value__title, .about-value--in .about-value__text { opacity: 1; transform: none; }
.ab-art__disc { fill: var(--ab-disc); }
.ab-art__s, .ab-art__g { fill: none; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.ab-art__s { stroke: currentColor; }
.ab-art__g { stroke: var(--color-primary); }
.ab-art__gfill { fill: rgba(3,226,156,.25); }
.ab-art__gf { fill: var(--color-primary); }
.ab-art__grid { fill: none; stroke: currentColor; stroke-width: 2; opacity: .45; }
.ab-art__shield { fill: rgba(255,255,255,.45); stroke: var(--color-dark); stroke-width: 4; stroke-linejoin: round; }
.about-value--green .ab-art__gf { fill: var(--color-white); }
.about-value--green .ab-art__s { stroke: var(--color-dark); }
.about-value .ab-art__draw { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.4s cubic-bezier(.65, 0, .35, 1) calc(var(--si, 0) * 140ms + 200ms); }
.about-value--in .ab-art__draw { stroke-dashoffset: 0; }
.about-value .ab-art__gf, .about-value .ab-art__disc { opacity: 0; transform: scale(.6); transform-box: fill-box; transform-origin: center; transition: opacity .6s ease calc(var(--si, 0) * 140ms + 900ms), transform .8s var(--ease-out) calc(var(--si, 0) * 140ms + 900ms); }
.about-value .ab-art__disc { transition-delay: calc(var(--si, 0) * 140ms); }
.about-value--in .ab-art__gf, .about-value--in .ab-art__disc { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .about-value, .about-value__title, .about-value__text, .about-value .ab-art__gf, .about-value .ab-art__disc { opacity: 1; transform: none; transition: none; } .about-value .ab-art__draw { stroke-dashoffset: 0; transition: none; } }

/* --- Team: portrait cards with a hover / tap panel --- */
.about-team { text-align: center; }
.about-team__title { margin: 0 auto clamp(28px, 14px + 4.1vw, 80px); line-height: 1.4; }
@media (min-width: 768px) { .about-team__title { line-height: 1.15; } }
.about-team__accent { padding-bottom: .06em; background-image: linear-gradient(90deg, var(--color-dark), var(--color-primary-line)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.about-team__row { position: relative; display: flex; align-items: center; justify-content: center; gap: clamp(12px, 2vw, 32px); }
.about-team__track { display: flex; gap: clamp(10px, 1vw, 18px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px; }
.about-team__track::-webkit-scrollbar { display: none; }
.about-person { position: relative; flex: 0 0 clamp(260px, 22vw, 420px); aspect-ratio: 3 / 4.1; border-radius: var(--radius-lg); overflow: hidden; background: var(--color-primary-soft); scroll-snap-align: center; text-align: left; outline: none; opacity: 0; transform: translateY(40px); transition: opacity .8s ease calc(var(--i, 0) * 120ms), transform 1s cubic-bezier(.22, 1, .36, 1) calc(var(--i, 0) * 120ms); --ap-py: calc(15.5px + .78125vw); --ap-px: calc(17.5px + .78125vw); }
.about-person:focus-visible { box-shadow: 0 0 0 2px var(--color-primary); }
.about-team--in .about-person { opacity: 1; transform: none; }
.about-person__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.06); transition: transform 1.2s cubic-bezier(.22, 1, .36, 1); }
.about-person__img--b { object-position: 30% 50%; }
.about-person::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--color-dark) 72%, transparent)); pointer-events: none; }
.about-person--help::after { display: none; }
.about-person__base { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; gap: 4px; padding: var(--ap-py) var(--ap-px); }
.about-person__name, .about-person__pname { display: block; font-size: clamp(18px, 15.5px + .78125vw, 28px); font-weight: 600; line-height: 1.3; letter-spacing: -.02em; color: var(--color-white); }
.about-person__pname { font-size: clamp(24px, 20.9px + 1.055vw, 37.8px); }
.about-person__role { display: block; margin: 0; font-size: clamp(13.6px, 12.875px + .1953vw, 16px); line-height: 1.4; color: var(--color-primary); }
.about-person__panel { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; padding: var(--ap-py) var(--ap-px); background: radial-gradient(circle at 80% 120%, color-mix(in srgb, var(--color-primary) 35%, transparent), transparent 55%), var(--color-dark); color: var(--color-white); clip-path: inset(100% 0 0 0 round var(--radius-lg)); transition: clip-path .6s cubic-bezier(.77, 0, .18, 1); }
.about-person__bio { margin: 0; font-size: clamp(14.5px, 13.875px + .1953vw, 17px); line-height: 1.5; color: rgba(255,255,255,.85); opacity: 0; transform: translateY(16px); transition: transform .5s .15s, opacity .4s .15s; }
.about-person__link { display: inline-flex; align-items: center; gap: 6px; font-size: clamp(14px, 12.875px + .1953vw, 16px); color: var(--color-primary); }
.about-person__link-icon { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.about-person:hover .about-person__panel, .about-person:focus-visible .about-person__panel, .about-person--open .about-person__panel { clip-path: inset(0 0 0 0 round var(--radius-lg)); }
.about-person:hover .about-person__bio, .about-person:focus-visible .about-person__bio, .about-person--open .about-person__bio { opacity: 1; transform: none; }
.about-person:hover .about-person__img { transform: scale(1.05); }
.about-person--help .about-person__base .about-person__name { color: var(--color-dark); }
.about-person--help .about-person__base .about-person__role { color: var(--color-primary-ink); }
.about-person__circles { position: absolute; inset: 0 0 30%; display: flex; align-items: center; justify-content: center; }
.about-person__circles span { width: 28%; aspect-ratio: 1; margin-left: -6%; border-radius: 50%; border: 1.5px dashed color-mix(in srgb, var(--color-dark) 35%, transparent); background: rgba(255,255,255,.6); }
.about-person__circles span:first-child { margin-left: 0; }
.about-person__circles span:nth-child(2) { position: relative; border-color: var(--color-primary-dark); background: color-mix(in srgb, var(--color-primary) 18%, transparent); transform: translateY(-10%); }
.about-team__nav { flex: none; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-dark) 20%, transparent); color: var(--color-dark); cursor: pointer; transition: box-shadow .25s; }
.about-team__nav:hover { box-shadow: 0 0 0 2px var(--color-primary-dark); }
.about-team__arrow { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.about-team__progress { width: min(360px, 60%); height: 2px; margin: calc(12.75px + 1.17vw) auto 0; border-radius: 2px; overflow: hidden; background: color-mix(in srgb, var(--color-dark) 10%, transparent); }
.about-team__thumb { display: block; width: var(--tw, 33%); height: 100%; border-radius: 2px; background: var(--color-primary-dark); transform: translateX(var(--tx, 0)); transition: transform .4s; }
.about-team:not(.about-team--nav) .about-team__nav, .about-team:not(.about-team--nav) .about-team__progress { display: none; }
@media (max-width: 767px) {
  .about-team__row { display: block; margin: 0 -20px; }
  .about-team__nav { display: none !important; }
  .about-team__track { gap: 12px; padding: 4px 20px; scroll-padding: 0 20px; touch-action: pan-x pan-y; }
  .about-person { flex: 0 0 78vw; max-width: 340px; scroll-snap-align: start; opacity: 1; transform: none; }
  .about-team .about-team__progress { display: block; }
}
@media (min-width: 1025px) {
  .about-team__row { display: block; }
  .about-team__track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1400px; margin: 0 auto; gap: clamp(16px, 1.6vw, 28px); overflow: visible; padding: 0; }
  .about-person { aspect-ratio: 3 / 4; flex: none; width: auto; }
  .about-team .about-team__nav, .about-team .about-team__progress { display: none; }
}
@media (prefers-reduced-motion: reduce) { .about-person { opacity: 1; transform: none; transition: none; } .about-person__img, .about-person__panel, .about-person__bio { transition: none; } }

/* --- Office bento: big + tall + two 4:3 shots --- */
.about-bento__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (min-width: 900px) { .about-bento__grid { grid-template-columns: 2fr 1fr 1fr; } }
.about-bento__item { margin: 0; overflow: hidden; border-radius: 24px; background: var(--color-gray); clip-path: inset(12% 6% 0 6% round 24px); transition: clip-path 1.3s var(--ease-out); }
.about-bento__img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; transform: translate3d(0, var(--py, 0%), 0) scale(1.18); transition: transform .9s cubic-bezier(.22, 1, .36, 1); will-change: transform; }
@media (min-width: 900px) { .about-bento__item--big, .about-bento__item--tall { grid-row: span 2; } .about-bento__item--big .about-bento__img, .about-bento__item--tall .about-bento__img { aspect-ratio: auto; } }
.about-bento__item--in { clip-path: inset(0 0 0 0 round 24px); }
@media (max-width: 900px), (hover: none) {
  .about-bento__item { clip-path: none; opacity: 0; scale: .8; transition: opacity 1.2s cubic-bezier(.22, 1, .36, 1), scale 1.3s cubic-bezier(.22, 1, .36, 1); }
  .about-bento__item--in { opacity: 1; scale: 1; }
}
@media (prefers-reduced-motion: reduce) { .about-bento__item { clip-path: none; opacity: 1; scale: 1; transition: none; } .about-bento__img { transform: none; transition: none; } }

/* --- Stats box --- */
.about-stats__box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; border: 1px solid var(--color-border); border-radius: 24px; overflow: hidden; background: var(--color-border); }
@media (min-width: 900px) { .about-stats__box { grid-template-columns: repeat(4, 1fr); } }
.about-stat { padding: clamp(22px, 3vw, 44px); background: var(--color-white); }
.about-stat__value { display: block; font-size: clamp(44px, 5.4vw, 92px); font-weight: 600; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.about-stat__label { display: block; margin-top: 10px; font-size: 15px; line-height: 1.5; color: var(--color-text-muted); }

/* --- Follow online: shots settle into a 3x3 grid while you scroll --- */
.about-online { position: relative; padding-block: 120px; background: var(--color-dark); color: var(--color-white); }
@media (min-width: 1024px) { .about-online { padding-block: calc(2 * clamp(90px, 7.6vw, 170px)); } }
.about-online__head { max-width: 220px; margin: 0 auto; text-align: center; }
@media (min-width: 768px) { .about-online__head { max-width: 40.5vw; } }
@media (min-width: 1025px) { .about-online__head { max-width: 32.5vw; } }
.about-online__title { margin: 0 0 clamp(16px, 7px + 1.5625vw, 32px); font-size: max(40px, calc(4.8px + 5.375vw)); font-weight: 600; line-height: 1.15; }
.about-online__grad { display: inline-block; padding-right: .1em; background-image: linear-gradient(90deg, var(--color-primary-ink), var(--color-primary), var(--color-primary-ink)); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: aboutGradient 4s linear infinite; }
.about-online__hint { display: inline-flex; align-items: center; gap: 16px; font-size: max(16px, calc(11.5px + .78125vw)); color: var(--color-text-on-dark-muted); }
.about-online__ring { flex: none; width: 36px; height: 36px; border-radius: 50%; border: 2px solid rgba(255,255,255,.35); border-top-color: transparent; animation: aboutSpin 1s linear infinite; }
@keyframes aboutSpin { to { transform: rotate(360deg); } }
.about-online__over { position: relative; }
@media (min-width: 1025px) { .about-online__over { padding-bottom: 150vh; } }
.about-online__grid { position: relative; display: grid; grid-template-columns: 1fr; gap: 40px; max-width: 1120px; margin: max(32px, 7.4vw) auto 0; background-image: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-primary) 22%, transparent) 0, transparent 30%); }
.about-online__item:nth-child(-n+3), .about-online__item:nth-child(n+7) { display: none; }
.about-online__box { position: relative; overflow: hidden; border-radius: var(--radius-lg); will-change: transform; }
.about-online__label { position: absolute; top: 0; left: 0; z-index: 2; display: inline-flex; align-items: center; height: 40px; margin: 1rem; padding: 0 24px; border-radius: var(--radius-pill); background: var(--color-dark-deep); font-size: 1rem; font-weight: 500; line-height: 1; color: var(--color-white); }
.about-online__fig { margin: 0; aspect-ratio: 1; }
@media (min-width: 768px) { .about-online__fig { aspect-ratio: 16 / 10; } }
.about-online__img { width: 100%; height: 100%; object-fit: cover; }
.about-online__item--text { display: flex; align-items: center; justify-content: center; text-align: center; }
.about-online__say { display: flex; flex-direction: column; align-items: center; gap: 1rem; width: 100%; max-width: 280px; }
.about-online__line { margin: 0; font-size: max(40px, calc(16px + 2.36vw)); font-weight: 500; line-height: 1.05; letter-spacing: -.02em; }
.about-online__accent { color: var(--color-primary); }
.about-online__links { display: flex; align-items: center; justify-content: center; gap: 2rem; }
.about-online__soc { position: relative; display: grid; place-items: center; width: 24px; height: 24px; color: var(--color-white); }
.about-online__soc::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--color-primary); border-radius: 50%; transform: scale(1.5); opacity: 0; transition: transform .25s, opacity .25s; }
.about-online__soc:hover::after { transform: scale(2.5); opacity: 1; }
.about-online__icon { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s; }
.about-online__soc:hover .about-online__icon { transform: scale(1.15); }
@media (min-width: 768px) {
  .about-online__grid { grid-template-columns: repeat(3, 1fr); max-width: min(79.2vw, 105vh); gap: 2.83vw; }
  .about-online__item:nth-child(n) { display: block; }
  .about-online__item--text:nth-child(n) { display: flex; }
}
@media (min-width: 1025px) {
  .about-online__grid { max-width: min(calc(339px + 60.8vw), calc(160vh - 214px - 1.8vw)); gap: calc(18.9px + 1.5vw); background-image: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-primary) 22%, transparent) 0, transparent 65%); }
  .about-online__label { margin: 2rem; }
  .about-online__item:nth-child(4) { z-index: 9; }
  .about-online__item:nth-child(6), .about-online__item:nth-child(7) { z-index: 8; }
  .about-online__item:nth-child(8), .about-online__item:nth-child(9) { z-index: 7; }
  .about-online__item:nth-child(-n+3) { z-index: 6; }
}
@media (min-width: 768px) { .about-online__line { line-height: 1.3; } }
@media (min-width: 1600px) { .about-online__say { max-width: 17.5vw; } .about-online__links { gap: 2vw; } .about-online__soc { width: 1.5vw; height: 1.5vw; } }
@media (prefers-reduced-motion: reduce) { .about-online__over { padding-bottom: 0; } .about-online__grad, .about-online__ring { animation: none; } }}@layer djb.nodes{.djb-2tov8z{display:contents}.djb-ovtmdz{display:contents}.djb-7hv5xz{display:contents}.djb-5dw7zz{display:contents}.djb-tb1fpz{display:contents}.djb-k2ji8z{display:contents}.djb-ugkgrz{display:contents}}