:root{--ink:#111513;--paper:#f3efe7;--warm:#e7dccb;--gold:#c19a60;--green:#64805f;--muted:#6f6a63;--line:rgba(17,21,19,.15);--pad:clamp(1.25rem,5vw,5.5rem);--serif:var(--tevo-cjk);--sans:var(--tevo-cjk);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:#f7f2e9;font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--gold);color:var(--ink)}
section[id]{scroll-margin-top:4.25rem}
.dj-nav{position:fixed;z-index:50;inset:0 0 auto;height:4.25rem;padding:0 var(--pad);display:flex;align-items:center;gap:1.5rem;background:rgba(12,15,14,.86);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}.dj-brand{display:flex;align-items:center;gap:.8rem}.dj-brand img{width:3.8rem}.dj-brand span{padding-left:.8rem;border-left:1px solid rgba(255,255,255,.22);font-family:var(--serif);font-size:.84rem;color:#d8bd95}.dj-nav nav{display:flex;gap:1.6rem;margin-left:auto}.dj-nav nav a{font-size:.78rem;color:rgba(255,255,255,.6)}.dj-nav nav a:hover,.dj-nav nav a.is-active{color:#fff}.dj-back{min-height:2.35rem;padding:.55rem .9rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:.75rem}.dj-nav a:focus-visible,.dj-button:focus-visible,.dj-talent-list button:focus-visible,.dj-deploy:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.dj-wrap{position:relative;z-index:3;width:min(100%,82rem);margin:0 auto}.dj-copy h1,.dj-heading h2{margin:0;font-family:var(--serif);font-weight:600;letter-spacing:-.035em;text-wrap:balance}.dj-copy h1{max-width:11em;font-size:clamp(3.4rem,6.5vw,6rem);line-height:1.08}.dj-copy p,.dj-heading p{max-width:43rem;margin:1.6rem 0 0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.8;color:var(--muted);text-wrap:pretty}.dj-copy-light p,.dj-heading-light p{color:rgba(255,255,255,.72)}.dj-heading h2{max-width:13em;font-size:clamp(2.7rem,5.4vw,5.2rem);line-height:1.12}.dj-button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;margin-top:2rem;padding:.75rem 1.2rem;border-radius:999px;background:#f5f0e7;color:var(--ink);font-size:.9rem;font-weight:700;transition:transform .25s var(--ease)}.dj-button:hover{transform:translateY(-2px)}
.dj-hero{position:relative;min-height:100svh;padding:8rem var(--pad) 4rem;display:flex;align-items:center;isolation:isolate;overflow:hidden}.dj-hero>img,.dj-replan>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dj-hero-shade,.dj-replan-shade{position:absolute;z-index:1;inset:0}.dj-hero-shade{background:linear-gradient(90deg,rgba(7,9,8,.97) 0%,rgba(7,9,8,.86) 37%,rgba(7,9,8,.18) 72%),linear-gradient(180deg,rgba(7,9,8,.4),transparent 34%,rgba(7,9,8,.78))}.dj-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,.58fr);align-items:end;gap:clamp(2rem,7vw,8rem)}.dj-copy-light{padding-bottom:4vh}.dj-live{margin-top:30vh;background:rgba(16,20,19,.88);border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.34);backdrop-filter:blur(14px)}.dj-live-head{height:3.5rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);font-size:.72rem}.dj-live-head span{display:flex;align-items:center;gap:.55rem}.dj-live-head i{width:.45rem;height:.45rem;border-radius:50%;background:#7daf74;box-shadow:0 0 0 .3rem rgba(125,175,116,.12)}.dj-live-head b{color:#a9c1a4}.dj-live article{display:grid;grid-template-columns:1.2fr .8fr auto;gap:.8rem;align-items:center;min-height:4.1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:.72rem}.dj-live article:last-child{border:0}.dj-live article b{color:#d8c09a}.dj-live article em{font-style:normal;color:rgba(255,255,255,.53);font-size:.66rem}
.dj-people{padding:clamp(7rem,12vh,10rem) var(--pad);background:var(--paper);color:var(--ink)}.dj-people .dj-heading{display:grid;grid-template-columns:minmax(0,.95fr) minmax(20rem,.65fr);align-items:end;gap:4rem}.dj-talent{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(24rem,1.28fr);gap:clamp(2rem,6vw,6rem);margin-top:5rem;align-items:start}.dj-talent-list{display:grid;border-top:1px solid var(--line)}.dj-talent-list button{display:grid;grid-template-columns:7rem 1fr auto;align-items:center;gap:1rem;min-height:5.1rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.dj-talent-list button:hover,.dj-talent-list button.is-active{background:#e8dfd1;padding-inline:1rem}.dj-talent-list span,.dj-talent-list small{font-size:.72rem;color:var(--muted)}.dj-talent-list strong{font-size:.92rem}.dj-skill-sheet{padding:clamp(1.6rem,3vw,2.6rem);background:#fff;border-radius:14px;box-shadow:0 28px 70px -45px rgba(17,21,19,.45)}.dj-skill-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem}.dj-skill-top b{color:var(--green)}.dj-skill-sheet h3{margin:3rem 0 .8rem;font-family:var(--serif);font-size:clamp(2rem,4vw,3.6rem);line-height:1.15}.dj-skill-sheet>p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.75}.dj-skill-sheet dl{display:grid;grid-template-columns:repeat(4,1fr);margin:2rem 0;border-block:1px solid var(--line)}.dj-skill-sheet dl div{padding:1rem .6rem;border-right:1px solid var(--line)}.dj-skill-sheet dl div:last-child{border:0}.dj-skill-sheet dt{font-size:.66rem;color:var(--muted)}.dj-skill-sheet dd{margin:.45rem 0 0;font-weight:700}.dj-tags{display:flex;flex-wrap:wrap;gap:.5rem}.dj-tags span{padding:.45rem .68rem;border-radius:999px;background:#eee7dc;color:#5e574f;font-size:.7rem}.dj-skill-sheet>small{display:block;margin-top:1.4rem;color:#8d877f;font-size:.65rem}
.dj-match{padding:clamp(7rem,12vh,10rem) var(--pad);background:#101513}.dj-match-grid{display:grid;grid-template-columns:minmax(18rem,.7fr) minmax(28rem,1.3fr);gap:clamp(3rem,7vw,8rem);align-items:center}.dj-match-board{padding:clamp(1.3rem,3vw,2rem);border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#18201d}.dj-event{padding:1.3rem;background:#f0e8da;color:var(--ink);border-radius:12px}.dj-event span{font-size:.68rem;color:#856744}.dj-event h3{margin:1.3rem 0 .35rem;font-family:var(--serif);font-size:1.8rem}.dj-event p{margin:0;color:#746a5f;font-size:.75rem}.dj-route{height:4rem;position:relative}.dj-route::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--gold)}.dj-route i{position:absolute;bottom:0;width:.45rem;height:.45rem;border-radius:50%;background:var(--gold)}.dj-route i:nth-child(1){left:16%}.dj-route i:nth-child(2){left:50%}.dj-route i:nth-child(3){right:16%}.dj-route::after{content:"";position:absolute;left:16%;right:16%;bottom:.2rem;height:1px;background:var(--gold)}.dj-candidates{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.dj-candidates article{min-height:10rem;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;flex-direction:column}.dj-candidates article.is-chosen{background:#d9bd8d;color:var(--ink);border-color:transparent}.dj-candidates span,.dj-candidates small{font-size:.65rem;color:rgba(255,255,255,.5)}.dj-candidates .is-chosen span,.dj-candidates .is-chosen small{color:#6c5738}.dj-candidates b{margin:auto 0 .7rem;font-size:.85rem}.dj-candidates em{font-style:normal;color:#d3b37e;font-size:.7rem}.dj-candidates .is-chosen em{color:#31573b}.dj-candidates small{margin-top:.35rem;line-height:1.45}.dj-deploy{width:100%;min-height:3rem;margin-top:1rem;border:0;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:750;cursor:pointer}.dj-deploy:disabled{background:#71806f;color:#fff;cursor:default}
.dj-replan{position:relative;min-height:105svh;padding:8rem var(--pad);display:flex;align-items:center;isolation:isolate;overflow:hidden}.dj-replan>img{object-position:center}.dj-replan-shade{background:linear-gradient(90deg,rgba(8,10,9,.94),rgba(8,10,9,.65) 52%,rgba(8,10,9,.32)),linear-gradient(180deg,rgba(8,10,9,.45),rgba(8,10,9,.78))}.dj-replan-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(23rem,.58fr);gap:clamp(3rem,9vw,10rem);align-items:end}.dj-shift{margin-top:26vh;background:rgba(15,18,17,.86);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}.dj-shift div{display:grid;grid-template-columns:3.5rem 1fr auto;gap:.8rem;align-items:center;min-height:4.8rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.dj-shift div:last-child{border:0}.dj-shift span,.dj-shift em{font-size:.68rem;font-style:normal;color:rgba(255,255,255,.48)}.dj-shift b{font-size:.82rem}.dj-shift .is-done{background:rgba(100,128,95,.24)}.dj-shift .is-done em{color:#aac6a4}
.dj-learn{padding:clamp(7rem,12vh,10rem) var(--pad);background:var(--paper);color:var(--ink)}.dj-learn-grid{display:grid;grid-template-columns:minmax(18rem,.78fr) minmax(25rem,1.22fr);gap:clamp(3rem,8vw,9rem);align-items:start}.dj-loop{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.dj-loop li{display:grid;grid-template-columns:8rem 1fr;gap:1.5rem;align-items:center;min-height:5.6rem;border-bottom:1px solid var(--line)}.dj-loop span{color:#8b6a3d;font-size:.75rem}.dj-loop b{font-size:1rem}.dj-final{grid-column:1/-1;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:2rem}.dj-final strong{max-width:15em;font-family:var(--serif);font-size:clamp(2rem,4vw,3.8rem);line-height:1.25}.dj-button-dark{margin:0;background:var(--ink);color:#fff;flex:none}
[data-enter]{opacity:1;transform:none}.js [data-enter]{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform 1s var(--ease)}.js [data-enter].is-in{opacity:1;transform:none}
@media(max-width:900px){.dj-nav nav{display:none}.dj-back{margin-left:auto}.dj-hero-grid,.dj-match-grid,.dj-replan-grid,.dj-learn-grid{grid-template-columns:1fr}.dj-live,.dj-shift{margin-top:2rem;max-width:36rem;margin-left:auto}.dj-people .dj-heading{grid-template-columns:1fr;gap:0}.dj-talent{grid-template-columns:1fr}.dj-final{grid-column:auto}}
@media(max-width:600px){.dj-nav{height:4rem}.dj-brand span{display:none}.dj-hero{padding:7rem 1.25rem 3rem;align-items:end}.dj-hero>img{object-position:68% center}.dj-hero-shade{background:linear-gradient(180deg,rgba(7,9,8,.32),rgba(7,9,8,.67) 42%,rgba(7,9,8,.98) 78%)}.dj-copy h1{font-size:clamp(2.8rem,13vw,4rem)}.dj-heading h2{font-size:clamp(2.45rem,12vw,3.6rem)}.dj-live article{grid-template-columns:1fr auto}.dj-live article b{grid-column:1}.dj-people,.dj-match,.dj-learn{padding:6.5rem 1.25rem}.dj-talent{margin-top:3rem}.dj-talent-list button{grid-template-columns:5.5rem 1fr}.dj-talent-list small{grid-column:2}.dj-skill-sheet dl{grid-template-columns:1fr 1fr}.dj-skill-sheet dl div:nth-child(2){border-right:0}.dj-skill-sheet dl div:nth-child(-n+2){border-bottom:1px solid var(--line)}.dj-candidates{grid-template-columns:1fr}.dj-candidates article{min-height:7.5rem}.dj-replan{min-height:100svh;padding:7rem 1.25rem 4rem;align-items:end}.dj-replan>img{object-position:70% center}.dj-replan-shade{background:linear-gradient(180deg,rgba(8,10,9,.25),rgba(8,10,9,.72) 44%,rgba(8,10,9,.98) 78%)}.dj-shift div{grid-template-columns:3rem 1fr}.dj-shift em{grid-column:2}.dj-final{display:block}.dj-final .dj-button{margin-top:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-enter]{opacity:1;transform:none;transition:none}}

/* Legibility and touch-quality overrides. */
:root{--green:#456b48;--muted:#5f5a54}
.dj-live-head{height:auto;min-height:3.5rem;padding:.75rem 1rem}
.dj-live article em{color:rgba(255,255,255,.66);font-size:.7rem}
.dj-talent-list{padding-top:.5rem}
.dj-skill-sheet dt{font-size:.7rem}
.dj-skill-sheet>small{color:#716b64;font-size:.7rem}
.dj-event span{font-size:.7rem;color:#76562f}
.dj-event p{color:#625951}
.dj-candidates span,.dj-candidates small{font-size:.7rem;color:rgba(255,255,255,.64)}
.dj-candidates .is-chosen span,.dj-candidates .is-chosen small{color:#554329}
.dj-shift span,.dj-shift em{font-size:.7rem;color:rgba(255,255,255,.64)}
.dj-loop{padding-top:.5rem}.dj-loop li{padding:.5rem 0}
