/* WE.ARCH Architectural Team | v1.2.0 */
.weat{
  --weat-graphite:#333333;
  --weat-paper:#F7F7F2;
  --weat-gold:#EFB73A;
  --weat-heading-font:inherit;
  --weat-body-font:inherit;
  position:relative;
  isolation:isolate;
  width:100%;
  overflow:hidden;
  background:var(--weat-paper);
  color:var(--weat-graphite);
  font-family:var(--weat-body-font);
  line-height:1.5;
  padding:clamp(34px,4vw,62px) clamp(18px,3.2vw,48px) clamp(24px,3vw,42px);
}
.weat *, .weat *:before, .weat *:after {box-sizing:border-box}
.weat button{font-family:inherit}
.weat__inner{position:relative;z-index:1;max-width:none;width:100%;margin:0}
.weat__grid{
  position:absolute;inset:0;pointer-events:none;opacity:.6;
  background-image:linear-gradient(90deg,rgba(51,51,51,.035) 1px,transparent 1px),linear-gradient(rgba(51,51,51,.035) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.weat__header{margin-bottom:22px}
.weat__kicker{font-size:11px;letter-spacing:.15em;font-weight:600;color:var(--weat-gold);margin-bottom:16px}
.weat__headline{
  display:flex;align-items:end;justify-content:space-between;
  gap:36px;margin:0 0 23px;
}
.weat__headline h2,.weat__profile-name,.weat__header-rule{
  font-family:var(--weat-heading-font);
}
.weat__headline h2{
  font-size:clamp(30px,4vw,58px);
  font-weight:400;letter-spacing:-.05em;line-height:1.14;margin:0;
}
.weat__period{color:var(--weat-gold)}
.weat__headline p{max-width:330px;font-size:14px;line-height:1.65;color:#626461;margin:0}
.weat__header-rule{
  display:flex;justify-content:space-between;gap:12px;
  border-top:1px solid #c8c9c5;padding:12px 0 0;
  font-size:10px;letter-spacing:.1em;color:#858580;
}
.weat__tabs{
  display:flex;align-items:stretch;gap:2px;
  margin:0 0 18px;border-bottom:1px solid #c4c5c1;
}
.weat__tab{
  appearance:none;-webkit-appearance:none;
  display:flex;align-items:center;gap:12px;
  flex:0 1 285px;min-width:0;
  padding:14px 18px 15px;
  background:transparent;border:0;border-bottom:3px solid transparent;
  color:#777a77;text-align:left;cursor:pointer;
  transition:color .25s,border-color .25s,background-color .25s;
}
.weat__tab:hover{color:var(--weat-graphite);background:rgba(239,183,58,.07)}
.weat__tab.is-active,.weat__tab[aria-selected="true"]{border-bottom-color:var(--weat-gold);color:var(--weat-graphite);background:rgba(239,183,58,.08)}
.weat__tab-number{font-size:10px;letter-spacing:.1em;color:var(--weat-gold);font-weight:700}
.weat__tab-name{font-size:15px;font-weight:600;letter-spacing:-.012em;white-space:nowrap}
.weat__tab-arrow{margin-left:auto;font-size:17px;color:var(--weat-gold);opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}
.weat__tab.is-active .weat__tab-arrow,.weat__tab:hover .weat__tab-arrow{opacity:1;transform:none}
.weat__tab:focus-visible{outline:2px solid var(--weat-gold);outline-offset:-3px}
.weat__profile[hidden]{display:none!important}
.weat__profile:not([hidden]){animation:weat-enter .42s ease both}
.weat__profile{
  display:grid;
  grid-template-columns:minmax(280px,40%) minmax(0,1fr);
  gap:clamp(28px,4.2vw,76px);
  align-items:stretch;
  min-height:clamp(430px,32vw,555px);
}
.weat__portrait{
  min-width:0;position:relative;overflow:hidden;
  aspect-ratio:1.03;background:#d2d2cd;
  border:4px solid var(--weat-gold);
}
.weat__portrait img{
  display:block;height:100%;width:100%;
  object-fit:cover;object-position:center 28%;
  filter:grayscale(100%);
  transition:filter .65s,transform .7s cubic-bezier(.2,.7,.2,1);
}
.weat__profile:hover .weat__portrait img{filter:grayscale(0);transform:scale(1.025)}
.weat__portrait-corner{position:absolute;top:15px;left:16px;color:#fff;font-size:28px;line-height:1;text-shadow:0 1px 9px #0008}
.weat__portrait-index{position:absolute;bottom:16px;right:18px;color:white;font-size:10px;letter-spacing:.1em;text-shadow:0 1px 7px #0009}
.weat__profile-content{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:16px 0 18px}
.weat__profile-kicker{display:flex;gap:14px;align-items:center;color:var(--weat-gold);font-size:11px;letter-spacing:.11em;font-weight:600}
.weat__kicker-line{display:inline-block;background:var(--weat-gold);height:1px;width:70px}
.weat__profile-type{font-size:10px;letter-spacing:.14em;color:var(--weat-gold);margin:25px 0 8px;text-transform:uppercase}
.weat__profile-name{font-size:clamp(30px,3.7vw,52px);line-height:1.12;letter-spacing:-.05em;font-weight:500;margin:0 0 4px}
.weat__profile-role{font-size:14px;color:#777a76;margin:0 0 24px}
.weat__bio{
  font-size:clamp(13px,1.08vw,15px);line-height:1.72;
  color:#4d4f4b;max-width:840px;
}
.weat__bio p{margin:0 0 12px}
.weat__bio p:last-child{margin-bottom:0}
.weat__footer{
  margin-top:30px;display:flex;justify-content:flex-end;align-items:center;
  gap:20px;border-top:1px solid #bbb;padding:17px 0 0;
  color:#777;font-size:11px;letter-spacing:.035em;
}
@keyframes weat-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){
  .weat__profile{grid-template-columns:minmax(240px,43%) minmax(0,1fr);gap:28px;min-height:auto}
  .weat__portrait{aspect-ratio:.82}
  .weat__bio{font-size:13px;line-height:1.63}
  .weat__profile-type{margin-top:13px}
  .weat__profile-role{margin-bottom:15px}
}
@media(max-width:740px){
  .weat{padding:35px 18px 24px}
  .weat__headline{display:block}
  .weat__headline p{margin-top:14px}
  .weat__profile{display:block}
  .weat__portrait{aspect-ratio:1.35;max-height:410px}
  .weat__profile-content{padding:25px 0 10px}
  .weat__profile-type{margin-top:16px}
  .weat__profile-role{margin-bottom:18px}
  .weat__bio{font-size:14px;line-height:1.75}
  .weat__tab{flex:1 1 50%;padding:12px 10px;gap:9px}
  .weat__tab-name{font-size:13px;white-space:normal}
  .weat__tab-arrow{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .weat *{animation:none!important;transition:none!important}
}