/* Daniel Cohen — identity board. Canonical capture 1920; responsive down to 375. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--dc-cream);color:var(--dc-ink);font-family:var(--dc-body);line-height:1.7;overflow-x:clip}
img{max-width:100%;display:block}
.wrap{width:min(100% - clamp(36px,6vw,64px),1280px);margin-inline:auto}
h1,h2{font-family:var(--dc-display);font-weight:700;line-height:1.06}
:focus-visible{outline:2px solid var(--dc-ink);outline-offset:3px}
.skip{position:fixed;top:-80px;inset-inline-start:14px;z-index:90;background:var(--dc-ink);color:var(--dc-cream);padding:10px 18px;font-size:14px;text-decoration:none}
.skip:focus-visible{top:12px}

.id-head{border-block-end:1px solid var(--dc-line);padding-block:clamp(40px,7vh,84px)}
.id-head-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,64px);align-items:end}
.id-head h1{font-size:clamp(44px,6.5vw,92px);margin-block-start:14px}
.id-head-note{color:var(--dc-ink-soft);max-width:44ch;font-size:15px}

.id-primary{display:grid;grid-template-columns:1.15fr .85fr;min-height:clamp(360px,52vh,600px);border-block-end:1px solid var(--dc-line)}
.stage-taupe{background:var(--dc-taupe);display:grid;place-items:center;padding:clamp(40px,6vw,90px)}
.stage-taupe img{width:clamp(220px,26vw,380px)}
.stage-cream{background:var(--dc-linen);display:grid;place-items:center;padding:clamp(40px,6vw,90px);border-inline-start:1px solid var(--dc-line)}
.stage-cream img{width:clamp(260px,30vw,460px)}

.id-row{padding-block:clamp(48px,8vh,96px)}
.id-row-alt{background:var(--dc-white);border-block:1px solid var(--dc-line)}
.marks-grid{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:clamp(16px,2.4vw,28px);margin-block-start:clamp(22px,4vh,38px)}
.mark-card{border:1px solid var(--dc-line);background:var(--dc-cream);display:grid;align-content:center;justify-items:center;gap:0;padding:clamp(26px,4vw,56px);min-height:clamp(220px,30vh,330px)}
.mark-card img{width:clamp(110px,13vw,180px)}
.mark-card.wide img{width:clamp(240px,32vw,430px)}
.mark-card figcaption{margin-block-start:22px;font-size:12.5px;letter-spacing:var(--dc-track);color:var(--dc-taupe)}

.stamps-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,2vw,26px);margin-block-start:clamp(22px,4vh,38px)}
.stamps-grid figure{border:1px solid var(--dc-line);background:var(--dc-cream);display:grid;align-content:center;justify-items:center;padding:clamp(18px,2.6vw,34px);min-height:clamp(170px,22vh,250px)}
.stamps-grid img{width:100%;max-width:150px}
.stamps-grid figcaption{margin-block-start:16px;font-size:11.5px;letter-spacing:.08em;color:var(--dc-taupe);text-align:center}

.id-colorways{background:var(--dc-linen);border-block-end:1px solid var(--dc-line);padding-block:clamp(48px,8vh,96px)}
.cw-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,4.5vw,70px);align-items:center;margin-block-start:clamp(18px,3vh,30px)}
.cw-copy h2{font-size:clamp(30px,4vw,52px)}
.cw-copy p{margin-block-start:16px;color:var(--dc-ink-soft);max-width:48ch}
.cw-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,18px)}
.cw-strip figure{display:grid;gap:10px}
.cw-strip img{border:1px solid var(--dc-line);filter:saturate(.92)}
.cw-strip figcaption{font-size:11.5px;letter-spacing:var(--dc-track);color:var(--dc-taupe);text-align:center}
.cw-strip .chosen img{outline:2px solid var(--dc-ink);outline-offset:3px}
.cw-strip .chosen figcaption{color:var(--dc-ink);font-weight:700}

.id-palette{padding-block:clamp(48px,8vh,96px)}
.pal-row{display:grid;grid-template-columns:repeat(6,1fr);margin-block-start:clamp(22px,4vh,38px);border:1px solid var(--dc-line)}
.pal{background:var(--c);color:var(--t);min-height:clamp(150px,22vh,220px);display:grid;align-content:end;gap:6px;padding:18px;border-inline-end:1px solid var(--dc-line)}
.pal:last-child{border-inline-end:0}
.pal b{font-size:15px}
.pal span{font-size:12.5px;letter-spacing:.1em;opacity:.75}

.id-type{background:var(--dc-white);border-block:1px solid var(--dc-line);padding-block:clamp(48px,8vh,96px)}
.type-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(26px,4.5vw,70px);align-items:center}
.type-grid h2{font-size:clamp(30px,4vw,52px);margin-block-start:12px}
.type-grid p{margin-block-start:14px;color:var(--dc-ink-soft);max-width:46ch}
.type-note a{color:var(--dc-ink)}
.type-samples{display:grid;gap:18px;border:1px solid var(--dc-line);background:var(--dc-cream);padding:clamp(24px,3.6vw,52px)}
.ts-display{font-family:var(--dc-display);font-weight:700;font-size:clamp(30px,3.6vw,50px);line-height:1.12}
.ts-caps{font-family:var(--dc-display);font-weight:400;font-size:clamp(15px,1.6vw,21px);letter-spacing:var(--dc-track-wide);text-transform:uppercase;color:var(--dc-taupe)}
.ts-body{font-size:16px;max-width:44ch}

.id-boards{padding-block:clamp(48px,8vh,96px)}
.boards-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.4vw,16px);margin-block-start:clamp(22px,4vh,38px)}
.boards-strip img{border:1px solid var(--dc-line)}
.boards-note{margin-block-start:16px;font-size:13px;color:var(--dc-taupe)}

.id-foot{background:var(--dc-ink);color:var(--dc-stone);display:grid;justify-items:center;gap:14px;padding-block:clamp(36px,6vh,64px);font-size:13px;letter-spacing:.08em}
.id-foot img{width:56px;opacity:.9}

@media (max-width:980px){
  .id-head-grid,.cw-grid,.type-grid{grid-template-columns:1fr}
  .id-primary{grid-template-columns:1fr}
  .stage-cream{border-inline-start:0;border-block-start:1px solid var(--dc-line)}
  .marks-grid{grid-template-columns:1fr 1fr}
  .mark-card.wide{grid-column:1/-1}
  .stamps-grid{grid-template-columns:repeat(3,1fr)}
  .pal-row{grid-template-columns:repeat(3,1fr)}
  .pal{border-block-end:1px solid var(--dc-line)}
  .boards-strip{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:560px){
  .stamps-grid{grid-template-columns:repeat(2,1fr)}
  .pal-row{grid-template-columns:repeat(2,1fr)}
  .boards-strip{grid-template-columns:repeat(2,1fr)}
  .cw-strip{grid-template-columns:repeat(2,1fr)}
}