/* All four concepts and their actions fit in the opening viewport. */
@media(min-width:761px){
  .hero{padding:clamp(18px,5svh,46px) 0 clamp(18px,4svh,36px)}
  h1{font-size:clamp(38px,7.1svh,66px);line-height:1.08}
  .concept{padding:clamp(18px,3svh,30px) clamp(12px,1.6vw,26px)}
  .stamp{width:clamp(88px,14svh,136px);height:clamp(88px,14svh,136px);margin-bottom:clamp(10px,1.8svh,16px)}
  .identity h2{font-size:clamp(26px,4.7svh,46px);line-height:1.1;margin-bottom:clamp(12px,2.4svh,22px)}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 28px)}
  .hero{padding:clamp(12px,2.5svh,22px) 0 clamp(12px,2.4svh,20px)}
  h1{font-size:clamp(26px,min(7.9vw,4.5svh),36px);line-height:1.05;letter-spacing:0}
  .mobile-break{display:none}
  .concept{padding:clamp(9px,1.4svh,12px) 10px}
  .stamp{width:clamp(64px,11.8svh,94px);height:clamp(64px,11.8svh,94px);margin-bottom:clamp(5px,1svh,8px)}
  .identity h2{font-size:clamp(25px,4.3svh,30px);line-height:1.08;margin-bottom:clamp(8px,1.4svh,12px);letter-spacing:0}
  .concept-actions{gap:6px}
  .concept-actions :is(button,a){height:44px;font-size:9px;padding-inline:8px}
}
@media(max-width:350px){.concept-actions :is(button,a){font-size:8px;padding-inline:6px}.concept{padding-inline:8px}}
@media(max-width:760px) and (max-height:560px){
  .hero{padding:9px 0}
  h1{font-size:clamp(21px,4.6svh,24px);line-height:1.03}
  .concept{padding:6px 8px}
  .stamp{width:52px;height:52px;margin-bottom:4px}
  .identity h2{font-size:22px;line-height:1.05;margin-bottom:6px}
}
@media(min-width:560px) and (max-width:760px) and (max-height:500px){
  .hero{padding:12px 0}
  h1{font-size:28px;line-height:1.05}
  .concept-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .concept:nth-child(3),.concept:nth-child(4){border-top:0}
  .concept:nth-child(3){border-left:1px solid var(--line)}
  .concept{padding:12px 8px}
  .identity h2{font-size:23px}
}

/* Anchors use the existing photo-button appearance. */
.concept-actions a{height:43px;padding:0 13px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;border-radius:0}
@media(max-width:1100px){.concept-actions a{font-size:9px;padding-inline:9px}}
@media(max-width:760px){.concept-actions a{height:44px;font-size:9px;padding-inline:8px}}
@media(max-width:350px){.concept-actions a{font-size:8px;padding-inline:6px}}