/* Shared portrait framing and stacked biographies, v27. */
/* The frame is consistent; each complete illustration keeps its natural proportions. */
.dc-catalog-page .card .photo {
  position:relative; width:100%; height:auto; aspect-ratio:3/2;
  background:#000; overflow:hidden;
}
.dc-catalog-page .card .photo::after { content:none; }
.dc-catalog-page .card .photo img,
.dc-catalog-page .card:hover .photo img {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  box-sizing:border-box; padding:12px; object-fit:contain!important;
  object-position:center!important; transform:none!important; filter:none;
  background:#000;
}
.dc-catalog-page .card .dc-profile-status { display:flex; width:fit-content; margin:0 0 12px; }
.dc-catalog-page .card .meta { display:block; line-height:1.6; }
.dc-catalog-page .card .body { min-width:0; }
.dc-catalog-page .card h3 { overflow-wrap:anywhere; }
.region-portraits .region-portrait { display:flex; flex-direction:column; min-width:0; }
.region-portraits .region-portrait img,
.related-region .related-grid img {
  display:block; box-sizing:border-box; width:100%; max-width:none;
  height:auto; min-height:0; max-height:none; aspect-ratio:3/2;
  object-fit:contain!important; object-position:center!important;
  padding:10px; background:#000; transform:none!important; filter:none;
}
.region-portraits .picker-no-image {
  box-sizing:border-box; width:100%; aspect-ratio:3/2; flex-shrink:0;
  display:grid; place-items:center; background:#000; padding:16px;
}
.region-portraits .region-portrait strong { overflow-wrap:anywhere; }
.region-portraits .region-portrait small { margin-bottom:10px; }
.region-portraits .region-portrait .dc-profile-status { align-self:flex-start; margin: auto 10px 0; }
.cluster-tray .cluster-thumb { background:#000; }
.cluster-tray .cluster-thumb img,
.cluster-tray .cluster-species:hover .cluster-thumb img,
.search-result img {
  object-fit:contain!important; object-position:center!important; transform:none!important;
}
/* Full biography: full-width artwork, then introduction and specifications. */
.dc-species-page #page > .hero {
  display:grid; grid-template-columns:minmax(0,1fr); min-height:0;
}
.dc-species-page #page .hero-image {
  position:relative; width:100%; min-height:0!important;
  height:clamp(300px,54svh,640px)!important; aspect-ratio:auto!important;
  margin:0; background:#000; overflow:hidden;
}
.dc-species-page #page .hero-image img {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  max-width:none; max-height:none; padding:clamp(16px,3vw,44px);
  object-fit:contain!important; object-position:center!important;
  transform:none!important; filter:none; background:#000;
}
.dc-species-page #page .hero-image::after { content:none; }
.dc-species-page #page .hero-copy {
  container-type:normal; box-sizing:border-box; width:min(1200px,100%);
  min-width:0; margin:0 auto; padding:clamp(30px,4vw,56px) clamp(20px,5vw,64px) clamp(36px,5vw,64px);
}
.dc-species-page #page .hero h1 {
  max-width:100%; margin:16px 0 8px; font-size:clamp(2.6rem,6.4vw,6rem);
  line-height:1.04; letter-spacing:-.045em; overflow-wrap:anywhere;
}
.dc-species-page #page .hero .lead { max-width:72ch; margin-top:22px; }
.dc-species-page #page .hero .facts { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:30px; }
.dc-species-page #page .hero .fact { min-width:0; padding:20px; }
.dc-species-page #page .hero .fact b { overflow-wrap:anywhere; }
.dc-species-page #page .hero .hero-actions { margin-top:24px; }
.dc-species-page #page .hero .hero-actions .button { min-height:48px; }
/* The catalogue's quick profile follows the same reading order. */
.dc-catalog-page .modal .profile { display:grid; grid-template-columns:minmax(0,1fr); width:min(1120px,100%); }
.dc-catalog-page .modal .profile > img {
  display:block; position:static; width:100%; height:clamp(250px,48svh,500px);
  min-height:0; max-height:none; padding:clamp(16px,3vw,32px); box-sizing:border-box;
  object-fit:contain!important; object-position:center!important; background:#000; transform:none!important;
}
.dc-catalog-page .modal .profile-copy { padding:clamp(24px,4vw,48px); min-width:0; }
.dc-catalog-page .modal .profile-copy h2 { line-height:1.06; overflow-wrap:anywhere; }
.dc-catalog-page .modal .profile-copy .facts { grid-template-columns:repeat(4,minmax(0,1fr)); }
.dc-catalog-page .modal .profile-copy .fact { min-width:0; }
.dc-catalog-page .modal .profile-copy .fact b { overflow-wrap:anywhere; }
/* Full profiles opened inside the tree use the same vertical composition. */
#dino-time-tree .dtt-dossier .dtt-dossier-hero { grid-template-columns:minmax(0,1fr); min-height:0; }
#dino-time-tree .dtt-dossier .dtt-dossier-hero-media { min-height:0; margin:0; background:#000; }
#dino-time-tree .dtt-dossier .dtt-dossier-hero-media img {
  display:block; width:100%; height:clamp(300px,54svh,640px); min-height:0;
  padding:clamp(16px,3vw,44px); box-sizing:border-box;
  object-fit:contain!important; object-position:center!important; background:#000; filter:none;
}
#dino-time-tree .dtt-dossier .dtt-dossier-hero-media::after { content:none; }
#dino-time-tree .dtt-dossier .dtt-dossier-hero-media figcaption {
  position:static; max-width:1120px; margin:auto; padding:14px 24px;
  background:#000; border-radius:0; color:#9ca89a; font-size:.75rem; line-height:1.6;
}
#dino-time-tree .dtt-dossier .dtt-dossier-hero-copy {
  box-sizing:border-box; width:min(1200px,100%); margin:0 auto;
  padding:clamp(30px,4vw,56px) clamp(20px,5vw,64px);
}
#dino-time-tree .dtt-dossier .dtt-dossier-hero-copy h2 { font-size:clamp(2.6rem,5vw,5rem); line-height:1.06; overflow-wrap:anywhere; }
#dino-time-tree .dtt-dossier .dtt-dossier-lead { max-width:72ch; }
#dino-time-tree .dtt-dossier .dtt-dossier-vitals { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:700px) {
  .dc-species-page #page .hero-image { height:clamp(240px,68vw,420px)!important; }
  .dc-species-page #page .hero-image img { padding:16px; }
  .dc-species-page #page .hero-copy { padding:28px 20px 36px; }
  .dc-species-page #page .hero .facts,
  .dc-catalog-page .modal .profile-copy .facts,
  #dino-time-tree .dtt-dossier .dtt-dossier-vitals { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dc-species-page #page .hero .fact { padding:16px; }
  .dc-species-page #page .hero .hero-actions { display:grid; grid-template-columns:1fr; }
  .dc-catalog-page .modal .profile > img { height:clamp(230px,68vw,390px); }
  #dino-time-tree .dtt-dossier .dtt-dossier-hero-media img { height:clamp(240px,68vw,420px); padding:16px; }
  #dino-time-tree .dtt-dossier .dtt-dossier-hero-copy { padding:28px 20px 36px; }
}
@media(max-width:380px) {
  .dc-species-page #page .hero .facts,
  .dc-catalog-page .modal .profile-copy .facts,
  #dino-time-tree .dtt-dossier .dtt-dossier-vitals { grid-template-columns:1fr; }
}

/* Larger portraits: crop only verified empty top/bottom bands at display time. */
.dc-species-page #page > .hero,
.dc-catalog-page .modal .profile,
#dino-time-tree .dtt-dossier .dtt-dossier-hero { container-type:inline-size; }
.dc-species-page #page .hero-image,
.dc-catalog-page .modal .profile .dc-portrait-stage,
#dino-time-tree .dtt-dossier .dc-portrait-stage {
  --portrait-stage-height:min(calc(100cqw / var(--portrait-ratio,1.5)),74svh,860px);
  position:relative; width:100%; height:var(--portrait-stage-height)!important;
  min-height:0!important; aspect-ratio:auto!important; margin:0;
  overflow:hidden; background:#000;
}
.dc-species-page #page .hero-image img,
.dc-catalog-page .modal .profile .dc-portrait-stage > img,
#dino-time-tree .dtt-dossier .dc-portrait-stage > img {
  display:block; position:absolute; inset:auto;
  left:var(--portrait-position,0); top:var(--portrait-position,0);
  width:var(--portrait-image-width,100%); height:var(--portrait-image-height,100%)!important;
  min-height:0!important; max-height:none; max-width:none; aspect-ratio:auto;
  margin:0; padding:0; box-sizing:border-box;
  object-fit:contain!important; object-position:center!important;
  transform:var(--portrait-shift,none)!important; filter:none; background:#000;
}
.dc-catalog-page .modal .profile { width:min(1320px,100%); }
#dino-time-tree .dtt-dossier .dtt-dossier-hero-media { height:auto; min-height:0; }
.dc-catalog-page .card .photo img,
.dc-catalog-page .card:hover .photo img { padding:4px; }
.region-portraits .region-portrait img,
.related-region .related-grid img { padding:4px; }
@media(max-width:700px) {
  .dc-species-page #page .hero-image,
  .dc-catalog-page .modal .profile .dc-portrait-stage,
  #dino-time-tree .dtt-dossier .dc-portrait-stage {
    --portrait-stage-height:min(calc(100cqw / var(--portrait-ratio,1.5)),64svh,480px);
  }
}

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/herrerasaurus-studio-20260918.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/mbiresaurus-studio-20260918.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/coelophysis-studio-20260918.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/plateosaurus-studio-20260923.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/dilophosaurus-reference-v3-20260917.webp"]) { --portrait-ratio:2.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/cryolophosaurus-studio-20260923.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/megalosaurus-studio-20260918.webp"]) { --portrait-ratio:1.712451; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.20313%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/ceratosaurus-studio-20260923.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/apatosaurus-studio-20260923.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/brachiosaurus-studio-20260923.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/diplodocus-studio-trio-20260917.webp"]) { --portrait-ratio:1.718275; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.58594%); }


:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/allosaurus-reference-v3-20260917.webp"]) { --portrait-ratio:1.651639; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/kentrosaurus-studio-20260923.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/archaeopteryx-studio-20260923.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/iguanodon-reconstruction.webp"]) { --portrait-ratio:1.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/deinonychus-reconstruction.webp"]) { --portrait-ratio:1.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/giganotosaurus-studio-20260924.webp"]) { --portrait-ratio:1.745534; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-57.03320%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/meraxes-studio-20260924-v3.webp"]) { --portrait-ratio:3.037879; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.69109%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/spinosaurus-studio-tail-20261028.webp"]) { --portrait-ratio:2.832215; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/parasaurolophus-studio-20260926.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/lokiceratops-studio-20260926.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/velociraptor-studio-20260926.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/carnotaurus-reconstruction.webp"]) { --portrait-ratio:1.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/therizinosaurus-reconstruction.webp"]) { --portrait-ratio:1.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/pachycephalosaurus-reconstruction.webp"]) { --portrait-ratio:1.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/dracorex-studio-20260926.webp"]) { --portrait-ratio:1.755509; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-57.27734%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/ankylosaurus-reference-v3-20260917.webp"]) { --portrait-ratio:2.361033; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-61.90374%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/triceratops-studio-trio-20260917.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/assets/trex-3d-preview.jpg"]) { --portrait-ratio:1.776833; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/quetzalcoatlus-studio-20260926-v2.webp"]) { --portrait-ratio:1.595082; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.98047%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/majungasaurus-studio-20260926.webp"]) { --portrait-ratio:2.050953; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-57.76367%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/rapetosaurus-studio-20260926.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/tarbosaurus-studio-20260926.webp"]) { --portrait-ratio:1.992425; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.51367%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/mamenchisaurus-studio-20260924.webp"]) { --portrait-ratio:2.048218; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.48828%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/baryonyx-studio-20261106.webp"]) { --portrait-ratio:1.632375; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-54.05469%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/utahraptor-studio-20260926.webp"]) { --portrait-ratio:1.896390; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-60.45117%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/argentinosaurus-studio-20260926.webp"]) { --portrait-ratio:1.686207; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.51367%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/protoceratops-studio-20261106.webp"]) { --portrait-ratio:1.586842; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.73633%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/acrocanthosaurus-studio-20260926.webp"]) { --portrait-ratio:1.913017; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-54.05273%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/nigersaurus-studio-20261106.webp"]) { --portrait-ratio:2.554693; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.09576%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/psittacosaurus-studio-20260926.webp"]) { --portrait-ratio:2.008053; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.90430%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/morrosaurus-studio-20260926.webp"]) { --portrait-ratio:2.064738; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.29297%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/amurosaurus-studio-20260926.webp"]) { --portrait-ratio:2.389100; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.12305%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/muttaburrasaurus-studio-20260926.webp"]) { --portrait-ratio:1.757598; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.58594%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/rugops-studio-20260926.webp"]) { --portrait-ratio:1.809358; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-48.87695%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/isaberrysaura-studio-20260924.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/emausaurus-studio-20260924.webp"]) { --portrait-ratio:2.496749; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-54.03906%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/ledumahadi-studio-20260924.webp"]) { --portrait-ratio:1.761549; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-57.42383%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/lurdusaurus-studio-20260926.webp"]) { --portrait-ratio:2.703273; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.74414%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/edmontosaurus-studio-20260926.webp"]) { --portrait-ratio:2.453988; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.95313%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/thescelosaurus-studio-20260926.webp"]) { --portrait-ratio:2.695115; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-49.51172%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/masiakasaurus-studio-20260926.webp"]) { --portrait-ratio:2.219910; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.24609%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/vahiny-studio-20260926.webp"]) { --portrait-ratio:1.939590; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-46.09375%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/acheroraptor-studio-20260926.webp"]) { --portrait-ratio:2.259089; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.22266%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/anzu-studio-20260926.webp"]) { --portrait-ratio:1.591776; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-47.11719%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/dakotaraptor-studio-20260926.webp"]) { --portrait-ratio:2.148492; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-48.97461%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/torosaurus-studio-20260926.webp"]) { --portrait-ratio:1.601735; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-46.82422%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/leptoceratops-studio-20260926.webp"]) { --portrait-ratio:2.359737; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-49.07227%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/yutyrannus-studio-20260918.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/carcharodontosaurus-studio-20261008.webp"]) { --portrait-ratio:2.249165; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.17383%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/suchomimus-studio-20261106.webp"]) { --portrait-ratio:1.997607; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.49414%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/deinocheirus-studio-20261008.webp"]) { --portrait-ratio:1.611820; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-46.53125%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/borealopelta-studio-20261008.webp"]) { --portrait-ratio:1.961886; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.34180%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/oviraptor-studio-20261008.webp"]) { --portrait-ratio:1.581940; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-47.41016%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/torvosaurus-studio-20261013.webp"]) { --portrait-ratio:2.102890; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/maiasaura-studio-20261013.webp"]) { --portrait-ratio:1.929290; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.95112%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/europasaurus-studio-20261013.webp"]) { --portrait-ratio:2.171563; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/kosmoceratops-studio-20261013.webp"]) { --portrait-ratio:1.776833; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/zuul-studio-20261013.webp"]) { --portrait-ratio:2.107639; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/concavenator-studio-20261014.webp"]) { --portrait-ratio:1.992425; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.00195%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/amargasaurus-studio-20261014.webp"]) { --portrait-ratio:1.564219; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.05273%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/gigantoraptor-studio-20261014.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/einiosaurus-studio-20261014.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/pinacosaurus-studio-20261014.webp"]) { --portrait-ratio:1.727862; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.59375%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/gorgosaurus-studio-20261014.webp"]) { --portrait-ratio:2.087183; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.83594%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/camarasaurus-studio-20261014.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/corythosaurus-studio-20261014.webp"]) { --portrait-ratio:1.898734; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-60.50000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/centrosaurus-studio-20261014.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/euoplocephalus-studio-20261014.webp"]) { --portrait-ratio:1.773754; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-57.71680%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/albertosaurus-studio-20261014.webp"]) { --portrait-ratio:2.026599; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.83594%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/alamosaurus-studio-20261014.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/brachylophosaurus-studio-20261014.webp"]) { --portrait-ratio:1.917795; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.66211%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/albertaceratops-studio-20261014.webp"]) { --portrait-ratio:1.572224; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.29688%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/edmontonia-studio-20261014.webp"]) { --portrait-ratio:1.942042; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.58789%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/dineobellator-studio-20261026.webp"]) { --portrait-ratio:1.722050; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.44727%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/qianzhousaurus-studio-20261026.webp"]) { --portrait-ratio:1.634112; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-54.10352%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/magyarosaurus-studio-20261026.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/ajnabia-studio-20261026.webp"]) { --portrait-ratio:1.848464; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-59.42578%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/struthiosaurus-studio-20261026.webp"]) { --portrait-ratio:2.345325; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-54.93164%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/chenanisaurus-studio-20261026.webp"]) { --portrait-ratio:1.859744; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.83203%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/minqaria-studio-20261026.webp"]) { --portrait-ratio:1.961886; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.09961%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/canardia-studio-20261026.webp"]) { --portrait-ratio:2.306583; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.95313%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/arenysaurus-studio-20261026.webp"]) { --portrait-ratio:1.745534; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-57.03320%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/hatzegopteryx-studio-20261026.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/maip-studio-20261026.webp"]) { --portrait-ratio:1.773754; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-57.71680%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/saltasaurus-studio-20261026.webp"]) { --portrait-ratio:1.573835; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.34570%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/austroraptor-studio-20261026.webp"]) { --portrait-ratio:1.737635; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.83789%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/nullotitan-studio-20261026.webp"]) { --portrait-ratio:1.618614; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.66406%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/niebla-studio-20261026.webp"]) { --portrait-ratio:1.807144; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-58.49805%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/neuquensaurus-studio-20261026.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/ampelosaurus-studio-20261106.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/rhabdodon-studio-20261026.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/rajasaurus-studio-20261026.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/isisaurus-studio-20261026.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/jainosaurus-studio-20261028.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/indosuchus-studio-20261028.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/alioramus-studio-20261028.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/opisthocoelicaudia-studio-20261028.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/nemegtosaurus-studio-20261028.webp"]) { --portrait-ratio:1.603407; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.22461%); }

.dc-portrait-stage.image-missing::before { content:'Nie udało się wczytać ilustracji'; position:absolute; inset:0; display:grid; place-items:center; padding:24px; text-align:center; color:#95a18f; font:16px Georgia,serif; }
html[lang="en"] .dc-portrait-stage.image-missing::before { content:"The illustration could not be loaded"; }
/* v29: a single black presentation with information and actions always in reach. */
.dc-portrait-command { box-sizing:border-box; display:flex; align-items:center; gap:28px; padding:22px 36px; background:#000; color:#eef1e6; border-bottom:1px solid #ffffff12; position:sticky; top:0; z-index:8; }
.dc-portrait-identity { min-width:0; flex:1; }
.dc-portrait-identity .eyebrow { display:block; margin:0 0 8px; font:10px/1.4 Arial,sans-serif; letter-spacing:.18em; color:#b8db60; }
.dc-portrait-identity :is(h1,h2) { margin:0!important; font:italic 38px/1.06 Georgia,serif!important; letter-spacing:-.025em!important; overflow-wrap:anywhere; }
.dc-portrait-identity .latin { display:block; margin-top:6px; color:#92998e; font:italic 13px/1.4 Georgia,serif; }
.dc-portrait-controls { display:flex; align-items:center; gap:22px; }
.dc-portrait-size { display:flex; flex-direction:column; gap:7px; max-width:185px; padding:0 22px 0 0!important; border:0!important; border-right:1px solid #ffffff24!important; border-radius:0!important; background:none!important; }
.dc-portrait-size small { color:#92998e; font:11px/1.4 Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.dc-portrait-size b { font:500 20px/1.2 Arial,sans-serif!important; color:#eef1e6; overflow-wrap:anywhere; }
.dc-portrait-actions { display:flex; gap:10px; }
.dc-portrait-command .dc-portrait-link { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:48px; padding:12px 21px; border:1px solid #ffffff35; border-radius:100px; background:#111410; color:#e5eade; text-decoration:none; font:600 13px/1.3 Arial,sans-serif; white-space:nowrap; transition:background .2s,border-color .2s; }
.dc-portrait-command .dc-portrait-link.primary { background:#b8db60; color:#131b09; border-color:#b8db60; }
.dc-portrait-command .dc-portrait-link:hover { border-color:#b8db60; background:#232c18; }
.dc-portrait-command .dc-portrait-link.primary:hover { background:#cde988; }
.dc-portrait-command :is(a,button):focus-visible { outline:2px solid #e3ffad; outline-offset:4px; }
.dc-catalog-page #modal { padding:24px; align-items:center; background:rgba(0,0,0,.92); }
.dc-catalog-page #modal .profile { width:min(1600px,100%); max-height:calc(100svh - 48px); background:#000; border:1px solid #ffffff21; border-radius:22px; overflow:auto; display:block; scrollbar-width:thin; scrollbar-color:#49513b #000; }
.dc-catalog-page #modal .close { position:static; flex:0 0 42px; width:42px; height:42px; padding:0; background:#10130d; border:1px solid #ffffff29; font-size:24px; color:#eef1e6; border-radius:50%; box-shadow:none; }
.dc-catalog-page #modal .profile-copy { background:#000; width:min(1200px,100%); margin:0 auto; padding:24px 36px 48px; }
.dc-catalog-page #modal .profile-copy .desc { margin-top:0; font-size:17px; max-width:76ch; }
.dc-catalog-page #modal .profile-copy .facts { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dc-catalog-page #modal .profile-copy .fact { border-color:#ffffff20; }
.dc-catalog-page #modal .profile-copy .profile-actions { grid-template-columns:1fr 1fr; }
.dc-catalog-page #modal .profile-copy .profile-actions .report-btn { grid-column:auto; }
.dc-catalog-page #modal .dc-portrait-stage { --portrait-stage-height:min(calc(100cqw / var(--portrait-ratio,1.5)),calc(100svh - 228px),780px); }
.dc-species-page .header { background:#000; border-color:#ffffff15; }
.dc-species-page #page > .hero { background:#000; }
.dc-species-page #page .dc-portrait-command { top:78px; }
.dc-species-page #page .hero-image { --portrait-stage-height:min(calc(100cqw / var(--portrait-ratio,1.5)),calc(100svh - 248px),820px); }
.dc-species-page #page .hero-copy { background:#000; padding-top:20px; }
.dc-species-page #page .hero .lead { margin-top:0; }
.dc-species-page #page .hero .facts { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:22px; }
.dc-species-page #page .hero .fact { background:#090b08; border-color:#ffffff20; }
.dc-species-page #biografia,.dc-species-page #skala { scroll-margin-top:250px; }
/* Feather just the raster boundary into the shared black canvas; preserve natural proportions. */
:is(.dc-species-page #page .hero-image,.dc-catalog-page #modal .dc-portrait-stage,#dino-time-tree .dtt-dossier .dc-portrait-stage)>img { mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 94%,transparent); mask-composite:intersect; }
#dino-time-tree .dtt-dossier,#dino-time-tree .dtt-dossier .dtt-dossier-hero,#dino-time-tree .dtt-dossier .dtt-dossier-hero-copy { background:#000; }
#dino-time-tree .dtt-dossier .dtt-dossier-bar { background:#000; min-height:100px; gap:20px; padding:18px 24px; }
#dino-time-tree .dtt-dossier .dtt-dossier-identity { flex:1; min-width:0; }
#dino-time-tree .dtt-dossier .dtt-dossier-identity strong { font:italic 26px/1.15 Georgia,serif; }
#dino-time-tree .dtt-dossier .dc-tree-controls { display:flex; align-items:center; gap:18px; }
#dino-time-tree .dtt-dossier .dc-portrait-stage { --portrait-stage-height:min(calc(100cqw / var(--portrait-ratio,1.5)),calc(100svh - 230px),780px); }
@media(max-width:900px) {
 .dc-portrait-command { gap:18px; padding:18px 22px; flex-wrap:wrap; }
 .dc-portrait-identity :is(h1,h2) { font-size:32px!important; }
 .dc-portrait-controls { gap:14px; }
 .dc-portrait-command .dc-portrait-link { padding:12px 16px; }
 .dc-portrait-size { max-width:150px; padding-right:14px!important; }
 #dino-time-tree .dtt-dossier .dtt-dossier-bar { flex-wrap:wrap; }
}
@media(max-width:600px) {
 .dc-catalog-page #modal { padding:0; }
 .dc-catalog-page #modal .profile { max-height:100svh; height:100svh; border:0; border-radius:0; }
 .dc-portrait-command { padding:18px 18px 16px; gap:16px; }
 .dc-portrait-identity { flex-basis:calc(100% - 70px); padding-right:32px; }
 .dc-portrait-command .latin { font-size:12px; }
 .dc-portrait-controls { width:100%; justify-content:space-between; align-items:center; }
 .dc-portrait-size { max-width:34%; padding:0 10px 0 0!important; gap:5px; }
 .dc-portrait-size b { font-size:16px!important; }
 .dc-portrait-size small { font-size:9px; }
 .dc-portrait-actions { gap:7px; }
 .dc-portrait-command .dc-portrait-link { padding:12px 13px; font-size:12px; min-height:44px; }
 .dc-catalog-page #modal .close { position:absolute; top:17px; right:14px; }
 .dc-catalog-page #modal .profile-copy { padding:22px 20px 40px; }
 .dc-catalog-page #modal .dc-portrait-stage { --portrait-stage-height:min(calc(100cqw / var(--portrait-ratio,1.5)),calc(100svh - 282px),440px); }
 .dc-species-page #page .hero-image { --portrait-stage-height:min(calc(100cqw / var(--portrait-ratio,1.5)),calc(100svh - 310px),440px); }
 .dc-species-page #page .hero .facts,.dc-catalog-page #modal .profile-copy .facts { grid-template-columns:1fr; }
 .dc-species-page #page .hero .fact { padding:13px 16px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
 .dc-species-page #page .hero .fact b { text-align:right; }
 #dino-time-tree .dtt-dossier .dtt-dossier-bar { padding:12px; gap:12px; }
 #dino-time-tree .dtt-dossier .dtt-dossier-identity strong { font-size:22px; }
 #dino-time-tree .dtt-dossier .dc-tree-controls { width:100%; justify-content:space-between; }
 #dino-time-tree .dtt-dossier .dc-portrait-stage { --portrait-stage-height:min(calc(100cqw / var(--portrait-ratio,1.5)),calc(100svh - 310px),440px); }
}
@media(prefers-reduced-motion:reduce) { .dc-portrait-command .dc-portrait-link { transition:none; } }
@media(max-width:600px) {
 .dc-portrait-controls { display:grid; grid-template-columns:minmax(58px,.28fr) minmax(0,.72fr); gap:10px; }
 .dc-portrait-size { max-width:100%; min-width:0; }
 .dc-portrait-actions { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); min-width:0; gap:6px; }
 .dc-portrait-command .dc-portrait-link { min-width:0; padding:10px 8px; white-space:normal; text-align:center; }
 #dino-time-tree .dtt-dossier .dc-tree-controls { display:grid; grid-template-columns:minmax(58px,.28fr) minmax(0,.72fr); gap:10px; }
}
@media(max-width:360px) {
 .dc-portrait-controls { grid-template-columns:minmax(72px,.32fr) minmax(0,.68fr); gap:8px; }
 .dc-portrait-size b { font-size:14px!important; }
}
@media(max-width:600px) {
 #dino-time-tree .dtt-dossier .dtt-dossier-bar { display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px 12px; min-height:0; padding:16px; }
 #dino-time-tree .dtt-dossier .dtt-dossier-identity { display:block; text-align:right; }
 #dino-time-tree .dtt-dossier .dtt-dossier-identity>span { display:none; }
 #dino-time-tree .dtt-dossier .dtt-dossier-identity strong { font-size:20px; overflow-wrap:anywhere; }
 #dino-time-tree .dtt-dossier .dtt-dossier-bar>[data-close-dossier] { min-height:44px; padding:8px 10px; font-size:11px; }
 #dino-time-tree .dtt-dossier .dc-tree-controls { grid-column:1/-1; grid-template-columns:minmax(72px,.30fr) minmax(0,.70fr); }
 #dino-time-tree .dtt-dossier [data-dossier-bar-range][hidden] { display:none; }
}

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/zalmoxes-studio-20261102.webp"]) { --portrait-ratio:1.914257; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-54.68750%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/balaur-studio-20261102.webp"]) { --portrait-ratio:1.669202; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-55.06836%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/eotriceratops-studio-20261102.webp"]) { --portrait-ratio:1.821200; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.97852%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/saurolophus-studio-20261106.webp"]) { --portrait-ratio:1.953204; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-58.59375%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/alectrosaurus-studio-20261102.webp"]) { --portrait-ratio:1.710087; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.14258%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/stegosaurus-studio-reference-v2-20261102.webp"]) { --portrait-ratio:1.860916; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-47.70508%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/yehuecauhceratops-studio-20261104.webp"]) { --portrait-ratio:1.814745; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.48828%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/crittendenceratops-studio-20261104.webp"]) { --portrait-ratio:2.066182; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-47.80273%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/menefeeceratops-studio-20261104.webp"]) { --portrait-ratio:1.950724; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.39258%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/xenoceratops-studio-20261104.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/machairoceratops-studio-20261104.webp"]) { --portrait-ratio:1.791463; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-49.46289%); }

.dc-catalog-page .card[href*="/yehuecauhceratops-mudei/"] h3,.dc-catalog-page .card[href*="/crittendenceratops-krzyzanowskii/"] h3,.dc-catalog-page .card[href*="/menefeeceratops-sealeyi/"] h3,.dc-catalog-page .card[href*="/machairoceratops-cronusi/"] h3{font-size:clamp(22px,2vw,28px)}

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/heterodontosaurus-studio-20261104.webp"]) { --portrait-ratio:1.647362; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.07422%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/dicraeosaurus-studio-20261104.webp"]) { --portrait-ratio:2.231261; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.25000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/dryosaurus-studio-20261104.webp"]) { --portrait-ratio:2.287757; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.95508%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/alvarezsaurus-studio-20261104.webp"]) { --portrait-ratio:2.186788; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-57.71484%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/jinyunpelta-studio-20261104.webp"]) { --portrait-ratio:2.322347; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.97852%); }

.dc-catalog-page .card[href*="/heterodontosaurus-tucki/"] h3{font-size:clamp(22px,2vw,28px)}

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/patagotitan-studio-20261104.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/mapusaurus-studio-20261104.webp"]) { --portrait-ratio:2.057878; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.66016%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/buitreraptor-studio-20261104.webp"]) { --portrait-ratio:1.614802; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.55469%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/rebbachisaurus-studio-20261104.webp"]) { --portrait-ratio:1.748634; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.68359%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/australovenator-studio-20261104.webp"]) { --portrait-ratio:2.088659; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.27148%); }

.dc-catalog-page .card[href*="/australovenator-wintonensis/"] h3{font-size:clamp(22px,2vw,28px)}

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/diamantinasaurus-studio-20261106.webp"]) { --portrait-ratio:1.586449; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.72461%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/eolambia-studio-20261105.webp"]) { --portrait-ratio:2.022649; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.75977%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/siats-studio-20261106.webp"]) { --portrait-ratio:2.071756; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-56.29883%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/eoraptor-studio-20261105.webp"]) { --portrait-ratio:1.757035; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-57.31445%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/riojasaurus-studio-20261105.webp"]) { --portrait-ratio:2.357853; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-55.80859%); }

.dc-catalog-page .card[href*="/diamantinasaurus-matildae/"] h3{font-size:clamp(22px,2vw,28px)}

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/irritator-studio-20261106.webp"]) { --portrait-ratio:2.812748; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.76212%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/ouranosaurus-studio-20261106.webp"]) { --portrait-ratio:2.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/scelidosaurus-studio-20261106.webp"]) { --portrait-ratio:3.103026; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.45096%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/shunosaurus-studio-20261106.webp"]) { --portrait-ratio:2.390875; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/monolophosaurus-studio-20261106.webp"]) { --portrait-ratio:2.235101; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-49.32356%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/miragaia-studio-20261106.webp"]) { --portrait-ratio:2.418682; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-49.05973%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/massospondylus-studio-20261106.webp"]) { --portrait-ratio:1.839283; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-48.30234%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/leaellynasaura-studio-20261106.webp"]) { --portrait-ratio:3.362015; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.86885%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/minmi-studio-20261106.webp"]) { --portrait-ratio:2.848884; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-49.83089%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/lythronax-studio-20261106.webp"]) { --portrait-ratio:2.557301; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.14205%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/baryonyx-studio-20261106.webp"]) { --portrait-ratio:2.301804; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.63472%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/protoceratops-studio-20261106.webp"]) { --portrait-ratio:2.128757; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.02424%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/nigersaurus-studio-20261106.webp"]) { --portrait-ratio:2.200037; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-45.45378%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/suchomimus-studio-20261106.webp"]) { --portrait-ratio:2.129193; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-55.71289%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/ampelosaurus-studio-20261106.webp"]) { --portrait-ratio:1.854177; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-47.55859%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/saurolophus-studio-20261106.webp"]) { --portrait-ratio:2.208801; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-53.66211%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/diamantinasaurus-studio-20261106.webp"]) { --portrait-ratio:1.588089; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.77344%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/siats-studio-20261106.webp"]) { --portrait-ratio:2.102957; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-49.51172%); }

.dc-catalog-page .card[href*="/monolophosaurus-jiangi/"] h3{font-size:clamp(22px,2vw,28px)}

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/huayangosaurus-studio-20261106.webp"]) { --portrait-ratio:2.592867; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.05574%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/yangchuanosaurus-studio-20261106.webp"]) { --portrait-ratio:3.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/rhoetosaurus-studio-20261106.webp"]) { --portrait-ratio:3.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/camptosaurus-studio-20261106.webp"]) { --portrait-ratio:3.000000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/shamosaurus-studio-20261106.webp"]) { --portrait-ratio:1.953177; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/staurikosaurus-studio-20261106.webp"]) { --portrait-ratio:2.531754; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-51.74746%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/aralosaurus-studio-20261106.webp"]) { --portrait-ratio:2.638601; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

.dc-catalog-page .card[href*="/yangchuanosaurus-shangyouensis/"] h3{font-size:clamp(22px,2vw,28px)}

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/yunnanosaurus-studio-20261110.webp"]) { --portrait-ratio:1.557493; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-48.15430%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/lesothosaurus-studio-20261110.webp"]) { --portrait-ratio:1.960684; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-49.46289%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/eustreptospondylus-studio-20261110-r6.webp"]) { --portrait-ratio:1.772824; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/mussaurus-studio-20261110.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/vulcanodon-studio-20261110-r2.webp"]) { --portrait-ratio:1.611414; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-46.54297%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/anchisaurus-studio-20261110.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/saturnalia-studio-20261110-r3.webp"]) { --portrait-ratio:2.246423; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-52.48027%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/lufengosaurus-studio-20261110.webp"]) { --portrait-ratio:1.836442; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-47.26563%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/jobaria-studio-20261110-r2.webp"]) { --portrait-ratio:1.500000; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

:is(.hero-image,.dc-portrait-stage):has(>img[src="/species-assets/thanatotheristes-studio-20261110-r2.webp"]) { --portrait-ratio:1.955407; --portrait-position:50%; --portrait-image-height:auto; --portrait-image-width:min(calc(100% - 16px),calc((var(--portrait-stage-height) - 16px) * var(--portrait-ratio))); --portrait-shift:translate(-50%,-50.00000%); }

.dc-catalog-page .card[href*="/eustreptospondylus-oxoniensis/"] h3,.dc-catalog-page .card[href*="/thanatotheristes-degrootorum/"] h3{font-size:clamp(22px,2vw,28px)}