/* merrillwithholdings.com: site.css
   Generated by build.py (edit the CSS block there, then rebuild). */

@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/cormorant-garamond-latin-500-normal.woff2?v=8197bf5361") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/cormorant-garamond-latin-600-normal.woff2?v=ae062b6d5a") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-latin-400-normal.woff2?v=8909904ab6") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-latin-500-normal.woff2?v=f3779f1efc") format("woff2")}

:root{
  --paper:#faf8f4;       /* page */
  --paper-2:#f3efe7;     /* footer band */
  --ink:#1a1b30;         /* navy from the logo: headings, links, marks */
  --slate:#3d4350;       /* body text */
  --muted:#5b606c;       /* secondary text */
  --rule:#e2dccf;        /* hairlines */
  --rule-2:#a39b8c;      /* link underlines */
  --gold:#9b7b4e;        /* thin rules only, never text */
  --serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --wrap:70rem;
  --pad:clamp(1.25rem,5vw,4rem);
  --side:14rem;
  --gap:clamp(2rem,5vw,4.5rem);
  --measure:34.5rem;
  --sect-pad:clamp(2.5rem,5.5vw,4rem);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--slate);font:400 1.0625rem/1.65 var(--sans);font-kerning:normal;font-variant-numeric:lining-nums}
h1,h2,h3{margin:0;font-family:var(--serif);color:var(--ink);font-weight:600;line-height:1.15;letter-spacing:-.005em}
p,ul,ol,dl,blockquote,table{margin:0}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--rule-2);transition:color .2s ease,text-decoration-color .2s ease,border-color .2s ease}
a:hover{text-decoration-color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
main:focus{outline:none}
svg{display:block}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.skip{position:absolute;left:var(--pad);top:-20rem;z-index:2;padding:.7rem 1rem;background:var(--ink);color:var(--paper);font-weight:500;text-decoration:none}
.skip:focus{top:1rem;outline-color:var(--gold)}

.wrap{max-width:calc(var(--wrap) + 2 * var(--pad));margin-inline:auto;padding-inline:var(--pad)}

/* Header: the mark plus the name, set in spaced capitals like the logo's wordmark */
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 2.5rem;padding-block:1.75rem}
.brand{display:inline-flex;align-items:center;gap:.85rem;color:var(--ink);text-decoration:none}
.brand svg{width:2.125rem;height:auto;fill:currentColor}
.brand-name{font-family:var(--serif);font-weight:600;font-size:1.0625rem;line-height:1;letter-spacing:.17em;text-transform:uppercase;padding-top:.1em}
.nav ul,.foot-nav ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.nav ul{gap:.25rem 2.25rem}
.nav a{display:inline-block;padding:.35rem 0;font-size:.9375rem;font-weight:500;text-decoration:none;border-bottom:1px solid transparent}
.nav a:hover{border-bottom-color:var(--rule-2)}
.nav a[aria-current="page"]{border-bottom-color:var(--gold)}

/* The thin gold rule from the logo: fades at both ends */
.gold-rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold) 14%,var(--gold) 86%,transparent)}

/* Home: letterhead */
.hero{padding-top:clamp(3rem,9vw,7rem)}
.hero-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--gap)}
.hero h1{font-weight:500;font-size:clamp(2.75rem,7.4vw,5.5rem);line-height:1;letter-spacing:-.012em}
.definition{margin-top:1.1rem;font-size:clamp(1.1875rem,2vw,1.375rem);line-height:1.45;color:var(--slate)}
.emboss{width:clamp(8rem,15vw,12.5rem);height:auto;margin-right:clamp(0rem,3vw,3rem);fill:var(--paper);filter:drop-shadow(-1px -1px 0 #fff) drop-shadow(1px 1px 0 rgba(26,27,48,.15)) drop-shadow(0 3px 4px rgba(26,27,48,.05))}
.verbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem 2.25rem}
.verbs dt{font-family:var(--serif);font-weight:500;font-size:2rem;line-height:1.05;color:var(--ink)}
.verbs dd{margin:.6rem 0 0;max-width:17rem;font-size:1rem;line-height:1.6}
.hero .gold-rule{margin-top:clamp(2.75rem,6vw,4.5rem)}

/* Inner pages: title block */
.page-head{padding-top:clamp(2.5rem,7vw,5.5rem)}
.page-head h1{font-weight:500;font-size:clamp(2.625rem,6vw,4.25rem);line-height:1.02;letter-spacing:-.01em}
.lead{margin-top:1.1rem;max-width:var(--measure);font-size:clamp(1.125rem,1.8vw,1.25rem);line-height:1.6}
.page-head .gold-rule{margin-top:clamp(2.75rem,6vw,4.5rem)}

/* Sections: heading in the margin, text in a narrow column */
.sect>.wrap{display:grid;grid-template-columns:var(--side) minmax(0,1fr);gap:1rem var(--gap);padding-block:var(--sect-pad)}
.sect+.sect>.wrap::before{content:"";grid-column:1/-1;height:1px;margin-top:calc(-1 * var(--sect-pad));margin-bottom:calc(var(--sect-pad) - 1rem);background:var(--rule)}
.side-head{font-size:1.5rem;line-height:1.25;padding-top:.05rem}
.side .status{margin-top:.6rem}
.body>*+*{margin-top:1.1rem}
.body>p{max-width:var(--measure)}
.sect[id]{scroll-margin-top:1.5rem}
/* Privacy and Terms: short clauses, closer together, no rules between them */
.clause>.wrap{padding-block:1.4rem}
.clause+.clause>.wrap::before{display:none}
.page-head+.clause>.wrap{padding-top:var(--sect-pad)}
.clause:last-child>.wrap{padding-bottom:var(--sect-pad)}
.updated{margin-top:.9rem;font-size:.875rem;color:var(--muted)}

/* Status: diamond marker + word */
.status{display:inline-flex;align-items:center;gap:.55rem;font-size:.875rem;font-weight:500;line-height:1.3;color:var(--ink);white-space:nowrap}
.mk{width:.7rem;height:.7rem;flex:none}
.mk path{fill:currentColor}
.mk .o{fill:none;stroke:currentColor;stroke-width:1.2}

/* Home: holdings register */
.register{list-style:none;padding:0}
.holding{display:grid;grid-template-columns:minmax(0,1fr) 9.5rem 12.5rem;column-gap:2rem;align-items:baseline;padding-block:1.6rem;border-top:1px solid var(--rule)}
.holding:first-child{border-top:0;padding-top:.15rem}
.holding:last-child{padding-bottom:0}
.holding-name{grid-column:1;grid-row:1;font-size:1.75rem;line-height:1.2}
.holding .status{grid-column:2;grid-row:1}
.holding-link{grid-column:3;grid-row:1;font-size:.9375rem;overflow-wrap:anywhere}
.holding-line{grid-column:1;grid-row:2;margin-top:.4rem;font-size:1rem;max-width:31rem}
.more{font-size:.9375rem}
.body>.register+.more{margin-top:2.25rem}

/* Home: how it is organized (an ownership chart) */
.chain,.chain ol{list-style:none;margin:0;padding:0}
.chain ol{margin-left:.6rem;padding-left:2.1rem}
.chain ol>li{position:relative;padding-top:1.6rem}
.chain ol>li::before{content:"";position:absolute;left:-2.1rem;top:.4rem;width:1.5rem;height:2.75rem;border-left:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.tier-name{display:block;font-family:var(--serif);font-weight:600;font-size:1.5rem;line-height:1.3;color:var(--ink)}
.tier-role{display:block;margin-top:.2rem;max-width:30rem;font-size:1rem}

.contact-line{font-size:1.0625rem}

/* About */
.doctrine{margin:0;padding:.1rem 0 .1rem 1.5rem;border-left:1px solid var(--gold);max-width:32rem}
.doctrine p{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.6vw,1.875rem);line-height:1.3;color:var(--ink)}
.body>.doctrine+p{margin-top:1.75rem}

/* Portfolio */
.key{display:flex;flex-wrap:wrap;gap:.9rem 2.5rem;margin-top:2rem}
.key div{display:flex;align-items:baseline;gap:.6rem}
.key dd{margin:0;font-size:.9375rem;color:var(--muted)}
.releases{width:100%;max-width:var(--measure);border-collapse:collapse;font-size:.9375rem}
.body>.releases{margin-top:1.75rem}
.releases caption{text-align:left;padding-bottom:.5rem;font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--ink)}
.releases th,.releases td{padding:.6rem 1.25rem .6rem 0;text-align:left;vertical-align:baseline;border-bottom:1px solid var(--rule)}
.releases thead th{padding-top:0;font-size:.8125rem;font-weight:500;color:var(--muted)}
.releases tbody th{font-weight:500;color:var(--ink)}
.releases td:last-child,.releases th:last-child{padding-right:0}
.releases .credit{display:block;font-weight:400;font-size:.8125rem;color:var(--muted)}
.releases .date{white-space:nowrap}
.facts{display:grid;gap:.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--rule);max-width:var(--measure);font-size:.9375rem}
.body>.releases+.facts{border-top:0;padding-top:0}
.fact{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1.5rem}
.facts dt{color:var(--muted)}
.facts dd{margin:0;overflow-wrap:anywhere}

/* Contact */
.address{font-family:var(--serif);font-weight:600;font-size:clamp(1.5rem,3.4vw,2.125rem);line-height:1.2;overflow-wrap:anywhere}
.address a{text-decoration-color:var(--gold)}
.plain-list{list-style:none;padding:0;font-size:1.0625rem}
.plain-list li+li{margin-top:.4rem}

/* Footer */
.site-footer{margin-top:clamp(1rem,3vw,2.5rem);background:var(--paper-2);border-top:1px solid var(--rule)}
.site-footer .wrap{padding-block:2.75rem 2.5rem}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2.5rem;padding-bottom:1.75rem;border-bottom:1px solid var(--rule)}
.brand-foot svg{width:1.75rem}
.brand-foot .brand-name{font-size:.9375rem}
.foot-nav ul{gap:.4rem 1.75rem;font-size:.9375rem}
.foot-nav a{text-decoration:none;border-bottom:1px solid transparent}
.foot-nav a:hover{border-bottom-color:var(--rule-2)}
.foot-nav a[aria-current="page"]{border-bottom-color:var(--gold)}
.fine{margin-top:1.5rem;display:grid;gap:.35rem;font-size:.875rem;line-height:1.55;color:var(--muted)}
.fine a{color:var(--muted)}

/* Narrower screens */
@media (max-width:68rem){
  .holding{grid-template-columns:minmax(0,1fr) auto}
  .holding-link{grid-column:1/-1;grid-row:3;margin-top:.5rem}
  .holding-line{grid-column:1/-1}
}
@media (max-width:52rem){
  .sect>.wrap{grid-template-columns:minmax(0,1fr);row-gap:1.1rem}
  .hero-top{grid-template-columns:minmax(0,1fr)}
  .emboss{display:none}
  .verbs dt{font-size:1.625rem}
  .side-head{font-size:1.875rem}
  .clause .side-head{font-size:1.5rem}
  .holding-name{font-size:1.5rem}
}
@media (max-width:40rem){
  .verbs{grid-template-columns:minmax(0,1fr);gap:1.75rem}
  .verbs dd{max-width:var(--measure)}
}
@media (max-width:30rem){
  body{font-size:1rem}
  .holding{grid-template-columns:minmax(0,1fr)}
  .holding .status{grid-column:1;grid-row:2;margin-top:.55rem}
  .holding-line{grid-row:3}
  .holding-link{grid-row:4}
  .fact{grid-template-columns:minmax(0,1fr);gap:0}
  .facts{gap:.75rem}
  .foot-nav ul{display:grid;grid-template-columns:repeat(3,max-content);gap:.4rem 1.75rem}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{
  .skip,.nav,.foot-nav,.emboss{display:none}
  body{background:#fff}
  .site-footer{background:none}
}