/* Daniel Cohen case page — Studio Asaf shell wrapper, atelier exhibits inside.
   Narrative typography: Einstein (site voice). Brand typography lives inside the exhibits. */

@font-face{font-family:'Einstein';src:url('../assets/fonts/Einstein-Regular.woff2') format('woff2');font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:'Einstein';src:url('../assets/fonts/Einstein-Medium.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}

.daniel-case{
  --dc-cream:#FAF7F2;--dc-white:#F6F7F4;--dc-linen:#E8DED2;--dc-stone:#CBBFB3;--dc-taupe:#8A7B72;--dc-inkbrown:#2B2523;
  --dc-line:rgba(43,37,35,.16);--dc-line-soft:rgba(43,37,35,.09);
  margin:0;background:var(--paper);color:var(--ink);font-family:'Einstein',sans-serif;line-height:1.7;
}
.daniel-case *{box-sizing:border-box}
.daniel-case .case-main{display:block}
.daniel-case img{max-width:100%;display:block}
.daniel-case .wrap{width:min(100% - clamp(32px,6vw,48px),var(--wrap));margin-inline:auto}
.daniel-case h1,.daniel-case h2{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.14}
.daniel-case p{margin:0}
.daniel-case .case-main :focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}

.dc-cutgrid{
  background-image:
    repeating-linear-gradient(0deg, var(--dc-line-soft) 0 1px, transparent 1px 84px),
    repeating-linear-gradient(90deg, var(--dc-line-soft) 0 1px, transparent 1px 84px);
}

/* ── masthead ── */
.case-masthead{padding-block:clamp(48px,9vh,110px) clamp(30px,5vh,54px)}
.masthead-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,72px);align-items:end}
.case-eyebrow{font-size:14px;letter-spacing:.12em;color:var(--muted);margin-block-end:18px}
.case-masthead h1{font-size:clamp(42px,6.4vw,84px)}
.masthead-copy p{color:var(--body);max-width:52ch}
.masthead-copy .text-link{margin-block-start:18px}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-weight:600;text-decoration:none;border-block-end:1px solid rgba(12,63,81,.3)}
.text-link:hover{border-color:var(--teal)}
.text-link.light{color:var(--dc-cream);border-color:rgba(250,247,242,.4)}

/* ── hero world ── */
.hero-world{margin:0;display:grid;grid-template-columns:1.25fr .75fr;min-height:clamp(360px,58vh,620px)}
.hw-photo{overflow:hidden}
.hw-photo img{width:100%;height:100%;object-fit:cover}
.hw-panel{background:var(--dc-cream);border-block:1px solid var(--dc-line);display:grid;align-content:center;justify-items:center;gap:clamp(22px,4vh,40px);padding:clamp(30px,5vw,64px)}
.hw-lockup{width:clamp(200px,22vw,330px);height:auto}
.hw-tag{font-size:12px;letter-spacing:.32em;color:var(--dc-taupe)}

/* ── sections ── */
.case-sec{padding-block:clamp(56px,10vh,120px)}
.sec-linen{background:var(--dc-linen);border-block:1px solid var(--dc-line)}
.sec-ink{background:var(--dc-inkbrown);color:var(--dc-cream)}
.sec-ink .sec-no{color:var(--dc-stone)}
.sec-ink .sec-copy p{color:rgba(250,247,242,.86)}
.sec-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,84px);align-items:center}
.sec-grid.flip{grid-template-columns:1.08fr .92fr}
.sec-copy .sec-no{font-size:13px;letter-spacing:.22em;color:var(--muted);margin-block-end:14px}
.sec-copy h2{font-size:clamp(30px,4.2vw,54px);margin-block-end:18px}
.sec-copy p{color:var(--body);max-width:54ch;margin-block-end:12px}
.sec-copy.center{display:grid;justify-items:center;text-align:center;margin-inline:auto;max-width:760px}
.sec-copy.center .sec-sub{max-width:56ch}
.proof-link-row{margin-block-start:clamp(18px,3vh,28px)}
.proof-link-row.center{text-align:center}

/* origin board */
.sec-media{margin:0}
.original-board{justify-self:center;max-width:min(430px,100%)}
.original-board img{width:100%;height:auto;border:1px solid var(--dc-line);box-shadow:var(--shadow-lg)}
.original-board figcaption{margin-block-start:12px;font-size:13.5px;color:var(--muted);text-align:center}

/* mark section */
.wire-line{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,34px);align-items:center;margin-block-start:clamp(20px,3vh,30px)}
.wire-line img{width:clamp(64px,7vw,96px);height:auto}
.video-card{position:relative;justify-self:center;width:min(430px,100%)}
.video-card video{width:100%;height:auto;display:block;border:1px solid var(--dc-line);box-shadow:var(--shadow-lg);background:var(--dc-cream)}
.reel-card{width:min(360px,100%)}
.media-toggle{position:absolute;inset-inline-end:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;
  padding:0 16px;background:rgba(43,37,35,.82);color:var(--dc-cream);border:0;border-radius:var(--pill);font:inherit;font-size:13.5px;cursor:pointer}
.media-toggle:hover{background:rgba(43,37,35,.95)}

/* colorways */
.cw-band{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,22px);margin-block-start:clamp(26px,4vh,40px)}
.cw-band figure{margin:0;display:grid;gap:10px}
.cw-band img{border:1px solid var(--dc-line)}
.cw-band figcaption{font-size:12px;letter-spacing:.22em;color:var(--muted);text-align:center}
.cw-band .chosen img{outline:2px solid var(--teal);outline-offset:3px}
.cw-band .chosen figcaption{color:var(--teal);font-weight:700}
.palette-row{display:grid;grid-template-columns:repeat(6,1fr);margin-block-start:clamp(22px,3.5vh,34px);border:1px solid var(--dc-line)}
.palette-row>div{background:var(--c);color:var(--t);min-width:0;min-height:clamp(84px,12vh,120px);display:grid;place-items:end start;padding:12px 14px;border-inline-end:1px solid var(--dc-line)}
.palette-row>div:last-child{border-inline-end:0}
.palette-row b{font-size:12.5px;letter-spacing:.08em;font-weight:600}

/* stamps band */
.stamps-band{display:flex;align-items:center;justify-content:center;gap:clamp(22px,4vw,58px);flex-wrap:wrap;margin-block-start:clamp(26px,4vh,42px)}
.stamps-band img{width:clamp(84px,9vw,128px);height:auto}
.stamps-band img.wide{width:clamp(200px,24vw,330px)}

/* material */
.mat-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px)}
.mat-duo figure{margin:0;overflow:hidden;border:1px solid var(--dc-line)}
.mat-duo img{aspect-ratio:4/3.55;object-fit:cover;width:100%}
.mat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);margin-block-start:clamp(14px,2vw,24px)}
.mat-row figure{margin:0;overflow:hidden;border:1px solid var(--dc-line)}
.mat-row img{aspect-ratio:1/1;object-fit:cover;width:100%}

/* feed */
.phone-shot{justify-self:center;width:min(320px,84%)}
.phone-shot img{width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(12,10,9,.4))}
.wide-media{margin:clamp(30px,5vh,54px) auto 0}
.wide-media img{width:100%;border:1px solid var(--dc-line)}
.sec-ink .wide-media img{border-color:rgba(250,247,242,.16)}
.scene-media img{box-shadow:var(--shadow-lg)}

/* built */
.sec-built{background:var(--sky);border-block-start:1px solid rgba(12,63,81,.12)}
.built-note{font-size:15px;color:var(--muted);border-inline-start:2px solid var(--teal);padding-inline-start:14px}
.built-list{margin:0;padding:0;list-style:none;display:grid;gap:0;align-content:center}
.built-list li{padding:15px 2px;border-block-end:1px solid rgba(12,63,81,.14);font-size:16.5px;color:var(--ink)}
.built-list li:first-child{border-block-start:1px solid rgba(12,63,81,.14)}

/* CTA band */
.case-cta-band{background:var(--teal);color:var(--paper);text-align:center;padding-block:clamp(56px,9vh,100px)}
.case-cta-band p{font-size:16px;color:rgba(240,240,240,.8);margin-block-end:10px}
.case-cta-band h2{font-size:clamp(30px,4.4vw,52px);margin-block-end:26px}

/* responsive */
@media (max-width:960px){
  .masthead-grid,.sec-grid,.sec-grid.flip{grid-template-columns:1fr}
  .hero-world{grid-template-columns:1fr}
  .hw-photo img{aspect-ratio:16/10}
  .cw-band{grid-template-columns:repeat(2,1fr)}
  .palette-row{grid-template-columns:repeat(3,1fr)}
  .palette-row>div{border-block-end:1px solid var(--dc-line)}
  .mat-row{grid-template-columns:repeat(2,1fr)}
  .stamps-band{gap:clamp(16px,4vw,30px)}
  .original-board,.video-card{justify-self:start}
  .phone-shot{justify-self:center}
}
@media (max-width:560px){
  .mat-duo{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .daniel-case *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* v2: מתחת ל-360px (200% זום) הפלטה עוברת לשתי עמודות, ומתחת ל-260px לעמודה אחת */
@media (max-width:359px){
  .palette-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .palette-row>div:nth-child(2n){border-inline-end:0}
  .palette-row b{font-size:11px;overflow-wrap:anywhere}
}
@media (max-width:259px){
  .palette-row{grid-template-columns:minmax(0,1fr)}
  .palette-row>div{border-inline-end:0}
}

@media (max-width:359px){
  .wire-line{gap:12px}
  .wire-line img{width:56px}
  .hw-tag{white-space:normal;letter-spacing:.2em;text-align:center}
}