@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#302727;background:#f6efe5}
body{background:#f6efe5}a{color:#854a3b}
.top{position:absolute;top:0;left:0;right:0;z-index:5;background:transparent;color:#f9f3ea;display:grid;grid-template-columns:1fr auto 1fr;max-width:1550px;margin:auto;padding:1.7rem max(4vw,1.2rem)}
.brand{font:400 2rem 'Instrument Serif',Georgia,serif;white-space:nowrap}.brand b{color:#f1b574;font-weight:400}.top nav{align-items:center;gap:2rem}.top a{color:#f9f3ea!important;font-size:.82rem}.nav-cta{justify-self:end;border:1px solid #f7e9d6;padding:.75rem 1.2rem;border-radius:99px;text-decoration:none;font-weight:700}
.hero{min-height:100svh;background:#100f15 url('shared-rhythm.jpg') center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;padding:9rem max(5vw,1.2rem) 6rem}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101018e8 0%,#1010189c 37%,#10101808 76%),linear-gradient(0deg,#10101891,transparent 32%)}.hero:after{display:none}.hero>*{position:relative;z-index:1}
.hero .eyebrow{font-size:.71rem;letter-spacing:.22em;color:#f2b97b;font-weight:700}.hero h1{font:400 clamp(3.5rem,7.8vw,8.4rem)/.92 'Instrument Serif',Georgia,serif;letter-spacing:-.035em;max-width:920px;margin:1.4rem 0 1.8rem}.hero h1 em{color:#f1b574}
.hero p{max-width:590px;color:#eee8e0;font-size:1.13rem;line-height:1.65}.hero .actions{margin-top:2rem}.hero-foot{position:absolute;bottom:2rem;left:max(5vw,1.2rem);font-size:.66rem;letter-spacing:.17em;text-transform:uppercase}
.btn{background:#f1b574;color:#241817;border-radius:99px;padding:1rem 1.7rem;font-size:.88rem;font-weight:700;transition:transform .25s ease}.btn:hover{transform:scale(1.03)}.btn.secondary{background:transparent;color:#fff;border-color:#efe7db}
.wrap{max-width:1400px;padding:6rem max(4vw,1.2rem)}h2{font:400 clamp(3rem,5.4vw,5.8rem)/.98 'Instrument Serif',Georgia,serif;letter-spacing:-.035em}.chapter{display:block;color:#a35d44;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.2rem}.lead{color:#625651;font-size:1.06rem}
.intro{background:#e9ded0}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:end}.intro h2{margin-bottom:0}.intro p{font-size:1.18rem;line-height:1.75;color:#554943}
.statement{background:#722f35;color:#fff4e8;padding:6rem max(5vw,1.2rem);text-align:center}.statement p{max-width:960px;margin:auto;font:400 clamp(2.3rem,4.7vw,5.5rem)/1.08 'Instrument Serif',Georgia,serif}.statement em{color:#f1b574}
#areas{padding-top:5rem}.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #c9b9aa}
.area{background:transparent;border:0;border-right:1px solid #c9b9aa;border-bottom:1px solid #c9b9aa;border-radius:0;box-shadow:none;padding:2rem 1.5rem 2.4rem 0;min-height:305px}.area:nth-child(3n){border-right:0;padding-left:1.5rem}.area:nth-child(3n+2){padding-left:1.5rem}.area .num{font-size:.7rem;letter-spacing:.14em;color:#a35d44}.area h3{font:400 clamp(1.8rem,2.7vw,2.7rem)/1.05 'Instrument Serif',Georgia,serif}.area p{color:#5f5650}.area .refs{border-top:0;padding-top:0}.area a,.source a{color:#874c3a;text-underline-offset:3px}
.notice{background:#eee2d2;border-left-color:#a35d44;border-radius:0}.matrix-section{background:#241f24;color:#f8efe5}.matrix-section h2{color:#f8efe5}.matrix-section .lead{color:#d8c8bf}.matrix-section .chapter{color:#f1b574}.controls input{border-radius:0}.filter{background:transparent;border-color:#8a7772;color:#fff}.filter[aria-pressed=true]{background:#f1b574;border-color:#f1b574;color:#241f24}.count{color:#f1b574}.tablebox{border-radius:0}th{background:#71383c}.sources{gap:0;border-top:1px solid #d7c8b8}.source{background:transparent;border:0;border-bottom:1px solid #d7c8b8;border-radius:0;padding:1.2rem 1rem 1.2rem 0}.source a{font:400 1.45rem 'Instrument Serif',Georgia,serif}
.method{background:#eee2d2;color:#382e2d}.method h2{color:#382e2d}.method .lead{color:#625651}.method-grid div{border-color:#ab6d4d}.method-grid strong{color:#8e4b38}
.future{background:#743339;color:#f8efe5}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.future h2{color:#f8efe5}.future p{line-height:1.7;color:#eadad2}.future .chapter{color:#f1b574}.future ol{counter-reset:f;list-style:none;padding:0}.future li{border-bottom:1px solid #ffffff4a;padding:1.1rem 0}.future li:before{counter-increment:f;content:'0' counter(f);color:#f1b574;font-size:.72rem;letter-spacing:.1em;margin-right:1rem}.footer{background:#251c20;display:flex;justify-content:space-between;gap:1rem}.footer a{color:#f1b574}
@media(max-width:900px){.top{grid-template-columns:1fr auto}.top nav{display:none}.intro-grid,.future-grid{grid-template-columns:1fr;gap:0}.areas{grid-template-columns:repeat(2,minmax(0,1fr))}.area:nth-child(n){padding-left:1rem;border-right:1px solid #c9b9aa}.area:nth-child(2n){border-right:0}}
@media(max-width:630px){.top{display:grid}.brand{font-size:1.55rem}.nav-cta{font-size:.68rem;padding:.65rem .9rem}.hero{background-position:60% center}.hero:before{background:linear-gradient(90deg,#101018df,#10101879),linear-gradient(0deg,#10101892,transparent)}.hero h1{font-size:clamp(3.2rem,12vw,5rem)}.areas{grid-template-columns:1fr}.area:nth-child(n){border-right:0;padding-left:0}.footer{display:block}}
@media(prefers-reduced-motion:no-preference){.hero .eyebrow,.hero h1,.hero p,.hero .actions{animation:rise .8s ease-out both}.hero h1{animation-delay:.15s}.hero p{animation-delay:.3s}.hero .actions{animation-delay:.45s}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Illustrated expertise pairs */
.areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;border:0}
.area,.area:nth-child(n){display:grid;grid-template-columns:42% minmax(0,1fr);gap:0;min-height:350px;padding:0;border:1px solid #c9b9aa;overflow:hidden}
.area-image{margin:0;min-height:100%;background:#5e4337;overflow:hidden}
.area-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
.area:hover .area-image img{transform:scale(1.035)}
.area-content{display:flex;flex-direction:column;min-width:0;padding:1.4rem 1.4rem 1.5rem}
.area-content h3{font-size:clamp(1.65rem,2.25vw,2.25rem);margin:.7rem 0}
.area-content p{margin:.15rem 0 1rem;font-size:.91rem;line-height:1.55}
.area-content .refs{margin-top:auto;font-size:.78rem;line-height:1.55}
.image-note{font-size:.8rem;color:#6d625c;margin:1rem 0 0}
@media(max-width:1050px){.areas{grid-template-columns:1fr}.area,.area:nth-child(n){grid-template-columns:39% minmax(0,1fr);min-height:310px}}
@media(max-width:630px){.area,.area:nth-child(n){grid-template-columns:1fr}.area-image{height:225px;min-height:0}.area-content{padding:1.25rem}.area-content h3{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.area-image img{transition:none}.area:hover .area-image img{transform:none}}

.rhythm-feature{background:#17100e;padding:3rem max(3vw,1.2rem)}
.rhythm-feature figure{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);align-items:center;gap:2.5rem}
.rhythm-feature img{width:100%;height:clamp(300px,38vw,520px);object-fit:cover;display:block}
.rhythm-feature figcaption{color:#f6e9dc;display:flex;flex-direction:column;gap:1.2rem}
.rhythm-feature figcaption strong{font:400 clamp(2.7rem,4vw,4.5rem)/.98 'Instrument Serif',Georgia,serif;letter-spacing:-.025em}
.rhythm-feature figcaption span:last-child{font-size:.94rem;line-height:1.7;color:#c8b9ae}
@media(max-width:760px){.rhythm-feature figure{grid-template-columns:1fr;gap:1.5rem}.rhythm-feature img{height:auto;aspect-ratio:1.4;object-fit:cover}.rhythm-feature{padding-block:1.5rem 2.5rem}}