/* Project detail uses Hallmann's shared shell, typography and card language. */
.dentermin-skip-link { position:fixed; top:8px; left:16px; z-index:2000; padding:12px 18px; border-radius:8px; background:var(--ink); color:#fff; transform:translateY(-160%); }
.dentermin-skip-link:focus { transform:translateY(0); }
#dentermin-content { scroll-margin-top:124px; }
.dentermin-shell { width:min(1320px,100%); margin:0 auto; padding-inline:var(--pad); }
.dentermin-hero { padding-top:180px; padding-bottom:56px; }
.dentermin-hero-copy { max-width:760px; margin:0 auto; text-align:center; }
.dentermin-eyebrow { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:20px; color:var(--ink); font-size:14px; line-height:1.5; }
.dentermin-eyebrow::before, .dentermin-eyebrow::after { content:""; flex:0 0 30px; height:6px; background:linear-gradient(90deg,transparent,#f57940); clip-path:polygon(0 28%,82% 28%,82% 0,100% 50%,82% 100%,82% 72%,0 72%); }
.dentermin-eyebrow::after { transform:rotate(180deg); }
.dentermin-hero h1 { color:var(--ink); font-size:72px; font-weight:600; letter-spacing:-.055em; line-height:1.1; }
.dentermin-subtitle { margin-top:16px; font-size:28px; font-weight:500; line-height:1.35; letter-spacing:-.035em; }
.dentermin-intro { max-width:650px; margin:24px auto 0; color:#62666a; font-size:18px; line-height:1.65; text-wrap:pretty; }
.dentermin-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px 24px; margin-top:28px; }
.dentermin-button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:44px; padding:10px 22px; border-radius:99px; background:var(--red); color:#fff; font-size:16px; line-height:24px; text-decoration:none; transition:background 180ms ease,transform 180ms ease; }
.dentermin-button:hover { background:#d91f1a; transform:translateY(-2px); }
.dentermin-back-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:var(--ink); font-size:14px; text-decoration:none; }
.dentermin-back-link span { color:var(--red); }
.dentermin-back-link:hover { text-decoration:underline; text-underline-offset:5px; }
.dentermin-visual { margin:48px 0 0; }
.dentermin-visual img { display:block; width:100%; height:auto; aspect-ratio:1672 / 941; object-fit:cover; border:3px solid #fff; border-radius:24px; background:#e8eef4; }
.dentermin-visual figcaption { padding:12px 12px 0; color:#62666a; font-size:12px; line-height:1.6; text-align:center; }
.dentermin-features { padding-top:56px; padding-bottom:88px; }
.dentermin-section-intro { max-width:720px; margin:0 auto 40px; text-align:center; }
.dentermin-section-intro h2 { font-size:44px; font-weight:600; letter-spacing:-.035em; line-height:1.3; text-transform:uppercase; }
.dentermin-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.dentermin-card { padding:30px; border:3px solid #fff; border-radius:24px; background:#fff; }
.dentermin-card-number { display:block; margin-bottom:28px; color:var(--red); font-size:12px; font-weight:500; }
.dentermin-card h3 { margin-bottom:16px; font-size:22px; font-weight:500; letter-spacing:-.035em; line-height:1.3; }
.dentermin-card p { color:#62666a; font-size:16px; line-height:1.65; text-wrap:pretty; }
.dentermin-test-note { display:grid; grid-template-columns:180px 1fr; gap:20px; margin-top:24px; padding:24px 30px; border:1px solid #dfe3e7; border-radius:24px; }
.dentermin-note-label { color:var(--ink); font-size:14px; font-weight:600; line-height:1.65; }
.dentermin-test-note p { color:#62666a; font-size:14px; line-height:1.7; }
.dentermin-test-note a, .dentermin-source a { color:var(--ink); text-underline-offset:4px; }
.dentermin-test-note a:hover, .dentermin-source a:hover { text-decoration-thickness:2px; }
.dentermin-source { margin-top:16px; padding-inline:4px; color:#62666a; font-size:12px; line-height:1.65; }
@media (max-width:1319px) {
  .dentermin-hero { padding-top:160px; padding-bottom:40px; }
  .dentermin-hero h1 { font-size:60px; }
  .dentermin-subtitle { font-size:26px; }
  .dentermin-features { padding-top:40px; padding-bottom:64px; }
  .dentermin-section-intro h2 { font-size:32px; }
  .dentermin-card { padding:24px; }
}
@media (max-width:809px) {
  #dentermin-content { scroll-margin-top:94px; }
  .dentermin-hero { padding-top:124px; padding-bottom:28px; }
  .dentermin-eyebrow { gap:10px; margin-bottom:16px; font-size:12px; }
  .dentermin-eyebrow::before, .dentermin-eyebrow::after { flex-basis:22px; }
  .dentermin-hero h1 { font-size:48px; }
  .dentermin-subtitle { font-size:22px; }
  .dentermin-intro { margin-top:20px; font-size:16px; }
  .dentermin-actions { margin-top:24px; }
  .dentermin-visual { margin-top:32px; }
  .dentermin-visual img { border-radius:20px; }
  .dentermin-features { padding-top:28px; padding-bottom:48px; }
  .dentermin-section-intro { margin-bottom:24px; }
  .dentermin-section-intro h2 { font-size:28px; }
  .dentermin-card-grid { grid-template-columns:1fr; gap:16px; }
  .dentermin-card-number { margin-bottom:20px; }
  .dentermin-test-note { grid-template-columns:1fr; gap:8px; padding:24px; }
}
@media (prefers-reduced-motion:reduce) {
  .dentermin-button { transition:none; }
  .dentermin-button:hover { transform:none; }
}