@font-face { font-family: "BSD Fallback"; src: local("Impact"), local("Arial Narrow"), local("Helvetica Neue"); size-adjust: 88%; ascent-override: 92%; descent-override: 22%; }
@font-face { font-family: "ISerif Fallback"; src: local("Times New Roman"), local("Georgia"); font-style: italic; size-adjust: 96%; }
@font-face { font-family: "ISans Fallback"; src: local("Helvetica Neue"), local("Arial"); size-adjust: 98%; }
:root {
  --ground: #FFFFFF;
  --ink: #000000;
  --fluoro-raw: #D4FF00;
  --fluoro-deep: #9DBF00;
  --fluoro: var(--fluoro-deep);
  --fluoro-inv: var(--fluoro-raw);
  --sky-glow: 0 0 16px rgba(255,255,255,.45);
  --card-ground: #D9D9D6;
  --card-border: #B5B5B0;
  --card-border-style: dashed;
  --ph-a: #D9D9D6; --ph-b: #CFCFCA; --ph-c: #C4C4BF;
  --text-2: #333333; --text-3: #777777; --text-4: #767672; --text-5: #888888;
  --hair: #E4E4E2; --hair-2: #D8D8D5; --hrow: #7C7C76;
  --toggle-off: #C6C6C1;
  --toggle-ring: #87A400;
  --toggle-shadow: drop-shadow(0 1px 2px rgba(60,60,55,.25));
  --font-display: "Big Shoulders Display", "BSD Fallback", Impact, sans-serif;
  --font-accent: "Instrument Serif", "ISerif Fallback", Georgia, serif;
  --font-body: "Instrument Sans", "ISans Fallback", Helvetica, Arial, sans-serif;
  --corridor: 6.4rem;
  --slide: cubic-bezier(.65, 0, .35, 1);
  --soft: cubic-bezier(.2, .7, .2, 1);
}
[data-theme="night"] {
  --ground: #0A0A0A;
  --ink: #FFFFFF;
  --fluoro: var(--fluoro-raw);
  --fluoro-inv: var(--fluoro-deep);
  --sky-glow: none;
  --card-ground: #222222;
  --card-border: #45453F;
  --card-border-style: solid;
  --ph-a: #222222; --ph-b: #2B2B2B; --ph-c: #343434;
  --text-2: #BBBBBB; --text-3: #777777; --text-4: #9C9C98; --text-5: #888888;
  --hair: #3A3A36; --hair-2: #3F3F3A; --hrow: #8A8A84;
  --toggle-off: #55554F;
  --toggle-ring: #B8DE00;
  --toggle-shadow: drop-shadow(0 1px 3px rgba(0,0,0,.4));
}
html { font-size: calc(100vw / 144); scroll-behavior: auto; }
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--ground);
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
:focus-visible { outline: 2px solid var(--fluoro-raw); outline-offset: 3px; }
h1, h2, p { margin: 0; font-weight: inherit; }
.site { position: relative; }
.r { text-align: right; }
.ph-label { position: absolute; left: 1rem; bottom: 1rem; font: 400 1rem var(--font-body); color: #FFF; letter-spacing: .08em; text-shadow: 0 1px 3px rgba(0,0,0,.6); pointer-events: none; }
.ch { display: inline-block; padding: .3em .12em .12em; margin: -.3em -.12em -.12em; }
.ch--sp { width: .28em; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
.loader {
  position: fixed; inset: 0; z-index: 100;
  background: var(--ground);
  display: flex; align-items: center; justify-content: center;
  transition: opacity .4s ease;
}
.loader.is-out { opacity: 0; pointer-events: none; }
.loader[hidden] { display: none; }
.loader__word {
  display: flex; align-items: flex-end; gap: .3rem;
  height: 18rem; padding: 0 .6rem; overflow: hidden;
  font: 900 15rem/0.8 var(--font-display); color: var(--ink);
}
.lch { display: inline-block; }
.loader__o { position: relative; width: 11.5rem; height: 18rem; margin: 0 .4rem; }
.loader__dots { display: flex; gap: .9rem; margin-left: 1.2rem; align-items: flex-end; padding-bottom: .2rem; }
.loader__dots i { display: block; width: 1.4rem; height: 1.4rem; }
.loader__dots i b { display: block; width: 100%; height: 100%; background: var(--ink); }
.loader.is-loading .loader__dots i b { animation: dotrise 1.5s cubic-bezier(.45,0,.55,1) infinite; }
.loader.is-loading .loader__dots i:nth-child(2) b { animation-delay: .25s; }
.loader.is-loading .loader__dots i:nth-child(3) b { animation-delay: .5s; }
@keyframes dotrise { 0% { transform: translateY(0); } 25% { transform: translateY(-1rem); } 50%, 100% { transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .loader.is-loading .loader__dots i b { animation: none; } }
.loader { cursor: pointer; }
.loader__skip { position: absolute; left: 50%; bottom: 4.8rem; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 1rem;
  padding: 1.2rem 2rem; background: none; border: 0; color: var(--ink); cursor: pointer; opacity: 0; transition: opacity .6s ease; }
.loader__skip.is-on { opacity: .62; }
.loader__skip.is-on:hover, .loader__skip:focus-visible { opacity: 1; }
.loader__skip-t { font: 500 max(11px,1.1rem) var(--font-body); letter-spacing: .32em; padding-left: .32em; }
.loader__skip-a { width: 1.2rem; height: 2.8rem; fill: none; stroke: currentColor; stroke-width: 1; vector-effect: non-scaling-stroke; animation: skipbob 2.2s cubic-bezier(.45,0,.55,1) infinite; }
@keyframes skipbob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(.6rem); } }
@media (prefers-reduced-motion: reduce) { .loader__skip-a { animation: none; } }
.nav {
  position: fixed; left: 0; right: 0; top: 0; z-index: 50;
  height: 5.6rem;
  pointer-events: none;
  transition: height .3s ease;
}
.nav.is-compact { height: 4rem; }
.nav__layer {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 3.2rem;
  white-space: nowrap;
}
.nav__left { display: flex; align-items: center; gap: 1.4rem; }
.nav__right { display: flex; align-items: center; gap: 2.8rem; font: 500 1.1rem var(--font-body); letter-spacing: .18em; }
.nav__item { display: inline-flex; overflow: hidden; padding: .2rem 0; margin: -.2rem 0; }
.nav__in { display: inline-block; transform: translateY(-120%); transition: transform .64s var(--slide); transition-delay: var(--d, 0s); }
.nav.is-enter .nav__in { transform: none; }
.nav__name { font: 600 1.2rem var(--font-body); letter-spacing: .22em; max-width: 20rem; transition: max-width .3s ease, opacity .3s ease; }
.nav.is-compact .nav__name { max-width: 0; opacity: 0; }
.nav__top { font: 500 1.1rem var(--font-body); letter-spacing: .18em; max-width: 0; opacity: 0; visibility: hidden; transition: max-width .3s ease, opacity .3s ease, visibility 0s .3s; }
.nav.is-compact .nav__top { max-width: 20rem; opacity: 1; visibility: visible; transition: max-width .3s ease, opacity .3s ease, visibility 0s; }
.nav__top .arrow { display: inline-block; transition: transform .3s var(--soft); }
.nav__layer[aria-hidden] .nav__top.is-hover .arrow { transform: translateY(-.3rem); }
.ij { width: 2.8rem; height: 2.2rem; border: 1px dashed currentColor; opacity: .6; display: inline-flex; align-items: center; justify-content: center; font: italic 1.2rem var(--font-accent); }
.nav__mark { display: none; }
.nav__layer--hit { color: transparent; }
.nav__layer--hit a { pointer-events: auto; }
.nav__layer--hit .ij { border-color: transparent; }
.nav__layer--base { color: var(--ink); }
.nav__layer--sky { color: #FFFFFF; clip-path: inset(0 0 100% 0); }
.nav__layer--foot { color: var(--ground); clip-path: inset(0 0 100% 0); }
.nav__layer[aria-hidden] .is-hover { opacity: .55; }
.nav__layer[aria-hidden] .nav__resume.is-hover { opacity: 1; color: var(--fluoro-raw); }
.toggle { pointer-events: auto; cursor: pointer; padding: 0; background: none; border: 0; color: inherit; font: inherit; }
.toggle .nav__in { display: inline-flex; }
.toggle__track { position: relative; display: block; width: 5.6rem; height: 2.8rem; border: 1px solid currentColor; border-radius: 1.4rem; box-sizing: border-box; }
.toggle__knob {
  position: absolute; left: .3rem; top: .3rem; width: 2rem; height: 2rem; border-radius: 50%;
  background: var(--fluoro-raw);
  box-shadow: 0 1px 2px rgba(0,0,0,.18), inset 0 0 0 1px rgba(0,0,0,.08);
  transition: transform .45s var(--slide);
}
[data-theme="night"] .toggle__knob { transform: translateX(2.8rem); }
.toggle__sun, .toggle__moon { position: absolute; inset: .4rem; width: 1.2rem; height: 1.2rem; transition: opacity .3s ease, transform .45s var(--slide); }
.toggle__sun circle, .toggle__moon path { fill: #000; }
.toggle__sun g { stroke: #000; }
.toggle__moon { opacity: 0; transform: rotate(-60deg); }
[data-theme="night"] .toggle__sun { opacity: 0; transform: rotate(60deg); }
[data-theme="night"] .toggle__moon { opacity: 1; transform: none; }
.toggle:hover .toggle__track { box-shadow: 0 0 0 3px rgba(212,255,0,.18); }
.toggle:focus-visible { outline: 2px solid var(--fluoro-raw); outline-offset: 4px; border-radius: 1.4rem; }
.nav__layer[aria-hidden] .toggle { pointer-events: none; }
.nav__layer--hit .toggle__track { border-color: transparent; }
.nav__layer--hit .toggle__knob { background: transparent; box-shadow: none; }
.nav__layer--hit .toggle svg { visibility: hidden; }
.nav__layer--hit .toggle:hover .toggle__track { box-shadow: none; }
.stage { position: relative; }
.hero {
  --tower-shift: 6rem;
  position: relative;
  height: 103.6rem; width: 144rem; margin: 0 auto;
}
.hero__tower { position: absolute; left: 0; top: 0; z-index: 3; margin: 0; pointer-events: none; }
.hero__line {
  position: absolute; white-space: nowrap; overflow: hidden;
  padding: .3em .2em .14em .06em; margin: -.3em 0 0 -.06em;
  font: 900 11.2rem/0.94 var(--font-display); letter-spacing: .02em;
}
.hero__line--hi  { left: 14.4rem; top: 12.6rem; width: 54rem; height: 1.5em; font: italic 400 10.4rem/0.94 var(--font-accent); text-transform: none; letter-spacing: 0; }
.hero__line--siji{ left: 16rem;   top: calc(22.6rem + var(--tower-shift)); }
.hero__line--ital{ left: 21.3rem; top: calc(33.7rem + var(--tower-shift)); font: italic 400 17.3rem/0.94 var(--font-accent); text-transform: lowercase; letter-spacing: 0; }
.hero__line--des { left: 23.6rem; top: calc(50.8rem + var(--tower-shift)); }
.gr { position: relative; display: inline-block; }
.hero__line--hi .gr { position: absolute; left: .06em; top: .3em; }
.hero__lay { display: block; }
.hero__lay--a { color: var(--ink); }
.hero__lay--b { position: absolute; left: 0; top: 0; color: var(--fluoro-raw); text-shadow: var(--sky-glow); clip-path: inset(0 0 100% 0); }
.hero__text { position: absolute; left: 23.6rem; top: calc(67.3rem + var(--tower-shift)); width: 39.6rem; z-index: 3; display: flex; flex-direction: column; gap: .8rem; }
.hero__tl { overflow: hidden; }
.tl__in { display: block; }
.hero__p { font: 400 1.5rem/1.55 var(--font-body); color: var(--text-2); }
.hero__cred { font: 400 1.3rem/1.5 var(--font-body); color: var(--text-3); }
.w { opacity: var(--wo, .3); transition: opacity .38s ease; }
.hero__winslot { position: absolute; right: calc(3.2rem - 4px); top: 15.6rem; width: 64rem; height: 80rem; z-index: 2; }
.win { position: absolute; inset: 0; --par-x: 0px; --par-y: 0px; background: transparent; box-shadow: none; }
.win[data-state="hero"] { --gap: 8px; }
.win[data-state="loader"] { --gap: 2px; }
.win.is-fixed { position: fixed; inset: auto; }
.win.is-loader { z-index: 101; }
.win__panes { position: absolute; inset: 0; }
.pane { position: absolute; overflow: hidden; clip-path: inset(calc(var(--gap) / 2)); cursor: default; will-change: transform; }
a.pane { cursor: pointer; }
.win[data-state="loader"] .pane { cursor: default; }
.pane__sky {
  position: absolute;
  left: calc(var(--px) / var(--pw) * -100%); top: calc(var(--py) / var(--ph) * -100%);
  width: calc(100% * 100 / var(--pw)); height: calc(100% * 100 / var(--ph));
}
.nl { position: absolute; inset: -4%; background: center / cover no-repeat; }
.nl--back_sky { inset: -5%; }
.nl--cloud_01 { inset: -5%; }
.nl--cloud_03 { inset: -7%; }
.nl--cloud_05 { inset: -10%; }
.nl--cloud_04 { inset: -13%; }
.nl--moon_face, .nl--halo { inset: 0; transform-origin: 83.11% 32.03%; }
.nl--back_sky { background-image: url("assets/sky/night/back_sky.webp"); }
.nl--star_01 { background-image: url("assets/sky/night/star_01.webp"); }
.nl--star_02 { background-image: url("assets/sky/night/star_02.webp"); }
.nl--cloud_02 { background-image: url("assets/sky/night/cloud_02.webp"); }
.nl--moon_face { background-image: url("assets/sky/night/moon_face.webp"); }
.nl--cloud_01 { background-image: url("assets/sky/night/cloud_01.webp"); }
.nl--cloud_03 { background-image: url("assets/sky/night/cloud_03.webp"); }
.nl--cloud_05 { background-image: url("assets/sky/night/cloud_05.webp"); }
.nl--cloud_04 { background-image: url("assets/sky/night/cloud_04.webp"); }
.nl__halo {
  position: absolute; left: 83.11%; top: 32.03%; width: 56%; aspect-ratio: 1; transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(222,228,240,.14) 0, rgba(205,214,235,.06) 32%, rgba(205,214,235,.02) 52%, rgba(205,214,235,0) 70%);
}
.sky { position: absolute; inset: -9%; background: url("assets/placeholder-sky.jpg") center / cover no-repeat; }
.sky--0 { transform: translate(calc(var(--par-x) * .35), calc(var(--par-y) * .35)); }
.sky--1 { opacity: .32; transform: translate(calc(var(--par-x) * .8), calc(var(--par-y) * .8)) scale(1.14); }
.sky--2 {
  background:
    radial-gradient(38% 26% at 22% 30%, rgba(255,255,255,.55), rgba(255,255,255,0) 70%),
    radial-gradient(30% 20% at 74% 62%, rgba(255,255,255,.45), rgba(255,255,255,0) 70%),
    radial-gradient(26% 16% at 52% 84%, rgba(255,255,255,.35), rgba(255,255,255,0) 70%);
  transform: translate(calc(var(--par-x) * 1.4), calc(var(--par-y) * 1.4));
}
.pane__media { position: absolute; inset: 0; opacity: 0; transform: scale(1); transform-origin: 50% 50%; background: var(--ph-b) center / cover no-repeat; transition: opacity .34s cubic-bezier(.4, 0, .2, 1), transform .32s var(--soft); }
.pane__media.is-on { opacity: 1; transform: scale(1.025); transition: opacity .46s cubic-bezier(.4, 0, .2, 1), transform .32s var(--soft); }
.win[data-state="ribbon"] .pane__media.is-on { transform: none; }
.pane[data-pillar="01"] .pane__media[data-frame="1"] { background-image: url("assets/practice/p01-1_shadow-four-emotions.jpg"); }
.pane[data-pillar="01"] .pane__media[data-frame="2"] { background-image: url("assets/practice/p01-2_shadow-happy.jpg"); }
.pane[data-pillar="01"] .pane__media[data-frame="3"] { background-image: url("assets/practice/p01-3_shadow-angry.jpg"); }
.pane[data-pillar="02"] .pane__media[data-frame="1"] { background-image: url("assets/practice/p02-1_tvc-still-life_v01.jpg"); }
.pane[data-pillar="02"] .pane__media[data-frame="2"] { background-image: url("assets/practice/p02-2_spider-man-radial.jpg"); }
.pane[data-pillar="02"] .pane__media[data-frame="3"] { background-image: url("assets/practice/p02-3_launch-film-published_v02.jpg"); }
.pane[data-pillar="03"] .pane__media[data-frame="1"] { background-image: url("assets/practice/p03-1_gore-aerospace-touch.jpg"); }
.pane[data-pillar="03"] .pane__media[data-frame="2"] { background-image: url("assets/practice/p03-2_hershey-rotunda.jpg"); }
.pane[data-pillar="03"] .pane__media[data-frame="3"] { background-image: url("assets/practice/p03-3_gore-full-wall.jpg"); }
.pane[data-pillar="04"] .pane__media[data-frame="1"] { background-image: url("assets/practice/p04-1_ai-graph-monkey.jpg"); }
.pane[data-pillar="04"] .pane__media[data-frame="2"] { background-image: url("assets/practice/p04-2_ai-graph-node-editor.jpg"); }
.pane[data-pillar="04"] .pane__media[data-frame="3"] { background-image: url("assets/practice/p04-3_ai-graph-nightmare.jpg"); }
.win__flip { position: absolute; inset: 0; display: none; background: var(--ph-b) center / cover no-repeat; }
.win__flip.is-on { display: block; }
.hd { overflow: hidden; padding: .3em .2em .16em .06em; margin-top: calc(var(--mt, 0rem) - .3em); margin-left: calc(var(--ml, 0rem) - .06em); margin-bottom: calc(var(--mb, 0rem) - .16em); }
.hd .count { display: inline-block; }
.practice { --gap: 6px; width: 144rem; margin: 0 auto; }
.practice__head { --mt: 2rem; --ml: 3.2rem; --mb: 2.6rem; font: 900 6.2rem/1 var(--font-display); color: var(--ink); }
.ribbon-slot { position: relative; height: 32rem; margin: 0 calc(3.2rem - var(--gap) / 2); }
.ribbon-labels { display: flex; padding: 1.6rem calc(3.2rem - var(--gap) / 2) 4.4rem; }
.ribbon-label { width: var(--w, 25%); padding-left: calc(var(--gap) / 2); padding-right: 1.6rem; overflow: hidden; opacity: 0; transition: opacity .28s ease; transition-delay: calc(.1s + var(--k, 0) * .11s); }
.ribbon-label:last-child { padding-right: 0; }
.practice.is-in .ribbon-label { opacity: 1; }
.ribbon-label__t { font: 700 1.3rem var(--font-display); letter-spacing: .14em; color: var(--ink); }
.ribbon-label__t .num { color: var(--fluoro); }
.ribbon-label__s { font: 400 1.1rem var(--font-body); color: var(--text-5); margin-top: .3rem; }
.index { position: relative; width: 144rem; margin: 0 auto; padding: 7rem 3.2rem 8rem; }
.index.is-hot, .index.is-hot *, .card__img, .card__img * { cursor: none; }
.pane.is-tagged { cursor: none; }
.index__head { --mb: 2.6rem; display: flex; align-items: baseline; gap: 1.2rem; }
.index__caps { font: 900 6.2rem/1 var(--font-display); color: var(--ink); }
.index__ital { font: italic 400 6.4rem/1 var(--font-accent); color: var(--ink); }
.count { border: 1px solid var(--ink); border-radius: 1.2rem; padding: .2rem 1rem; font: 600 1.3rem var(--font-body); color: var(--fluoro); letter-spacing: 0; }
.index__rows { display: flex; flex-direction: column; }
.index__hrow, .row {
  display: grid; grid-template-columns: 3.6rem 22rem 17rem 59.2rem 6rem 1fr; align-items: center;
}
.index__hrow { height: 2.2rem; font: 500 .8rem var(--font-body); letter-spacing: .22em; color: var(--hrow); }
.row {
  position: relative; height: var(--row-h, 2.6rem); border-top: 1px solid var(--hair); overflow: hidden;
  font: 400 .9rem var(--font-body); letter-spacing: .08em; color: var(--text-4);
}
.row:last-child { border-bottom: 1px solid var(--hair); }
.row > span { transform: translateY(115%); transition: transform .62s var(--slide); transition-delay: var(--d, 0s); }
.index.is-in .row > span { transform: none; }
.row__name { font: 700 1.2rem var(--font-display); letter-spacing: .12em; color: var(--ink); white-space: nowrap; }
.row__pillar { color: var(--fluoro); font-weight: 600; }
.row__corridor { pointer-events: none; }
.row.is-active, .row:focus-visible {
  color: var(--ground);
  background: linear-gradient(90deg, var(--ink) 0 calc(50% - 20.5rem), transparent calc(50% - 20.5rem) calc(50% + 20.5rem), var(--ink) calc(50% + 20.5rem) 100%);
  border-top-color: transparent;
  outline: none;
}
.row.is-active .row__name, .row:focus-visible .row__name { color: var(--ground); }
.row.is-active .row__pillar, .row:focus-visible .row__pillar { color: var(--fluoro-inv); }
.row.is-active + .row, .row:focus-visible + .row { border-top-color: transparent; }
.index__slot {
  position: absolute; left: 50%; top: 56%; transform: translate(-50%, -50%);
  width: 41rem; height: 41rem; z-index: 3;
  background: var(--card-ground); border: 1px var(--card-border-style) var(--card-border);
  box-shadow: 0 8px 28px rgba(0,0,0,.10);
  overflow: hidden;
}
[data-theme="night"] .index__slot { box-shadow: 0 8px 28px rgba(0,0,0,.45); }
.index__stack { position: absolute; inset: 0; }
.index__img { position: absolute; inset: 0; background: var(--ph-b) center / cover no-repeat; }
.index__img.is-enter { clip-path: inset(50% 50%); animation: centerout .3s var(--soft) forwards; }
@keyframes centerout { to { clip-path: inset(0 0); } }
.index__neg { position: absolute; inset: 0; background: center / cover no-repeat; filter: invert(1); clip-path: inset(100% 0 0 0); pointer-events: none; }
.chip { position: fixed; left: 0; top: 0; z-index: 60; pointer-events: none; display: none; }
.chip.is-on { display: block; }
.chip__arrow { position: absolute; left: -.2rem; top: -.2rem; width: 2rem; height: 2rem; fill: var(--fluoro-raw); stroke: #000; stroke-width: 1.4; stroke-linejoin: round; filter: drop-shadow(0 2px 3px rgba(0,0,0,.18)); }
.chip__tag {
  position: absolute; left: 1.7rem; top: 1.5rem; white-space: nowrap;
  background: var(--fluoro-raw); color: #000; font: 600 1rem var(--font-body); letter-spacing: .12em;
  padding: .6rem 1.2rem; border-radius: 1.4rem; box-shadow: 0 10px 30px rgba(0,0,0,.16);
}
.spotlights { position: relative; width: 144rem; margin: 0 auto; padding: 0 3.2rem 9rem; }
.spot__head { --mb: 2.6rem; display: flex; align-items: baseline; gap: 1.2rem; font: 900 6.2rem/1 var(--font-display); color: var(--ink); }
.spot__band { display: grid; }
.spot__band--1 { grid-template-columns: 58fr 42fr; }
.spot__band--2 { grid-template-columns: 30fr 42fr 28fr; }
.card { display: block; opacity: 0; transition: opacity .9s ease; transition-delay: var(--d, 0s); }
.spotlights.is-in .card { opacity: 1; }
.spot__band--1 .card:nth-child(1) { padding: 0 2.4rem 2.8rem 0; }
.spot__band--1 .card:nth-child(2) { padding: 0 0 2.8rem 2.4rem; border-left: 1px solid var(--hair-2); }
.spot__band--2 .card { border-top: 1px solid var(--hair-2); padding-top: 2.8rem; }
.spot__band--2 .card:nth-child(1) { padding-right: 2.4rem; }
.spot__band--2 .card:nth-child(2) { padding: 2.8rem 2.4rem 0; border-left: 1px solid var(--hair-2); }
.spot__band--2 .card:nth-child(3) { padding-left: 2.4rem; border-left: 1px solid var(--hair-2); }
.card__img { position: relative; overflow: hidden; background: var(--card-ground); border: 1px var(--card-border-style) var(--card-border); transition: transform .26s var(--soft); }
.card__pic { position: absolute; inset: 0; background: center / cover no-repeat; transition: transform .26s var(--soft); }
.card.is-hover .card__img { transform: scale(.982); transition: transform .5s cubic-bezier(.5, 0, .55, 1); }
.card.is-hover .card__pic { transform: scale(1.06); transition: transform .5s cubic-bezier(.5, 0, .55, 1); }
.card__img--l { height: 34rem; }
.card__img--s { height: 22rem; }
.card__name { font: 700 1.7rem var(--font-display); letter-spacing: .1em; color: var(--ink); margin-top: 1.2rem; }
.card__name--l { font-size: 2rem; }
.card__desc { font: 400 1.2rem var(--font-body); color: var(--text-3); margin-top: .2rem; }
[data-theme="night"] .card__desc { color: var(--text-5); }
.card__name .mk {
  padding: 0 .12em; margin: 0 -.12em; box-decoration-break: clone; -webkit-box-decoration-break: clone;
  background-image: linear-gradient(var(--fluoro-raw), var(--fluoro-raw)); background-repeat: no-repeat;
  background-size: 0% 82%; background-position: 0 62%;
  transition: background-size .22s cubic-bezier(.4, 0, .2, 1), color .18s ease;
}
.card.is-hover .card__name .mk { background-size: 100% 82%; color: #000; transition: background-size .28s cubic-bezier(.2, .7, .2, 1), color .12s ease .08s; }
.footer { position: relative; background: var(--ink); color: var(--ground); padding: 8rem 3.2rem 3.2rem; }
.footer__grid { display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); gap: 4.8rem 3.2rem; align-items: start; }
.footer__line { font: 900 6.4rem/1 var(--font-display); }
.footer__lede { margin: 2rem 0 0; max-width: 36rem; font: 400 1.5rem/1.5 var(--font-body); color: var(--text-4); text-wrap: pretty; }
.footer__mail { display: inline-flex; align-items: center; gap: 1rem; margin-top: 2.8rem; font: italic 400 2.6rem/1 var(--font-accent); }
.footer__mail-arrow { font: 500 1.6rem var(--font-body); transition: transform .3s var(--soft); }
.footer__mail:hover .footer__mail-arrow { transform: translateX(.6rem); }
.footer__mail:hover { color: var(--fluoro-raw); }
[data-theme="night"] .footer__mail:hover { color: var(--fluoro-deep); }
.footer__col { display: flex; flex-direction: column; gap: 1.2rem; font: 400 1.4rem/1.3 var(--font-body); color: var(--text-4); padding-top: 1.6rem; }
.footer__col a { color: var(--ground); display: inline-block; align-self: flex-start; position: relative; }
.footer__col a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -.2rem; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .3s var(--soft); }
.footer__col a:hover::after { transform: scaleX(1); }
.footer__h { margin: 0 0 .8rem; font: 500 1.1rem var(--font-body); letter-spacing: .18em; color: var(--text-5); }
.footer__social { width: 4.4rem; height: 4.4rem; border: 1px solid var(--text-3); border-radius: 50%; display: inline-flex !important; align-items: center; justify-content: center; transition: background .25s ease, border-color .25s ease, color .25s ease; }
.footer__social::after { display: none; }
.footer__social svg { width: 1.8rem; height: 1.8rem; fill: currentColor; }
.footer__social:hover { background: var(--fluoro-raw); border-color: var(--fluoro-raw); color: #000; }
[data-theme="night"] .footer__social:hover { background: #000; border-color: #000; color: var(--fluoro-raw); }
.footer__bottom { display: flex; justify-content: space-between; align-items: baseline; gap: 2.4rem; margin-top: 7.2rem; padding-top: 2.4rem; border-top: 1px solid var(--text-2); }
[data-theme="night"] .footer__bottom { border-top-color: var(--hair); }
.footer__micro, .footer__copy { font: 400 1.2rem var(--font-body); color: var(--text-5); letter-spacing: .04em; }
.footer__up { font: 500 1.1rem var(--font-body); letter-spacing: .16em; color: var(--ground); display: inline-flex; gap: .8rem; }
.footer__up span { display: inline-block; transition: transform .3s var(--soft); }
.footer__up:hover span { transform: translateY(-.3rem); }
@media (max-width: 900px) { .footer__grid { grid-template-columns: 1fr 1fr; } .footer__say { grid-column: 1 / -1; } .footer__bottom { flex-wrap: wrap; } }
.footer--page { min-height: 100vh; display: flex; flex-direction: column; padding: 10.4rem 3.2rem 3.2rem; }
.cp__line { --mt: 0rem; --ml: 0rem; --mb: 0rem; margin: 0; font-size: 17.3rem; line-height: .94; color: var(--ground); white-space: nowrap; }
.cp__caps { font: 900 11.2rem/.94 var(--font-display); letter-spacing: .02em; vertical-align: baseline; }
.cp__ital { font: italic 400 17.3rem/.94 var(--font-accent); text-transform: lowercase; margin-left: 2.4rem; vertical-align: baseline; }
.cp__body { margin: 4.8rem 0 6.4rem; display: grid; grid-template-columns: 88rem minmax(0, 56rem); column-gap: 6.4rem; align-items: start; }
.cp__say { padding-left: 48rem; }
.cp__lede { max-width: 40rem; font-size: 1.7rem; }
.cp__mail { margin-top: 2.4rem; font-size: 4.4rem; }
.cp__mail .footer__mail-arrow { font-size: 2rem; }
.cp__acts { margin-top: 3.2rem; display: flex; align-items: center; gap: 2rem; }
.cp__btn { display: inline-flex; align-items: center; gap: 1rem; padding: 1.2rem 2.2rem; border: 1.5px solid currentColor; font: 600 1.5rem var(--font-body); letter-spacing: .18em; color: var(--ground); background: none; cursor: pointer; transition: background .25s ease, color .25s ease, border-color .25s ease; }
.cp__btn:hover, .cp__btn:focus-visible { background: var(--fluoro-raw); border-color: var(--fluoro-raw); color: #000; }
.cp__social { margin: 0; }
.cp__facts { margin-top: 3.2rem; display: flex; gap: 2.4rem; font: 400 1.4rem/1.3 var(--font-body); color: var(--text-4); }
.cp__form { display: flex; flex-direction: column; gap: 2rem; margin-top: .4rem; }
.cp__formh { margin: 0; }
.cp__hp { position: absolute; left: -999rem; }
.cp__field { display: flex; flex-direction: column; gap: .8rem; }
.cp__label { font: 500 1.1rem var(--font-body); letter-spacing: .18em; color: var(--text-5); }
.cp__input { width: 100%; padding: .8rem 0; border: 0; border-bottom: 1px solid var(--text-3); border-radius: 0; background: none; color: var(--ground); font: 400 1.6rem/1.4 var(--font-body); outline: none; transition: border-color .25s ease; }
.cp__input:focus { border-bottom-color: var(--ground); }
.cp__area { resize: none; min-height: 8rem; }
.cp__send { align-self: flex-start; margin-top: .8rem; }
.cp__bottom { margin-top: 6.4rem; padding-top: 2.4rem; }
.footer--page .cp__bottom { margin-top: auto; padding-top: 2.4rem; }
@media (prefers-reduced-motion: reduce) {
  .nav, .nav__name, .loader, .nav__in, .row > span, .card, .card__img, .card__pic, .pane__media, .w, .footer__col a::after, .footer__mail-arrow, .ribbon-label, .card__name .mk { transition: none; }
  .index__img.is-enter { animation: none; clip-path: none; }
  .card.is-hover .card__img, .card.is-hover .card__pic { transform: none; }
  .toggle__knob, .toggle__sun, .toggle__moon { transition: none; }
}
.fallback { display: none !important; }
.wd { display: inline-block; white-space: nowrap; }
.rv .ch { transform: translateY(115%); transition: transform .64s var(--slide); transition-delay: var(--d, 0s); }
.rv .count { transform: translateY(115%); transition: transform .64s var(--slide); transition-delay: var(--d, 0s); }
.rv.is-in .ch, .rv.is-in .count { transform: none; }
.mk { padding: 0 .12em; margin: 0 -.12em; box-decoration-break: clone; -webkit-box-decoration-break: clone; background-image: linear-gradient(var(--fluoro-raw), var(--fluoro-raw)); background-repeat: no-repeat; background-size: 0% 82%; background-position: 0 62%; transition: background-size .22s cubic-bezier(.4, 0, .2, 1), color .18s ease; }
.cats a:hover .mk, .cats a:focus-visible .mk, .prow:hover .mk, .prow:focus-visible .mk, .casenav a:hover .mk, .casenav a:focus-visible .mk, .menu__item.is-hover .mk { background-size: 100% 82%; color: #000; transition: background-size .28s cubic-bezier(.2, .7, .2, 1), color .12s ease .08s; }
.nav__item.is-current { padding-bottom: .6rem; margin-bottom: -.6rem; }
.nav__item.is-current .nav__in { border-bottom: 1px solid currentColor; padding-bottom: .3rem; margin-bottom: -.4rem; }
.nav__layer--hit .nav__item.is-current .nav__in { border-color: transparent; }
.menu { position: fixed; z-index: 55; top: 0; right: 0; visibility: hidden; pointer-events: none; }
.menu.is-open { visibility: visible; }
.menu__layer { display: flex; flex-direction: column; align-items: flex-end; text-align: right; white-space: nowrap; }
.menu__layer--base { position: relative; color: var(--ink); }
.menu__layer--sky, .menu__layer--foot { position: absolute; inset: 0; }
.menu__layer--sky { color: #FFFFFF; clip-path: inset(0 0 100% 0); }
.menu__layer--foot { color: var(--ground); clip-path: inset(0 0 100% 0); }
.menu__item { display: block; height: 2.4rem; overflow: hidden; font: 700 1.3rem/2.4rem var(--font-display); letter-spacing: .14em; }
.menu.is-open .menu__layer--base .menu__item { pointer-events: auto; }
.menu__in { display: inline-block; transform: translateY(110%); transition: transform .5s var(--slide); transition-delay: var(--d, 0s); }
.menu.is-open .menu__in { transform: none; }
.menu__layer--hit { position: absolute; inset: 0; color: transparent; z-index: 1; }
.menu.is-open .menu__layer--hit .menu__item { pointer-events: auto; }
.menu__layer--hit .mk { background-image: none; }
.menu.is-open .menu__layer--base .menu__item { pointer-events: none; }
.menu__item .num { color: var(--fluoro); }
.menu__layer--sky .num { color: var(--fluoro-raw); }
.menu__layer--foot .num { color: var(--fluoro-inv); }
.menu__item.is-current, .menu__item.is-current .num { color: var(--text-4); pointer-events: none; }
.page { width: 144rem; margin: 0 auto; padding: 0 3.2rem; }
.page-head { padding-top: 12.8rem; }
.page-head__t { --mb: 0rem; display: flex; align-items: baseline; gap: 1.2rem; font: 900 6.2rem/1 var(--font-display); color: var(--ink); }
.page-head__t .num { color: var(--fluoro); }
.page-head--cat { display: grid; grid-template-columns: 1fr 44rem; column-gap: 4.8rem; align-items: end; }
.page-head__sub { margin-top: 1.4rem; font: 400 1.2rem var(--font-body); color: var(--text-3); }
.page-head__sub .num { color: var(--fluoro); font-weight: 600; }
.page-head__stmt { max-width: 40ch; font: 400 1.4rem/1.5 var(--font-body); color: var(--text-2); }
.cats { display: flex; gap: 4rem; margin-top: 2.6rem; font: 700 1.3rem var(--font-display); letter-spacing: .14em; color: var(--ink); }
.cats .num { color: var(--fluoro); }
.cats a.is-current, .cats a.is-current .num { color: var(--text-4); pointer-events: none; }
.board { position: relative; margin-top: 5.6rem; }
.board__rule { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--hair-2); }
.board__rule--1 { left: calc((100% - 9.6rem) / 3 + 2.4rem); }
.board__rule--2 { left: calc((100% - 9.6rem) / 3 * 2 + 7.2rem); }
.board__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4.8rem; row-gap: 7.2rem; }
.bcard { grid-column: var(--col); padding-top: var(--off, 0rem); }
.bcard .card__img { height: var(--h); }
.board.is-in .card { opacity: 1; }
.card__meta { margin-top: .6rem; font: 400 .9rem var(--font-body); letter-spacing: .08em; color: var(--text-4); }
.card__meta .num { color: var(--fluoro); font-weight: 600; }
.bypractice { margin-top: 9.6rem; padding: 2.4rem 0 9.6rem; border-top: 1px solid var(--hair-2); display: flex; justify-content: space-between; align-items: baseline; }
.bypractice__l { font: 500 .8rem var(--font-body); letter-spacing: .22em; color: var(--hrow); }
.bypractice .cats { margin-top: 0; }
.jn { height: calc(100vh + var(--journey)); --journey: 80vh; }
.jn__pin { position: sticky; top: 0; height: 100vh; overflow: hidden; }
.jn__scene { position: relative; width: 144rem; height: 100%; margin: 0 auto; --ah: min(80rem, calc(100vh - 10rem)); --aw: calc(var(--ah) * .8); --u: calc(var(--ah) / 1000); --ax: 12.8rem; --ay: 8rem; }
.arch { position: absolute; left: var(--ax); top: var(--ay); width: var(--aw); height: var(--ah); border-radius: calc(var(--aw) / 2) calc(var(--aw) / 2) 0 0; overflow: hidden;
  background: #000 url("assets/about/portrait_01_bay_v01.jpg") no-repeat; background-size: auto 100%; background-position: calc(var(--u) * -151) 0; }
.person { position: absolute; left: calc(var(--ax) + var(--u) * 220); top: calc(var(--ay) + var(--u) * 167); width: calc(var(--u) * 754); height: calc(var(--u) * 833);
  background: url("assets/about/portrait_01_bay_cutout_v01.webp") no-repeat; background-size: 100% 100%; pointer-events: none; }
.jh { font-size: 19.2rem; position: absolute; left: calc(var(--ax) + var(--u) * 260); top: calc(var(--ay) + var(--u) * 224); --mt: 0rem; --ml: 0rem; --mb: 0rem; margin: 0; font-size: 17.3rem; line-height: .94; z-index: 1; white-space: nowrap; transform: translateY(-100%); }
.jh__in { position: relative; display: inline-block; }
.jh__lay { display: block; white-space: nowrap; }
.jh__lay--a { color: var(--ink); }
.jh__lay--b { position: absolute; left: 0; top: 0; color: var(--fluoro-raw); clip-path: inset(0 0 100% 0); }
.jh__caps { font: 900 11.2rem/.94 var(--font-display); letter-spacing: .02em; vertical-align: baseline; }
.jh__ital { font: italic 400 19.2rem/.94 var(--font-accent); text-transform: lowercase; margin-left: 3.2rem; vertical-align: baseline; }
.person, .orbit { z-index: 2; }
.orbit { position: absolute; left: calc(var(--ax) - var(--u) * 240); top: calc(var(--ay) - var(--u) * 120); width: calc(var(--u) * 1240); height: calc(var(--u) * 1240); overflow: visible; pointer-events: none; }
.node__g, .rocket__p { vector-effect: non-scaling-stroke; }
.orbit__base { fill: none; stroke: var(--text-4); stroke-width: 1.9; }
.orbit__lit { fill: none; stroke: var(--fluoro); stroke-width: 1.9; stroke-dasharray: var(--L, 0); stroke-dashoffset: var(--L, 0); }
.orbit__heart { fill: var(--fluoro-raw); stroke: none; }
.node__g { fill: none; stroke: var(--text-4); stroke-width: 1.5px; transition: fill .2s ease, stroke .2s ease; }
.node__t { font: 700 16.25px var(--font-display); letter-spacing: .14em; fill: var(--text-2); transition: fill .2s ease; }
.node__t--l { text-anchor: end; }
.node.is-lit .node__g { fill: var(--fluoro); stroke: var(--fluoro); }
.node.is-lit .node__t { fill: var(--ink); }
.node__g { transform-box: fill-box; transform-origin: center; }
.node.is-pop .node__g { animation: nodebump .42s var(--soft) both; }
@keyframes nodebump { 0% { transform: scale(1); } 35% { transform: scale(1.7); } 100% { transform: scale(1); } }
.burst { pointer-events: none; }
.burst line { stroke: var(--fluoro); stroke-width: 2.4; stroke-linecap: round; opacity: 0; transform-box: view-box; }
.burst.is-on line { animation: spark .62s cubic-bezier(.2, .7, .2, 1) both; animation-delay: var(--sd, 0s); }
.burst--big line { stroke-width: 3; }
@keyframes spark { 0% { opacity: 1; transform: translate(var(--ox), var(--oy)) scale(.2); } 60% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--ox), var(--oy)) scale(1); } }
@media (prefers-reduced-motion: reduce) { .node.is-pop .node__g, .burst.is-on line { animation: none; } }
.rocket__p { fill: var(--ink); stroke: none; }
.rocket__w { fill: var(--ground); stroke: none; }
.rocket { visibility: hidden; }
.rocket.is-on { visibility: visible; }
.jn__col { position: absolute; left: 91rem; top: calc(var(--ay) + var(--u) * 300 + 2.4rem); width: 46rem; z-index: 3; }
.jn__hint { position: absolute; left: 91rem; bottom: 1.4rem; font: 400 1.6rem/1 var(--font-body); color: var(--ink); transition: opacity .3s ease; }
.jn__hint.is-off { opacity: 0; }
.jn__stmt { max-width: 40ch; display: flex; flex-direction: column; gap: 2rem; font: 400 1.6rem/1.5 var(--font-body); color: var(--text-2); }
.jn__stmt p { transition: color .4s ease; }
.jn__stmt p.is-ink { color: var(--ink); }
.jn__lede { font-size: 1.9rem; line-height: 1.4; }
.jn__stmt .hl.is-on { color: #000; }
.kw { text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .3s ease; }
.kw.is-on { border-bottom-color: currentColor; }
.practices { width: 144rem; margin: 0 auto; padding: 12rem 3.2rem 0; }
.practices__l { font: 700 1.3rem var(--font-display); letter-spacing: .14em; color: var(--ink); margin-bottom: 1.6rem; }
.prow { display: grid; grid-template-columns: 3.6rem 32rem 1fr; align-items: center; height: 3.2rem; border-top: 1px solid var(--hair); font: 700 1.3rem var(--font-display); letter-spacing: .14em; color: var(--ink); }
.prow:last-child { border-bottom: 1px solid var(--hair); }
.prow__num { color: var(--fluoro); }
.prow__cap { font: 400 1.1rem var(--font-body); letter-spacing: 0; color: var(--text-5); }
.currently { width: 144rem; margin: 0 auto; padding: 8rem 3.2rem 12rem; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.currently__l { font: 500 .8rem var(--font-body); letter-spacing: .22em; color: var(--hrow); margin-bottom: 1.6rem; }
.currently p { font: 500 1.6rem/1.5 var(--font-body); color: var(--ink); max-width: 64rem; }
.currently p + p { margin-top: .8rem; }
.case-media { position: relative; margin-top: 5.6rem; height: 56rem; overflow: hidden; background: var(--card-ground); border: 1px var(--card-border-style) var(--card-border); }
.case-media__pic { position: absolute; inset: 0; background: center / cover no-repeat; }
.casenav { margin-top: 9.6rem; padding: 2.4rem 0 9.6rem; border-top: 1px solid var(--hair-2); display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 4.8rem; align-items: start; }
.casenav__col { display: flex; flex-direction: column; align-items: flex-start; gap: 1.2rem; font: 700 1.3rem var(--font-display); letter-spacing: .14em; color: var(--ink); }
.casenav__col--mid { align-items: center; text-align: center; }
.casenav__col--r { align-items: flex-end; text-align: right; }
.casenav__l { font: 500 .8rem var(--font-body); letter-spacing: .22em; color: var(--hrow); }
.casenav__arrow { font: 500 1.2rem var(--font-body); letter-spacing: 0; }
.casenav .cats { margin-top: 0; }
.landing { position: relative; width: 144rem; margin: 0 auto; padding-bottom: 6rem; }
.landing__media { position: relative; height: 78rem; overflow: hidden; background: var(--card-ground); border: 1px var(--card-border-style) var(--card-border); }
.landing__media img, .landing__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.landing__panes { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 6px; background: var(--ground); }
.landing__panes video { position: static; display: block; width: 100%; height: 100%; object-fit: cover; }
.landing__t { position: absolute; left: 3.2rem; bottom: 0; z-index: 2; margin: 0; font: 900 11.2rem/0.94 var(--font-display); letter-spacing: .02em; white-space: nowrap; pointer-events: none; }
.landing__lay { display: block; }
.landing__lay--a { color: var(--ink); }
.landing__lay--b { position: absolute; left: .06em; top: .3em; color: #FFFFFF; clip-path: inset(0 0 100% 0); }
.cg { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4.8rem; row-gap: 6.4rem; align-items: start; }
.cg > * { grid-column: var(--col, 1 / -1); min-width: 0; }
.board--case { margin-top: 0; padding: 6.4rem 0 0; }
.gm { background: var(--ground); box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: 0 .1em; margin: 0 -.1em; }
.cg__h { --mb: 0rem; margin-top: 6.4rem; font: 900 6.2rem/1 var(--font-display); color: var(--ink); justify-self: start; }
.cg__h .it { font: italic 400 6.4rem/1 var(--font-accent); text-transform: lowercase; }
.cg__h + * { margin-top: -1.6rem; }
.lbl { font: 500 .8rem var(--font-body); letter-spacing: .22em; color: var(--hrow); }
.meta { display: flex; flex-direction: column; }
.meta__row { display: grid; grid-template-columns: 9rem 1fr; align-items: baseline; padding: 1rem 0; border-top: 1px solid var(--hair); font: 400 1.3rem/1.4 var(--font-body); color: var(--ink); }
.meta__row:last-child { border-bottom: 1px solid var(--hair); }
.meta__row .num { color: var(--fluoro); font: 700 1.3rem var(--font-display); letter-spacing: .14em; }
.meta__row .cat { font: 700 1.3rem var(--font-display); letter-spacing: .14em; }
.meta__row .also { color: var(--text-4); font: 400 1.1rem var(--font-body); letter-spacing: .08em; }
.delivered { display: flex; flex-direction: column; }
.delivered .lbl { padding-bottom: 1rem; }
.delivered a { display: flex; justify-content: space-between; align-items: baseline; padding: 1rem 0; border-top: 1px solid var(--hair); font: 700 1.3rem var(--font-display); letter-spacing: .14em; color: var(--ink); }
.delivered a:last-child { border-bottom: 1px solid var(--hair); }
.delivered a .arrow { font: 500 1.2rem var(--font-body); letter-spacing: 0; transition: transform .3s var(--soft); }
.delivered a:hover .arrow { transform: translateY(.3rem); }
.lead { font: 400 2.4rem/1.35 var(--font-body); color: var(--ink); text-wrap: pretty; }
.mw { color: var(--text-4); transition: color .45s ease; }
.mw.is-on { color: var(--ink); }
.t__p { font: 400 1.4rem/1.55 var(--font-body); color: var(--ink); text-wrap: pretty; }
.t__p + .t__p { margin-top: 1.2rem; }
.t__l { list-style: none; margin: 1.2rem 0; padding: 0; font: 400 1.4rem/1.45 var(--font-body); color: var(--ink); }
.t__l li { padding: .7rem 0; border-top: 1px solid var(--hair); }
.t__l li:last-child { border-bottom: 1px solid var(--hair); }
.t__p em, .lead em { font: italic 400 1.15em/1 var(--font-accent); }
.t__p a, .meta__row a, .lead a { border-bottom: 1px solid currentColor; padding-bottom: .05em; transition: color .2s ease; }
.t__p a:hover, .lead a:hover { color: var(--fluoro); }
.hl { padding: 0 .12em; margin: 0 -.12em; box-decoration-break: clone; -webkit-box-decoration-break: clone; background-image: linear-gradient(var(--fluoro-raw), var(--fluoro-raw)); background-repeat: no-repeat; background-size: 0% 82%; background-position: 0 62%; transition: background-size .55s var(--soft); }
.hl.is-on { background-size: 100% 82%; }
.hl.is-on, .hl.is-on .mw { color: #000; transition: background-size .55s var(--soft), color .2s ease .25s; }
.quote { font: italic 400 4.4rem/1.15 var(--font-accent); color: var(--ink); text-wrap: pretty; max-width: 120rem; }
.tot { display: flex; flex-direction: column; }
.tot__obj { position: relative; height: 18rem; margin-bottom: 2.4rem; }
.tot__obj img { position: absolute; left: 0; bottom: 0; height: 100%; width: auto; max-width: 100%; object-fit: contain; object-position: left bottom; }
.tot__obj.ph { width: 22rem; height: 18rem; }
.tot__fig { font: 900 7.2rem/1 var(--font-display); color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.tot__unit { margin-top: .4rem; font: italic 400 2.8rem/1.1 var(--font-accent); color: var(--ink); text-transform: lowercase; }
.tot__say { margin-top: 1.6rem; font: 400 1.4rem/1.55 var(--font-body); color: var(--text-2); max-width: 34ch; text-wrap: pretty; }
.tl { display: flex; flex-direction: column; gap: 1rem; }
.tl__bar { position: relative; height: 6.4rem; background: var(--ink); }
.tl__bar i { position: absolute; top: .6rem; bottom: .6rem; left: var(--s); width: var(--w); background: var(--ground); display: flex; align-items: flex-end; padding: .4rem; font: 500 .8rem/1 var(--font-body); font-style: normal; letter-spacing: .12em; color: var(--ink); opacity: 0; transition: opacity .3s ease; transition-delay: var(--d, 0s); }
.tl.is-in .tl__bar i { opacity: 1; }
.tl__scale { display: flex; justify-content: space-between; font: 400 .9rem/1 var(--font-body); letter-spacing: .08em; color: var(--text-4); font-variant-numeric: tabular-nums; }
.tl__key { display: flex; gap: 3.2rem; font: 500 .8rem/1 var(--font-body); letter-spacing: .22em; color: var(--hrow); }
.tl__key span { display: inline-flex; align-items: center; gap: .8rem; }
.tl__key span::before { content: ""; width: 1rem; height: 1rem; background: var(--ink); }
.tl__key span + span::before { background: var(--ground); border: 1px solid var(--ink); }
.units { display: flex; flex-wrap: wrap; gap: .2rem; }
.units i { display: block; width: .4rem; height: .4rem; background: var(--ink); opacity: 0; transition: opacity .3s ease; transition-delay: var(--d, 0s); }
.units.is-in i { opacity: 1; }
.eyes { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: .4rem; }
.eyes__c { display: flex; flex-direction: column; gap: .8rem; opacity: 0; transition: opacity .3s ease; transition-delay: var(--d, 0s); }
.eyes.is-in .eyes__c { opacity: 1; }
.eyes__c img { display: block; width: 100%; height: auto; }
.eyes__c .lbl { color: var(--ink); white-space: nowrap; }
.eyes__c--off img { opacity: .28; }
.eyes__c--off .lbl { color: var(--text-4); }
.note { font: 400 .9rem/1.5 var(--font-body); letter-spacing: .08em; color: var(--text-4); max-width: 96rem; }
.chap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4.8rem; align-items: start; margin-top: 9.6rem; padding-top: 4.8rem; border-top: 1px solid var(--hair-2); }
.chap__cover { position: relative; height: 36rem; overflow: hidden; background: var(--ph-b); }
.chap__cover img, .chap__cover video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 50%); }
.chap__body { grid-column: 2 / 4; display: flex; flex-direction: column; }
.chap__h { --mb: 0rem; margin-top: 1.2rem; font: 900 6.2rem/1 var(--font-display); color: var(--ink); align-self: flex-start; }
.chap__sub { margin-top: 1.6rem; font: 400 1.5rem/1.5 var(--font-body); color: var(--text-2); max-width: 52ch; }
.chap__figs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4.8rem; margin-top: 4rem; padding-top: 1.2rem; border-top: 1px solid var(--hair); }
.chap__fig { font: 400 1.3rem/1.4 var(--font-body); color: var(--ink); margin-top: .6rem; font-variant-numeric: tabular-nums; }
.step { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4.8rem; align-items: start; margin-top: 6.4rem; padding-top: 3.2rem; border-top: 1px solid var(--hair); }
.step__t { display: flex; flex-direction: column; gap: 1.2rem; }
.step__h3 { font: 700 2rem/1.15 var(--font-display); letter-spacing: .1em; color: var(--ink); }
.step__c { display: flex; flex-direction: column; gap: 2rem; }
.step--wide .step__t { grid-column: 1; }
.step--wide .step__c { grid-column: 1; margin-top: 2.4rem; }
.step--wide .ev { grid-column: 2 / 4; }
.ev { display: grid; gap: 1.6rem 1.6rem; align-content: start; }
.ev--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ev--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ev--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ev--4 .m__cap, .ev--2 .m__cap { white-space: normal; }
.m__f { position: relative; height: var(--h, 56rem); overflow: hidden; background: var(--ph-b); opacity: 0; transform: translateY(2rem); transition: opacity .9s ease, transform .9s var(--soft); }
.m.is-in .m__f { opacity: 1; transform: none; }
.m__f img, .m__f video { position: absolute; left: 0; top: -6%; width: 100%; height: 112%; object-fit: cover; object-position: var(--pos, 50% 50%); transform: translateY(calc(6% - var(--p, .5) * 12%)); will-change: transform; }
.m__cap { margin-top: .8rem; font: 400 .9rem/1.4 var(--font-body); letter-spacing: .08em; color: var(--text-4); }
.m__cap b { font-weight: 600; color: var(--ink); }
.focal { margin-top: 3.2rem; }
.ph { position: relative; height: var(--h, 24rem); background: var(--card-ground); border: 1px var(--card-border-style) var(--card-border); display: flex; align-items: flex-end; padding: 1.6rem; }
.ph__t { font: 400 1rem/1.5 var(--font-body); letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); }
.ph__t b { font-weight: 600; color: var(--ink); }
.dg{position:relative;height:var(--h);border-top:1px solid var(--hair-2);border-bottom:1px solid var(--hair-2);color:var(--ink)}
.own{display:flex;flex-direction:column;height:100%}
.own__r{display:grid;grid-template-columns:1fr 5.6rem 5.6rem 5.6rem;align-items:center;flex:1;border-top:1px solid var(--hair)}
.own__r--h{flex:0 0 3.6rem;border-top:0}.own__r .lbl{text-align:center}
.own__t{display:flex;flex-direction:column;gap:.8rem;padding-right:2.4rem}
.own__n{font:700 1.8rem/1.15 var(--font-display);letter-spacing:.1em}.own__n .no{color:var(--text-4);margin-right:1.2rem}
.own__s,.con__s{font:400 1.2rem/1.45 var(--font-body);color:var(--text-3)}
.own__r i{justify-self:center;width:1.2rem;height:1.2rem}.own__r i.on{background:var(--ink)}
.beat{position:absolute;left:0;right:0;top:2.4rem;bottom:2.4rem}
.beat__ax{position:absolute;left:3.5rem;top:0;bottom:0;width:1px;background:var(--hair-2)}
.beat__t{position:absolute;left:0;width:2.6rem;text-align:right;font:400 .9rem/1 var(--font-body);letter-spacing:.08em;color:var(--text-4);font-variant-numeric:tabular-nums;transform:translateY(-50%)}
.beat__s{position:absolute;left:3.2rem;width:.7rem;background:var(--ink)}
.beat__p{position:absolute;left:5.6rem;right:10.4rem;margin-top:-.3rem;font:400 1.4rem/1.4 var(--font-body);color:var(--text-3)}.beat__p b{font-weight:600;color:var(--ink)}
.beat__k{position:absolute;right:0;width:9.2rem;display:flex;flex-direction:column;gap:1rem}.beat__k b{color:var(--ink);font-weight:600;margin-right:.4em}
.con{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:2.4rem 0}
.con__i{display:flex;flex-direction:column;gap:.7rem}.con__i svg{width:15.6rem;height:10rem;overflow:visible;margin-bottom:.8rem}
.con svg polygon{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.con svg rect{fill:var(--ground);stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}
.con__n{padding-top:1.2rem;border-top:1px solid var(--hair)}
.lay{position:relative;height:100%}
.lay__st{position:absolute;left:6.4rem;top:50%;width:14.4rem;height:25.6rem;margin-top:-8.6rem;transform-style:preserve-3d;transform:rotateX(57deg) rotateZ(-36deg)}
.lay__st img{position:absolute;inset:0;width:100%;height:100%;display:block;outline:1px solid var(--text-4)}
.lay__st img:nth-child(2){transform:translateZ(11rem)}
.lay__k{position:absolute;left:28rem;right:0;display:flex;flex-direction:column;gap:.7rem;padding-top:1rem;border-top:1px solid var(--hair)}
.lay__k b{font:700 1.6rem/1.15 var(--font-display);letter-spacing:.1em}
.lay__k--1{top:5.2rem}.lay__k--2{top:22.4rem}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.6rem;align-items:start;padding-top:2.8rem}
.flow__n{display:flex;flex-direction:column;gap:.9rem;padding-top:1rem;border-top:1px solid var(--hair)}.flow__h{display:flex;justify-content:space-between;align-items:baseline}.flow__n b{font:700 1.5rem/1.2 var(--font-display);letter-spacing:.1em}
.flow__n>span{font:400 1.2rem/1.45 var(--font-body);color:var(--text-3)}
.flow__a{font:500 1.2rem/1 var(--font-body);color:var(--text-3)}
.m__f--still img, .m__f--still video { top: 0; height: 100%; object-fit: contain; object-position: 50% 50%; transform: none; }
.say{display:flex;flex-direction:column;height:100%}
.say__h{flex:0 0 3.6rem;display:flex;align-items:center;font:500 .8rem var(--font-body);letter-spacing:.22em;color:var(--hrow)}
.say__r{display:grid;grid-template-columns:9rem 1fr;column-gap:1.6rem;align-items:start;padding:1.2rem 0;border-top:1px solid var(--hair)}
.say__r:last-child{flex:1}
.say__w{display:flex;flex-direction:column;gap:.5rem}
.say__n{font:700 1.3rem/1.2 var(--font-display);letter-spacing:.14em;color:var(--ink)}
.say__t{font:400 .9rem/1 var(--font-body);letter-spacing:.08em;color:var(--text-4);font-variant-numeric:tabular-nums}
.say__b{display:flex;flex-direction:column;gap:1.2rem;font:400 1.4rem/1.5 var(--font-body);color:var(--ink);text-wrap:pretty}
.say__b b{font-weight:600}
.say__c{display:flex;flex-direction:column;gap:.8rem;padding:.4rem 0 .2rem}
.say__c .lbl{color:var(--text-4)}
.say__c svg{display:block;width:100%;height:10rem;overflow:visible}
.say__c polyline{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.say__c line{stroke:var(--hair-2);stroke-width:1;vector-effect:non-scaling-stroke}
.say__c circle{fill:var(--ink)}
.say__x{display:flex;justify-content:space-between;font:400 .9rem/1 var(--font-body);letter-spacing:.08em;color:var(--text-4);font-variant-numeric:tabular-nums}
.tl--m .tl__bar{height:calc(1.2rem + var(--n)*1.9rem - .3rem)}.tl--m .tl__bar i{top:calc(.6rem + var(--l)*1.9rem);height:1.6rem}
@media (prefers-reduced-motion: reduce) {
  .m__f, .m__f img, .m__f video, .mw, .hl, .units i, .tl__bar i, .eyes__c, .delivered a .arrow { transition: none; transform: none; }
  .mw { color: var(--ink); }
}
@media (max-width: 1279px) {
  html[data-comp] .site, html[data-comp] .nav { display: block !important; }
  html[data-comp] .fallback { display: none !important; }
}
html[data-comp] .nav { position: absolute; }
@media (max-width: 1023px) {
  html:not([data-comp]) .site { overflow-x: clip; }
  html:not([data-comp]) .chip { display: none !important; }
  html:not([data-comp]) .card__img, html:not([data-comp]) .card__img *, html:not([data-comp]) .index.is-hot, html:not([data-comp]) .index.is-hot *, html:not([data-comp]) .pane.is-tagged { cursor: pointer; }
  html:not([data-comp]) .nav { position: absolute; height: 9.2rem; }
  html:not([data-comp]) .nav.is-compact { height: 9.2rem; }
  html:not([data-comp]) .nav__layer { flex-wrap: wrap; align-content: center; row-gap: 1.6rem; padding: 0 1.6rem; }
  html:not([data-comp]) .nav__layer::after { content: ""; flex-basis: 100%; order: 1; }
  html:not([data-comp]) .nav__right { display: contents; }
  html:not([data-comp]) .nav__left { flex: 1 1 auto; }
  html:not([data-comp]) .nav__right > .nav__item:not(.toggle) { order: 2; font: 500 1.1rem var(--font-body); letter-spacing: .14em; }
  html:not([data-comp]) .nav.is-compact .nav__name { max-width: 20rem; opacity: 1; }
  html:not([data-comp]) .nav__top { display: none; }
  html:not([data-comp]) .menu { display: none; }
  html:not([data-comp]) .loader__word { height: 8.4rem; font-size: 7rem; }
  html:not([data-comp]) .loader__o { width: 5.4rem; height: 8.4rem; }
  html:not([data-comp]) .loader__dots { gap: .5rem; margin-left: .6rem; }
  html:not([data-comp]) .loader__dots i { width: .8rem; height: .8rem; }
  html:not([data-comp]) .hero { --winw: calc(100vw - 3.2rem); width: 100%; height: calc(18.2rem + var(--winw) * 1.25 + 17rem); }
  html:not([data-comp]) .hero__winslot { left: 1.6rem; top: 18.2rem; width: var(--winw); height: calc(var(--winw) * 1.25); }
  html:not([data-comp]) .hero__line--hi { left: 1.6rem; top: 10.8rem; width: var(--winw); font-size: 4.4rem; }
  html:not([data-comp]) .hero__line--siji { left: 1.6rem; top: 15.2rem; font-size: 5.6rem; }
  html:not([data-comp]) .hero__line--ital { left: 1.6rem; top: 20.4rem; font-size: 6.6rem; }
  html:not([data-comp]) .hero__line--des { left: 2.4rem; top: 26.8rem; font-size: 5.6rem; }
  html:not([data-comp]) .hero__text { left: 1.6rem; width: var(--winw); top: calc(18.2rem + var(--winw) * 1.25 + 2.4rem); }
  html:not([data-comp]) .practice { width: 100%; }
  html:not([data-comp]) .practice__head { --ml: 1.6rem; font-size: 4.4rem; }
  html:not([data-comp]) .ribbon-slot { height: 24rem; margin: 0 calc(1.6rem - var(--gap) / 2); }
  html:not([data-comp]) .ribbon-labels { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 1.6rem; padding: 1.6rem 1.6rem 4.8rem; }
  html:not([data-comp]) .ribbon-label { width: auto; padding: 0; }
  html:not([data-comp]) .index { width: 100%; padding: 4.8rem 1.6rem 6.4rem; }
  html:not([data-comp]) .index__slot, html:not([data-comp]) .index__hrow { display: none; }
  html:not([data-comp]) .index__caps { font-size: 4.4rem; }
  html:not([data-comp]) .index__ital { font-size: 4.6rem; }
  html:not([data-comp]) .row { grid-template-columns: 3.2rem minmax(0, 1fr) auto; grid-template-rows: auto auto; row-gap: .4rem; height: auto; padding: 1.2rem 0; }
  html:not([data-comp]) .row__no { grid-row: 1; grid-column: 1; }
  html:not([data-comp]) .row__name { grid-row: 1; grid-column: 2 / 4; white-space: normal; font-size: 1.4rem; }
  html:not([data-comp]) .row__client { grid-row: 2; grid-column: 2; }
  html:not([data-comp]) .row__pillar { grid-row: 2; grid-column: 3; }
  html:not([data-comp]) .row__corridor, html:not([data-comp]) .row__role { display: none; }
  html:not([data-comp]) .spotlights { width: 100%; padding: 0 1.6rem 6.4rem; }
  html:not([data-comp]) .spot__head { font-size: 4.4rem; }
  html:not([data-comp]) .spot__band--1, html:not([data-comp]) .spot__band--2 { grid-template-columns: 1fr; }
  html:not([data-comp]) .spot__band .card { padding: 0 0 3.2rem !important; border-left: 0 !important; border-top: 0 !important; }
  html:not([data-comp]) .card__img--l { height: 26rem; }
  html:not([data-comp]) .card__img--s { height: 22rem; }
  html:not([data-comp]) .footer { padding: 6.4rem 1.6rem 3.2rem; }
  html:not([data-comp]) .footer__grid { grid-template-columns: 1fr 1fr; gap: 3.2rem 1.6rem; }
  html:not([data-comp]) .footer__say { grid-column: 1 / -1; }
  html:not([data-comp]) .footer__line { font-size: 4.8rem; }
  html:not([data-comp]) .footer__mail { font-size: 2.4rem; }
  html:not([data-comp]) .footer__bottom { flex-wrap: wrap; margin-top: 4.8rem; row-gap: 1.2rem; }
  html:not([data-comp]) .footer--page { padding: 12.8rem 1.6rem 3.2rem; }
  html:not([data-comp]) .cp__line { font-size: 7.2rem; white-space: nowrap; }
  html:not([data-comp]) .cp__caps { font-size: 4.8rem; }
  html:not([data-comp]) .cp__ital { font-size: 7.2rem; margin-left: 1.2rem; }
  html:not([data-comp]) .cp__body { grid-template-columns: 1fr; row-gap: 5.6rem; margin: 3.2rem 0 4.8rem; }
  html:not([data-comp]) .cp__say { padding-left: 0; }
  html:not([data-comp]) .cp__mail { font-size: 3rem; }
  html:not([data-comp]) .cp__facts { flex-wrap: wrap; gap: 1.2rem 2.4rem; }
  html:not([data-comp]) .page { width: 100%; padding: 0 1.6rem; }
  html:not([data-comp]) .page-head { padding-top: 12.8rem; }
  html:not([data-comp]) .page-head__t { font-size: 4.4rem; flex-wrap: wrap; }
  html:not([data-comp]) .page-head--cat { grid-template-columns: 1fr; row-gap: 2.4rem; }
  html:not([data-comp]) .cats { flex-wrap: wrap; gap: 1.2rem 2.4rem; }
  html:not([data-comp]) .board { margin-top: 4rem; }
  html:not([data-comp]) .board__rule { display: none; }
  html:not([data-comp]) .board__grid { grid-template-columns: 1fr; row-gap: 4.8rem; }
  html:not([data-comp]) .bcard { grid-column: 1 / -1 !important; padding-top: 0 !important; }
  html:not([data-comp]) .bcard .card__img { height: min(var(--h), 44rem); }
  html:not([data-comp]) .bypractice { flex-direction: column; gap: 1.6rem; }
  html:not([data-comp]) .jn { height: auto; }
  html:not([data-comp]) .jn__pin { position: relative; height: auto; overflow: visible; }
  html:not([data-comp]) .jn__scene { width: 100%; height: auto; --u: calc((100vw - 3.2rem) / 1080); --ah: calc(var(--u) * 1000); --aw: calc(var(--u) * 800); --ax: calc(1.6rem + var(--u) * 100); --ay: calc(11.2rem + var(--u) * 120); padding-top: calc(var(--ay) + var(--ah)); }
  html:not([data-comp]) .jh { left: 1.6rem; top: calc(var(--ay) + var(--u) * 120); }
  html:not([data-comp]) .jh { font-size: calc(var(--u) * 240); }
  html:not([data-comp]) .jh__caps { font-size: calc(var(--u) * 140); }
  html:not([data-comp]) .jh__ital { font-size: calc(var(--u) * 240); margin-left: calc(var(--u) * 40); }
  html:not([data-comp]) .jn__col { position: static; width: auto; padding: 4rem 1.6rem 0; }
  html:not([data-comp]) .jn__hint { display: none; }
  html:not([data-comp]) .jn__lede { font-size: 1.8rem; }
  html:not([data-comp]) .practices { width: 100%; padding: 8rem 1.6rem 0; }
  html:not([data-comp]) .prow { grid-template-columns: 3.2rem 1fr; height: auto; padding: 1rem 0; row-gap: .4rem; }
  html:not([data-comp]) .prow__cap { grid-column: 2; }
  html:not([data-comp]) .currently { width: 100%; padding: 6.4rem 1.6rem 8rem; }
  html:not([data-comp]) .currently p { font-size: 1.5rem; }
  html:not([data-comp]) .landing { width: 100%; padding-bottom: 4rem; }
  html:not([data-comp]) .landing__media { height: min(64vh, 56rem); }
  html:not([data-comp]) .landing__t { left: 1.6rem; right: 1.6rem; font-size: 5.2rem; white-space: normal; }
  html:not([data-comp]) .case-media { height: 40rem; }
  html:not([data-comp]) .board--case { padding-top: 3.2rem; }
  html:not([data-comp]) .cg { grid-template-columns: minmax(0, 1fr); row-gap: 4rem; }
  html:not([data-comp]) .cg > * { grid-column: 1 / -1 !important; }
  html:not([data-comp]) .cg [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; row-gap: 2.4rem; }
  html:not([data-comp]) .cg__h { font-size: 4.4rem; margin-top: 4rem; }
  html:not([data-comp]) .cg__h .it { font-size: 4.6rem; }
  html:not([data-comp]) .lead { font-size: 2rem; }
  html:not([data-comp]) .tot__fig { font-size: 5.6rem; }
  html:not([data-comp]) .tot__unit { font-size: 2.4rem; }
  html:not([data-comp]) .chap { grid-template-columns: minmax(0, 1fr); row-gap: 2.4rem; margin-top: 6.4rem; padding-top: 3.2rem; }
  html:not([data-comp]) .chap__body { grid-column: 1; }
  html:not([data-comp]) .chap__cover { height: 28rem; }
  html:not([data-comp]) .chap__h { font-size: 4.4rem; }
  html:not([data-comp]) .chap__figs { column-gap: 1.6rem; }
  html:not([data-comp]) .step { grid-template-columns: minmax(0, 1fr); row-gap: 2.4rem; margin-top: 4.8rem; padding-top: 2.4rem; }
  html:not([data-comp]) .step > * { grid-column: 1 !important; }
  html:not([data-comp]) .step--wide .step__c { margin-top: 0; }
  html:not([data-comp]) .ev--3, html:not([data-comp]) .ev--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html:not([data-comp]) .m__f { height: calc(var(--h, 56rem) * .82); }
  html:not([data-comp]) .ev--2 .m__f, html:not([data-comp]) .ev--3 .m__f, html:not([data-comp]) .ev--4 .m__f { height: calc(var(--h, 56rem) * .55); }
  html:not([data-comp]) .m__f--still { background: transparent; }
  html:not([data-comp]) .dg { height: auto; min-height: var(--h); }
  html:not([data-comp]) .dg .own, html:not([data-comp]) .dg .say { height: auto; }
  html:not([data-comp]) .own__r { flex: 0 0 auto; padding: 1.2rem 0; }
  html:not([data-comp]) .ev:has(.dg) { grid-template-columns: minmax(0, 1fr); }
  html:not([data-comp]) .cg > .note { margin-top: 0 !important; }
  html:not([data-comp]) .flow { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2rem; }
  html:not([data-comp]) .lay__k { left: 22rem; }
  html:not([data-comp]) .m:has(.lay) { margin-top: 10.4rem; }
  html:not([data-comp]) .eyes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem 1.6rem; }
  html:not([data-comp]) .eyes__c .lbl { white-space: normal; }
  html:not([data-comp]) .quote { font-size: 2.8rem; }
  html:not([data-comp]) .tl__key { flex-wrap: wrap; gap: 1.2rem 2.4rem; }
  html:not([data-comp]) .meta__row { grid-template-columns: 8rem 1fr; }
  html:not([data-comp]) .casenav { grid-template-columns: 1fr; row-gap: 3.2rem; padding-bottom: 6.4rem; }
  html:not([data-comp]) .casenav__col--mid, html:not([data-comp]) .casenav__col--r { align-items: flex-start; text-align: left; }
  html:not([data-comp]) .lbl, html:not([data-comp]) .tl__key, html:not([data-comp]) .say__h { font-size: 1.05rem; color: var(--text-3); }
  html:not([data-comp]) .m__cap, html:not([data-comp]) .note, html:not([data-comp]) .tl__scale, html:not([data-comp]) .beat__t, html:not([data-comp]) .say__t { font-size: 1.05rem; }
  html:not([data-comp]) .tl--m .tl__scale span:not(:nth-child(3n+1)) { visibility: hidden; }
  html:not([data-comp]) .own__s, html:not([data-comp]) .flow__n > span { font-size: 1.3rem; }
  html:not([data-comp]) .hero__cred { font-size: 1.4rem; color: var(--text-2); }
  html:not([data-comp]) .ribbon-label__s { font-size: 1.2rem; }
  html:not([data-comp]) .bcard .card__img { height: auto; aspect-ratio: 4 / 3; }
  html:not([data-comp]) .landing__media { height: min(56vh, 48rem); }
}
@media (min-width:1024px) {
  .hero { height:94rem; --tower-shift:2rem; }
  .hero__winslot { top:12.8rem; height:72rem; }
  .hero__cred { font-size:1.5rem; color:var(--ink); }
}
.board--audit .board__grid { grid-template-columns:repeat(6,minmax(0,1fr)); row-gap:5.6rem; align-items:start; }
.board--audit .board__rule { display:none; }
.board--audit .bcard { grid-column:span var(--span,3); padding-top:0; }
.board--audit .card__img, .spotlights .card__img { height:auto; aspect-ratio:var(--cover-ratio,16 / 10); border:0; background:var(--ground); }
.board--audit .card__pic, .spotlights .card__pic { background-color:var(--ground); }
.board--audit .card__pic, .spotlights .card__pic { transform:none; }
@media (min-width:1024px) {
  .board--audit .card__img, .spotlights .card__img { aspect-ratio:16 / 10; }
}
.card__meta { line-height:1.55; }
.audit-facts { display:grid; grid-template-columns:1fr 1fr 1fr; gap:4.8rem; padding:2.4rem 0; border-block:1px solid var(--hair); align-items:end; }
.audit-facts .tot__fig { display:inline; font-size:4.8rem; }
.audit-facts .tot__unit { display:inline; margin-left:1.2rem; font-size:2.8rem; }
.audit-facts .note { margin:0; }
.audit-ratio { height:auto; aspect-ratio:var(--media-ratio,16 / 9); }
.audit-notes { min-height:0; height:auto; }
.chap--brief { grid-template-columns:1fr 2fr; margin-top:3.2rem; padding-top:2.4rem; }
.chap--brief .chap__body { grid-column:1 / -1; }
.chap--brief .chap__sub { max-width:70ch; }
.audit-install { grid-column:1 / 3; grid-template-columns:1fr; }
.audit-install .step__c, .audit-install .ev { grid-column:1 !important; }
.audit-install .step__c { display:block !important; }
.landing__media[data-media-tone] { border:0; }
@media (max-width:1023px) {
  html:not([data-comp]) .hero__cred { order:-1; font-size:1.5rem; color:var(--ink); }
  html:not([data-comp]) .hero { height:calc(18.2rem + var(--winw) * 1.1 + 16rem); }
  html:not([data-comp]) .hero__winslot { height:calc(var(--winw) * 1.1); }
  html:not([data-comp]) .hero__text { top:calc(18.2rem + var(--winw) * 1.1 + 2rem); }
  html:not([data-comp]) .practice { position:relative; }
  html:not([data-comp]) .ribbon-slot { height:52rem; }
  html:not([data-comp]) #ribbon .pane { clip-path:inset(3px 3px 6.4rem); }
  html:not([data-comp]) #ribbon .pane__sky { display:none; }
  html:not([data-comp]) #ribbon .pane__media { bottom:6.4rem; background-position:center; }
  html:not([data-comp]) .ribbon-labels { position:absolute; top:var(--ribbon-top,8rem); left:1.6rem; right:1.6rem; height:52rem; padding:0; gap:0 1.6rem; grid-template-rows:1fr 1fr; pointer-events:none; }
  html:not([data-comp]) .ribbon-label { align-self:end; height:6.4rem; pointer-events:auto; }
  html:not([data-comp]) .ribbon-label__t { font-size:1.2rem; letter-spacing:.08em; }
  html:not([data-comp]) .ribbon-label__s { font-size:1.1rem; line-height:1.4; }
  html:not([data-comp]) .board--audit .board__grid { grid-template-columns:minmax(0,1fr); row-gap:3.6rem; }
  html:not([data-comp]) .board--audit .bcard { grid-column:1 !important; }
  html:not([data-comp]) .board--audit .card__img, html:not([data-comp]) .spotlights .card__img { height:auto; aspect-ratio:var(--cover-ratio,16 / 10); }
  html:not([data-comp]) .card__meta { font-size:1.1rem; }
  html:not([data-comp]) .landing { padding-top:9.2rem; }
  html:not([data-comp]) .landing__media { height:auto !important; aspect-ratio:var(--media-ratio,16 / 9); border:0; }
  html:not([data-comp]) .landing__media > video, html:not([data-comp]) .landing__media > img { object-fit:contain !important; }
  html:not([data-comp]) .landing__media:has(.landing__panes), html:not([data-comp]) .landing__media:has(> video:nth-of-type(2)) { aspect-ratio:9 / 16; }
  html:not([data-comp]) .landing__panes { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:0; }
  html:not([data-comp]) .landing__panes > video, html:not([data-comp]) .landing__panes > img { flex:0 0 100%; width:100%; object-fit:contain; scroll-snap-align:start; }
  html:not([data-comp]) .landing__media:has(> video:nth-of-type(2)) { overflow-x:auto; scroll-snap-type:x mandatory; gap:0 !important; }
  html:not([data-comp]) .landing__media:has(> video:nth-of-type(2)) > :is(video,img) { flex:0 0 100% !important; width:100% !important; min-width:100% !important; scroll-snap-align:start; }
  html:not([data-comp]) .landing__media > p, html:not([data-comp]) .landing > p { position:static !important; max-width:none !important; text-align:left !important; }
  html:not([data-comp]) .landing__media:has(> video:nth-of-type(2)) > p { display:none; }
  html:not([data-comp]) .landing__t { font-size:4.6rem; }
  html:not([data-comp]) .ev--2, html:not([data-comp]) .ev--3, html:not([data-comp]) .ev--4 { grid-template-columns:minmax(0,1fr); }
  html:not([data-comp]) .m__f.audit-native { height:auto; aspect-ratio:var(--media-ratio,16 / 9); }
  html:not([data-comp]) .m__f.audit-native > :is(img,video) { top:0; height:100%; object-fit:contain; transform:none; }
  html:not([data-comp]) .chap__cover { height:auto; }
  html:not([data-comp]) .dg { height:auto; min-height:0; }
  html:not([data-comp]) .dg > .flow { height:auto !important; align-content:start !important; gap:2.4rem; padding-bottom:2.4rem !important; }
  html:not([data-comp]) .m__f:has(#demo-frame) { height:auto; aspect-ratio:auto; overflow:visible; }
  html:not([data-comp]) .m__f:has(#demo-frame) > div { position:static !important; display:flex !important; flex-direction:column; gap:2.4rem; }
  html:not([data-comp]) #demo-frame { width:100% !important; height:84.4rem !important; box-sizing:border-box; }
  html:not([data-comp]) #demo-frame + div { padding-left:0 !important; max-width:none !important; }
  html:not([data-comp]) .audit-facts { grid-template-columns:1fr 1fr; gap:1.6rem; }
  html:not([data-comp]) .audit-facts .note { grid-column:1 / -1; }
  html:not([data-comp]) .audit-facts .tot__fig { font-size:4rem; }
  html:not([data-comp]) .audit-facts .tot__unit { display:block; margin-left:0; font-size:2.4rem; }
}
.index__img { background-color:var(--ground); }
.board--audit .card.is-hover .card__pic, .spotlights .card.is-hover .card__pic { transform:none; }
.audit-gallery { margin-top:1.6rem; }
.audit-gallery summary { cursor:pointer; font:700 1.3rem/1.5 var(--font-display); letter-spacing:.1em; padding:1.2rem 0; border-top:1px solid var(--hair); }
.audit-gallery__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.6rem; margin-top:1.6rem; }
.audit-gallery figure { margin:0; min-width:0; }
.audit-gallery img { display:block; width:100%; height:auto; }
@media(max-width:1023px) { html:not([data-comp]) .audit-gallery__grid { grid-template-columns:minmax(0,1fr); } }
.pq { padding: 1.6rem 0; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); display: flex; flex-direction: column; gap: 1rem; }
.pq p { margin: 0; font: 400 1.3rem/1.55 var(--font-body); color: var(--text-2); text-wrap: pretty; }
.pq__src { font: 400 .9rem var(--font-body); letter-spacing: .08em; color: var(--text-4); }
.evrow { display: grid; gap: 1.6rem; }
.m__f--doc { background: transparent; }
@media(max-width:1023px) {
  html:not([data-comp]) a.card[href="case-ai-graph-editor.html"] .card__img { aspect-ratio:4 / 5; max-height:46rem; }
  html:not([data-comp]) a.card[href="case-ai-graph-editor.html"] .card__pic { background-size:cover !important; background-position:50% 0% !important; }
}
@media(max-width:1023px) {
  html:not([data-comp]) .landing[data-orig="AIG-01"] .landing__t { position:relative; left:auto; right:auto; bottom:auto; width:calc(100% - 3.2rem); margin:-2rem 1.6rem 0; }
  html:not([data-comp]) .landing[data-orig="AIG-01"] > p { position:static !important; inset:auto !important; width:auto; max-width:none !important; margin:2.4rem 1.6rem 0 !important; text-align:left !important; }
}
.nav { background:var(--ground); color:var(--ink); border-bottom:1px solid var(--hair); }
.nav__layer--base { clip-path:none !important; color:var(--ink); }
.nav__layer--sky, .nav__layer--foot { display:none !important; }
.menu { background:var(--ground); color:var(--ink); padding:1.6rem 2rem; border:1px solid var(--hair); }
.menu__layer--base { clip-path:none !important; color:var(--ink); }
.menu__layer--sky, .menu__layer--foot { display:none !important; }
.ribbon-label__s { font-size:1.4rem; line-height:1.5; color:var(--text-2); }
.practice-next { display:flex; flex-direction:column; align-items:flex-start; gap:1.4rem; font:700 1.6rem/1.4 var(--font-display); letter-spacing:.08em; }
.practice-next a { border-bottom:1px solid var(--hair); padding-bottom:.5rem; }
.bypractice { align-items:flex-start; }
.bypractice__l { font-size:1.2rem; color:var(--text-2); }
.bypractice .cats { flex-wrap:wrap; font-size:1.6rem; gap:1.8rem 2.8rem; }
.card__pic--type, .index__img--type { display:flex; align-items:center; justify-content:center; font:900 clamp(3rem,5vw,7rem)/1 var(--font-display); letter-spacing:.04em; color:var(--ink); background:var(--ground); text-align:center; }
.board--audit .card__pic, .spotlights .card__pic { background-size:contain !important; background-position:center !important; }
.board--case .cg { align-items:start; }
.cg__h + .m, .cg > .m, .cg > .focal { margin-top:0; align-self:start; }
.board--case .m__f { transform:none !important; background:transparent; }
.board--case .m__f > img, .board--case .m__f > video { top:0; height:100%; object-fit:contain; transform:none; will-change:auto; }
.board--case .chap__cover { height:auto; }
.board--case .chap__cover > .m__f { position:relative; }
.board--case .m__f.audit-native, .board--case .m__f.m__f--natural { height:auto; aspect-ratio:var(--media-ratio,16 / 9); }
.board--case .m__f.m__f--contain { height:var(--h,40rem); aspect-ratio:auto; background:transparent; }
.landing__media > img, .landing__media > video, .landing__panes > img, .landing__panes > video { object-fit:contain !important; }
.media-expand { position:absolute; top:.8rem; right:.8rem; z-index:4; border:1px solid var(--hair); background:var(--ground); color:var(--ink); padding:.7rem 1rem; font:600 1.2rem/1 var(--font-body); cursor:pointer; }
.m__f:has(> .media-expand) { cursor:zoom-in; }
.media-viewer { position:fixed; inset:0; width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:5.6rem 2rem 2rem; border:0; background:rgba(0,0,0,.94); color:#FFFFFF; z-index:1000; overflow:auto; }
.media-viewer::backdrop { background:rgba(0,0,0,.8); }
.media-viewer__panel { margin:auto; width:min(140rem,100%); height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1.6rem; }
.media-viewer__media { display:block; max-width:100%; max-height:calc(100dvh - 12rem); width:auto; height:auto; object-fit:contain; }
.media-viewer__close { position:fixed; top:1.4rem; right:2rem; border:1px solid #FFFFFF; padding:1rem 1.6rem; background:#000000; color:#FFFFFF; font:600 1.4rem/1.3 var(--font-body); cursor:pointer; }
.media-viewer__caption { max-width:90ch; text-align:center; font:400 1.3rem/1.45 var(--font-body); }
.footer--page { background:var(--ground); color:var(--ink); }
.footer--page :is(.cp__line,.cp__btn,.cp__input,.footer__up,.footer__social,.footer__mail) { color:var(--ink); }
.footer--page :is(.footer__lede,.cp__facts,.cp__label,.footer__h,.footer__copy,.footer__micro) { color:var(--text-2); }
.footer--page .cp__input { border-bottom-color:var(--hair-2); }
.footer--page .cp__input:focus { border-bottom-color:var(--ink); }
.footer--page .cp__btn:hover { color:#000000; }
.footer--page .footer__social:hover { color:#000000; background:var(--fluoro-raw); border-color:var(--fluoro-raw); }
.nl--star_02, .nl--cloud_01, .nl--cloud_02 { display:none; }
.nl__halo { width:44%; background:radial-gradient(circle,rgba(215,225,245,.16) 0,rgba(215,225,245,.07) 25%,rgba(215,225,245,0) 65%); }
#ribbon .pane[data-pillar="02"] .pane__media[data-frame="1"] { background-image:url('assets/practice/p02-1_tvc-still-life_v01.jpg'); background-size:cover; background-position:50% 50%; }
@media(max-width:1399px) {
  html:not([data-comp]) :is(.hero,.practice,.index,.spotlights,.page,.practices,.currently,.jn__scene) { width:100%; max-width:100%; }
  html:not([data-comp]) :is(.t__p,.tot__say,.card__desc,.ribbon-label__s) { font-size:max(14px,1.4rem); line-height:1.55; color:var(--text-2); }
  html:not([data-comp]) :is(.m__cap,.note,.card__meta,.lbl) { font-size:max(12px,1.2rem); line-height:1.5; }
  html:not([data-comp]) .lead { font-size:max(20px,2rem); }
  html:not([data-comp]) .cg { row-gap:3.6rem; column-gap:3.2rem; }
  html:not([data-comp]) .step { column-gap:3.2rem; margin-top:3.6rem; padding-top:2rem; }
  html:not([data-comp]) .chap { margin-top:4rem; padding-top:2.4rem; }
  html:not([data-comp]) .cg__h { margin-top:3.6rem; }
  html:not([data-comp]) .practices { padding-top:4rem; }
  html:not([data-comp]) .currently { padding-top:4rem; padding-bottom:5rem; }
  html:not([data-comp]) .footer--page { min-height:auto; }
  html:not([data-comp]) .cp__body { column-gap:3.2rem; margin:2.8rem 0 3.2rem; }
  html:not([data-comp]) .cp__say { padding-left:0; }
  html:not([data-comp]) .footer--page .cp__bottom { margin-top:3.2rem; }
}
@media(min-width:1024px) and (max-width:1399px) {
  html:not([data-comp]) .page-head--cat { grid-template-columns:minmax(0,1fr) 30rem; }
  html:not([data-comp]) .page-head__t { font-size:5.2rem; flex-wrap:wrap; }
  html:not([data-comp]) .jn__scene { --ax:5rem; --ah:min(64rem,calc(100vh - 10rem)); }
  html:not([data-comp]) .jn__col { left:61%; width:36%; top:25rem; }
  html:not([data-comp]) .jh { font-size:14rem; }
  html:not([data-comp]) .jh__caps { font-size:8.8rem; }
  html:not([data-comp]) .jh__ital { font-size:14rem; }
  html:not([data-comp]) .cp__body { grid-template-columns:minmax(0,1fr) minmax(30rem,40%); }
  html:not([data-comp]) .cp__line { font-size:13rem; }
  html:not([data-comp]) .cp__caps { font-size:8.4rem; }
  html:not([data-comp]) .cp__ital { font-size:13rem; }
}
@media(max-width:1399px), (max-height:800px) {
  html:not([data-comp]) .jn { --journey:clamp(12rem,24vh,24rem); }
  html:not([data-comp]) .footer--page { min-height:auto; padding-top:10.4rem; }
  html:not([data-comp]) .cp__body { margin-bottom:3.2rem; }
  html:not([data-comp]) .footer--page .cp__bottom { margin-top:3.2rem; }
}
@media(max-width:1023px) {
  html:not([data-comp]) .board--case .m__f.audit-native, html:not([data-comp]) .board--case .m__f.m__f--natural { height:auto; aspect-ratio:var(--media-ratio,16 / 9); }
  html:not([data-comp]) .board--case .m__f.m__f--contain { height:var(--h,36rem); aspect-ratio:auto; }
  html:not([data-comp]) a.card[href="case-ai-graph-editor.html"] .card__pic { background-size:contain !important; background-position:center !important; }
  html:not([data-comp]) .ribbon-label__s { font-size:1.3rem; }
  html:not([data-comp]) .practice-next { margin-top:2rem; font-size:1.6rem; }
  html:not([data-comp]) .media-viewer { padding:6rem 1rem 1rem; }
  html:not([data-comp]) .nav__right > .nav__item:not(.toggle) { font-size:1.2rem; letter-spacing:.08em; }
  html:not([data-comp]) .footer--page { padding-top:12rem; }
}
.menu__layer--hit { padding:1.6rem 2rem; }
@media(min-width:1024px) { .landing { padding-top:5.6rem; } }
.footer--page .footer__mail:hover { color:var(--fluoro); }
@media(min-width:1024px) and (max-height:800px) {
  html:not([data-comp]) .jn { height:auto; --journey:0px; }
  html:not([data-comp]) .jn__pin { position:relative; height:auto; min-height:100vh; overflow:visible; }
  html:not([data-comp]) .jn__scene { height:auto; min-height:100vh; padding-bottom:4rem; }
  html:not([data-comp]) .jn__col { position:relative; left:auto; top:auto; margin-left:63%; width:33%; padding-top:22rem; }
  html:not([data-comp]) .practices { padding-top:4rem; }
  html:not([data-comp]) .currently { padding-top:4rem; padding-bottom:5rem; }
}
@media(max-width:1399px) {
  html:not([data-comp]) .nav__right { font-size:max(12px,1.2rem); }
  html:not([data-comp]) .nav__name { font-size:max(13px,1.3rem); }
  html:not([data-comp]) .meta__row { font-size:max(13px,1.3rem); }
  html:not([data-comp]) .index__slot, html:not([data-comp]) .index__hrow { display:none; }
  html:not([data-comp]) .row { height:auto; min-height:6.8rem; padding:1.2rem 0; grid-template-columns:3.2rem minmax(0,1fr) auto; grid-template-rows:auto auto auto; gap:.5rem 0; font-size:12px; }
  html:not([data-comp]) .row__no { grid-column:1; grid-row:1; }
  html:not([data-comp]) .row__name { grid-column:2 / 4; grid-row:1; white-space:normal; font-size:max(14px,1.6rem); }
  html:not([data-comp]) .row__client { grid-column:2; grid-row:2; }
  html:not([data-comp]) .row__pillar { grid-column:3; grid-row:2; }
  html:not([data-comp]) .row__role { display:block; grid-column:2 / 4; grid-row:3; text-align:left; }
  html:not([data-comp]) .row__corridor { display:none; }
  html:not([data-comp]) .row.is-active, html:not([data-comp]) .row:focus-visible { background:var(--ink); }
}
@media(max-width:1023px) {
  html:not([data-comp]) .ribbon-slot, html:not([data-comp]) .ribbon-labels { height:60rem; }
  html:not([data-comp]) #ribbon .pane { clip-path:inset(3px 3px 12rem); }
  html:not([data-comp]) #ribbon .pane__media { bottom:12rem; }
  html:not([data-comp]) .ribbon-label { height:12rem; padding-top:1.6rem; box-sizing:border-box; }
  html:not([data-comp]) .ribbon-label__s { font-size:max(14px,1.4rem); line-height:1.5; }
}
#window .nl--star_01 { background-size:100% 100%; }
.board--case .m__f > img, .board--case .m__f > video { top:0 !important; height:100% !important; object-fit:contain !important; transform:none !important; }
.win__flip { background-size:cover; background-color:var(--ground); }
@media(max-width:1399px) {
  html:not([data-comp]) :is(.m__cap,.note,.card__meta,.lbl,.row) { color:var(--text-2); }
}
@media (min-width:1024px) and (max-width:1399px) {
  html:not([data-comp]) .stage { container-type:inline-size; }
  html:not([data-comp]) .hero { --u:calc(100cqw / 144); --tower-shift:calc(2 * var(--u)); height:calc(94 * var(--u) + 2.4rem); }
  html:not([data-comp]) .hero__line { font-size:calc(11.2 * var(--u)); }
  html:not([data-comp]) .hero__line--hi { left:calc(14.4 * var(--u)); top:calc(12.6 * var(--u)); width:calc(54 * var(--u)); font-size:calc(10.4 * var(--u)); }
  html:not([data-comp]) .hero__line--siji { left:calc(16 * var(--u)); top:calc(22.6 * var(--u) + var(--tower-shift)); }
  html:not([data-comp]) .hero__line--ital { left:calc(21.3 * var(--u)); top:calc(33.7 * var(--u) + var(--tower-shift)); font-size:calc(17.3 * var(--u)); }
  html:not([data-comp]) .hero__line--des { left:calc(23.6 * var(--u)); top:calc(50.8 * var(--u) + var(--tower-shift)); }
  html:not([data-comp]) .hero__text { left:calc(23.6 * var(--u)); top:calc(67.3 * var(--u) + var(--tower-shift)); width:calc(48 * var(--u)); }
  html:not([data-comp]) .hero__p { font-size:max(14px, calc(1.5 * var(--u))); }
  html:not([data-comp]) .hero__cred { font-size:max(14px, calc(1.5 * var(--u))); }
  html:not([data-comp]) .hero__winslot { right:calc(3.2rem - 4px); top:calc(12.8 * var(--u)); width:calc(64 * var(--u)); height:calc(72 * var(--u)); }
}
.nav__name { font: 900 2.2rem/1 var(--font-display); letter-spacing: .04em; }
.nav__name em { font-style: italic; padding-right: .3em; margin-right: -.14em; }
.nav__dot { display: inline-block; width: .2em; height: .2em; margin: 0 .12em; border-radius: 50%; background: var(--fluoro); vertical-align: .32em; }
@media (max-width:1399px) { html:not([data-comp]) .nav__name { font-size:max(20px, 2.2rem); } }
#window .pane[data-pillar="01"] .pane__media[data-frame="1"] { background-image: url("assets/practice/p01-1_shadow-two-emotions-hero_v01.jpg"); }
.nav__layer { padding-left: max(3.2rem, calc((100% - 144rem) / 2 + 3.2rem)); padding-right: max(3.2rem, calc((100% - 144rem) / 2 + 3.2rem)); }
@media (max-width:1023px) {
  html:not([data-comp]) .stage { container-type:inline-size; }
  html:not([data-comp]) .hero {
    --m:1.6rem;
    --tu:min(calc(3.43px + (100cqw - 375px) * .00563), calc((100cqw - 3.2rem) / 100));
    --base:calc(9.2rem + 7 * var(--tu));
    --wtop:calc(var(--base) + 24.6 * var(--tu));
    --wh:calc(72 * var(--tu));
    height:auto; padding:calc(var(--wtop) + var(--wh) + 3.2rem) 0 4rem;
  }
  html:not([data-comp]) .hero__line--hi { top:var(--base); left:calc(14.4 * var(--tu)); width:calc(54 * var(--tu)); font-size:calc(10.4 * var(--tu)); }
  html:not([data-comp]) .hero__line--siji { top:calc(var(--base) + 12 * var(--tu)); left:calc(16 * var(--tu)); font-size:calc(11.2 * var(--tu)); }
  html:not([data-comp]) .hero__line--ital { top:calc(var(--base) + 23.1 * var(--tu)); left:calc(21.3 * var(--tu)); font-size:calc(17.3 * var(--tu)); }
  html:not([data-comp]) .hero__line--des { top:calc(var(--base) + 40.2 * var(--tu)); left:calc(23.6 * var(--tu)); font-size:calc(11.2 * var(--tu)); }
  html:not([data-comp]) .hero__winslot { left:auto; right:calc(var(--m) - 4px); top:var(--wtop); width:calc(64 * var(--tu)); height:var(--wh); }
  html:not([data-comp]) .hero__text { position:relative; left:auto; top:auto; width:auto; max-width:60rem; margin:0 var(--m) 0 calc(23.6 * var(--tu)); }
}
@media (max-width:639px) {
  html:not([data-comp]) .hero { --wh:calc((100cqw - 3.2rem + 8px) * 1.125); }
  html:not([data-comp]) .hero__line--hi { left:var(--m); }
  html:not([data-comp]) .hero__line--siji { left:calc(var(--m) + 1.6 * var(--tu)); }
  html:not([data-comp]) .hero__line--ital { left:calc(var(--m) + 6.9 * var(--tu)); }
  html:not([data-comp]) .hero__line--des { left:calc(var(--m) + 9.2 * var(--tu)); }
  html:not([data-comp]) .hero__winslot { width:calc(100cqw - 3.2rem + 8px); }
  html:not([data-comp]) .hero__text { margin-left:var(--m); }
}
@media (min-width:1024px) and (max-width:1399px) {
  html:not([data-comp]) .index { container-type:inline-size; --iu:calc(100cqw / 137.6); }
  html:not([data-comp]) .index__slot { display:block; width:calc(41 * var(--iu)); height:calc(41 * var(--iu)); }
  html:not([data-comp]) .index__hrow { display:grid; height:auto; padding-bottom:.6rem; font-size:max(10px, calc(.8 * var(--iu))); }
  html:not([data-comp]) :is(.index__hrow, .row) { grid-template-columns:calc(3.6 * var(--iu)) calc(22 * var(--iu)) calc(17 * var(--iu)) calc(59.2 * var(--iu)) calc(6 * var(--iu)) minmax(0, 1fr); grid-template-rows:none; gap:0; }
  html:not([data-comp]) .row { height:auto; min-height:calc(var(--row-k, 3.9) * var(--iu)); padding:.5rem 0; font-size:max(11px, calc(.9 * var(--iu))); }
  html:not([data-comp]) :is(.row__no, .row__name, .row__client, .row__pillar, .row__role) { grid-row:auto; grid-column:auto; }
  html:not([data-comp]) .row__name { white-space:normal; font-size:max(12px, calc(1.2 * var(--iu))); padding-right:1.2rem; line-height:1.2; }
  html:not([data-comp]) .row__client { padding-right:1.2rem; }
  html:not([data-comp]) .row__corridor { display:block; }
  html:not([data-comp]) .row__role { display:block; text-align:right; }
  html:not([data-comp]) .row.is-active, html:not([data-comp]) .row:focus-visible { background:linear-gradient(90deg, var(--ink) 0 calc(50% - 20.5 * var(--iu)), transparent calc(50% - 20.5 * var(--iu)) calc(50% + 20.5 * var(--iu)), var(--ink) calc(50% + 20.5 * var(--iu)) 100%); }
}
@media (max-width:1023px) {
  html:not([data-comp]) .index__slot, html:not([data-comp]) .row__corridor { display:none; }
  html:not([data-comp]) .index__hrow { display:grid; height:auto; padding-bottom:.8rem; font-size:1rem; }
  html:not([data-comp]) :is(.index__hrow, .row) { grid-template-columns:3.2rem minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) auto; grid-template-rows:none; column-gap:1.6rem; row-gap:0; align-items:baseline; }
  html:not([data-comp]) .index__hrow > :nth-child(4) { display:none; }
  html:not([data-comp]) .index__hrow > :nth-child(5), html:not([data-comp]) .row__pillar { grid-column:5; grid-row:1; text-align:right; }
  html:not([data-comp]) .index__hrow > :nth-child(6), html:not([data-comp]) .row__role { grid-column:4; grid-row:1; text-align:left; }
  html:not([data-comp]) .row { height:auto; min-height:0; padding:1.5rem 0; font-size:1.15rem; }
  html:not([data-comp]) .row__no { grid-column:1; grid-row:1; }
  html:not([data-comp]) .row__name { grid-column:2; grid-row:1; white-space:normal; font-size:1.5rem; line-height:1.2; }
  html:not([data-comp]) .row__client { grid-column:3; grid-row:1; }
  html:not([data-comp]) .row__role { display:block; }
}
@media (max-width:639px) {
  html:not([data-comp]) .index__hrow { display:none; }
  html:not([data-comp]) .row { display:block; position:relative; padding:1.4rem 4rem 1.4rem 3.2rem; }
  html:not([data-comp]) .row__no { display:inline-block; width:3.2rem; margin-left:-3.2rem; }
  html:not([data-comp]) .row__name { display:inline-block; width:100%; }
  html:not([data-comp]) .row__pillar { position:absolute; right:0; top:1.4rem; }
  html:not([data-comp]) .row__client, html:not([data-comp]) .row__role { display:block; margin-top:.5rem; text-align:left; }
}
.index__slot { border: 0; }
html .spotlights a.card[href] .card__img .card__pic { background-size:cover !important; background-position:center !important; }
@media (max-width:1023px) { html:not([data-comp]) .spotlights a.card[href] .card__img { height:auto; aspect-ratio:16 / 10; max-height:none; } }
.landing__lay--b { color: var(--fluoro-raw); }
.media-expand { top:.8rem; right:.8rem; width:3.4rem; height:3.4rem; padding:.5rem; border:0; background:none; color:var(--fluoro-raw); filter:drop-shadow(0 0 3px rgba(0,0,0,.55)); transition:transform .2s var(--soft); }
.media-expand svg { display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:square; }
.media-expand:hover, .media-expand:focus-visible { transform:scale(1.15); outline:none; }
.media-viewer { background:transparent; }
.media-viewer::backdrop { background:rgba(0,0,0,.66); }
html:not([data-comp]) .board--case .m__f.audit-native, html[data-comp] .board--case .m__f.audit-native {
  height:auto; aspect-ratio:var(--media-ratio,16 / 9); width:min(100%, calc(var(--cap,100rem) * var(--mr,1.7778))); background:transparent;
}
html:not([data-comp]) .board--case .m__f.audit-native > :is(img,video), html[data-comp] .board--case .m__f.audit-native > :is(img,video) { top:0; height:100%; object-fit:contain; transform:none; }
.media-expand { width:2.4rem; height:2.4rem; padding:.3rem; }
.media-expand svg { stroke-width:2.6; stroke-linecap:butt; stroke-linejoin:miter; }
.board--case .m__f.audit-native, .board--case .m__f:has(> img), .board--case .m__f:has(> video) { cursor:zoom-in; }
.cg__h + .tot { margin-top:0; }
.menu { opacity:0; transform:translateY(-.4rem); transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s; }
.menu.is-open { opacity:1; transform:none; transition:opacity .18s ease, transform .18s ease, visibility 0s; }
.menu .menu__in { transform:none !important; transition:none !important; }
@media (min-width:1024px) and (min-height:801px) {
  html:not([data-comp]) .jn { height:calc(var(--scene-h, 100vh) + var(--journey, 0px)); }
  html:not([data-comp]) .jn__pin { height:var(--scene-h, 100vh); }
  html:not([data-comp]) .jn__hint { display:none; }
}
.board--audit .board__grid { grid-template-columns:repeat(3, minmax(0, 1fr)); column-gap:4.8rem; row-gap:6.4rem; }
.board--audit .bcard { grid-column:auto; padding-top:0; }
.board--audit .board__rule { display:block; }
html .board--audit a.card[href] .card__img { height:auto; aspect-ratio:16 / 10; max-height:none; }
html .board--audit a.card[href] .card__img .card__pic { background-size:cover !important; background-position:center !important; }
@media (max-width:1023px) { html:not([data-comp]) .board--audit .board__rule { display:none; } }
.ev--four { grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:1.2rem; row-gap:0; width:100%; container-type:inline-size; --cap:2.9rem; }
html .board--case .ev--four .m__f.audit-native, html .board--case .ev--four .m__f { width:100%; aspect-ratio:auto; height:calc((100cqw * 16 / 9 - var(--cap)) / 2); }
html .board--case .ev--four .m__f > :is(img,video) { object-fit:cover; }
.ev--four .m__cap { height:var(--cap); margin:0; padding-top:.8rem; box-sizing:border-box; }
.ev--four .m__cap { font-size:max(11px, 1rem); }
@media (max-width:1023px) { html:not([data-comp]) .ev.ev--four { grid-template-columns:repeat(2, minmax(0, 1fr)); width:100%; } }
.slk { border:1px solid var(--hair); background:var(--ground); font:400 1.45rem/1.5 var(--font-body); color:var(--ink); }
.slk__bar { padding:1.2rem 1.6rem; border-bottom:1px solid var(--hair); font-weight:700; font-size:1.5rem; }
.slk__hash { color:var(--text-3); font-weight:400; margin-right:.3rem; }
.slk__msg { display:flex; gap:1.2rem; padding:1.4rem 1.6rem; }
.slk__msg + .slk__msg { padding-top:.6rem; }
.slk__av { flex:0 0 3.6rem; height:3.6rem; border-radius:.6rem; display:flex; align-items:center; justify-content:center; font:700 1.5rem/1 var(--font-body); color:#FFFFFF; }
.slk__av--me { background:var(--fluoro-raw); color:#000000; }
.slk__av--p { background:#5B6CF0; }
.slk__av--c { background:#D9773C; }
.slk__body { min-width:0; flex:1; }
.slk__body p { margin:.2rem 0; }
.slk__who { display:flex; align-items:baseline; gap:.8rem; }
.slk__who b { font-weight:700; }
.slk__who span { font-size:1.15rem; color:var(--text-3); }
.slk__at { background:rgba(29,155,209,.14); color:#1D9BD1; border-radius:.3rem; padding:0 .2rem; font-weight:600; }
.slk__att { margin:.8rem 0; padding:.8rem 1.2rem; border-left:.4rem solid var(--hair-2); }
.slk__att-t { font-size:1.15rem; font-weight:600; color:var(--text-2); margin-bottom:.6rem; }
.slk__att svg { display:block; width:100%; height:9rem; fill:none; stroke:var(--ink); stroke-width:1.5; }
.slk__att svg line { stroke:var(--hair-2); }
.slk__att svg circle { fill:var(--ink); }
.slk__x { display:flex; justify-content:space-between; font-size:1rem; letter-spacing:.08em; color:var(--text-3); margin-top:.4rem; }
.wave { display:flex; flex-direction:column; }
.wave__st { padding:1.6rem 0; border-top:1px solid var(--hair); }
.wave__st:last-child { border-bottom:1px solid var(--hair); }
.wave__row { display:flex; align-items:center; gap:1.6rem; margin-top:1rem; }
.wave__row img { width:8.8rem; height:8.8rem; border-radius:1.2rem; object-fit:cover; flex:none; }
.wave__fig { display:block; font:900 6.4rem/.9 var(--font-display); color:var(--ink); }
.wave__fig--hi { color:var(--fluoro); }
.wave__unit { font:italic 400 2.4rem/1.1 var(--font-accent); color:var(--ink); }
.wave__say { margin-top:1rem; font:400 1.3rem/1.5 var(--font-body); color:var(--text-2); }
.wave__ev { position:relative; padding:1.4rem 0 1.4rem 2.8rem; border-top:1px solid var(--hair); }
.wave__ev::before { content:""; position:absolute; left:.7rem; top:0; bottom:0; width:2px; background:var(--fluoro-raw); }
.wave__dot { position:absolute; left:.25rem; top:50%; width:1.1rem; height:1.1rem; margin-top:-.55rem; border-radius:50%; background:var(--fluoro-raw); }
.wave__ev p { margin:.4rem 0 0; font:400 1.45rem/1.4 var(--font-body); color:var(--ink); }
.ev--six { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:1.2rem; align-items:start; }
@media (max-width:1023px) { html:not([data-comp]) .ev.ev--six { grid-template-columns:repeat(3, minmax(0, 1fr)); gap:.8rem; } }
.cp__line { margin-left:-.06em; }
.cp__caps { margin-left:-.035em; }
@media (max-width:1023px) { html:not([data-comp]) .jn__stmt { max-width:none; } }
html .board--case .m__f.m__f--169 { aspect-ratio:16 / 9 !important; width:100% !important; height:auto !important; }
html .board--case .m__f.m__f--169 > :is(img,video) { object-fit:cover; }
.res-stack { container-type:inline-size; display:flex; flex-direction:column; --cap:2.9rem; --g:1.6rem; --cgap:4.8rem; }
.res-stack .m + .m { margin-top:var(--g); }
html .board--case .res-stack .m__f.audit-native, html .board--case .res-stack .m__f { width:100%; aspect-ratio:auto !important; height:calc(((200cqw + var(--cgap)) * 9 / 16 - var(--cap) - var(--g)) / 2) !important; }
html .board--case .res-stack .m__f > :is(img,video) { object-fit:cover; }
.res-stack .m__cap { height:var(--cap); margin:0; padding-top:.8rem; box-sizing:border-box; }
.res-stack .m:last-child .m__cap { height:auto; }
@media (max-width:1399px) { html:not([data-comp]) .res-stack { --cgap:3.2rem; } }
@media (max-width:1023px) { html .board--case .res-stack .m__f { height:auto !important; aspect-ratio:16 / 9 !important; } }
.spot__band--2 { grid-template-columns: calc((100% - 9.6rem) / 3 + 2.4rem) calc((100% - 9.6rem) / 3 + 4.8rem) calc((100% - 9.6rem) / 3 + 2.4rem); }
@media (min-width:1024px) {
  html:not([data-comp]) .landing__media.audit-native:not([style*="height"]):not(:has(.landing__panes)):not(:has(> :is(video,img):nth-of-type(2))) { height:auto !important; aspect-ratio:var(--media-ratio,16 / 9); }
}
@media (max-width:1399px) {
  html:not([data-comp]) .board--case .cg > .note[style*="margin-top"] { margin-top:-2rem !important; }
}
@media (max-width:1023px) {
  html:not([data-comp]) .board--case .cg > .note[style*="margin-top"] { margin-top:-2.4rem !important; }
}
.res-stack--fit { --cap:4.4rem; }
html .board--case .res-stack--fit .m__f.audit-native, html .board--case .res-stack--fit .m__f { width:min(100%, calc(((200cqw + var(--cgap)) * 9 / 16 - var(--cap) - var(--g)) / 2 * var(--mr, 1.7778))) !important; }
html .board--case .res-stack--fit .m__f > :is(img,video) { object-fit:contain; }
@media (max-width:1023px) { html .board--case .res-stack--fit .m__f, html .board--case .res-stack--fit .m__f.audit-native { width:100% !important; } }
.rowfit { display:flex; gap:4.8rem; align-items:flex-start; }
.rowfit > .m { flex:var(--r,1) 1 0%; min-width:0; }
html .board--case .rowfit .m__f, html .board--case .rowfit .m__f.audit-native { width:100% !important; }
@media (max-width:1399px) { html:not([data-comp]) .rowfit { gap:3.2rem; } }
@media (max-width:1023px) { html:not([data-comp]) .rowfit { flex-direction:column; gap:4rem; } html:not([data-comp]) .rowfit > .m { flex:none; width:100%; } }
.res-stack--wide { --cap:4.4rem; }
html .board--case .res-stack--wide .m__f, html .board--case .res-stack--wide .m__f.audit-native { aspect-ratio:auto !important; height:calc(((100cqw - var(--cgap)) / 2 * 16 / 9 - var(--cap) - var(--g)) / 2) !important; width:min(100%, calc((((100cqw - var(--cgap)) / 2 * 16 / 9 - var(--cap) - var(--g)) / 2) * var(--mr, 1.7778))) !important; }
html .board--case .res-stack--wide .m__f > :is(img,video) { object-fit:contain; }
@media (max-width:1023px) { html .board--case .res-stack--wide .m__f, html .board--case .res-stack--wide .m__f.audit-native { height:auto !important; width:100% !important; aspect-ratio:var(--media-ratio,16 / 9) !important; } }
.cg__h + .res-stack { margin-top:0; }
@media (min-width:1024px) { html .board--case .res-stack--wide.res-stack--eqw .m__f, html .board--case .res-stack--wide.res-stack--eqw .m__f.audit-native { height:auto !important; aspect-ratio:var(--media-ratio,16 / 9) !important; width:min(100%, calc(((100cqw - var(--cgap)) / 2 * 16 / 9 - var(--cap) - var(--g)) / var(--inv, 1.125))) !important; } }
html:not([data-comp]) .landing { width:min(144rem, 100%); }
@media (min-width:1024px) { html:not([data-comp]) .landing__t { font-size:min(11.2rem, 7.8vw); } }
.board--case .chap__cover { background:transparent; }
html:not([data-comp]) .jn.jn--flow { height:calc(var(--scene-h) + var(--journey)) !important; }
html:not([data-comp]) .jn.jn--flow .jn__pin { position:sticky !important; top:0; height:var(--scene-h) !important; }
.win__flipv { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; }
.win__flipv.is-on { opacity:1; }
@media (min-width:1400px) {
  html:not([data-comp]) :is(.lbl,.casenav__l,.bypractice__l,.currently__l,.tl__key) { font-size:max(12px,.8rem); }
  html:not([data-comp]) :is(.m__cap,.note,.card__meta) { font-size:max(12px,.9rem); }
  html:not([data-comp]) :is(.card__desc,.ribbon-label__s) { font-size:max(14px,1.2rem); }
  html:not([data-comp]) :is(.t__p,.tot__say) { font-size:max(15px,1.4rem); }
  html:not([data-comp]) .nav__right { font-size:max(12px,1.1rem); }
  html:not([data-comp]) .meta__row { font-size:max(14px,1.3rem); }
  html:not([data-comp]) .row { font-size:max(10px,.9rem); }
  html:not([data-comp]) .row__client { white-space:nowrap; }
  html:not([data-comp]) .row__name { font-size:max(13px,1.2rem); }
  html:not([data-comp]) .index__hrow { font-size:max(10px,.8rem); }
  html:not([data-comp]) .beat__t { font-size:max(11px,.9rem); }
  html:not([data-comp]) :is(.footer__h,.footer__up) { font-size:max(12px,1.1rem); }
}
.cp__note { margin: 0; font: 400 max(14px,1.4rem)/1.5 var(--font-body); color: var(--ink); }
.cp__note a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.cp__form.is-sent .cp__field, .cp__form.is-sent .cp__send, .cp__form.is-sent .cp__formh { display: none; }
.cp__form.is-sent .cp__note { font: italic 400 max(20px,2.4rem)/1.3 var(--font-accent); }
.practice + .spotlights { padding-top: 7rem; }
.spotlights + .index { padding-top: 0; }
.slk--solo { padding:2rem 2.4rem 2.4rem; }
.slk--solo .slk__att { margin:0; padding:0; border-left:0; }
.slk--solo .slk__att-t { font-size:max(12px,1.2rem); margin-bottom:1.6rem; }
.slk--solo .slk__att svg { height:20rem; }
.stt { overflow-x: auto; }
.stt table { width: 100%; min-width: 64rem; border-collapse: collapse; font: 400 max(13px,1.3rem)/1.45 var(--font-body); color: var(--ink); }
.stt caption { text-align: left; padding-bottom: 1.2rem; }
.stt th { text-align: left; padding: .8rem 1.2rem .8rem 0; font: 500 max(11px,.8rem) var(--font-body); letter-spacing: .22em; color: var(--hrow); border-bottom: 1px solid var(--hair-2); }
.stt td { vertical-align: top; padding: 1.2rem 1.6rem 1.2rem 0; border-bottom: 1px solid var(--hair); }
.stt td:first-child { font-weight: 600; }
@media (max-width:1023px) { html:not([data-comp]) .stt { grid-column: 1 / -1 !important; margin-top: 2.4rem; } }
.dsum { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4.8rem; margin: 6.4rem 0 0; border-bottom: 1px solid var(--hair); }
.dsum__r { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: baseline; padding: 1.4rem 0; border-top: 1px solid var(--hair); }
.dsum__r:first-child { border-top-color: var(--hair-2); }
.dsum dt { grid-column: 1; margin: 0; }
.dsum dd { grid-column: 2 / 4; margin: 0; font: 400 max(15px,1.6rem)/1.45 var(--font-body); color: var(--ink); text-wrap: pretty; }
.dsum + .cg__h { margin-top: 4.8rem; }
@media (max-width:1023px) {
  html:not([data-comp]) .dsum { display: block; margin-top: 4rem; }
  html:not([data-comp]) .dsum__r { display: flex; flex-direction: column; gap: .6rem; }
}
html:not([data-comp]) :is(.casenav__l,.bypractice__l,.currently__l,.tl__key) { font-size: max(12px,.8rem); }
@media (max-width:639px) {
  html:not([data-comp]) .nav__right > .nav__item:not(.toggle):not(.is-current) { padding: 1.2rem .4rem; margin: -1.2rem -.4rem; }
  html:not([data-comp]) .nav__right > .nav__item.is-current { padding: 1.2rem .4rem 1.6rem; margin: -1.2rem -.4rem -1.6rem; }
  html:not([data-comp]) .footer__col a, html:not([data-comp]) .footer__up { padding: 1.2rem 0; margin: -1.2rem 0; }
  html:not([data-comp]) .casenav a { padding: 1rem 0; margin: -1rem 0; }
}
.aeg { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4.8rem; row-gap: 3.2rem; margin-top: 4.8rem; padding-top: 2.4rem; border-top: 1px solid var(--hair); }
.aeg__head { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 4.8rem; align-items: baseline; }
.aeg__head .t__p { grid-column: 2 / 4; margin: 0; }
.aeg__wide { grid-column: span 2; }
.aeg .m__f { background: #000; }
@media (max-width:1023px) {
  html:not([data-comp]) .aeg, html:not([data-comp]) .aeg__head { grid-template-columns: 1fr; }
  html:not([data-comp]) .aeg__head .t__p { grid-column: 1; margin-top: 1.2rem; }
  html:not([data-comp]) .aeg__wide { grid-column: auto; }
  html:not([data-comp]) .aeg .m__f { height: auto !important; aspect-ratio: auto; }
  html:not([data-comp]) .aeg .m__f > img { position: static !important; height: auto !important; }
}
html:not([data-comp]) .dg { height: auto; min-height: var(--h); }
html:not([data-comp]) .dg > .con { min-height: var(--h); gap: 2.4rem; box-sizing: border-box; }
html:not([data-comp]) .con__i svg { max-width: 100%; }
.board--case :is(.dg,.dsum,.stt,.aeg) { position: relative; z-index: 1; background: var(--ground); }
html:not([data-comp]) .board--case .aeg .m__f { height: 14rem !important; aspect-ratio: auto !important; width: 100% !important; }
html:not([data-comp]) .board--case .aeg .aeg__wide .m__f, html:not([data-comp]) .board--case .aeg .m:nth-last-child(2) .m__f { height: 22rem !important; }
html:not([data-comp]) .board--case .aeg .m__f > img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: contain !important; }
@media (max-width:1023px) { html:not([data-comp]) .board--case .aeg .m__f, html:not([data-comp]) .board--case .aeg .aeg__wide .m__f, html:not([data-comp]) .board--case .aeg .m:nth-last-child(2) .m__f { height: 16rem !important; } }
html:not([data-comp]) .board--case .aeg > .m:nth-child(n+5):nth-child(-n+7) .m__f { height: 19rem !important; }
.step--wide > .ev--2 { column-gap:inherit; }
.slk__plot { position:relative; }
.slk__att .slk__plot svg { stroke-width:2; stroke-linejoin:round; stroke-linecap:round; overflow:visible; }
.slk__att svg .slk__area { fill:var(--ink); fill-opacity:.07; stroke:none; }
.slk__dot { position:absolute; width:1rem; height:1rem; min-width:8px; min-height:8px; border-radius:50%; background:var(--ink); transform:translate(-50%,-50%); box-shadow:0 0 0 .5rem color-mix(in srgb, var(--ink) 14%, transparent); }
html .board--case .m__f.m__f--match, html .m__f.m__f--match { height:auto !important; aspect-ratio:var(--ar) !important; width:100% !important; }
html .m__f.m__f--match > :is(img,video) { object-fit:cover !important; object-position:var(--pos,50% 50%); }
@media (min-width:1024px) {
  .spot__band--1 { container-type:inline-size; }
  html .spotlights .spot__band--1 a.card[href] .card__img { aspect-ratio:auto; height:calc((58cqw - 2.4rem) / 1.6); }
}