header .logo{display:flex;flex-direction:column;flex-shrink:0}
.logo .brand-logo{display:block;width:225px;height:57px;object-fit:contain}
.logo small{letter-spacing:1px;margin-top:3px}
.fullfooter .brand-logo{width:240px;height:61px}
header nav{gap:clamp(12px,1.6vw,28px);white-space:nowrap}
header nav a{flex-shrink:0}
.hp-samples-section{padding:100px 5%;background:var(--paper)}
.hp-samples-page .hp-samples-section{padding-top:65px}
.samples-inner{max-width:1320px;margin:auto}
.hp-samples-section h1,.hp-samples-section h2{line-height:1.55;letter-spacing:.025em;margin:18px 0}
.hp-samples-section h1{font-size:clamp(30px,4vw,54px)}
.hp-samples-section h2{font-size:clamp(26px,3vw,40px)}
.samples-lead{max-width:800px;line-height:2;margin:20px 0 32px}
.samples-note{font-size:13px;line-height:1.9;padding:16px 20px;border-left:3px solid var(--coral);background:#f7e6dc;margin:24px 0 42px}
.samples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:28px}
.sample-card{display:flex;flex-direction:column;border:1px solid #253e3b26;border-radius:18px;overflow:hidden;background:#fffdf8;transition:opacity .55s,transform .55s,box-shadow .25s}
.sample-card.visible:hover{transform:translateY(-6px);box-shadow:0 14px 30px #253e3b16}
.sample-card:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.sample-thumb{aspect-ratio:16/10;background:#e6eee4;overflow:hidden;border-bottom:1px solid #253e3b15}
.sample-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.sample-body{display:flex;flex:1;flex-direction:column;padding:24px}
.sample-industry{font-size:12px;letter-spacing:.07em;color:#167b80}
.sample-body h3{font-size:21px;line-height:1.5;margin:12px 0}
.sample-body p{font-size:14px;line-height:1.9;margin:0 0 24px}
.sample-arrow{margin-top:auto;font-size:13px;font-weight:800;display:flex;justify-content:space-between;align-items:center}
.sample-arrow b{border-radius:50%;padding:8px 14px;background:var(--coral);font-size:18px}
.samples-actions{margin-top:40px;display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.samples-consult{margin-top:70px;padding:40px;border-radius:20px;background:#e6eee4}
.samples-consult p{line-height:2}
@media(min-width:701px) and (max-width:1050px){
  header{padding-inline:3%}
  header .brand-logo{width:180px;height:46px}
  header nav{gap:12px;font-size:12px}
  header nav a.navcta{padding:12px 16px;gap:10px}
  .samples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:701px) and (max-width:1000px){
  header nav{display:none;position:absolute;top:108px;left:0;right:0;background:var(--paper);padding:28px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #253e3b33;gap:20px;font-size:14px}
  header nav.open{display:flex}
  header #menu{display:block;border:0;background:none;font-size:26px;color:var(--ink)}
  header nav a.navcta{align-self:flex-start}
}
@media(max-width:700px){
  header .brand-logo{width:190px;height:48px}
  .logo small{font-size:8px}
  .hp-samples-section{padding:65px 6%}
  .samples-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:24px}
  .samples-consult{padding:25px}
  .samples-actions .button{font-size:14px}
  header nav{white-space:normal}
  .sample-body{padding:22px}
}
@media(prefers-reduced-motion:reduce){.sample-card{transition:none}}