/* Kelemotu — studio stylesheet. Fonts: Cinzel & Cormorant Garamond (SIL OFL 1.1), bundled locally. */
@font-face{font-family:"Cinzel";src:url("fonts/cinzel.woff") format("woff");font-weight:400 900;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant.woff") format("woff");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-italic.woff") format("woff");font-weight:300 700;font-style:italic;font-display:swap}
:root{
  --navy-900:#071628;--navy:#0b1f3a;--navy-2:#102a4c;--navy-3:#16345c;
  --gold:#c8a24a;--gold-2:#d9b95b;--gold-dk:#7d5f1a;
  --ivory:#f4efe4;--ivory-2:#e9e1cf;--muted:#c3cad6;
  --caps:"Cinzel","Trajan Pro","Palatino Linotype",Palatino,Georgia,serif;
  --serif:"Cormorant Garamond","EB Garamond","Palatino Linotype",Palatino,Georgia,serif;
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--ivory);font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--gold-2);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ivory)}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
h1,h2,h3,.caps{font-family:var(--caps);font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.25;margin:0}
h1{font-size:clamp(30px,4.4vw,58px);letter-spacing:.08em}
h2{font-size:clamp(22px,2.4vw,32px)}
h3{font-size:17px;letter-spacing:.16em}
p{margin:0 0 1em}
.lead{font-size:clamp(21px,1.9vw,26px);line-height:1.5;color:var(--ivory-2)}
.eyebrow{font-family:var(--caps);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 18px;display:block}
.muted{color:var(--muted)}
em,.it{font-style:italic}

/* SVG strokes */
svg .s0{fill:none;stroke:var(--gold);stroke-width:.8;opacity:.55}
svg .s1{fill:none;stroke:var(--gold);stroke-width:1.4}
svg .s2{fill:none;stroke:var(--gold-2);stroke-width:2.4;stroke-linecap:square}
svg .s3{fill:none;stroke:var(--gold-2);stroke-width:7;stroke-linecap:butt}
svg .fillg{fill:var(--gold);stroke:none;opacity:.85}

/* preview banner */
.preview-bar .short{display:none}
.preview-bar{background:var(--gold);color:var(--navy-900);font-family:var(--caps);font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:7px 16px;font-weight:600}

/* header */
.site-header{border-bottom:1px solid rgba(200,162,74,.35);background:var(--navy-900)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ivory)}
.brand .mono{width:50px;height:50px;flex:none}
.wordmark{display:flex;flex-direction:column;line-height:1}
.wordmark b{font-family:var(--caps);font-weight:500;font-size:24px;letter-spacing:.34em;margin-right:-.34em}
.wordmark small{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--gold-2);letter-spacing:.08em;margin-top:6px}
.nav{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.nav a{font-family:var(--caps);font-size:13px;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:var(--ivory);padding:6px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--gold-2);border-bottom-color:var(--gold)}
.nav-toggle{display:none}
.nav-btn{display:none;cursor:pointer;font-family:var(--caps);font-size:12px;letter-spacing:.24em;color:var(--gold-2);border:1px solid var(--gold);padding:8px 12px}

/* meander strip */
.meander{height:22px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);opacity:.75;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20'%3E%3Cpath d='M0 17H24M18 17V3H4V13H14V7H9V10' fill='none' stroke='%23c8a24a' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x center/24px 20px;margin:0}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border:0;margin:0}

/* sections */
section{padding:96px 0}
.alt{background:var(--navy-2)}
.tiled{background-color:var(--navy-900);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23c8a24a' stroke-width='1' opacity='.13'%3E%3Crect x='.5' y='.5' width='79' height='79'/%3E%3Ccircle cx='40' cy='40' r='14'/%3E%3Cpath d='M40 14 Q46 26 40 26 Q34 26 40 14ZM40 66 Q46 54 40 54 Q34 54 40 66ZM14 40 Q26 46 26 40 Q26 34 14 40ZM66 40 Q54 46 54 40 Q54 34 66 40Z'/%3E%3Cpath d='M0 14A14 14 0 0 0 14 0M80 14A14 14 0 0 1 66 0M0 66A14 14 0 0 1 14 80M80 66A14 14 0 0 0 66 80'/%3E%3Cpath d='M40 32 L48 40 L40 48 L32 40Z'/%3E%3C/g%3E%3C/svg%3E")}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.section-head h2{max-width:none}
.center{text-align:center}
.center .section-head{justify-content:center}

/* hero */
.hero{padding:88px 0 96px;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero h1 .gold{color:var(--gold-2)}
.hero .lead{margin:28px 0 36px;max-width:36ch}
.hero .rose{width:100%;max-width:440px;justify-self:center;opacity:.95}
.page-hero{padding:80px 0 72px;text-align:center}
.page-hero h1{font-size:clamp(28px,3.6vw,46px);margin-bottom:22px}
.page-hero .lead{max-width:44ch;margin:0 auto}
.page-hero .orn{width:88px;height:88px;margin:0 auto 22px;display:block}

/* buttons */
.btn{display:inline-block;font-family:var(--caps);font-size:13px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;padding:15px 26px;border:1px solid var(--gold);color:var(--gold-2);margin:0 12px 12px 0;background:transparent;cursor:pointer}
.btn.solid{background:var(--gold);color:var(--navy-900);font-weight:600}
.btn:hover{background:var(--gold-2);color:var(--navy-900)}

/* tags */
.tag{display:inline-block;font-family:var(--caps);font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:var(--navy-900);padding:3px 8px 2px;vertical-align:middle;line-height:1.5}
.tag.ph{background:transparent;color:var(--gold-2);border:1px dashed var(--gold-2)}
.tag.soon{background:transparent;color:var(--ivory);border:1px solid var(--ivory)}
.ph-text{border:1px dashed rgba(217,185,91,.7);padding:2px 8px;color:var(--gold-2);font-style:italic}
.note{font-size:16px;color:var(--muted);font-style:italic;margin-top:10px}

/* discipline row on home */
.disc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(200,162,74,.4);border-bottom:1px solid rgba(200,162,74,.4)}
.disc-grid a{display:block;padding:36px 22px 32px;text-decoration:none;color:var(--ivory);border-right:1px solid rgba(200,162,74,.25);text-align:center;transition:background .2s}
.disc-grid a:last-child{border-right:0}
.disc-grid a:hover{background:rgba(200,162,74,.06)}
.disc-grid .ill{height:92px;width:auto;display:block;margin:0 auto 20px}
.disc-grid h3{font-size:14px;margin-bottom:10px;color:var(--gold-2)}
.disc-grid p{font-size:17px;color:var(--muted);margin:0;line-height:1.45}
.numeral{font-family:var(--caps);font-size:12px;letter-spacing:.3em;color:var(--gold);display:block;margin-bottom:12px}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.card{background:var(--navy-2);border:1px solid rgba(200,162,74,.35);display:flex;flex-direction:column}
.alt .card{background:var(--navy)}
.card .art{background:var(--navy-900);border-bottom:1px solid rgba(200,162,74,.35);padding:22px;aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;position:relative}
.card .art .ill{width:100%;height:100%}
.card .art .tag{position:absolute;top:14px;left:14px}
.card .body{padding:22px 24px 26px}
.card .kind{font-family:var(--caps);font-size:11px;letter-spacing:.26em;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:8px}
.card h3{font-size:16px;line-height:1.45;margin-bottom:10px}
.card p{font-size:17.5px;color:var(--muted);margin:0;line-height:1.5}
.card.soon{border-style:dashed}

/* credo */
.credo{background:var(--ivory);color:var(--navy)}
.credo .wrap{max-width:900px;text-align:center}
.credo .cross{width:56px;height:56px;margin:0 auto 22px;display:block}
.credo svg .s0,.credo svg .s1{stroke:var(--gold-dk)}
.credo svg .s2,.credo svg .s3{stroke:#9a7726}
.credo svg .fillg{fill:var(--gold-dk)}
.credo .eyebrow{color:var(--gold-dk)}
.credo h2{margin-bottom:28px}
.credo p{font-size:23px;line-height:1.6;color:#1d2a40}
.credo .tag.ph{color:var(--gold-dk);border-color:var(--gold-dk)}
.roots{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:48px 0 8px;border-top:1px solid rgba(125,95,26,.5);border-bottom:1px solid rgba(125,95,26,.5)}
.roots div{padding:22px 12px;border-right:1px solid rgba(125,95,26,.3)}
.roots div:last-child{border-right:0}
.roots b{display:block;font-family:var(--caps);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin-bottom:6px}
.roots span{font-size:16.5px;line-height:1.4;color:#3a465a;font-style:italic;display:block}

/* chant band */
.chant-band{display:grid;grid-template-columns:220px 1fr auto;gap:40px;align-items:center;border:1px dashed var(--gold);padding:28px 36px;background:rgba(7,22,40,.6)}
.chant-band .ill{width:220px;height:auto}
.chant-band span.btn{cursor:default}
.chant-band h3{margin:6px 0 8px;font-size:18px}
.chant-band p{margin:0;color:var(--muted);font-size:18px}

/* CTA */
.cta{text-align:center}
.cta h2{margin-bottom:18px}
.cta p{max-width:46ch;margin:0 auto 32px}

/* disciplines page */
.disc{display:grid;grid-template-columns:1fr 1.25fr;gap:72px;align-items:center;padding:72px 0;border-bottom:1px solid rgba(200,162,74,.25)}
.disc:last-child{border-bottom:0}
.disc:nth-child(even) .disc-art{order:2}
.disc-art{background:var(--navy-900);border:1px solid rgba(200,162,74,.35);padding:36px;aspect-ratio:5/4;display:flex;align-items:center;justify-content:center}
.disc-art .ill{width:100%;height:100%}
.disc h2{margin-bottom:20px}
.disc ul{list-style:none;padding:0;margin:20px 0 0;columns:2;column-gap:28px}
.disc li{font-size:18px;color:var(--muted);padding:4px 0 4px 18px;position:relative;break-inside:avoid}
.disc li:before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg)}

/* filters (work) */
.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:-8px 0 48px}
.filters button{font-family:var(--caps);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;background:transparent;color:var(--ivory);border:1px solid rgba(200,162,74,.5);padding:9px 14px;cursor:pointer}
.filters button[aria-pressed="true"],.filters button:hover{background:var(--gold);color:var(--navy-900)}
.card[hidden]{display:none}

/* essays */
.essays{list-style:none;margin:0;padding:0;border-top:1px solid rgba(200,162,74,.4)}
.essay{display:grid;grid-template-columns:150px 1fr 160px;gap:36px;padding:38px 0;border-bottom:1px solid rgba(200,162,74,.25);align-items:start}
.essay .num{font-family:var(--caps);font-size:42px;color:var(--gold);line-height:1;letter-spacing:.06em}
.essay h2{font-size:21px;letter-spacing:.1em;margin:10px 0 12px;line-height:1.4}
.essay p{color:var(--muted);margin:0;max-width:60ch}
.essay .meta{font-size:16px;color:var(--muted);font-style:italic;text-align:right}

/* contact */
.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:64px}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{display:block;font-family:var(--caps);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin:0 0 8px}
input,select,textarea{width:100%;background:var(--navy-900);border:1px solid rgba(200,162,74,.5);color:var(--ivory);font-family:var(--serif);font-size:19px;padding:12px 14px;margin-bottom:22px;border-radius:0}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
textarea{min-height:170px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:1px solid var(--gold-2);border-color:var(--gold-2)}
.form-note{border:1px dashed var(--gold-2);padding:14px 18px;margin-bottom:28px;font-size:17px;color:var(--gold-2)}
.form-msg{margin-top:12px;font-style:italic;color:var(--gold-2);min-height:1.5em}
.aside-box{align-self:start;border:1px solid rgba(200,162,74,.4);padding:30px;background:var(--navy-2)}
.aside-box h3{margin-bottom:14px;color:var(--gold-2)}
.aside-box dl{margin:0}
.aside-box dt{font-family:var(--caps);font-size:11px;letter-spacing:.24em;color:var(--gold);margin-top:18px}
.aside-box dd{margin:4px 0 0}

/* footer */
.site-footer{background:var(--navy-900);padding:64px 0 36px;border-top:1px solid rgba(200,162,74,.35);text-align:center}
.site-footer .mono{width:58px;height:58px;display:block;margin:0 auto 14px}
.site-footer .wordmark{align-items:center}
.site-footer .nav{justify-content:center;margin:28px 0;flex-wrap:wrap;gap:22px}
.footer-small{font-size:15px;color:var(--muted);margin:6px 0 0}
.footer-preview{display:inline-block;margin-top:22px;font-family:var(--caps);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--navy-900);background:var(--gold);padding:6px 14px}

/* responsive */
@media (max-width:1060px){
  .disc-grid{grid-template-columns:repeat(3,1fr)}
  .disc-grid a{border-bottom:1px solid rgba(200,162,74,.25)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .roots{grid-template-columns:repeat(3,1fr)}
  .roots div{border-bottom:1px solid rgba(125,95,26,.3)}
  .chant-band{grid-template-columns:160px 1fr}
  .chant-band .ill{width:160px}
  .chant-band .btn{grid-column:1/-1;justify-self:start}
}
@media (max-width:820px){
  body{font-size:19px}
  .wrap{padding:0 22px}
  section{padding:68px 0}
  .site-header .wrap{min-height:76px;flex-wrap:wrap}
  .nav-btn{display:inline-block}
  .site-header .nav{display:none;width:100%;flex-direction:column;gap:0;padding:4px 0 16px}
  .site-header .nav li{border-top:1px solid rgba(200,162,74,.2)}
  .site-header .nav a{display:block;padding:14px 0;border-bottom:0}
  .nav-toggle:checked ~ .nav{display:flex}
  .brand .mono{width:42px;height:42px}
  .wordmark b{font-size:20px;letter-spacing:.28em}
  .hero{padding:56px 0 64px}
  .hero .wrap{grid-template-columns:1fr;gap:36px}
  .hero .rose{max-width:260px;order:-1}
  .disc-grid{grid-template-columns:1fr 1fr}
  .disc-grid a{border-right:1px solid rgba(200,162,74,.25)}
  .disc-grid a:nth-child(2n){border-right:0}
  .disc-grid a:last-child{grid-column:1/-1}
  .cards{grid-template-columns:1fr}
  .roots{grid-template-columns:1fr 1fr}
  .roots div:nth-child(2n){border-right:0}
  .roots div:last-child{grid-column:1/-1}
  .credo p{font-size:20px}
  .chant-band{grid-template-columns:1fr;padding:24px;gap:18px}
  .disc{grid-template-columns:1fr;gap:32px;padding:52px 0}
  .disc:nth-child(even) .disc-art{order:0}
  .disc ul{columns:1}
  .essay{grid-template-columns:1fr;gap:6px;padding:30px 0}
  .essay .num{font-size:30px}
  .essay .meta{text-align:left}
  .contact-grid{grid-template-columns:1fr;gap:40px}
  form .row{grid-template-columns:1fr;gap:0}
}
@media (max-width:440px){
  .disc-grid a{padding:26px 12px 22px}
  .disc-grid .ill{height:72px}
  .disc-grid p{font-size:16px}
  .disc-grid h3{font-size:12.5px;letter-spacing:.12em}
  .roots span{font-size:15.5px}
  .preview-bar .long{display:none}
  .preview-bar .short{display:inline}
  .btn{display:block;text-align:center;margin-right:0}
}

/* v3 coming-soon sections */
.soon-sec{padding:72px 0}
.soon-sec h2{color:var(--ivory)}
.soon-head{justify-content:center;text-align:center}
.chant-band{grid-template-columns:220px 1fr;max-width:820px;margin:0 auto}
@media (max-width:1060px){.chant-band{grid-template-columns:160px 1fr}}
@media (max-width:820px){.chant-band{grid-template-columns:1fr}}

/* v5: Kevin's mark (inline SVG via <use>, fill currentColor) */
.mark{display:block;flex:none;fill:currentColor;overflow:visible}
.brand .brand-mark{width:auto;height:50px;aspect-ratio:2242/2400;color:var(--gold-2)}
.hero .hero-mark{width:100%;max-width:340px;height:auto;aspect-ratio:2242/2400;justify-self:center;color:var(--gold);filter:drop-shadow(0 0 28px rgba(200,162,74,.18))}
.credo .credo-mark{width:64px;height:auto;aspect-ratio:2242/2400;margin:0 auto 22px;color:var(--gold-dk)}
.page-hero .orn-mark{width:76px;height:auto;aspect-ratio:2242/2400;margin:0 auto 24px;color:var(--gold)}
.site-footer .foot-mark{width:44px;height:auto;aspect-ratio:2242/2400;margin:0 auto 14px;color:var(--gold)}
@media (max-width:820px){
  .brand .brand-mark{height:42px}
  .hero .hero-mark{max-width:200px;order:-1}
  .credo .credo-mark{width:54px}
}

/* v6: understated hero, the studio line is the heading (no tagline) */
.hero .hero-title{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:.005em;
  font-size:clamp(28px,2.9vw,40px);line-height:1.32;color:var(--ivory);max-width:27ch;margin:0 0 40px;text-wrap:balance}
@media (max-width:820px){.hero .hero-title{font-size:clamp(25px,6.4vw,30px);margin-bottom:32px}}

/* ===== v7: understated. Small type, small mark, gold only as thin rules and the mark. ===== */
body{font-size:17px;font-weight:400;line-height:1.65;color:var(--ivory-2)}
.wrap{max-width:1040px;padding:0 40px}
h1,h2,h3{font-weight:400}
h1{font-size:15px;letter-spacing:.24em}
h2{font-size:13px;letter-spacing:.26em;color:var(--ivory)}
h3{font-size:11.5px;letter-spacing:.22em}
.lead{font-size:18px;line-height:1.6;color:var(--muted)}
a{color:var(--ivory-2);text-decoration-color:rgba(200,162,74,.6)}
a:hover{color:var(--gold-2)}
section{padding:72px 0}

/* header */
.site-header{background:var(--navy);border-bottom:1px solid rgba(200,162,74,.2)}
.site-header .wrap{min-height:64px}
.brand{gap:10px}
.brand .brand-mark{height:26px;color:var(--gold)}
.wordmark b{font-size:13px;letter-spacing:.32em;margin-right:-.32em}
.wordmark small{font-size:12px;margin-top:4px;color:var(--muted);letter-spacing:.06em}
.nav{gap:26px}
.nav a{font-size:10.5px;letter-spacing:.22em;color:var(--muted);padding:4px 0}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ivory);border-bottom-color:rgba(200,162,74,.7)}
.nav-btn{font-size:10.5px;padding:6px 10px;border-color:rgba(200,162,74,.5);color:var(--muted)}

/* hero: quiet, short */
.hero{padding:88px 0 72px;border-bottom:1px solid rgba(200,162,74,.2)}
.hero .wrap{display:block}
.hero .hero-mark{width:auto;height:96px;max-width:none;filter:none;color:var(--gold);opacity:.8;margin:0 0 36px}
.hero .hero-title{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:.01em;
  font-size:20px;line-height:1.55;color:var(--ivory-2);max-width:34ch;margin:0 0 22px;text-wrap:pretty}
.links{margin:0;font-size:15px}
.links a{margin-right:28px;color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(200,162,74,.45);padding-bottom:2px}
.links a:hover{color:var(--ivory);border-bottom-color:var(--gold)}

/* section heads */
.section-head{align-items:baseline;margin-bottom:36px;padding-bottom:14px;border-bottom:1px solid rgba(200,162,74,.2)}
.section-head h2{margin:0}
.more{font-size:15px;color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(200,162,74,.45);padding-bottom:2px}
.more:hover{color:var(--ivory)}
.soon-note{margin:0;font-size:15px;font-style:italic;color:var(--muted)}

/* discipline row */
.disc-grid{border:0;gap:28px}
.disc-grid a{padding:0;border:0;text-align:left;color:var(--ivory-2)}
.disc-grid a:hover{background:none}
.disc-grid a:hover h3{color:var(--gold-2)}
.disc-grid .ill{height:52px;margin:0 0 18px;opacity:.7}
.disc-grid h3{font-size:10.5px;letter-spacing:.2em;color:var(--ivory);margin-bottom:8px;line-height:1.5}
.disc-grid p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.numeral{font-size:10px;letter-spacing:.24em;color:rgba(200,162,74,.75);margin-bottom:14px}
svg .s2{stroke-width:1.6}
svg .s3{stroke-width:4}

/* studio statement: same navy, no band */
.credo{background:var(--navy);color:var(--ivory-2);border-top:1px solid rgba(200,162,74,.2);border-bottom:1px solid rgba(200,162,74,.2)}
.credo .wrap{max-width:640px}
.credo .credo-mark{width:auto;height:34px;margin:0 auto 22px;color:var(--gold);opacity:.7}
.credo h2{margin-bottom:16px}
.credo p{font-size:17px;line-height:1.7;color:var(--muted);margin:0}

/* work / chant */
.chant-band{grid-template-columns:72px 1fr;gap:24px;max-width:none;margin:0;padding:0;border:0;background:none;align-items:start}
.chant-band .ill{width:72px;opacity:.7}
.chant-band h3{margin:2px 0 6px;font-size:11.5px;display:inline-block;margin-right:12px}
.chant-band p{font-size:15px}
.tag.soon{font-size:9px;font-weight:400;letter-spacing:.2em;color:var(--muted);border-color:rgba(195,202,214,.45);padding:1px 6px}
.soon-sec{padding:56px 0 0}
.soon-sec + .soon-sec{padding-bottom:72px}
.soon-sec .section-head{margin-bottom:0}

/* disciplines page */
.page-hero{padding:80px 0 56px;text-align:left;border-bottom:1px solid rgba(200,162,74,.2)}
.page-hero .orn-mark{height:44px;width:auto;margin:0 0 28px;color:var(--gold);opacity:.75}
.page-hero h1{font-size:13px;margin-bottom:16px}
.page-hero .lead{max-width:52ch;margin:0}
.disc-list{padding-top:24px}
.disc{grid-template-columns:200px 1fr;gap:56px;padding:48px 0;align-items:start;border-bottom:1px solid rgba(200,162,74,.15)}
.disc:nth-child(even) .disc-art{order:0}
.disc-art{background:none;border:1px solid rgba(200,162,74,.18);padding:24px;aspect-ratio:5/4}
.disc-art .ill{opacity:.7}
.disc h2{font-size:12px;margin:0 0 14px}
.disc .numeral{margin-bottom:10px}
.disc .lead{font-size:17px;color:var(--ivory-2);margin-bottom:.8em}
.disc p{font-size:15.5px;color:var(--muted);max-width:60ch}

/* footer */
.site-footer{background:var(--navy);padding:44px 0 32px;border-top:1px solid rgba(200,162,74,.2)}
.site-footer .foot-mark{width:auto;height:24px;margin:0 auto 12px;opacity:.7}
.site-footer .wordmark b{font-size:11px;letter-spacing:.3em;margin-right:-.3em}
.site-footer .wordmark small{font-size:11.5px}
.site-footer .nav{margin:20px 0;gap:20px}
.footer-small{font-size:12px}

@media (max-width:1060px){
  .disc-grid{grid-template-columns:repeat(3,1fr);row-gap:36px}
  .disc-grid a{border:0}
}
@media (max-width:820px){
  body{font-size:16.5px}
  .wrap{padding:0 24px}
  section{padding:56px 0}
  .site-header .wrap{min-height:58px}
  .brand .brand-mark{height:24px}
  .wordmark b{font-size:12px}
  .site-header .nav a{padding:12px 0;font-size:11px}
  .hero{padding:56px 0 48px}
  .hero .hero-mark{height:80px;max-width:none;margin-bottom:28px}
  .hero .hero-title{font-size:18.5px;margin-bottom:20px}
  .disc-grid{grid-template-columns:1fr 1fr;gap:32px 24px}
  .disc-grid a,.disc-grid a:nth-child(2n){border:0}
  .disc-grid a:last-child{grid-column:auto}
  .credo .credo-mark{height:30px}
  .credo p{font-size:16.5px}
  .chant-band{grid-template-columns:56px 1fr;padding:0;gap:18px}
  .chant-band .ill{width:56px}
  .page-hero{padding:56px 0 40px}
  .disc{grid-template-columns:1fr;gap:22px;padding:40px 0}
  .disc-art{max-width:150px;padding:16px}
  .site-footer .nav{gap:14px 18px}
}
@media (max-width:440px){
  .disc-grid a{padding:0}
  .disc-grid .ill{height:44px}
  .disc-grid p{font-size:14px}
  .disc-grid h3{font-size:10px}
  .links a{margin-right:22px}
}
/* v7 fix: explicit mark widths (svg width:auto fills the line) */
.hero .hero-mark{width:90px;height:96px;justify-self:start;order:0}
.credo .wrap{text-align:left;max-width:1040px}
.credo p{max-width:56ch}
.credo .credo-mark{width:32px;height:34px;margin:0 0 22px}
.page-hero .orn-mark{width:41px;height:44px}
.site-footer .foot-mark{width:22px;height:24px}
@media (max-width:820px){.hero .hero-mark{width:75px;height:80px}.credo .credo-mark{width:28px;height:30px}}

/* ===== v8: hero is the three words, small, letter-spaced, quiet ===== */
.hero .hero-title{font-family:var(--serif);font-weight:400;text-transform:none;font-size:20px;line-height:1.4;
  letter-spacing:.18em;color:var(--ivory-2);opacity:.85;max-width:none;margin:0 0 26px;white-space:nowrap}
@media (max-width:820px){.hero .hero-title{font-size:18px;letter-spacing:.14em;margin-bottom:22px}}