/* ZOHAR identity board */
body{margin:0;font-size:17px;line-height:1.7}
.skip-link{position:fixed;top:-90px;inset-inline-start:14px;z-index:99;background:var(--z-espresso);color:var(--z-milk);padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:600;transition:top .2s}
.skip-link:focus-visible{top:10px}
main{width:min(100% - clamp(32px,6vw,60px),1100px);margin-inline:auto;padding-block:clamp(40px,7vw,80px)}
h2{font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:600;text-align:center;margin:0 0 clamp(24px,4vw,40px)}

.id-hero{position:relative;display:grid;justify-items:center;text-align:center;gap:18px;padding:clamp(30px,6vw,70px) 0 clamp(44px,7vw,90px);isolation:isolate}
.id-hero-line{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.id-hero-word{width:min(680px,88%);height:auto}
.id-hero-sub{margin:0;color:var(--z-body-muted)}

.id-sec{margin-block-end:clamp(56px,8vw,100px)}
.id-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,22px)}
.id-cell{margin:0;background:#fff;border:1px solid var(--z-milk-line);border-radius:var(--z-r);display:grid;gap:14px;justify-items:center;align-content:center;padding:clamp(22px,4vw,42px);min-height:190px}
.id-cell img{width:min(78%,300px);height:auto;max-height:150px;object-fit:contain}
.id-cell figcaption{font-size:.85rem;color:var(--z-body-muted)}
.id-cell-dark{background:var(--z-espresso);border-color:transparent}
.id-cell-dark figcaption{color:rgba(242,233,225,.72)}
.id-cell-z img{max-height:130px}
.id-lockup{margin:clamp(12px,2vw,22px) 0 0;border-radius:var(--z-r);display:grid;gap:14px;justify-items:center;padding:clamp(28px,5vw,52px)}
.id-lockup img{width:min(420px,72%)}
.id-lockup figcaption{font-size:.85rem;color:rgba(242,233,225,.72)}

.id-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,22px)}
.id-rule{background:#fff;border:1px solid var(--z-milk-line);border-radius:var(--z-r);padding:24px;display:grid;gap:10px;align-content:start;text-align:center;justify-items:center}
.id-rule b{font-size:1.02rem}
.id-rule span{font-size:.92rem;color:var(--z-body-muted)}
.id-rule-safe{display:grid;place-items:center;padding:10px}
.safe-box{display:grid;place-items:center;padding:26px;border:1px dashed var(--z-caramel);border-radius:8px}
.safe-box img{width:150px}
.id-rule-min{display:grid;justify-items:center;gap:6px;padding:16px 0}
.id-rule-min i{font-style:normal;font-size:.78rem;color:var(--z-mocha);border-top:1px solid var(--z-caramel);padding-top:4px;width:120px;text-align:center}
.id-rule-dont{position:relative;display:grid;place-items:center;padding:16px 0}
.dont-stretch{width:190px;transform:scaleX(1.45);opacity:.55}
.id-rule-dont s{position:absolute;text-decoration:none;font-size:2rem;color:#B3452F;font-weight:700}

.id-sec-dark{background:var(--z-espresso);color:var(--z-milk);border-radius:var(--z-r);padding:clamp(30px,5vw,54px)}
.id-pal{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.6vw,18px)}
.id-swatch{background:var(--c);color:var(--t);border-radius:16px;min-height:190px;padding:18px 16px;display:grid;gap:6px;align-content:end}
.id-swatch b{font-family:var(--z-display);font-weight:400;letter-spacing:.08em;font-size:.9rem}
.id-swatch span{font-size:.85rem;line-height:1.5}
.id-swatch i{font-style:normal;font-size:.72rem;opacity:.75}
.id-note{margin:18px 0 0;font-size:.9rem;color:rgba(242,233,225,.75)}
.id-note.center{color:var(--z-body-muted);text-align:center}

.id-type{display:grid;gap:22px;justify-items:center;text-align:center}
.id-type-vonca{font-family:var(--z-display);font-weight:300;font-size:clamp(1.9rem,4.6vw,3.4rem);letter-spacing:.14em;margin:0;display:grid;gap:8px}
.id-type-vonca span{font-size:.85rem;letter-spacing:.4em;color:var(--z-mocha)}
.id-type-weights{font-family:var(--z-display);font-size:clamp(1rem,2vw,1.4rem);letter-spacing:.06em;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;color:var(--z-mocha)}
.id-type-heb{font-size:clamp(1.15rem,2.4vw,1.6rem);margin:0;display:grid;gap:8px}
.id-type-heb span{font-family:var(--z-display);font-size:.85rem;letter-spacing:.4em;color:var(--z-mocha)}

.id-pattern-band{height:120px;border-radius:14px;border:1px solid var(--z-milk-line)}
.id-pattern-dark{margin-block-start:12px;background-color:var(--z-espresso)}

.id-book-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,18px)}
.id-book-strip img{width:100%;height:auto;border-radius:10px;border:1px solid var(--z-milk-line)}
.id-foot{padding:20px 0 56px;text-align:center}

@media (max-width:860px){
  .id-logo-grid,.id-rules{grid-template-columns:1fr 1fr}
  .id-pal{grid-template-columns:repeat(3,1fr)}
  .id-book-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .id-logo-grid,.id-rules{grid-template-columns:1fr}
  .id-pal{grid-template-columns:1fr 1fr}
}