@charset "UTF-8";
:root{--navy:#142d4d;--blue:#245ddd;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--navy);font:500 15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%}h1,p,figure{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #bf6029;outline-offset:5px}::selection{background:#ffe478;color:var(--navy)}
.study-bar{padding:8px 24px;min-height:52px;display:flex;align-items:center;gap:24px;background:#eef0f3;color:#344861;font-size:11px;position:relative;z-index:10}
.study-top{display:flex;align-items:center;gap:14px;flex:none}.study-top>a{font-weight:700}.study-top>span{display:none}.study-toggle{display:none}
.study-panel,.study-panel[hidden]{display:flex;gap:20px;align-items:center;flex:1}.study-panel nav{display:flex;gap:5px;flex:1;justify-content:center}.study-panel nav a{padding:6px 12px;line-height:1.4;border-radius:3px;font:600 11px/1.5 Arial,sans-serif}.study-panel nav a[aria-current]{background:var(--navy);color:white}.study-panel nav a:hover{background:#d5dfe9}.study-panel nav a[aria-current]:hover{background:var(--navy)}.study-motion{display:flex;gap:8px}.study-motion button{font-size:10px;background:white;border:1px solid #cad3df;border-radius:4px;padding:6px 10px;white-space:nowrap}
.recruit-header{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;position:relative;z-index:4}.recruit-brand{font:900 24px/1 Arial,sans-serif;letter-spacing:-1px}.recruit-brand>span{display:block;font:700 8px/1 Arial,sans-serif;letter-spacing:3.4px;margin-top:8px}.recruit-company{font-size:10px;letter-spacing:.06em}
.recruit-hero{position:relative;min-height:calc(100svh - 128px);overflow:hidden;isolation:isolate}.recruit-copy{position:relative;z-index:3}.recruit-role{font-size:14px;line-height:1.6;letter-spacing:.07em;font-weight:700}.recruit-role:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;vertical-align:middle;margin-right:9px}
h1{font-size:clamp(44px,4.6vw,68px);font-weight:900;letter-spacing:-.065em;line-height:1.17}.recruit-description{font-size:15px;line-height:1.85;letter-spacing:0}.recruit-ctas{display:flex;gap:10px;justify-content:center;margin-top:23px}.recruit-cta{font-size:13px;font-weight:700;border-radius:5px;min-height:49px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1.5px solid var(--navy);min-width:205px;background:transparent;transition:background .15s,transform .15s}.recruit-cta>span{font:22px/1 Arial,sans-serif}.recruit-cta:hover{transform:translateY(-2px);background:#dceaff}.recruit-cta.cta-line{background:var(--blue);color:white;border-color:var(--blue)}.recruit-cta.cta-line:hover{background:#1646b3}.connection-status{height:24px;font-size:11px;line-height:1.6;margin-top:7px;text-align:center}
/* 06 — large colour planes gather around the open seat. */
.concept-6 .recruit-site{background:#f7f1e7}
.hero-6{display:flex;flex-direction:column;justify-content:space-between;padding:20px 6% 12px;gap:18px}
.hero-6 .recruit-copy{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto auto;column-gap:8%;align-items:start;max-width:1240px;width:100%;margin:0 auto}
.hero-6 .recruit-role{grid-column:1/-1;margin-bottom:18px}.hero-6 h1{grid-column:1;grid-row:2/5;color:var(--blue)}.hero-6 .recruit-description{grid-column:2;grid-row:2;padding-top:8px}.hero-6 .recruit-ctas{grid-column:2;grid-row:3;justify-content:start;margin-top:21px;flex-wrap:wrap}.hero-6 .connection-status{grid-column:2;grid-row:4;text-align:left}
.seating-stage{position:relative;isolation:isolate;max-width:1130px;width:100%;height:clamp(310px,44vh,440px);margin:0 auto;flex:none}
.seating-stage:after{content:"";position:absolute;bottom:0;left:-12%;right:-12%;height:1px;background:#dccfbe;z-index:1}
.seat-pattern{position:absolute;pointer-events:none;z-index:0;transform-origin:center;will-change:transform,opacity}
.seat-pattern-teal{left:-22%;bottom:26%;width:58%;height:47%;border:clamp(38px,5.2vw,72px) solid #28b8c8;border-radius:50%;transform:rotate(18deg)}
.seat-pattern-left{left:-20%;bottom:-31%;width:88%;height:79%;border-radius:52% 52% 46% 29%/49% 46% 58% 42%;background:#245ddd;transform:rotate(7deg)}
.seat-pattern-left:after{content:"";position:absolute;width:24%;height:34%;left:1%;top:31%;border-radius:50%;background:#f7f1e7;transform:rotate(-13deg)}
.seat-pattern-halo{left:47%;bottom:-8%;width:45%;height:79%;border:clamp(42px,5.7vw,78px) solid #ffd75a;border-radius:50%}
.seat-pattern-right{right:-23%;bottom:-28%;width:64%;height:92%;border-radius:48% 36% 50% 49%/38% 48% 50% 62%;background:#f06449;transform:rotate(-11deg)}
.seat-pattern-right:after{content:"";position:absolute;width:25%;height:26%;right:8%;top:16%;border-radius:50%;background:#f7f1e7;transform:rotate(18deg)}
.seating-stage img{position:absolute;object-fit:contain;object-position:center bottom;max-width:none;bottom:0;height:100%;width:30%;z-index:2}
.seating-stage .seated-third{left:-1%;height:98%;width:27%}.seating-stage .seated-invite{left:22%;width:30%;height:100%}.seating-stage .seated-welcome{right:-1%;width:29%;height:99%}
.seating-stage .empty-chair{left:51%;width:22%;height:77%;bottom:5px;transform:translateY(8px) scale(1.025);transform-origin:center bottom;z-index:3}
.motion-live .seat-pattern-teal{animation:c6-teal-in .68s .04s both cubic-bezier(.16,.78,.24,1)}
.motion-live .seat-pattern-left{animation:c6-left-in .72s .08s both cubic-bezier(.16,.78,.24,1)}
.motion-live .seat-pattern-right{animation:c6-right-in .72s .18s both cubic-bezier(.16,.78,.24,1)}
.motion-live .seat-pattern-halo{animation:c6-halo-in .46s .62s both cubic-bezier(.2,.76,.28,1)}
.motion-live .seated{animation:c6-person-in .42s 1.1s both ease-out}.motion-live .seated-invite{animation-delay:1.2s}.motion-live .seated-welcome{animation-delay:1.3s}
.motion-live .empty-chair{animation:c6-seat-in .48s 1.5s both cubic-bezier(.2,.78,.25,1)}
@keyframes c6-teal-in{from{opacity:0;transform:translateX(-72%) rotate(7deg)}78%{opacity:1;transform:translateX(2%) rotate(19deg)}to{opacity:1;transform:translateX(0) rotate(18deg)}}
@keyframes c6-left-in{from{opacity:0;transform:translateX(-86%) rotate(-4deg)}78%{opacity:1;transform:translateX(2%) rotate(8deg)}to{opacity:1;transform:translateX(0) rotate(7deg)}}
@keyframes c6-right-in{from{opacity:0;transform:translateX(88%) rotate(-2deg)}78%{opacity:1;transform:translateX(-2%) rotate(-12deg)}to{opacity:1;transform:translateX(0) rotate(-11deg)}}
@keyframes c6-halo-in{from{opacity:0;transform:scale(.72)}72%{opacity:1;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes c6-person-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes c6-seat-in{from{opacity:0;transform:translateY(28px) scale(.94)}72%{opacity:1;transform:translateY(3px) scale(1.045)}to{opacity:1;transform:translateY(8px) scale(1.025)}}
/* 07 — the band is both a surface for type and a physical occluder. */
.hero-7{--band:clamp(440px,45vw,630px);height:calc(100svh - 128px);min-height:600px;max-height:900px;background:#fff}
.blue-panel{position:absolute;width:var(--band);left:calc(50% - var(--band)/2);inset-block:0;background:#245ddd;z-index:2}
.hero-7 .recruit-copy{width:var(--band);margin:auto;text-align:center;color:white;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 34px}
.hero-7 h1{font-size:clamp(40px,4vw,58px);line-height:1.35;margin:22px 0 25px;letter-spacing:-.045em}.hero-7 .recruit-role{font-size:13px;letter-spacing:.015em}.hero-7 .recruit-description{font-size:14px;line-height:2}.hero-7 .recruit-ctas{flex-direction:column;width:min(290px,100%);margin-top:30px;gap:10px}.hero-7 .recruit-cta{width:100%;min-width:0;border-color:white;color:white;background:transparent}.hero-7 .recruit-cta.cta-line{background:white;color:#194dbc}.hero-7 .recruit-cta:hover{background:#194dbc}.hero-7 .recruit-cta.cta-line:hover{background:#e9f0ff}.hero-7 .connection-status{margin-top:9px}
.peek-window{position:absolute;overflow:hidden;z-index:1}.peek-person{max-width:none;width:100%;height:100%;object-fit:contain;object-position:bottom;transform-origin:center bottom}
.peek-upper{width:300px;height:420px;left:calc(50% - var(--band)/2 - 220px);top:10px;--peek-from:100%}.peek-upper .peek-person{rotate:-11deg}
.peek-right{width:350px;height:320px;right:calc(50% - var(--band)/2 - 310px);bottom:0;--peek-from:-100%;z-index:3}
.peek-lower{width:260px;height:330px;left:calc(50% - var(--band)/2 - 215px);bottom:-2px;--peek-from:100%;z-index:3}
.motion-live .peek-person{animation:peek-out .85s .12s both cubic-bezier(.18,.7,.25,1)}.motion-live .peek-right .peek-person{animation-delay:.42s}.motion-live .peek-lower .peek-person{animation-delay:.72s}
@keyframes peek-out{from{transform:translateX(var(--peek-from))}to{transform:translateX(0)}}
/* 08 — horizontal photographs with a diagonal cut and a quiet white centre. */
.hero-8{min-height:calc(100svh - 128px);height:676px;max-height:900px;background:white}
.hero-8 .recruit-copy{width:76%;max-width:960px;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%);text-align:center;padding:20px 0;z-index:3}
.hero-8 .recruit-role{font-size:13px}.hero-8 h1{font-size:clamp(40px,4.4vw,66px);margin:23px 0 21px;line-height:1.32}.hero-8 h1:after{content:"";width:55px;height:4px;background:var(--blue);display:block;margin:22px auto 0}.hero-8 .recruit-description{font-size:14px}.hero-8 .recruit-ctas{margin-top:20px}
.diagonal-gallery{position:absolute;inset:0;z-index:1;pointer-events:none}.diagonal-scene{position:absolute}.diagonal-photo{height:100%;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);overflow:hidden;background:#eaf1f8}.diagonal-photo img{width:100%;height:100%;object-fit:cover;max-width:none}.diagonal-scene figcaption{font-size:10px;letter-spacing:.03em;padding:7px 0 0 10%;white-space:nowrap}.diagonal-scene figcaption>span{font:700 9px/1 Arial,sans-serif;color:var(--blue);margin-right:9px}
.diagonal-1{width:37%;height:155px;left:0;top:0}.diagonal-1 img{object-position:50% 42%}.diagonal-2{width:28%;height:160px;right:-2%;top:60px}.diagonal-2 img{object-position:37% 42%}.diagonal-3{width:42%;height:160px;right:1%;bottom:27px}.diagonal-3 img{object-position:50% 45%}
.motion-live .diagonal-photo{animation:open-photo 1s .1s both cubic-bezier(.18,.7,.25,1)}.motion-live .diagonal-2 .diagonal-photo{animation-delay:.4s}.motion-live .diagonal-3 .diagonal-photo{animation-delay:.7s}
@keyframes open-photo{from{clip-path:polygon(9% 0,9% 0,0 100%,0 100%)}to{clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}}
/* 09 — no entrance: four independent, slow, one-way translations. */
.concept-9 .recruit-site{background:#f7d859}.hero-9{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;padding:45px 5% 9px;min-height:calc(100svh - 128px)}
.hero-9 .recruit-copy{text-align:center;flex:none}.hero-9 .recruit-role{font-size:14px}.hero-9 h1{font-size:clamp(44px,4.8vw,70px);line-height:1.23;margin:22px 0 20px}.hero-9 .recruit-description{font-size:14px}.hero-9 .recruit-cta{border-color:var(--navy)}.hero-9 .recruit-cta.cta-line{background:var(--navy);border-color:var(--navy)}.hero-9 .recruit-cta:hover{background:#ffe99a}.hero-9 .recruit-cta.cta-line:hover{background:#244875}
.forward-stage{position:relative;width:min(100%,1040px);height:clamp(265px,35vh,345px);margin:0 auto;flex:none}
.forward-person{position:absolute;width:25%;height:100%;max-width:none;object-fit:contain;object-position:bottom}
.forward-1{left:0%;bottom:11px;height:91%;--advance:25px;--duration:26s}.forward-2{left:23%;bottom:0;height:100%;--advance:34px;--duration:30s}.forward-3{left:45%;bottom:20px;height:90%;--advance:28px;--duration:24s}.forward-4{left:69%;bottom:2px;height:98%;--advance:45px;--duration:34s}
.motion-live .forward-person{animation:one-way var(--duration) linear both}
@keyframes one-way{from{transform:translateX(0)}to{transform:translateX(var(--advance))}}
.motion-paused *{animation-play-state:paused!important}
@media(min-width:701px) and (max-width:1050px){
 .study-bar{padding:8px 14px;gap:12px}.study-panel{gap:12px}.study-panel nav{gap:3px}.study-panel nav a{padding:7px 8px}.study-motion button{font-size:9px;padding:7px}
 .hero-6{padding-inline:4%;gap:12px}.hero-6 .recruit-copy{column-gap:4%;grid-template-columns:1fr 1.1fr}.hero-6 h1{font-size:43px}.hero-6 .recruit-description{font-size:13px}.hero-6 .recruit-ctas{gap:8px}.hero-6 .recruit-cta{min-width:0;font-size:11px;padding:10px 12px;gap:12px}.seating-stage{height:350px}
 .hero-7{--band:420px}.hero-7 h1{font-size:43px}.peek-upper{width:240px;height:370px;left:calc(50% - var(--band)/2 - 167px)}.peek-right{width:260px;height:250px;right:calc(50% - var(--band)/2 - 215px)}.peek-lower{width:200px;height:280px;left:calc(50% - var(--band)/2 - 160px)}
 .hero-8 .recruit-copy{width:90%}.hero-8 h1{font-size:43px}.diagonal-1{width:46%;height:165px}.diagonal-2{width:34%;height:155px;top:70px}.diagonal-3{width:49%;height:180px}
 .hero-9{justify-content:center;gap:45px;padding-top:50px}.hero-9 h1{font-size:50px}.forward-stage{height:300px}.forward-person{--advance:20px}
}
@media(min-width:701px) and (max-height:760px){
 .recruit-header{height:66px}.recruit-hero{min-height:calc(100svh - 118px)}.hero-6{gap:8px;padding-top:8px}.hero-6 h1{font-size:48px}.hero-6 .recruit-role{margin-bottom:12px}.hero-6 .recruit-description{font-size:13px}.hero-6 .recruit-ctas{margin-top:14px}.seating-stage{height:300px}
 .hero-7{height:calc(100svh - 118px);min-height:570px}.hero-7 h1{font-size:44px;margin:16px 0}.hero-7 .recruit-ctas{margin-top:20px}.peek-upper{height:380px}.peek-right{height:285px}.peek-lower{height:290px}
 .hero-8{height:650px}.hero-8 h1{font-size:46px}.diagonal-1{height:140px}.diagonal-2{height:145px}.diagonal-3{height:145px}
 .hero-9{padding-top:20px;gap:10px}.hero-9 h1{font-size:50px;margin:15px 0}.hero-9 .recruit-ctas{margin-top:14px}.forward-stage{height:250px}
}
@media(max-width:700px){
 .study-bar{display:block;padding:0 16px;min-height:42px}.study-top{height:42px;justify-content:space-between;gap:8px;font-size:10px}.study-top>span{display:inline;font-size:9px}.study-top>span{max-width:34%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.study-toggle{display:block;background:transparent;padding:7px 0;font-size:10px;white-space:nowrap}.study-panel,.study-panel[hidden]{display:none}.study-panel:not([hidden]){display:block;padding:0 0 12px}.study-panel nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.study-panel nav a{padding:9px 0;background:#dfe5ec;text-align:center;font-size:10px}.study-motion{justify-content:end;margin-top:9px}.study-motion button{font-size:10px}
 .recruit-header{height:64px;padding:0 20px}.recruit-brand{font-size:22px}.recruit-brand>span{font-size:7px;letter-spacing:3px}.recruit-company{display:none}
 .recruit-hero{min-height:0}.recruit-role{font-size:13px;letter-spacing:.015em;line-height:1.7}.recruit-role:before{width:5px;height:5px;margin-right:6px}h1{font-size:clamp(32px,8.5vw,44px);line-height:1.3;letter-spacing:-.065em}.recruit-description{font-size:14px;line-height:1.9}.recruit-description br{display:none}.recruit-ctas{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px;width:100%}.recruit-cta{width:100%;min-width:0;font-size:14px;padding:12px 17px;min-height:48px}.connection-status{height:30px;font-size:11px;margin-top:8px}
 .hero-6{display:flex;gap:16px;padding:20px 20px 20px;justify-content:start}.hero-6 .recruit-copy{display:flex;flex-direction:column;text-align:left}.hero-6 .recruit-role{margin:0 0 19px}.hero-6 h1{font-size:clamp(35px,9.4vw,49px)}.hero-6 .recruit-description{padding:0;margin-top:20px;font-size:14px}.hero-6 .recruit-ctas{display:grid;margin-top:21px;order:4}.hero-6 .connection-status{order:5;text-align:left;width:100%;margin-bottom:0}
 .seating-stage{height:clamp(170px,49vw,265px);width:calc(100% + 20px);margin:0 -10px;order:2;flex:none}.hero-6 .recruit-copy{display:contents}.hero-6 .recruit-role{order:0}.hero-6 h1{order:0;margin-top:-7px}.hero-6 .recruit-description{order:3;margin-top:2px}.hero-6 .recruit-ctas{margin-top:0}.hero-6 .connection-status{margin-top:-10px}
 .seating-stage .seated-third{width:28%;left:-1%;height:98%}.seating-stage .seated-invite{left:21%;width:32%;height:100%}.seating-stage .empty-chair{left:51%;width:23%;height:77%;bottom:3px}.seating-stage .seated-welcome{right:-2%;width:30%;height:99%}
 .hero-7{--band:calc(100% - 72px);height:auto;min-height:930px;max-height:none;padding:0;background:white}
 .hero-7 .recruit-copy{width:var(--band);padding:242px 19px 285px;min-height:930px;justify-content:start}.hero-7 .recruit-role{font-size:11px;letter-spacing:-.015em;white-space:nowrap}.hero-7 h1{font-size:clamp(27px,7.1vw,39px);line-height:1.4;letter-spacing:-.07em;margin:18px 0 20px}.hero-7 .recruit-description{font-size:13px;line-height:1.95}.hero-7 .recruit-ctas{margin-top:22px;width:100%;gap:9px}.hero-7 .recruit-cta{font-size:12px;min-height:46px;padding:10px 12px;gap:8px}.hero-7 .connection-status{font-size:10px}
 .peek-upper{width:210px;height:280px;left:-14px;top:8px;z-index:3}.peek-upper .peek-person{rotate:-11deg}.peek-right{width:255px;height:230px;right:-15px;bottom:95px;z-index:3}.peek-lower{width:178px;height:245px;left:-5px;bottom:-4px;z-index:3}.blue-panel{z-index:0}
 .hero-8{height:1030px;min-height:1030px;max-height:none}.hero-8 .recruit-copy{top:212px;transform:translateX(-50%);padding:0;width:calc(100% - 40px);max-width:500px}.hero-8 .recruit-role{font-size:12px}.hero-8 h1{font-size:clamp(28px,7.6vw,42px);line-height:1.4;letter-spacing:-.08em;margin:22px -5px 20px}.hero-8 h1:after{width:40px;height:3px;margin-top:18px}.hero-8 .recruit-description{font-size:14px;line-height:1.9}.hero-8 .recruit-ctas{margin-top:22px}
 .diagonal-1{width:85%;height:160px;left:-7%;top:5px}.diagonal-1 img{object-position:50% 40%}.diagonal-2{width:77%;height:165px;left:-6%;right:auto;top:650px}.diagonal-2 img{object-position:35% 42%}.diagonal-3{width:83%;height:160px;right:-5%;bottom:32px}.diagonal-3 img{object-position:50% 42%}.diagonal-scene figcaption{font-size:10px;padding-top:6px}
 .hero-9{padding:40px 20px 14px;gap:26px;justify-content:start}.hero-9 .recruit-role{font-size:12px}.hero-9 h1{font-size:clamp(31px,8.25vw,44px);line-height:1.35;letter-spacing:-.07em;margin:28px -5px 24px}.hero-9 .recruit-description{font-size:14px}.hero-9 .recruit-ctas{margin-top:24px}.hero-9 .connection-status{height:26px}.forward-stage{height:clamp(210px,60vw,320px);width:100%;margin-top:0}.forward-person{width:31%;height:88%;--advance:10px}.forward-1{left:-1%;height:87%;bottom:6px;--advance:9px}.forward-2{left:21%;height:98%;bottom:0;--advance:13px}.forward-3{left:44%;height:85%;bottom:22px;--advance:10px}.forward-4{left:65%;height:94%;bottom:4px;--advance:14px}
}
@media(max-width:360px){
 .study-bar{padding-inline:12px}.study-top{font-size:9px;gap:5px}.study-top>span{font-size:8px;max-width:28%}.study-toggle{font-size:9px}.recruit-header{height:60px}.recruit-brand{font-size:20px}.hero-6 .recruit-role{font-size:12px}.hero-6{padding-top:18px}.hero-6 h1{font-size:33px}.hero-6 .recruit-description{font-size:13px}.seating-stage{height:175px}
 .hero-7{--band:calc(100% - 56px);min-height:900px}.hero-7 .recruit-copy{min-height:900px;padding:225px 14px 275px}.hero-7 h1{font-size:27px}.hero-7 .recruit-role{font-size:10px}.hero-7 .recruit-description{font-size:12px}.hero-7 .recruit-cta{font-size:11px;padding-inline:9px}.peek-upper{width:185px;height:255px;left:-12px}.peek-right{width:218px;height:205px;right:-10px;bottom:105px}.peek-lower{width:155px;height:220px;left:-6px}
 .hero-8{height:1050px;min-height:1050px}.hero-8 .recruit-copy{top:205px}.hero-8 h1{font-size:26px;letter-spacing:-.08em}.hero-8 .recruit-role{font-size:11px}.hero-8 .recruit-description{font-size:13px}.diagonal-1{height:150px;width:91%}.diagonal-2{top:650px;width:87%;height:170px}.diagonal-3{width:91%;height:155px;bottom:30px}
 .hero-9{padding-top:32px;gap:17px}.hero-9 h1{font-size:28px}.hero-9 .recruit-description{font-size:13px}.hero-9 .recruit-role{font-size:11px}.forward-stage{height:200px}.forward-1{--advance:7px}.forward-2{--advance:10px}.forward-3{--advance:8px}.forward-4{--advance:10px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.empty-chair{transform:translateY(8px) scale(1.025)}.peek-person{transform:none}.diagonal-photo{clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}.forward-person{transform:translateX(var(--advance))}}
/* Corrections from the first desktop/mobile review. */
@media(min-width:701px){
 .peek-upper{overflow:visible;left:calc(50% - var(--band)/2 - 185px)}
 .hero-8{height:calc(100svh - 128px)}
 .diagonal-1 img{object-position:50% 12%}.diagonal-2 img{object-position:37% 12%}.diagonal-3 img{object-position:50% 10%}
 .diagonal-3{width:32%}
 .hero-9{padding-top:30px}.hero-9 h1{font-size:clamp(44px,4.3vw,64px);margin:20px 0 18px}.hero-9 .forward-stage{height:clamp(245px,32vh,320px)}
}
@media(min-width:701px) and (max-width:1050px){.peek-upper{left:calc(50% - var(--band)/2 - 160px)}.diagonal-3{width:49%}.hero-9 .forward-stage{height:300px}}
@media(max-width:700px){
 .seating-stage .seated-invite{width:38%;left:19%}
 .hero-7{min-height:880px}.hero-7 .recruit-copy{min-height:880px;padding-top:245px;padding-bottom:250px}
 .peek-upper{width:150px;height:285px;left:0;top:8px;overflow:hidden}.peek-upper .peek-person{width:210px;height:280px;rotate:-6deg;transform-origin:left top;object-position:left top}
 .peek-right{bottom:0;right:0;width:255px;height:240px}.peek-lower{bottom:0}
 .diagonal-1 img{object-position:50% 12%}.diagonal-2 img{object-position:35% 12%}.diagonal-3 img{object-position:50% 10%}
}
@media(max-width:360px){.hero-7{min-height:870px}.hero-7 .recruit-copy{min-height:870px;padding-top:235px;padding-bottom:250px}.peek-upper{width:135px;height:260px;left:0}.peek-upper .peek-person{width:190px;height:255px}.peek-right{width:218px;height:205px;right:0}}
@media(min-width:701px) and (max-height:760px){.hero-9{padding-top:15px;gap:10px}.hero-9 h1{font-size:48px;margin:15px 0}.hero-9 .forward-stage{height:220px}}
@media(max-width:700px){.study-panel nav{grid-template-columns:repeat(5,minmax(0,1fr))}.study-panel nav a{min-height:42px;display:grid;place-items:center}.hero-7 .recruit-role{font-size:12px}.hero-7 h1{font-size:clamp(29px,8vw,39px)}.hero-7 .recruit-description{font-size:13px}.hero-7 .recruit-cta{font-size:13px}}
@media(min-width:701px) and (max-width:1050px){.peek-upper{left:max(38px,calc(50% - var(--band)/2 - 160px))}.peek-right{right:0;width:min(29vw,260px)}}
@media(max-width:700px){.hero-6 .recruit-description{order:1;margin-top:0}}
@media(min-width:701px) and (max-width:1050px){.peek-right{right:4px}}
@media(max-width:700px){.peek-right{right:4px}.diagonal-3{right:0}}

/* 06 responsive composition and pause state. */
.hero-6.motion-held *{animation-play-state:paused!important}
@media(max-width:700px){
 .hero-6 .recruit-ctas,.hero-6 .connection-status{position:relative;z-index:5}.hero-6 .recruit-cta.cta-work{background:#f7f1e7}
 .seat-pattern-teal{left:-27%;bottom:28%;width:62%;height:52%;border-width:clamp(25px,9vw,40px)}
 .seat-pattern-left{left:-25%;bottom:-34%;width:91%;height:83%}
 .seat-pattern-left:after{width:22%;height:31%;left:4%;top:35%}
 .seat-pattern-halo{left:46%;bottom:-15%;width:49%;height:88%;border-width:clamp(28px,9vw,45px)}
 .seat-pattern-right{right:-29%;bottom:-33%;width:69%;height:96%}
 .seat-pattern-right:after{width:22%;height:24%;right:12%;top:18%}
}
@media(max-width:360px){
 .seat-pattern-left{left:-28%;width:94%}.seat-pattern-right{right:-32%;width:72%}.seat-pattern-halo{left:45%;width:51%}
}