/* Layout for diamondaward.club. Tokens, fonts and type classes come from dac-web.css (Andy's Website Kit). */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 1em}
figure{margin:0}

/* Top bar */
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px}
.topbar a{text-decoration:none}
.topbar .wordmark{color:var(--ivory);letter-spacing:.35em}
.topbar nav{display:flex;gap:28px;flex-wrap:wrap;justify-content:flex-end}
.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--ivory)}
.topbar .inquire{color:var(--ivory)}
.topbar .short{display:none}

/* Sections */
section{padding:112px 32px}
.wrap{max-width:1120px;margin:0 auto}
.center{text-align:center}
.center .hairline,.hairline.mid{margin-left:auto;margin-right:auto}
.narrow{max-width:38rem}
.center .narrow{margin-left:auto;margin-right:auto}

.cover{min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px;padding-top:72px;padding-bottom:72px}
.cover-title{margin:0;font-weight:400;text-transform:uppercase}
.seal{margin:0 auto}
/* Clear space: one eighth of the seal's diameter (Brand Standards, Edition II) */
.seal-cover{width:min(320px,62vw);padding:calc(min(320px,62vw)/8);box-sizing:content-box}
.seal-foot{width:120px;padding:15px;box-sizing:content-box}

.lede{font-family:var(--serif-text);font-weight:300;font-style:italic;font-size:clamp(24px,3vw,32px);line-height:1.3;margin-bottom:.8em}
.quote{font-family:var(--serif-display);font-style:italic;font-size:clamp(24px,2.6vw,30px);line-height:1.25}
.day .quote{font-family:var(--serif-text)}
.quote.small{font-size:clamp(20px,2vw,24px);margin-top:1.5em}
.spaced{margin-top:2.5em}
.headline{margin:.35em 0 0}

/* Text beside one photo */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding-inline:max(32px,calc((100vw - 1240px)/2))}
.split>.text{max-width:34rem}
.split>.text:first-child{justify-self:end}
.split>.photo:first-child+.text{justify-self:start}
.photo img{width:100%;max-height:78vh;object-fit:cover}
.photo.whole img{object-fit:contain;max-height:84vh;width:auto;margin:0 auto}

/* Membership */
.five{list-style:none;padding:0;margin:48px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;counter-reset:none}
.five li{padding-top:4px}
.five .num{display:block;font-family:var(--serif-text);font-style:italic;color:var(--stone);margin-bottom:6px}
.five strong{display:block;font-family:var(--serif-text);font-weight:500;font-size:22px;margin-bottom:4px}
.five span:last-child{font-style:italic;color:var(--stone)}
#membership .wrap{text-align:center}
#membership .narrow{margin:0 auto}
#membership .five{text-align:left}
.commission{font-family:var(--serif-text);font-size:24px;margin:.4em 0 .2em}

/* The Award */
.specs{display:grid;grid-template-columns:repeat(3,auto);gap:24px;margin:32px 0 0;justify-content:start}
.specs dd{margin:6px 0 0;font-family:var(--serif-display);font-size:20px}


/* Circle */
.circle-list{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}
.circle-list li{padding-top:4px}
.circle-list strong{display:block;font-family:var(--serif-display);font-weight:400;font-size:20px;line-height:1.2;margin-bottom:4px}
.names{margin-top:24px;letter-spacing:.3em;line-height:2}

/* Founder */
.signature{font-family:var(--serif-display);font-style:italic;font-size:26px;margin:1.4em 0 .2em}
.night .signature{color:var(--champagne)}
.day .signature{color:var(--antique)}

/* Footer */
.footer{padding:96px 32px 64px}
.footer .label a{text-decoration:none;letter-spacing:inherit}
.footer .label a:hover{color:var(--ivory)}
.contact{margin:28px 0}
.inquire-link{font-family:var(--serif-display);font-style:italic;font-size:26px;color:var(--ivory);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:rgba(239,231,216,.4)}
.inquire-link:hover{text-decoration-color:var(--ivory)}
.small-print{margin-top:24px}

:focus-visible{outline:1px solid var(--ivory);outline-offset:4px}
.day :focus-visible{outline-color:var(--ink)}
.seal-figure{display:flex;justify-content:center}
.seal-figure .seal-large{max-height:none;object-fit:contain;--d:min(420px,calc((100vw - 48px) * .8));width:var(--d);padding:calc(var(--d) / 8);box-sizing:content-box}
.photo figcaption{margin-top:10px}

/* Tablet */
@media (max-width:1000px){
  .topbar nav a:not(.inquire){display:none}
  .five{grid-template-columns:repeat(2,1fr)}
  .five li:last-child{grid-column:1/-1}
}
/* Phone */
@media (max-width:760px){
  section,.split{padding:80px 20px}
  .topbar{padding:14px 20px}
  .topbar .wordmark,.topbar .inquire{font-size:9px;letter-spacing:.45em;white-space:nowrap}
  .topbar .full{display:none}
  .topbar .short{display:inline}
  .split{grid-template-columns:1fr;gap:40px}
  .split>.text,.split>.text:first-child,.split>.photo:first-child+.text{justify-self:stretch;max-width:none}
  .split>.photo:first-child{order:2}
  .photo img{max-height:70vh}
  .five{grid-template-columns:1fr}
  .five li:last-child{grid-column:auto}
  .specs{grid-template-columns:1fr 1fr}
  .circle-list{grid-template-columns:1fr}
}

/* Revisions 2026-10-19 (Andy's "Website revisions" email) */
.hero{min-height:calc(100vh - 56px)}
.hero .cover-title{margin:.2em 0 0;text-transform:uppercase}
.quote i{color:var(--champagne)}
.day .quote i{color:var(--antique)}
/* Founder photo shown whole, so the head is never cut off */
.photo.founder img{max-height:none;object-fit:contain}
/* Origins collage, as on the brochure's Origins page */
.collage{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.collage img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.collage .c-wide{grid-column:1/-1;aspect-ratio:2/1}
@media (max-width:760px){
  .hero{min-height:0}
  .collage{order:2}
}

.after-headline{margin-top:32px}