/* Board 8: options for what we provide, worldwide, case studies, project prompt and the contact view */
.b8{padding:clamp(48px,5vw,80px) var(--gut)}
.b8 .h{margin-top:18px;max-width:16em;font-size:clamp(28px,3vw,46px);font-weight:500;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}
.b8 .p{margin-top:14px;max-width:32em;font-size:15.5px;line-height:1.55;color:var(--muted2)}
.chip8{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#F2F2F2;color:#555;font-size:13px;white-space:nowrap}
/* W1 tabs + asset groups */
.w1g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px var(--gut);margin-top:24px}
.w1g h4{padding-bottom:10px;border-bottom:1px solid var(--line2);font-size:15px;font-weight:500}
.w1g div div{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.w1p{display:none}.w1p.on{display:block}
/* W2 three columns, assets as grey text */
.w2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--gut);margin-top:clamp(28px,3vw,44px)}
.w2>div{border-top:1px solid #0F0F0F;padding-top:14px}
.w2 h4{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2)}
.w2 dl{margin-top:18px;display:grid;gap:16px}
.w2 dt{font-size:17px;font-weight:500}
.w2 dd{margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--muted2)}
/* W3 accordion */
.w3{margin-top:clamp(28px,3vw,44px);border-top:1px solid var(--line2)}
.w3 details{border-bottom:1px solid var(--line2)}
.w3 summary{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:16px;height:64px;cursor:pointer;font-size:clamp(18px,1.6vw,24px);font-weight:500;letter-spacing:-.02em}
.w3 summary small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2);font-weight:400}
.w3 summary i{font-style:normal;font-weight:300;font-size:22px;transition:transform .4s var(--ease)}
.w3 details[open] summary i{transform:rotate(45deg)}
.w3 .in{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 20px 126px}
/* W4 rows with images */
.w4{margin-top:clamp(28px,3vw,44px)}
.w4 .r{display:grid;grid-template-columns:60px minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr);gap:var(--gut);padding:22px 0;border-top:1px solid var(--line)}
.w4 .r small{font-family:var(--mono);font-size:12px;color:var(--muted)}
.w4 .r h4{font-size:clamp(20px,1.8vw,28px);font-weight:500;letter-spacing:-.025em}
.w4 .r p{font-size:14px;line-height:1.55;color:var(--muted2)}
.w4 .r p b{display:block;margin-top:10px;font-weight:400;color:#0F0F0F}
.w4 .r .im{aspect-ratio:4/3;overflow:hidden;background:var(--soft)}
.w4 .r .im img{width:100%;height:100%;object-fit:cover}
/* T1 dot map */
.t1{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--gut);align-items:center}
.t1 svg{width:100%;height:auto;display:block}
.t1 svg circle{fill:#D2D2D2}
.t1 svg circle.c{fill:#0F0F0F}
.t1 svg .ring{fill:none;stroke:#0F0F0F;stroke-width:1;opacity:.35}
.t1 svg text{font-family:var(--font);font-size:12px;fill:#0F0F0F}
.t1 svg text.t{font-family:var(--mono);fill:#7A7A7A}
.t1.dk{background:#0F0F0F;color:#fff;padding:clamp(28px,3vw,48px);--muted2:#B3B3B3}
.t1.dk svg circle{fill:#2E2E2E}.t1.dk svg circle.c{fill:#fff}.t1.dk svg .ring{stroke:#fff}.t1.dk svg text{fill:#fff}.t1.dk svg text.t{fill:#9B9B9B}
/* T2 clocks beside text */
.t2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gut);align-items:start}
.t2 .rows div{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:18px;padding:16px 0;border-top:1px solid var(--line2)}
.t2 .rows div:last-child{border-bottom:1px solid var(--line2)}
.t2 .rows b{font-family:var(--mono);font-weight:400;font-size:clamp(34px,3.4vw,54px);letter-spacing:-.03em;line-height:1}
.t2 .rows span{font-size:15px}
.t2 .rows small{font-size:12px;color:var(--muted2);min-width:70px;text-align:right}
/* T3 24 hour ruler */
.t3r{margin-top:clamp(28px,3vw,44px)}
.t3r .row{display:grid;grid-template-columns:130px minmax(0,1fr) 80px;align-items:center;gap:20px;height:58px;border-top:1px solid var(--line)}
.t3r .row:last-child{border-bottom:1px solid var(--line)}
.t3r .bar{position:relative;height:28px;background:linear-gradient(90deg,#EDEDED 0 25%,#F7F7F7 25% 75%,#EDEDED 75%);border-radius:999px}
.t3r .bar i{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#0F0F0F}
.t3r .row b{font-family:var(--mono);font-weight:400;font-size:20px;text-align:right}
.t3r .ticks{display:grid;grid-template-columns:130px minmax(0,1fr) 80px;gap:20px;margin-top:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.t3r .ticks span:nth-child(2){display:flex;justify-content:space-between}
/* Case studies */
.c2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gut);padding:clamp(28px,3vw,48px);background:#0F0F0F;color:#fff;--muted2:#B3B3B3}
.c2 .bx{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}
.c2 .bx figure{margin:0;padding:16px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.c2 .bx figure i{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1E1E1E}
.c2 .bx img.ph{width:100%;height:100%;object-fit:cover}
.c2 .bx .logo_img{max-width:64%;max-height:36%;width:auto;height:auto;filter:brightness(0) invert(1)}
.pw8{display:flex;align-items:center;max-width:420px;height:54px;padding:5px;border-radius:999px;background:#F1F1F1;margin-top:28px}
.pw8 input{flex:1;height:100%;padding:0 18px;border:0;background:transparent;font-size:15px;outline:none;color:inherit}
.pw8 button{height:44px;padding:0 20px;border-radius:999px;background:#0F0F0F;color:#fff;font-size:14px}
.c2 .pw8{background:rgba(255,255,255,.1)}.c2 .pw8 button{background:#fff;color:#0F0F0F}
.c3{margin-top:clamp(28px,3vw,44px);border-top:1px solid var(--line2)}
.c3 .r{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;height:64px;border-bottom:1px solid var(--line2);font-size:clamp(18px,1.6vw,24px);font-weight:500;letter-spacing:-.02em}
.c3 .r i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F2F2F2}
.c3 .r img.ph{width:100%;height:100%;object-fit:cover}
.c3 .r .logo_img{max-width:70%;max-height:40%;width:auto;height:auto}
.c3 .r span.on{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:var(--muted2)}
.c4{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border:1px solid var(--line2);border-radius:999px}
.c4 .st{display:flex}
.c4 .st i{display:grid;place-items:center;width:44px;height:44px;margin-left:-12px;border-radius:50%;overflow:hidden;border:2px solid #fff;background:#F2F2F2}
.c4 .st i:first-child{margin-left:0}
.c4 .st img.ph{width:100%;height:100%;object-fit:cover}
.c4 .st .logo_img{max-width:70%;max-height:40%;width:auto;height:auto}
.c4 p{flex:1;min-width:220px;font-size:clamp(18px,1.6vw,24px);font-weight:500;letter-spacing:-.02em}
.c4 .pw8{margin:0;width:360px}
/* Project prompt */
.p1{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--gut);align-items:end;padding-top:20px;border-top:1px solid #0F0F0F}
.p1 h3{font-size:clamp(34px,3.6vw,56px);font-weight:500;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.p1 .side p{font-size:15.5px;line-height:1.55;color:var(--muted2);max-width:26em}
.p1 .side .row{display:flex;align-items:center;gap:18px;margin-top:20px;flex-wrap:wrap;font-size:14px;color:var(--muted2)}
.p1 .side .row a.m{color:#0F0F0F;border-bottom:1px solid var(--line2)}
.p2{display:flex;flex-direction:column;align-items:center;text-align:center}
.p2 h3{margin-top:16px;font-size:clamp(34px,3.8vw,60px);font-weight:500;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.p2 .fc{display:flex;margin-top:22px}
.p2 .fc i{display:block;width:40px;height:40px;margin-left:-10px;border-radius:50%;overflow:hidden;border:2px solid #fff}
.p2 .fc i:first-child{margin-left:0}
.p2 .fc img{width:100%;height:100%;object-fit:cover}
.p2 .row{display:flex;gap:10px;margin-top:24px}
.btn8{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 22px;border-radius:999px;background:#0F0F0F;color:#fff;font-size:15px;font-weight:500;cursor:pointer}
.btn8 .ar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.16)}
.btn8.lt{background:#F1F1F1;color:#0F0F0F;padding:0 20px}
.btn8.wh{background:#fff;color:#0F0F0F}.btn8.wh .ar{background:#EDEDED}
.p3{position:relative;overflow:hidden;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:#111}
.p3 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.p3 h3{position:relative;font-size:clamp(34px,3.8vw,60px);font-weight:500;letter-spacing:-.04em;line-height:1.02;max-width:12em;text-wrap:balance}
.p3 .btn8{position:relative;margin-top:24px}
/* Contact views (static previews) */
.kv{position:relative;min-height:640px;background:#141414;color:#F2F2F2;--fg:#F2F2F2;--muted2:#A8A8A8;--line:rgba(255,255,255,.22);--line2:rgba(255,255,255,.3)}
.kv .field input,.kv .field textarea{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.3);border-radius:0;padding:8px 0;color:#F2F2F2}
.kv .field>span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:500}
.kv .cform_send{background:#F2F2F2;color:#141414;border-radius:999px}
.kv .ov7_c{padding-top:64px}
.k2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:640px}
.k2 .l{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,3.4vw,56px);background:#0F0F0F;color:#fff}
.k2 .l h3{font-size:clamp(44px,5vw,84px);font-weight:500;letter-spacing:-.05em;line-height:.98}
.k2 .l a.m{display:inline-block;margin-top:24px;font-size:clamp(18px,1.6vw,26px);border-bottom:2px solid #fff;padding-bottom:3px}
.k2 .l .so{display:flex;gap:10px;margin-top:20px}
.k2 .l .so a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}
.k2 .l .so svg{width:17px;height:17px}
.k2 .r{padding:clamp(28px,3.4vw,56px);background:#fff}
.k2 .r h4{font-size:15px;font-weight:500;margin-bottom:20px}
.k2 .r .field input,.k2 .r .field textarea{background:transparent;border:0;border-bottom:1px solid #D8D8D8;border-radius:0;padding:8px 0}
.k2 .r .cform_send{border-radius:999px}
.k3{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:640px;padding:48px var(--gut);background:#F4F4F4;text-align:center}
.k3 small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2)}
.k3 a.m{margin-top:18px;font-size:clamp(30px,4.4vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1}
.k3 .row{display:flex;gap:10px;margin-top:26px}
.k3 .fm{display:none;width:min(680px,100%);margin-top:36px;text-align:left}
.k3.show .fm{display:block;animation:pane9 .5s var(--ease)}
@media (max-width:980px){.w1g,.w2,.t1,.t2,.c2,.p1,.k2{grid-template-columns:1fr}.w4 .r{grid-template-columns:1fr}.w3 .in{padding-left:0}.t3r .row,.t3r .ticks{grid-template-columns:90px minmax(0,1fr) 60px}}
.k3 a.m{color:#0F0F0F}.t1 [data-dotmap]{width:100%}
.t1 svg text{paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.t1.dk svg text{stroke:#0F0F0F}
/* ===== Board 8, round 2 ===== */
/* What we provide, compact */
.wp5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--gut);margin-top:24px}
.wp5>div{padding-top:12px;border-top:1px solid #0F0F0F}
.wp5 h4{font-size:15px;font-weight:500}
.wp5 p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--muted2)}
.wp6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
.wp6>div{padding:22px;border-radius:16px;background:#F4F4F4}
.wp6 h4{display:flex;justify-content:space-between;font-size:17px;font-weight:500}
.wp6 h4 small{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--muted)}
.wp6 ul{margin-top:14px;display:grid;gap:3px;font-size:14px;color:#444}
.wp7{margin-top:24px;border-top:1px solid #0F0F0F}
.wp7 details{border-bottom:1px solid var(--line2)}
.wp7 summary{display:grid;grid-template-columns:140px minmax(0,1fr) 30px;gap:20px;align-items:center;min-height:58px;cursor:pointer}
.wp7 summary b{font-size:17px;font-weight:500}
.wp7 summary span{font-size:14px;color:var(--muted2)}
.wp7 summary i{font-style:normal;font-size:20px;font-weight:300;text-align:right;transition:transform .4s var(--ease)}
.wp7 details[open] summary i{transform:rotate(45deg)}
.wp7 .in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px var(--gut);padding:0 0 20px 160px}
.wp7 .in b{display:block;font-size:13.5px;font-weight:500}
.wp7 .in span{display:block;margin-top:2px;font-size:12.5px;line-height:1.5;color:var(--muted2)}
.wp8 .chips8{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.wp8 .chips8 button{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);font-size:14px;transition:background .25s,color .25s}
.wp8 .chips8 button.on,.wp8 .chips8 button:hover{background:#0F0F0F;color:#fff;border-color:#0F0F0F}
.wp8 .line{margin-top:14px;height:22px;font-size:14px;color:var(--muted2);white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.wp9{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--gut);align-items:start}
.wp9 ul{columns:3;column-gap:var(--gut);font-size:15px;line-height:2}
.wp9 li sup{font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-left:4px;letter-spacing:.02em}
/* Maps, round 2 */
.mp{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:var(--gut);align-items:center}
.mp svg,.mp canvas{display:block;width:100%;height:auto}
.mp svg circle.d{fill:#CFCFCF}
.mp svg .arc{fill:none;stroke:#0F0F0F;stroke-width:1.2;stroke-dasharray:4 6;animation:dash 2.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-40}}
.mp svg .pulse{fill:none;stroke:#0F0F0F;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:pulse 2.4s var(--ease) infinite}
@keyframes pulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.mp svg .city{fill:#0F0F0F}
.mp svg text{font-family:var(--font);font-size:11px;fill:#0F0F0F;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.mp svg text.t{font-family:var(--mono);fill:#7A7A7A}
.mp svg .mer{stroke:#E4E4E4;stroke-width:1}
.mp svg .mer.c{stroke:#0F0F0F;stroke-width:1;stroke-dasharray:2 3}
.mp svg .ln{stroke:#C9C9C9;stroke-width:2.2;stroke-linecap:round}
.mp.dk{background:#0F0F0F;color:#fff;padding:clamp(28px,3vw,48px);--muted2:#B3B3B3}
.mp.dk svg circle.d{fill:#333}.mp.dk svg .arc,.mp.dk svg .pulse{stroke:#fff}.mp.dk svg .city{fill:#fff}.mp.dk svg text{fill:#fff;stroke:#0F0F0F}.mp.dk svg text.t{fill:#9B9B9B}
.mp.mstrip{grid-template-columns:1fr}
.mp.mstrip .clk{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line2)}
.mp.mstrip .clk div{padding:14px 0 0 14px;border-left:1px solid var(--line)}
.mp.mstrip .clk div:first-child{padding-left:0;border-left:0}
.mp.mstrip .clk b{display:block;font-family:var(--mono);font-weight:400;font-size:clamp(24px,2.2vw,34px)}
.mp.mstrip .clk span{font-size:12.5px;color:var(--muted2)}
/* Case studies, round 2 */
.c5{display:flex;flex-direction:column;align-items:center;text-align:center}
.c5 .fan{position:relative;width:340px;height:200px;margin-top:10px}
.c5 .fan i{position:absolute;left:50%;top:20px;display:grid;place-items:center;width:150px;height:150px;margin-left:-75px;border-radius:20px;overflow:hidden;background:#F2F2F2;box-shadow:0 14px 40px rgba(0,0,0,.12);transform:rotate(var(--r)) translateX(var(--x))}
.c5 .fan img.ph{width:100%;height:100%;object-fit:cover}
.c5 .fan .logo_img{max-width:64%;max-height:30%;width:auto;height:auto}
.c5 .fan i:last-child{display:flex;flex-direction:column;gap:8px;background:#0F0F0F;color:#fff;font-size:13px}
.c5 .pw8{margin:26px auto 0}
.c6{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.c6 .l{padding:clamp(24px,3vw,44px) clamp(24px,3vw,44px) clamp(24px,3vw,44px) 0}
.c6 .l ul{margin-top:20px;columns:2;font-size:16px;line-height:1.9}
.c6 .r{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,3.4vw,56px);background:#0F0F0F;color:#fff}
.c6 .r label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#8A8A8A}
.c6 .r form{display:flex;align-items:flex-end;gap:14px;margin-top:16px;border-bottom:2px solid #fff;padding-bottom:8px}
.c6 .r input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#fff;font-size:clamp(28px,3vw,48px);font-weight:500;letter-spacing:-.04em}
.c6 .r input::placeholder{color:#4A4A4A}
.c6 .r button{width:46px;height:46px;border-radius:50%;background:#fff;color:#0F0F0F;font-size:18px}
.c7{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line2);border-left:1px solid var(--line2);margin-top:24px}
.c7>*{border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);min-height:150px}
.c7 figure{margin:0;display:grid;place-items:center;padding:18px}
.c7 figure i{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#F2F2F2}
.c7 figure img.ph{width:100%;height:100%;object-fit:cover}
.c7 figure .logo_img{max-width:64%;max-height:36%;width:auto;height:auto}
.c7 .pwc{grid-column:span 2;display:flex;flex-direction:column;justify-content:space-between;padding:18px;background:#F7F7F7}
.c7 .pwc b{font-size:17px;font-weight:500}
.c7 .pwc .pw8{margin:0;max-width:none;background:#fff}
.c8{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(28px,3vw,48px) 0}
.c8 .lk{display:grid;grid-template-columns:repeat(5,4px);gap:3px}
.c8 .lk i{width:4px;height:4px;background:#0F0F0F;opacity:.12}
.c8 .lk i.o{opacity:1}
.c8 h3{margin-top:22px;font-size:clamp(26px,2.6vw,40px);font-weight:500;letter-spacing:-.035em}
.c8 .pw8{margin:24px auto 0}
.c8 .st{display:flex;margin-top:22px}
.c8 .st i{display:grid;place-items:center;width:34px;height:34px;margin-left:-9px;border-radius:50%;overflow:hidden;border:2px solid #fff;background:#F2F2F2}
.c8 .st i:first-child{margin-left:0}
.c8 .st img.ph{width:100%;height:100%;object-fit:cover}
.c8 .st .logo_img{max-width:70%;max-height:36%;width:auto;height:auto}
.c9 .open9{display:inline-flex;align-items:center;gap:12px;margin-top:24px}
.c9 .pw8{display:none;margin-top:16px}
.c9.go .pw8{display:flex;animation:pane9 .5s var(--ease)}
.c9.go .open9{display:none}
/* Project prompt, round 2 */
.p4{display:flex;align-items:center;justify-content:space-between;gap:var(--gut);flex-wrap:wrap}
.p4 h3{font-size:clamp(34px,3.6vw,56px);font-weight:500;letter-spacing:-.04em;line-height:1.02;max-width:9em;text-wrap:balance}
.badge{position:relative;display:grid;place-items:center;width:150px;height:150px;flex:none;cursor:pointer}
.badge svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 16s linear infinite}
.badge svg text{font-family:var(--font);font-size:11.2px;letter-spacing:.18em;text-transform:uppercase;fill:#0F0F0F}
.badge b{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#0F0F0F;color:#fff;font-size:20px;font-weight:400;transition:transform .5s var(--ease)}
.badge:hover b{transform:scale(1.08) rotate(-45deg)}
.p5 h3{font-size:clamp(26px,2.6vw,40px);font-weight:500;letter-spacing:-.035em}
.p5 .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pp6{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(24px,2.6vw,40px);border-radius:999px;background:#0F0F0F;color:#fff}
.pp6 h3{font-size:clamp(22px,2.2vw,34px);font-weight:500;letter-spacing:-.03em;padding-left:12px}
.p7{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gut);align-items:start}
.p7 h3{font-size:clamp(34px,3.6vw,56px);font-weight:500;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.p7 ol{border-top:1px solid var(--line2)}
.p7 li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line2);font-size:16px}
.p7 li small{font-family:var(--mono);font-size:12px;color:var(--muted)}
.p7 li span em{display:block;font-style:normal;font-size:13.5px;color:var(--muted2);margin-top:2px}
.p8{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,4vw,64px) 0}
.p8 .wall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(9,1fr);gap:10px;opacity:.14;pointer-events:none}
.p8 .wall i{display:block;aspect-ratio:4/5;border-radius:12px;overflow:hidden}
.p8 .wall img{width:100%;height:100%;object-fit:cover}
.p8 h3{position:relative;font-size:clamp(34px,3.8vw,60px);font-weight:500;letter-spacing:-.04em;line-height:1.02;max-width:11em;text-wrap:balance}
.p8 .row{position:relative;display:flex;gap:10px;margin-top:24px}
/* Contact view, round 2 */
.k4{display:flex;flex-direction:column;gap:14px;max-width:640px;margin:0 auto;padding:48px 0}
.k4 .msg{align-self:flex-start;max-width:80%;padding:14px 18px;border-radius:20px 20px 20px 6px;background:#F1F1F1;font-size:16px;line-height:1.45}
.k4 .msg.me{align-self:flex-end;border-radius:20px 20px 6px 20px;background:#0F0F0F;color:#fff}
.k4 .msg input,.k4 .msg textarea{width:100%;border:0;background:transparent;color:inherit;font:inherit;outline:none;resize:none}
.k4 .msg input::placeholder,.k4 .msg textarea::placeholder{color:#8A8A8A}
.k4 .send{align-self:flex-end}
.k5{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px var(--gut);background:#F4F4F4}
.k5 a.m{font-size:clamp(28px,3.6vw,56px);font-weight:500;letter-spacing:-.045em}
.k5 .so{display:flex;gap:10px;margin-top:18px}
.k5 .so a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff}
.k5 .so svg{width:17px;height:17px}
.k5 form{display:flex;gap:8px;width:min(860px,100%);margin-top:36px;padding:6px;border-radius:999px;background:#fff}
.k5 form input{flex:1;min-width:0;height:46px;padding:0 16px;border:0;background:transparent;font-size:15px;outline:none}
.k5 form input+input{border-left:1px solid #EAEAEA}
.k6{position:relative;height:620px;overflow:hidden;background:#EDEDED}
.k6 .pg{position:absolute;inset:0;padding:40px;opacity:.5}
.k6 .pg div{height:22px;margin-bottom:14px;border-radius:6px;background:#DADADA}
.k6 .dr{position:absolute;top:0;right:0;bottom:0;width:min(460px,92%);padding:36px;background:#0F0F0F;color:#fff;box-shadow:-30px 0 60px rgba(0,0,0,.18);--fg:#fff;--muted2:#A8A8A8}
.k6 .dr h3{font-size:clamp(32px,3vw,48px);font-weight:500;letter-spacing:-.04em}
.k6 .dr a.m{display:inline-block;margin-top:14px;font-size:17px;border-bottom:1px solid #fff}
.k6 .dr .field input,.k6 .dr .field textarea{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.3);border-radius:0;padding:8px 0;color:#fff}
.k6 .dr .field>span{font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.k6 .dr .cform_send{background:#fff;color:#0F0F0F;border-radius:999px}
.k6 .dr .x{position:absolute;top:28px;right:28px;font-size:13px;color:#A8A8A8}
.k7{display:flex;flex-direction:column;align-items:center;padding:48px var(--gut)}
.k7 h3{font-size:clamp(34px,3.6vw,56px);font-weight:500;letter-spacing:-.04em}
.k7 .seg{display:inline-flex;gap:4px;margin-top:22px;padding:4px;border-radius:999px;background:#F1F1F1}
.k7 .seg button{height:36px;padding:0 18px;border-radius:999px;font-size:14px;color:var(--muted2)}
.k7 .seg button.on{background:#fff;color:#0F0F0F;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.k7 .pn{display:none;width:min(640px,100%);margin-top:28px;text-align:center}
.k7 .pn.on{display:block;animation:pane9 .5s var(--ease)}
.k7 .pn a.m{font-size:clamp(24px,2.6vw,40px);font-weight:500;letter-spacing:-.035em;border-bottom:2px solid #0F0F0F}
.k7 .pn.fm{text-align:left}
.kk8{padding:clamp(32px,4vw,64px) 0}
.kk8 h3{font-size:clamp(64px,10vw,170px);font-weight:600;letter-spacing:-.06em;line-height:.85}
.kk8 .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gut);margin-top:clamp(28px,3vw,48px);align-items:start}
.kk8 a.m{font-size:clamp(22px,2.2vw,34px);font-weight:500;letter-spacing:-.03em;border-bottom:2px solid #0F0F0F}
@media (max-width:980px){.wp5,.wp6,.wp9,.mp,.c6,.p7,.kk8 .row{grid-template-columns:1fr}.wp7 .in{padding-left:0;grid-template-columns:1fr}.wp9 ul{columns:2}.c7{grid-template-columns:repeat(2,1fr)}.k5 form{flex-direction:column;border-radius:20px}}