/* Disciplines page — shares the homepage design system; page-specific layout only. */

/* ---------- Hero ---------- */
.d-hero{position:relative;isolation:isolate;overflow:hidden;min-height:1020px;padding:150px 6% 60px;display:flex;flex-direction:column;align-items:center;
  background:linear-gradient(180deg,#b49c99 0%,#d8c8ba 22%,var(--ivory) 68%)}
.d-halo{position:absolute;width:72%;height:58%;left:14%;top:24%;border-radius:50%;background:radial-gradient(ellipse,#f5eee2cc,transparent 68%);z-index:-1;scale:calc(1 + var(--progress,0)*.3)}
.d-eyebrow{position:absolute;top:150px;left:6%;font-size:11px;letter-spacing:2px}
.d-title{font:300 clamp(66px,10.2vw,160px)/.86 var(--serif);letter-spacing:-.06em;text-align:center;margin:26px 0 0;position:relative;z-index:3;translate:0 calc(var(--progress,0)*-40px)}
.d-title em{font-weight:300}
.d-arches{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,1.6vw,26px);margin-top:30px;z-index:2;width:min(100%,760px)}
.d-arch{margin:0;overflow:hidden;border-radius:999px 999px 4px 4px;background:#cdbfb8;box-shadow:0 40px 70px -40px rgba(40,28,48,.5)}
.d-arch img{display:block;width:100%;height:100%;object-fit:cover;scale:1.06}
.d-arch-1{flex:1 1 0;aspect-ratio:203/536;translate:0 calc(var(--progress,0)*-26px)}
.d-arch-2{flex:1.45 1 0;aspect-ratio:314/646;translate:0 calc(var(--progress,0)*-70px)}
.d-arch-3{flex:1 1 0;aspect-ratio:208/536;translate:0 calc(var(--progress,0)*-40px)}
.d-bottom{width:100%;max-width:1100px;margin-top:56px;display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;z-index:5}
.d-intro{font:25px/1.3 var(--serif);letter-spacing:-.2px;max-width:520px;margin:0}

/* ---------- Style rows ---------- */
.d-styles{padding-top:140px;padding-bottom:120px}
.d-styles-head .eyebrow{margin-bottom:45px}
.d-styles-head .editorial{font-size:clamp(60px,8vw,120px)}
.d-list{display:flex;flex-direction:column;gap:110px;margin-top:100px}
.d-row{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}
.d-row:nth-child(even){grid-template-columns:.9fr 1.1fr}
.d-row:nth-child(even) .d-media{order:2}
.d-media{margin:0;aspect-ratio:5/4;width:100%;background:linear-gradient(150deg,#928393,#5e5264)}
.d-row:nth-child(4n+2) .d-media{border-radius:999px 999px 4px 4px;aspect-ratio:4/5;max-width:440px;justify-self:center}
.d-num{display:block;font-size:11px;letter-spacing:2px}
.d-copy h3{font:300 clamp(56px,6.4vw,100px)/.9 var(--serif);letter-spacing:-.05em;margin:28px 0 28px}
.d-row:nth-child(3) .d-copy h3,.d-row:nth-child(4) .d-copy h3{font-size:clamp(38px,4.6vw,72px)}
.d-copy h3 em{font-weight:300}
.d-lead{font:28px/1.2 var(--serif);letter-spacing:-.4px;max-width:480px;margin:0 0 16px}

/* ---------- Responsive ---------- */
@media(max-width:1100px){.d-row{gap:6%}}
@media(max-width:800px){
  .d-hero{min-height:0;padding-top:130px}
  .d-eyebrow{position:static;margin-bottom:6px;align-self:flex-start}
  .d-bottom{flex-direction:column;align-items:flex-start;gap:28px;margin-top:40px}
  .d-row,.d-row:nth-child(even){grid-template-columns:1fr;gap:34px}
  .d-row:nth-child(even) .d-media{order:0}
  .d-list{gap:80px;margin-top:60px}
}
@media(max-width:600px){
  .d-hero{padding:115px 6% 50px}
  .d-title{font-size:15.5vw}
  .d-arches{width:100%}
  .d-intro{font-size:21px}
  .d-styles{padding-top:90px;padding-bottom:70px}
  .d-lead{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.d-title,.d-arch,.d-halo{translate:none;scale:none}}