*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto;align-items:start;padding:22px 26px;background:rgba(255,255,255,.88);font-size:clamp(18px,1.7vw,31px);font-weight:800;line-height:.92;letter-spacing:-.06em}.brand{justify-self:start}nav{justify-self:end;display:flex;gap:28px}.hero{height:100vh;position:relative;overflow:hidden}.mega-logo{position:absolute;left:-7vw;bottom:-10vw;font-size:clamp(420px,72vw,1220px);font-weight:950;letter-spacing:-.23em;line-height:.62;color:#000;user-select:none}.editorial-gallery{width:100%;padding:8vh 26px 18vh}.home-gallery{margin-top:-4vh}.art-gallery{padding-top:24vh}.architecture-gallery{padding-top:8vh}.row{display:flex;align-items:flex-start;gap:clamp(16px,1.8vw,30px);margin-bottom:clamp(34px,6vh,82px);width:100%}.row-a{justify-content:space-between}.row-b{justify-content:flex-start}.row-c{justify-content:space-between}.row-d{justify-content:flex-end}.row-e{justify-content:space-between}.row-f{justify-content:center}.cell{display:block;margin:0}.cell:hover{opacity:.72}.cell.no-hover:hover{opacity:1}.cell img{display:block;width:100%;height:auto}.w-22{width:22%}.w-24{width:24%}.w-26{width:26%}.w-28{width:28%}.w-30{width:30%}.w-32{width:32%}.w-34{width:34%}.w-38{width:38%}.w-40{width:40%}.w-44{width:44%}.w-46{width:46%}.w-48{width:48%}.offset-top{margin-top:clamp(28px,8vh,110px)}.architecture-page{padding-top:25vh}.architecture-studios{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(120px,22vw,360px);padding:0 26px 18vh;margin-top:2vh}.studio-entry p,.studio-entry a{margin:0 0 .55em;font-size:clamp(14px,1.05vw,20px);line-height:1.08;letter-spacing:-.03em;font-weight:400}.contact-info p,.about-text p,.work-info p,.work-text p{margin:0 0 .9em;font-size:clamp(16px,1.45vw,25px);line-height:1.18;letter-spacing:-.025em;font-weight:400}.studio-logo{display:block;margin-bottom:2.2vh}.studio-logo img{display:block;width:100%;height:auto;object-fit:contain}.estudio-logo{max-width:234px}.azar-logo{max-width:168px}.studio-entry:first-child{justify-self:start;margin-left:12vw}.studio-entry:last-child{justify-self:end;margin-right:12vw}.studio-link{display:inline-block}.about-page{min-height:100vh;padding:22vh 26px 14vh}.about-layout{display:grid;grid-template-columns:minmax(240px,360px) minmax(360px,760px);gap:clamp(44px,7vw,110px);align-items:start}.about-photo{width:100%;max-width:360px;display:block}.about-text{max-width:930px}.contact-page{min-height:100vh;padding:24vh 26px 14vh}.contact-info{max-width:560px}.contact-info p:nth-child(odd){margin-top:1.3em}.work-page{padding:22vh 26px 20vh}.work-info{max-width:980px;margin-bottom:12vh}.work-main{display:block;width:min(88vw,1360px);margin:0 auto}.work-text{max-width:840px;margin-top:12vh}@media(max-width:800px){.site-header{grid-template-columns:1fr;gap:10px;padding:18px;font-size:20px}nav{justify-self:start;gap:18px;flex-wrap:wrap}.mega-logo{font-size:96vw;left:-9vw;bottom:14vh}.editorial-gallery{padding:8vh 18px 14vh}.row{display:block;margin-bottom:0}.cell{width:100%!important;margin:0 0 34px!important}.architecture-studios,.about-layout{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.studio-entry:first-child,.studio-entry:last-child{justify-self:start;margin-left:0;margin-right:0}.estudio-logo{max-width:210px}.azar-logo{max-width:150px}.about-page,.contact-page{padding-left:18px;padding-right:18px}}

/* v9 corrections */
.architecture-studios-vertical {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: clamp(58px, 9vh, 110px) !important;
  padding: 24vh 26px 12vh !important;
  margin: 0 !important;
}

.architecture-studios-vertical .studio-entry {
  justify-self: start !important;
  margin: 0 !important;
  width: auto !important;
}

.architecture-studios-vertical .studio-logo {
  margin-bottom: 14px !important;
}

.architecture-studios-vertical .estudio-logo {
  max-width: 230px !important;
}

.architecture-studios-vertical .azar-logo {
  max-width: 165px !important;
}

.architecture-studios-vertical .studio-link {
  display: inline-block;
  font-size: clamp(14px, 1.05vw, 20px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em !important;
  font-weight: 400 !important;
}

.art-gallery .no-hover:hover,
.home-gallery .no-hover:hover,
.architecture-gallery .no-hover:hover {
  opacity: 1 !important;
}

@media (max-width: 800px) {
  .architecture-studios-vertical {
    padding: 22vh 18px 10vh !important;
    gap: 46px !important;
  }

  .architecture-studios-vertical .estudio-logo {
    max-width: 210px !important;
  }

  .architecture-studios-vertical .azar-logo {
    max-width: 150px !important;
  }
}