/* usdh.money/brand (Oct 23, brand kit v1). Paper page, one night section in the hero. */
.bp{background:var(--paper);color:var(--ink);padding-top:var(--top)}
.bp .w{max-width:1200px;margin:0 auto;padding-inline:clamp(18px,4vw,24px)}
.bp .eye{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#5B6660}
.bp h1,.bp h2{font-family:var(--serif);font-weight:400;margin:0;line-height:1}
.bp h1{font-size:clamp(48px,5.4vw,76px)}
.bp h2{font-size:clamp(40px,4.4vw,52px)}
.bp p{margin:0}
.bp .sub{font-size:17px;line-height:1.55;color:#35423B;max-width:620px}
.bp section{border-top:1px solid #E4DCCB}
.bp section:not(.hero) > .w{padding-block:80px;display:flex;flex-direction:column;gap:28px}
.bp .head{display:flex;flex-direction:column;gap:10px}
.bp .row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.bp a.dl,.bp button.dl{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* hero */
.bp .hero{border-top:0}
.bp .hero > .w:not(.looks){padding-block:clamp(56px,8vw,96px) 0;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.bp .hero .copy{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.bp .hero .copy .sub{font-size:19px;max-width:520px}
.bp .hero .acts{display:flex;gap:12px;flex-wrap:wrap}
.bp .hero .ver{font-family:var(--mono);font-size:12px;color:#5B6660}
.bp .hero .mark{flex:1 1 380px;min-width:0;height:340px;border-radius:24px;background:#0E2A1F;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box}
.bp .hero .mark img{width:100%;max-width:440px;height:auto}
.bp .btn-lg{min-height:52px;padding:0 24px;font-size:16px;font-weight:600}
.bp .btn-outline{border:1px solid var(--green);color:var(--green);background:transparent}
.bp .press{transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.bp .press:active{transform:scale(.97)}

/* the two looks */
.bp .looks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;padding-block:48px 96px}
.bp .look{border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:14px}
.bp .look.day{background:#FFFDF8;border:1px solid #E4DCCB}
.bp .look.night{background:#0E2A1F;color:var(--paper)}
.bp .look .eye{display:flex;align-items:center;gap:10px}
.bp .look.night .eye{color:#9FB3A8}
.bp .tag{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid #2C4A3E;border-radius:5px;padding:1px 5px}
.bp .look.day .tag{border-color:#D5CCB8}
.bp .bal{display:flex;align-items:baseline;gap:10px}
.bp .bal b{font-family:var(--serif);font-weight:400;font-size:clamp(52px,6vw,72px);line-height:1}
.bp .bal span{font-size:18px;font-weight:500}
.bp .prize{font-family:var(--mono);font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-.03em;color:#D3AE63}
.bp .look p{font-size:16px;line-height:1.5;color:#35423B}
.bp .look.night p{color:#C9D5CE}

/* marks */
.bp .marks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.bp .mk{display:flex;flex-direction:column;gap:10px}
.bp .mk .tile{height:180px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.bp .mk .tile img{width:100%;max-width:240px;height:auto}
.bp .mk .tile.light{background:#FFFDF8;border:1px solid #E4DCCB}
.bp .mk .tile.night{background:#0E2A1F}
.bp .mk .tile.green{background:#1F5A43}
.bp .mk .tile .icon{width:112px;max-width:112px;height:112px;border-radius:25px;border:1px solid #E4DCCB}
.bp .mk .cap{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.bp .rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;font-size:15px;line-height:1.5;color:#35423B}
.bp .rules > div{border-top:1px solid #E4DCCB;padding-top:12px}
.bp .rules strong{color:var(--ink)}

/* colour */
.bp .sw{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;font-size:14px}
.bp .sw i{display:block;height:120px;border-radius:14px}
.bp .sw b{display:block;padding-top:8px;font-weight:600}
.bp .sw code{font-family:var(--mono);color:#5B6660}
.bp .note{font-size:16px;line-height:1.5;color:#35423B;max-width:720px}

/* type */
.bp .type{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px}
.bp .type > div{border-top:1px solid #E4DCCB;padding-top:16px}
.bp .type .s1{font-family:var(--serif);font-size:64px;line-height:1}
.bp .type .s2{font-size:34px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.bp .type .s3{font-family:var(--mono);font-size:48px;font-weight:500;line-height:1}
.bp .type p{padding-top:10px;font-size:15px;color:#35423B}

/* voice */
.bp .voice{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;font-size:17px;line-height:1.5}
.bp .voice > div{border-radius:16px;border:1px solid #E4DCCB;padding:24px;display:flex;flex-direction:column;gap:12px}
.bp .voice .say{background:#FFFDF8}
.bp .voice .say .eye{color:var(--green)}
.bp .voice .never{color:#35423B}
.bp .voice p + p{border-top:1px solid #E4DCCB;padding-top:12px}

/* required lines */
.bp .lines{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:32px}
.bp .lines ul{list-style:none;margin:0;padding:0;font-size:17px;line-height:1.5}
.bp .lines li{border-top:1px solid #E4DCCB;padding-block:12px}
.bp .lines a{color:var(--green)}

@media (prefers-reduced-motion:reduce){.bp .press{transition:none}}
.bp .c-paper{background:#FBF6EC;border:1px solid #E4DCCB}
.bp .c-ink{background:#14201A}
.bp .c-green{background:#1F5A43}
.bp .c-brass-ink{background:#8C6B1F}
.bp .c-night{background:#0E2A1F}
.bp .c-mist{background:#9FB3A8}
.bp .c-brass{background:#D3AE63}
.bp .prize.apy{color:var(--paper,#FBF6EC)}
.bp .eye .tk{text-transform:none}

.bp button.dl{background:none;border:0;padding:0;font-family:inherit;font-size:inherit;cursor:pointer}