@charset "UTF-8";
:root{--cyan:#41d0fd;--paper:#eeeade;--ink:#242721;--line:rgba(36,39,33,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cyan);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}a:hover{text-decoration-thickness:2px}h1,h2,p,figure{margin:0}h1,h2,.wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.075em}.topbar{max-width:1512px;margin:auto;padding:26px 5.4%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:42px;line-height:1;text-decoration:none}.quiet-link{font-size:14px;text-decoration:none}.quiet-link span{margin-left:12px}.hero{max-width:1512px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:20px 5.4% 62px;min-height:650px;gap:20px}.small-tag{font-size:12px;text-transform:uppercase;letter-spacing:.18em}.hero h1{font-size:clamp(140px,17vw,256px);line-height:.85;margin:20px 0 32px}.period{letter-spacing:-.13em}.subline{font-size:clamp(22px,2.4vw,34px);line-height:1.25;letter-spacing:-.035em}.art-link{display:inline-flex;gap:36px;margin-top:46px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:14px}.face{align-self:center;position:relative}.face img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px}.face figcaption{font-size:11px;letter-spacing:.025em;position:absolute;right:12px;bottom:-22px;opacity:.7}.mood{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;padding:82px max(5.4%,calc((100vw - 1350px)/2));gap:40px;border-bottom:1px solid var(--line)}.mood h2{font-size:clamp(38px,4.8vw,72px);line-height:1.06;margin-top:24px;letter-spacing:-.05em}.mood-note{align-self:end;font-size:19px;line-height:1.5}.mood-note p+p{margin-top:6px}.mood-note a{display:inline-block;margin-top:28px}.art{background:var(--paper);padding:54px max(5.4%,calc((100vw - 1350px)/2)) 68px}.art-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:26px}.art-heading h2{font-size:42px;letter-spacing:-.055em}.art-heading p{font-size:13px}.banner img{width:100%;display:block;height:auto;aspect-ratio:3;object-fit:cover}.downloads{display:flex;gap:28px;margin-top:24px}.downloads a{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--ink);padding:9px 0;text-decoration:none;font-size:14px}footer{background:var(--cyan);padding:27px 5.4%;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px}footer>.wordmark{font-size:32px}footer>span:nth-child(2){font-size:12px}footer>a{margin-left:auto}
@media(min-width:1600px){.hero{min-height:720px}}
@media(max-width:680px){.topbar{padding:22px 24px}.wordmark{font-size:34px}.hero{grid-template-columns:1fr;padding:20px 24px 55px;gap:28px;min-height:0}.small-tag{font-size:10px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;align-items:end}.hero-copy>.small-tag{grid-column:1/-1}.hero h1{font-size:136px;margin:16px 0 0;line-height:.9}.subline{font-size:21px;padding-bottom:8px;justify-self:end}.art-link{grid-column:1/-1;margin-top:26px;font-size:13px;justify-self:start;gap:24px}.face{margin:0 -8px}.face figcaption{font-size:10px;bottom:-19px;right:8px}.mood{padding:45px 24px;grid-template-columns:1fr;gap:26px}.mood h2{font-size:48px;margin-top:18px}.mood-note{font-size:17px}.mood-note a{margin-top:16px}.art{padding:38px 24px 42px}.art-heading{display:block;margin-bottom:20px}.art-heading h2{font-size:36px}.art-heading p{margin-top:8px;font-size:12px}.banner{margin:0 -24px}.downloads{flex-wrap:wrap;gap:8px 24px;margin-top:17px}.downloads a{font-size:12px;gap:17px}footer{padding:22px 24px;gap:14px}footer>span:nth-child(2){font-size:10px}footer>a{font-size:11px}}
@media(max-width:350px){.hero h1{font-size:111px}.subline{font-size:18px}.hero{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Current local refresh: keep the original art and quiet type-led layout. */
::selection{background:var(--ink);color:var(--cyan)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;z-index:10;background:var(--paper);padding:12px 18px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.topbar{padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.topbar nav{display:flex;align-items:center;gap:32px}
.project-link{display:inline-flex;align-items:center;gap:20px;padding:11px 16px;border:1px solid var(--ink);border-radius:2px;text-decoration:none;font-size:13px;transition:background .15s,color .15s}
.project-link:hover{background:var(--ink);color:var(--cyan)}
.hero{padding-top:38px;padding-bottom:72px;gap:5%;min-height:670px}
.face figcaption{opacity:1;color:#3d453f;bottom:-25px}
.mood{padding-top:90px;padding-bottom:90px}
.mood-note{padding-bottom:5px}
.art{padding-top:52px;padding-bottom:66px}
.art-heading h2{font-size:clamp(42px,4vw,58px)}
.art-heading p{font-size:14px}
.banner{border:1px solid var(--line)}
.downloads{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.downloads a{padding:18px 0;justify-content:space-between;transition:background .15s}
.downloads strong{display:block;font-size:16px;font-weight:400}
.downloads small{display:block;margin-top:8px;font-size:11px;letter-spacing:.06em;color:#50564f}
.download-arrow{font-size:26px;line-height:1}
.downloads a:hover .download-arrow{transform:translate(-3px,3px)}
.footer-links{margin-left:auto;display:flex;gap:32px;align-items:center}
@media(max-width:680px){
  .topbar{padding:22px 24px;gap:20px}.topbar nav{gap:20px}.topbar nav>.quiet-link{font-size:12px}.project-link{font-size:12px;padding:9px 11px;gap:10px}
  .hero{padding:28px 24px 57px;gap:32px;min-height:0}.hero h1{font-size:136px}.face{margin:0 -8px}.face figcaption{bottom:-21px}
  .mood{padding:48px 24px;gap:26px}.mood-note{padding:0}.art{padding:38px 24px 44px}.art-heading h2{font-size:40px}.art-heading p{font-size:12px}.banner{border-left:0;border-right:0}
  .downloads{gap:22px;margin-top:12px}.downloads a{padding:16px 0;gap:8px}.downloads strong{font-size:13px}.downloads small{font-size:9px;letter-spacing:0}.download-arrow{font-size:21px}
  footer{padding:24px;flex-wrap:wrap;row-gap:24px}.footer-links{width:100%;justify-content:flex-end;margin-left:0;padding-top:20px;border-top:1px solid var(--line)}.footer-links .quiet-link{font-size:12px}
}
@media(max-width:350px){.hero h1{font-size:111px}.topbar nav{gap:12px}.topbar{padding-left:20px;padding-right:20px}.hero{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

/* Blank until the confirmed CA is set in config.js. */
.contract{display:flex;align-items:center;width:min(470px,72%);border:1px solid var(--line);border-radius:2px;min-width:0}
.contract label{padding-left:15px;font-family:Georgia,'Times New Roman',serif;font-size:20px}
.contract input{font:12px Arial,Helvetica,sans-serif;color:var(--ink);background:transparent;border:0;width:100%;min-width:0;padding:14px 12px;text-overflow:ellipsis}
.contract input::placeholder{color:#3d453f;opacity:1}
.contract button{align-self:stretch;padding:0 16px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);font:12px Arial,Helvetica,sans-serif;cursor:pointer;min-width:68px}
.contract button:disabled{color:#485c5b;cursor:default}
.contract button:not(:disabled):hover{background:var(--ink);color:var(--cyan)}
.contract button:focus-visible,.contract input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:680px){.topbar{flex-wrap:wrap;gap:18px}.contract{width:100%}.contract input{font-size:11px}.contract label{font-size:18px}.art{padding-top:30px;padding-bottom:30px}}