@font-face{font-family:'Alexandria';src:url('assets/fonts/Alexandria-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#0b0b0c;--paper:#ececea;--muted:#777;--line:#c9c9c5;--pad:clamp(20px,3vw,48px)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif} a{color:inherit;text-decoration:none} img{display:block;width:100%}
.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;padding:18px var(--pad);display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;color:white}.brand img{width:108px;height:auto;filter:invert(1)}.topbar nav{display:flex;gap:24px;font-size:11px;letter-spacing:.08em}.topbar nav a{opacity:.85}.topbar nav a:hover{opacity:1}
.hero{height:100svh;min-height:680px;position:relative;background:#000;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.22) 58%,rgba(0,0,0,.62))}.hero-copy{position:absolute;left:var(--pad);bottom:8vh}.eyebrow,.section-label{font-size:10px;letter-spacing:.16em;font-weight:600}.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(64px,11.6vw,190px);line-height:.82;letter-spacing:-.065em;margin:22px 0 26px;white-space:nowrap}.hero-meta{display:flex;gap:24px;font-size:12px;letter-spacing:.12em}.scroll-cue{position:absolute;right:var(--pad);bottom:36px;font-size:10px;letter-spacing:.14em}
.light-section{padding:110px var(--pad);background:var(--paper)}.dark-section{background:#0b0b0c;color:#f1f1ef}.intro-grid,.work-head-grid,.about-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;margin-top:70px}.intro h2,.work-head h2,.about h2,.contact h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(54px,8vw,130px);line-height:.88;letter-spacing:-.055em;margin:0}.intro-copy,.work-head-grid>div,.about-intro>div{font-size:clamp(18px,2vw,30px);line-height:1.25;max-width:730px}.intro-copy p,.work-head-grid>div>p{margin:0 0 26px}.cn-copy{font-size:14px!important;line-height:1.75!important;color:#666;letter-spacing:.01em}.dark-section .cn-copy{color:#aaa}.text-link{display:inline-block;margin-top:30px;font-size:11px;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:5px}
.formats{padding:var(--pad);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pad)}.format-card{position:relative;overflow:hidden;background:#111}.format-card img{height:70vh;min-height:520px;object-fit:cover;transition:transform .7s ease}.format-card:hover img{transform:scale(1.025)}.format-card.tall img{height:86vh}.card-info{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}.card-info span{font-family:"Space Grotesk";font-size:clamp(24px,3vw,54px);font-weight:600;letter-spacing:-.03em}.card-info small{font-size:10px;letter-spacing:.12em;text-align:right}
.work-grid{padding:0 var(--pad) 120px;background:var(--paper);display:grid;grid-template-columns:repeat(2,1fr);gap:50px 22px}.project{display:block}.project img{height:54vw;max-height:760px;min-height:420px;object-fit:cover;background:#ddd;filter:saturate(.92);transition:filter .35s,transform .55s}.project:hover img{filter:saturate(1.08)}.project-large{grid-column:1/-1}.project-large img{height:72vh;max-height:none}.project-tall img{object-position:center}.project-meta{display:flex;justify-content:space-between;gap:18px;padding-top:12px;border-top:1px solid var(--ink);margin-top:10px}.project-meta span{font-family:"Space Grotesk";font-weight:600;font-size:18px}.project-meta small{font-size:9px;letter-spacing:.11em;line-height:1.4;text-align:right;max-width:45%}
.about{padding:110px var(--pad) 130px}.inverse{color:#aaa}.about-intro>div p{margin:0 0 24px}.capabilities{margin-top:120px;border-top:1px solid #454545}.capabilities>div{display:grid;grid-template-columns:1fr 2fr;padding:22px 0;border-bottom:1px solid #454545}.capabilities strong{font-size:13px;letter-spacing:.12em}.capabilities span{font-size:17px;color:#bbb}.founders{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:120px}.founders article{display:grid;grid-template-columns:minmax(150px,42%) 1fr;gap:24px;align-items:end}.founders img{aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}.founders h3{font-family:"Space Grotesk";font-size:32px;margin:0 0 8px}.founders p{font-size:14px;margin:0 0 20px}.founders small{color:#aaa;line-height:1.5}
.contact{padding-bottom:34px}.contact h2{margin-top:80px}.contact-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:80px;padding-bottom:70px}.contact-row p{max-width:650px;font-size:17px}.contact-row>a{font-family:"Space Grotesk";font-size:clamp(22px,3vw,44px);border-bottom:2px solid}.social-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.social-links>a,.social-links>button{appearance:none;border:0;border-right:1px solid var(--ink);background:transparent;color:var(--ink);padding:20px 14px 20px 0;display:flex;justify-content:space-between;gap:18px;text-align:left;font:600 12px/1.3 Inter,Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.social-links>*+*{padding-left:14px}.social-links>*:last-child{border-right:0}.social-links>a:hover,.social-links>button:hover{background:rgba(0,0,0,.045)}.social-links span{font-size:9px;font-weight:500;color:#666}.footer-line{border-top:1px solid var(--ink);padding-top:14px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.social-dialog{width:min(92vw,620px);max-height:92vh;border:0;padding:0;background:transparent;overflow:visible}.social-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.social-dialog-card{position:relative;background:#f6f6f4;padding:50px 30px 28px}.social-dialog-card>p{margin:0 0 18px;font-size:11px;font-weight:600;letter-spacing:.1em}.social-dialog-card>img{width:100%;max-height:68vh;object-fit:contain;background:#fff}.social-dialog-close{position:absolute;right:18px;top:18px;border:0;background:transparent;font:600 9px/1 Inter,Arial,sans-serif;letter-spacing:.1em;cursor:pointer}.social-dialog-card>a{display:inline-block;margin-top:18px;border-bottom:1px solid;font-size:10px;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:860px){.topbar{height:60px}.brand img{width:86px}.topbar nav{gap:10px;font-size:9px}.topbar nav a:nth-child(1){display:none}.hero{min-height:620px}.hero-copy{bottom:12vh}.hero h1{font-size:clamp(50px,14vw,104px);letter-spacing:-.06em}.hero-meta{gap:12px;flex-wrap:wrap}.intro-grid,.work-head-grid,.about-intro{grid-template-columns:1fr;gap:46px}.formats{grid-template-columns:1fr}.format-card img,.format-card.tall img{height:68vh;min-height:460px}.work-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project img,.project-large img{height:68vh;min-height:430px}.founders{grid-template-columns:1fr}.founders article{grid-template-columns:42% 1fr}.contact-row{align-items:flex-start;flex-direction:column}.capabilities>div{grid-template-columns:1fr;gap:8px}.light-section,.about{padding-top:86px;padding-bottom:86px}}
@media(max-width:860px){.social-links{grid-template-columns:1fr}.social-links>a,.social-links>button,.social-links>*+*{padding:17px 0;border-right:0;border-bottom:1px solid var(--ink)}.social-links>*:last-child{border-bottom:0}.social-dialog-card{padding:48px 16px 18px}.social-dialog-card>img{max-height:72vh}}

/* Alexandria headline test */
.hero-title,
.section-title,
.project-title,
.archive-year,
.waves-title,
.display-title,
h1,
h2 {
  font-family: 'Alexandria', 'Space Grotesk', sans-serif;
  font-weight: 520;
  letter-spacing: -0.045em;
}

.hero-title {
  white-space: nowrap;
  font-weight: 560;
  letter-spacing: -0.055em;
}


/* Alexandria headline override — fixed */
.hero h1,
.intro h2,
.work-head h2,
.about h2,
.contact h2,
.card-info span,
.project-meta span,
.founders h3,
.contact-row a {
  font-family: 'Alexandria', 'Space Grotesk', sans-serif !important;
}

.hero h1 {
  font-weight: 560;
  letter-spacing: -0.055em;
  white-space: nowrap;
}

.intro h2,
.work-head h2,
.about h2,
.contact h2 {
  font-weight: 520;
  letter-spacing: -0.045em;
}

.card-info span,
.project-meta span,
.founders h3 {
  font-weight: 560;
}

/* Unified Alexandria display typography across all pages */
.archive-hero h1,.edition h2,.origin h2,.case-head h1,.case-copy h2,
.edition-hero h1,.edition-copy h2{
  font-family:'Alexandria','Space Grotesk',Arial,sans-serif !important;
}
.archive-hero h1,.edition-hero h1,.case-head h1{font-weight:560;letter-spacing:-.055em;}
.edition h2,.origin h2,.case-copy h2,.edition-copy h2{font-weight:520;letter-spacing:-.045em;}


/* WAVES CROSS format grid — large 2 × 3 layout */
.formats{
  padding:0 var(--pad) 120px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:50px 22px;
  background:#0b0b0c;
}
.format-card{
  position:relative;
  overflow:hidden;
  background:#111;
  height:54vw;
  max-height:760px;
  min-height:420px;
  isolation:isolate;
}
.format-card .format-cover,
.format-card .format-hover-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center;
}
.format-card .format-cover{
  z-index:0;
  transition:opacity .28s ease,transform .7s ease;
}
.format-card .format-hover-video{
  z-index:1;
  opacity:0;
  transition:opacity .22s ease;
  background:#111;
}
.format-card.has-hover-video:hover .format-hover-video{opacity:1}
.format-card.has-hover-video:hover .format-cover{opacity:0}
.format-card.has-hover-video:hover .format-cover,
.format-card:hover .format-cover{transform:scale(1.02)}
.format-card::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 46%,rgba(0,0,0,.58) 100%);
}
.format-card .card-info{
  z-index:3;
  left:22px;
  right:22px;
  bottom:20px;
}
.format-card .card-info span{
  font-size:clamp(24px,3vw,54px);
}
.format-card .card-info small{
  max-width:44%;
  line-height:1.35;
}
.microwaves-card .format-cover{object-position:center center}

@media(max-width:860px){
  .formats{
    grid-template-columns:1fr;
    gap:32px;
    padding-bottom:86px;
  }
  .format-card{
    height:68vh;
    min-height:430px;
    max-height:none;
  }
  .format-card .format-hover-video{display:none}
  .format-card .card-info span{font-size:clamp(24px,8vw,44px)}
  .format-card .card-info small{max-width:46%}
}
.practice-categories{background:#f2f1ed;padding:0 var(--pad) 120px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.practice-category{position:relative;display:block;overflow:hidden;background:#111;height:42vw;max-height:650px;min-height:390px;color:#fff}.practice-category img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}.practice-category-av img{object-position:center 68%}.practice-category:hover img{transform:scale(1.02)}.practice-category:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.68) 100%)}.practice-category-meta{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.practice-category-meta span{font-family:'Alexandria',sans-serif;font-size:clamp(24px,3vw,52px);font-weight:560;letter-spacing:-.045em;line-height:.95}.practice-category-meta small{font-size:10px;letter-spacing:.08em;text-align:right;max-width:36%}.practice-category:last-child{grid-column:1/-1;height:48vw;max-height:720px}@media(max-width:860px){.practice-categories{grid-template-columns:1fr}.practice-category,.practice-category:last-child{grid-column:auto;height:62vh;min-height:420px}.practice-category-meta span{font-size:clamp(26px,8vw,44px)}}

/* V7 founder portrait crop alignment */
.founders article:first-child img{object-position:center 18%; transform:none;}
.founders article:first-child{overflow:hidden;}
