body{margin:0;background:#FFFFFF}
a{color:#000000}a:hover{color:#3A3A3A}
.hero-bg{background-size:cover;background-position:center}
a:focus-visible,button:focus-visible{outline:3px solid #000000;outline-offset:3px}
.on-dark a:focus-visible,.on-dark button:focus-visible{outline-color:#FFFFFF}
a:focus-visible{outline:3px solid #000000;outline-offset:3px}

.wd-frame{position:relative;padding:28px 28px 28px 64px;border:3px solid #FFFFFF;border-right-color:transparent}
.wd-row{position:absolute;left:18px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8A8A8A;writing-mode:vertical-rl;transform:rotate(180deg)}
.wd-row-1{top:28px;height:calc(50% - 28px);display:flex;align-items:center;justify-content:center}
.wd-row-2{bottom:28px;height:calc(50% - 28px);display:flex;align-items:center;justify-content:center}
.wd-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.wd-tile{display:flex;flex-direction:column;gap:12px;padding:44px 48px;min-height:290px;box-sizing:border-box;transition:background .2s}
.wd-tile:hover{background:#141414}
.wd-tl{border-right:1px solid #333;border-bottom:1px solid #333;padding-right:175px}
.wd-tr{border-bottom:1px solid #333;align-items:flex-end;text-align:right;padding-left:175px}
.wd-bl{border-right:1px solid #333;padding-right:175px}
.wd-br{align-items:flex-end;text-align:right;padding-left:175px}
.wd-num{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8A8A8A}
.wd-name{margin:0;font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.02em}
.wd-line{margin:0;font-size:17px;line-height:1.55;color:#D0D0D0;max-width:340px}
.wd-tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1px solid #555;border-radius:999px;padding:5px 10px;color:#BDBDBD}
.wd-mob{display:none}
.wd-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 14px #000000}
.wd-orbit{width:100%;height:100%;display:block}
@media (max-width:1180px){
.wd-centre{width:230px;height:230px}
.wd-tl,.wd-bl{padding-right:140px}
.wd-tr,.wd-br{padding-left:140px}
.wd-tile{padding-top:36px;padding-bottom:36px;padding-left:32px;padding-right:32px}
.wd-tl,.wd-bl{padding-right:136px}
.wd-tr,.wd-br{padding-left:136px}
.wd-name{font-size:clamp(34px,4.4vw,56px)}
}
@media (max-width:760px){
.wd-frame{padding:20px 18px 20px 22px}
.wd-row{display:none}
.wd-grid{grid-template-columns:1fr;grid-template-rows:auto}
.wd-centre{position:static;transform:none;margin:8px auto 24px;width:240px;height:240px;order:-1;box-shadow:none}
.wd-tile,.wd-tl,.wd-tr,.wd-bl,.wd-br{align-items:flex-start;justify-content:flex-start;text-align:left;padding:28px 6px;min-height:0;border-right:none;border-bottom:1px solid #333}
.wd-br{border-bottom:none}
.wd-mob{display:inline-block;align-self:flex-start}
}