:root {
  --bg: #06090b;
  --bg-soft: #091014;
  --panel: #0d1418;
  --panel-2: #111b20;
  --line: #263239;
  --text: #f4f3ee;
  --muted: #aeb8bd;
  --pink: #ff006e;
  --yellow: #ffe400;
  --cyan: #00d9de;
  --orange: #ff8d00;
  --green: #55d98a;
  --danger: #ff6b72;
  --radius: 18px;
  --shadow: 0 26px 70px rgba(0,0,0,.34);
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; color-scheme: dark; }
body {
  margin: 0;
  color: var(--text);
  background:
    linear-gradient(30deg, rgba(0,217,222,.025) 12%, transparent 12.5%, transparent 87%, rgba(0,217,222,.025) 87.5%, rgba(0,217,222,.025)),
    linear-gradient(150deg, rgba(255,0,110,.025) 12%, transparent 12.5%, transparent 87%, rgba(255,0,110,.025) 87.5%, rgba(255,0,110,.025)),
    var(--bg);
  background-size: 72px 126px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
.skip-link { position: absolute; left: -999px; top: 12px; z-index: 9999; padding: 10px 14px; background: #fff; color: #000; border-radius: 8px; }
.skip-link:focus { left: 12px; }
.container { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }
.section { padding: 86px 0; border-top: 1px solid rgba(255,255,255,.06); }
.section--tight { padding: 58px 0; }
.eyebrow { color: var(--pink); font-size: .78rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.kicker { color: var(--yellow); font-size: .85rem; font-weight: 850; text-transform: uppercase; letter-spacing: .12em; }
.display { margin: 10px 0 18px; max-width: 850px; font-size: clamp(2.5rem, 6.4vw, 5.9rem); line-height: .92; letter-spacing: -.055em; text-wrap: balance; }
h1,h2,h3 { line-height: 1.08; letter-spacing: -.025em; }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); margin: 8px 0 16px; }
h3 { font-size: 1.28rem; }
p { color: var(--muted); }
.lead { font-size: clamp(1.04rem, 1.9vw, 1.3rem); max-width: 760px; }
.accent-yellow { color: var(--yellow); }
.accent-pink { color: var(--pink); }
.accent-cyan { color: var(--cyan); }

.site-header {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(6,9,11,.88); backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.header-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: flex; align-items: center; gap: 12px; min-width: 230px; }
.brand-logo { width: 54px; height: 54px; object-fit: contain; }
.brand-copy strong { display: block; font-size: 1.14rem; letter-spacing: .12em; }
.brand-copy span { display: block; color: var(--muted); font-size: .62rem; letter-spacing: .09em; text-transform: uppercase; }
.nav-wrap { display: flex; align-items: center; gap: 20px; }
.site-nav { display: flex; gap: 20px; align-items: center; }
.site-nav a { font-size: .84rem; color: #d7dfe2; font-weight: 700; padding: 29px 0 25px; border-bottom: 3px solid transparent; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: #fff; border-bottom-color: var(--pink); }
.menu-toggle { display: none; border: 1px solid var(--line); background: var(--panel); border-radius: 10px; padding: 10px 12px; cursor: pointer; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 12px 18px; border-radius: 7px; border: 1px solid transparent; font-size: .78rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; transition: transform .18s ease, border-color .18s ease, background .18s ease; cursor: pointer; }
.btn:hover { transform: translateY(-2px); }
.btn--yellow { background: var(--yellow); color: #071013; box-shadow: 0 0 0 1px rgba(255,228,0,.15), 0 12px 30px rgba(255,228,0,.10); }
.btn--outline { border-color: var(--pink); background: rgba(255,0,110,.04); }
.btn--outline-cyan { border-color: var(--cyan); background: rgba(0,217,222,.035); }
.btn--dark { border-color: #3a474e; background: #0d1317; }
.btn-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }

.preview-banner { background: linear-gradient(90deg, rgba(255,228,0,.12), rgba(255,0,110,.08)); border-bottom: 1px solid rgba(255,228,0,.28); color: #f8f4c7; font-size: .78rem; text-align: center; padding: 8px 12px; }

.hero { min-height: 720px; display: grid; place-items: center; position: relative; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.08); }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,6,8,.99) 0%, rgba(4,6,8,.86) 36%, rgba(4,6,8,.3) 64%, rgba(4,6,8,.08)); pointer-events: none; }
.hero-media { position: absolute; inset: 0 0 0 30%; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; }
.hero-content { position: relative; z-index: 1; width: calc(100% - 48px); max-width: none; margin-left: 24px; margin-right: 24px; }
.hero-copy { width: min(690px, 63%); padding: 86px 0; }
.hero-copy p { max-width: 620px; }
.hero-note { display: inline-block; margin-top: 25px; color: #d6d7d5; font-size: .8rem; border-left: 2px solid var(--cyan); padding-left: 12px; }

.trust-strip { border-bottom: 1px solid rgba(255,255,255,.08); background: #090e11; }
.trust-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.trust-item { position: relative; padding: 26px 26px 25px; min-height: 116px; border-right: 1px solid rgba(255,255,255,.1); }
.trust-item:last-child { border-right: 0; }
.trust-item::before { content:""; display:block; width: 28px; height: 3px; margin-bottom: 12px; border-radius: 9px; background: var(--yellow); }
.trust-item:nth-child(2)::before { background: var(--pink); }.trust-item:nth-child(3)::before { background: var(--cyan); }.trust-item:nth-child(4)::before { background: var(--pink); }
.trust-item strong { display:block; font-size: .98rem; }
.trust-item span { display:block; color: var(--muted); font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; margin-top: 4px; }

.section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom: 30px; }
.section-head p { max-width: 620px; margin: 0; }
.cards { display:grid; grid-template-columns: repeat(4,1fr); gap:18px; }
.animal-card { background: linear-gradient(180deg,#0d1418,#091014); border:1px solid var(--line); border-radius: 11px; overflow:hidden; box-shadow: var(--shadow); transition: transform .2s ease, border-color .2s ease; }
.animal-card:hover { transform: translateY(-4px); border-color: #4a5960; }
.animal-card__image { aspect-ratio: 4/3; object-fit: cover; width:100%; background:#080b0d; }
.animal-card__body { padding: 17px; }
.animal-id { font-weight:900; font-size:.86rem; letter-spacing:.04em; }
.animal-morph { min-height: 50px; margin:5px 0 10px; color: #fff; font-size:.96rem; }
.animal-meta { color: var(--muted); font-size:.78rem; display:flex; gap:7px; flex-wrap:wrap; }
.animal-price-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:15px; }
.price { font-size:1.3rem; font-weight:900; }
.badge { display:inline-flex; align-items:center; gap:6px; font-size:.68rem; font-weight:900; padding:5px 8px; border-radius:99px; background:rgba(255,228,0,.10); border:1px solid rgba(255,228,0,.4); color:#fff5a8; }
.badge--live { background:rgba(85,217,138,.12); border-color:rgba(85,217,138,.46); color:#aaf3c6; }
.badge--sold { background:rgba(255,107,114,.1); border-color:rgba(255,107,114,.4); color:#ffc1c5; }
.animal-card .btn { width:100%; margin-top:14px; min-height: 42px; }

.split { display:grid; grid-template-columns: 1.05fr 1fr; gap:0; border:1px solid var(--line); border-radius: var(--radius); overflow:hidden; background: var(--panel); }
.split-media { min-height:540px; }
.split-media img { width:100%; height:100%; object-fit:cover; }
.split-copy { padding: clamp(34px,5vw,68px); display:flex; flex-direction:column; justify-content:center; }
.feature-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:22px; margin-top:28px; }
.feature { display:grid; grid-template-columns: 40px 1fr; gap:12px; }
.feature-icon { width:38px; height:38px; border:1px solid var(--cyan); display:grid; place-items:center; border-radius:10px; color:var(--cyan); font-weight:900; }
.feature:nth-child(2) .feature-icon { border-color:var(--yellow);color:var(--yellow); }.feature:nth-child(3) .feature-icon,.feature:nth-child(4) .feature-icon { border-color:var(--pink);color:var(--pink); }
.feature strong { display:block; font-size:.9rem; }.feature span { display:block; color:var(--muted); font-size:.76rem; margin-top:3px; }

.project-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.project-card { min-height:310px; border:1px solid var(--line); border-radius:12px; overflow:hidden; position:relative; background:#0c1012; }
.project-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.project-card::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,7,8,.94),rgba(4,7,8,.72) 48%,rgba(4,7,8,.08)); }
.project-card__copy { position:relative; z-index:1; max-width:58%; padding:34px; }
.project-card--pink { border-color:rgba(255,0,110,.55); }.project-card--cyan { border-color:rgba(0,217,222,.55); }

.records { display:grid; grid-template-columns: .95fr 1.05fr; align-items:center; gap:42px; }
.records-image { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.check-list { display:grid; grid-template-columns:repeat(2,1fr); gap:10px 18px; padding:0; list-style:none; margin:24px 0 0; }
.check-list li { color:#dce2e4; font-size:.9rem; }.check-list li::before { content:"✓"; color:var(--yellow); font-weight:900; margin-right:8px; }

.gallery-row { display:grid; grid-template-columns: repeat(4,1fr); gap:14px; }
.gallery-row img { aspect-ratio: 16/10; object-fit:cover; border:1px solid var(--line); border-radius:10px; }

.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.step { padding:24px; border:1px solid var(--line); background:rgba(10,16,20,.86); border-radius:14px; position:relative; }
.step-num { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; border:2px solid var(--pink); color:var(--pink); font-weight:900; margin-bottom:16px; }
.step:nth-child(2) .step-num {border-color:var(--yellow);color:var(--yellow)}.step:nth-child(3) .step-num{border-color:var(--cyan);color:var(--cyan)}.step:nth-child(4) .step-num{border-color:var(--pink);color:var(--pink)}
.step p { font-size:.82rem; margin-bottom:0; }

.cta { position:relative; overflow:hidden; background:linear-gradient(100deg,#080b0d 0%,#10171a 100%); }
.cta::before { content:""; position:absolute; width:440px; height:440px; border-radius:50%; right:-120px; top:-170px; background:radial-gradient(circle,rgba(255,0,110,.16),transparent 66%); }
.cta-inner { position:relative; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.cta h2 { max-width:720px; }

.site-footer { padding:54px 0 28px; background:#050709; border-top:1px solid rgba(255,255,255,.08); }
.footer-grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:34px; }
.footer-brand .brand-logo { width:78px; height:78px; }
.footer-brand p { max-width:330px; font-size:.8rem; }
.footer-col h3 { font-size:.88rem; text-transform:uppercase; letter-spacing:.08em; }
.footer-col a { display:block; color:var(--muted); font-size:.82rem; padding:4px 0; }.footer-col a:hover{color:#fff}
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:38px; padding-top:22px; display:flex; justify-content:space-between; gap:20px; color:#7f8a90; font-size:.74rem; }

.page-hero { padding:100px 0 72px; background:linear-gradient(135deg,rgba(255,0,110,.08),transparent 40%),linear-gradient(315deg,rgba(0,217,222,.08),transparent 40%),#080d10; border-bottom:1px solid var(--line); }
.page-hero h1 { font-size:clamp(2.8rem,7vw,5.4rem); margin:8px 0 18px; }
.breadcrumbs { color:#8e999f; font-size:.78rem; margin-bottom:24px; }.breadcrumbs a{color:#cfd7da}.breadcrumbs span{margin:0 7px}
.content-grid { display:grid; grid-template-columns:2fr 1fr; gap:40px; }
.prose { max-width:820px; }.prose h2{font-size:2rem;margin-top:42px}.prose h3{margin-top:30px}.prose p,.prose li{color:var(--muted)}
.info-panel { border:1px solid var(--line); border-radius:14px; background:var(--panel); padding:26px; align-self:start; position:sticky; top:108px; }
.info-panel h3{margin-top:0}.info-list{padding:0;list-style:none}.info-list li{border-top:1px solid rgba(255,255,255,.07);padding:11px 0;color:var(--muted)}
.filter-bar { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:30px; }.filter-btn{border:1px solid var(--line);background:#0b1115;color:#d6dde0;padding:9px 13px;border-radius:999px;cursor:pointer;font-weight:800;font-size:.78rem}.filter-btn.is-active{border-color:var(--yellow);color:var(--yellow)}
.animal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }

.animal-detail { display:grid; grid-template-columns:1.06fr .94fr; gap:46px; align-items:start; }
.animal-detail__image { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#090d10; }
.animal-detail__image img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.detail-topline { display:flex;justify-content:space-between;gap:15px;align-items:center }.detail-price{font-size:2rem;font-weight:950;color:var(--yellow)}
.detail-table { width:100%; border-collapse:collapse; margin:26px 0; }.detail-table th,.detail-table td{border-top:1px solid var(--line);padding:12px 0;text-align:left}.detail-table th{width:38%;color:#8f9aa0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.detail-table td{color:#eef1f2;font-weight:650}

.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.field--full{grid-column:1/-1}.field label{display:block;font-size:.8rem;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #344249;background:#0a1013;color:#fff;border-radius:9px;padding:13px 14px}.field textarea{min-height:160px;resize:vertical}.form-note{font-size:.78rem;color:#91a0a7}.form-status{margin-top:15px;padding:12px 14px;border:1px solid var(--yellow);background:rgba(255,228,0,.07);border-radius:9px;display:none}.form-status.is-visible{display:block}

.gallery-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.gallery-tile img{aspect-ratio:4/3;object-fit:cover;width:100%}.gallery-tile div{padding:14px}.gallery-tile strong{display:block}.gallery-tile span{font-size:.76rem;color:var(--muted)}

@media (max-width: 1050px) {
  .site-nav { display:none; position:absolute; left:18px; right:18px; top:86px; flex-direction:column; align-items:stretch; gap:0; background:#090e11; border:1px solid var(--line); border-radius:14px; padding:8px 18px; box-shadow:var(--shadow); }
  .site-nav.is-open{display:flex}.site-nav a{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.07)}
  .menu-toggle{display:block}.header-cta{display:none}.brand{min-width:0}
  .cards{grid-template-columns:repeat(2,1fr)}.animal-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
  .split,.records,.animal-detail{grid-template-columns:1fr}.split-media{min-height:400px}.records-image{order:2}
  .steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-col:last-child{grid-column:2/-1}
  .content-grid{grid-template-columns:1fr}.info-panel{position:static}.hero-copy{width:72%}.hero-media{left:18%}
}

@media (max-width: 720px) {
  .container{width:min(calc(100% - 36px),var(--max))}.hero-content{width:calc(100% - 36px);margin-left:18px;margin-right:18px}.brand-copy span{display:none}.brand-copy strong{font-size:.94rem}.brand-logo{width:46px;height:46px}.header-inner{min-height:68px}
  .hero{min-height:auto}.hero-media{inset:0}.hero::after{background:linear-gradient(180deg,rgba(5,7,9,.54),rgba(5,7,9,.98) 62%)}.hero-copy{width:100%;padding:320px 0 64px}.display{font-size:clamp(2.9rem,13vw,4.4rem)}
  .trust-grid,.cards,.animal-grid,.project-grid,.steps,.gallery-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .section{padding:64px 0}.section-head{align-items:flex-start;flex-direction:column}.animal-card__image{aspect-ratio:16/10}.split-copy{padding:30px 24px}.feature-grid,.check-list{grid-template-columns:1fr}.project-card__copy{max-width:80%}.gallery-row{grid-template-columns:repeat(2,1fr)}
  .cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.page-hero{padding:70px 0 52px}.animal-detail{gap:26px}
}



/* v0.1.4 — DRTL integration and About story */
.eyebrow--orange { color: var(--orange); }
.btn--orange { background: var(--orange); color:#090b0c; box-shadow:0 0 0 1px rgba(255,141,0,.16),0 12px 30px rgba(255,141,0,.10); }
.text-link { color:var(--cyan); font-weight:850; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.text-link--orange { color:#ffae4c; }
.section--drtl { background:linear-gradient(120deg,rgba(255,141,0,.065),rgba(10,16,20,.35) 44%,rgba(0,217,222,.025)); }
.drtl-panel { display:grid; grid-template-columns:minmax(210px,.55fr) 1.45fr; gap:clamp(32px,6vw,80px); align-items:center; padding-top:10px; padding-bottom:10px; }
.drtl-brand { min-height:220px; border:1px solid rgba(255,141,0,.42); border-radius:var(--radius); background:linear-gradient(145deg,#111517,#090c0e); display:flex; flex-direction:column; justify-content:center; padding:32px; box-shadow:var(--shadow); }
.drtl-brand span { color:var(--orange); font-size:clamp(3.4rem,7vw,6.4rem); line-height:.9; letter-spacing:-.06em; font-weight:950; }
.drtl-brand small { margin-top:14px; color:#d7d9d8; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }
.drtl-copy p strong { color:#fff; }
.about-intro { font-size:1.28rem; color:#e7ecee !important; border-left:3px solid var(--yellow); padding-left:18px; margin-bottom:36px; }
.about-closing { font-size:1.12rem; color:#e5eaec !important; margin-top:42px; padding:24px; border:1px solid rgba(255,228,0,.22); border-radius:12px; background:rgba(255,228,0,.035); }
.about-panel__logo { width:120px; height:120px; object-fit:contain; margin:0 auto 22px; }
.mini-drtl { margin-top:24px; padding:18px; border:1px solid rgba(255,141,0,.35); border-radius:12px; background:rgba(255,141,0,.035); }
.mini-drtl span,.mini-drtl small,.mini-drtl a { display:block; }
.mini-drtl span { color:#f1f3f2; }
.mini-drtl small { color:#9ea8ad; margin-top:3px; }
.mini-drtl a { color:#ffae4c; font-weight:850; margin-top:12px; }
.footer-drtl { margin-top:38px; padding:22px 24px; border:1px solid rgba(255,141,0,.28); border-radius:12px; background:linear-gradient(100deg,rgba(255,141,0,.05),rgba(255,255,255,.012)); display:flex; align-items:center; justify-content:space-between; gap:28px; }
.footer-drtl__label { display:block; color:var(--orange); font-size:.7rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; margin-bottom:4px; }
.footer-drtl strong { display:block; color:#eef1f2; font-size:.92rem; }
.footer-drtl p { margin:4px 0 0; max-width:760px; font-size:.76rem; }
@media (max-width: 720px) { .drtl-panel{grid-template-columns:1fr}.drtl-brand{min-height:160px}.footer-drtl{align-items:flex-start;flex-direction:column}.footer-drtl .btn{width:100%} }

@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto} *,*::before,*::after{transition:none!important;animation:none!important} }


/* v0.1.5 — standards and terms */
.standards-summary { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:18px; }
.standard-stat { border:1px solid var(--line); border-radius:11px; padding:16px; background:rgba(255,255,255,.018); }
.standard-stat strong { display:block; color:#fff; font-size:1.05rem; }
.standard-stat span { display:block; color:var(--muted); font-size:.75rem; margin-top:4px; }
.prose .policy-note { margin:24px 0; padding:18px 20px; border:1px solid rgba(0,217,222,.28); border-left:3px solid var(--cyan); border-radius:10px; background:rgba(0,217,222,.035); color:#dce6e8; }
.prose .policy-warning { margin:24px 0; padding:18px 20px; border:1px solid rgba(255,228,0,.26); border-left:3px solid var(--yellow); border-radius:10px; background:rgba(255,228,0,.035); color:#e9e6c6; }
.prose .terms-meta { color:#89969c; font-size:.78rem; margin-top:-8px; }
.prose strong { color:#eef2f3; }
.terms-toc a { display:block; padding:7px 0; color:var(--muted); border-top:1px solid rgba(255,255,255,.06); font-size:.82rem; }
.terms-toc a:hover { color:#fff; }
@media (max-width:720px) { .standards-summary{grid-template-columns:1fr} }

/* Interim availability display */
.availability-notice{padding:clamp(24px,5vw,54px);border:1px solid rgba(255,222,0,.25);background:rgba(255,222,0,.035);border-radius:16px}.availability-notice h2{margin:8px 0 24px}.availability-notice p{max-width:750px}.coming-soon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.coming-soon-card{padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.025)}.coming-soon-card h3{margin:12px 0}.coming-soon-card p{color:#c5cbd0}.coming-soon-card .badge{display:inline-block;margin-top:12px}@media(max-width:650px){.coming-soon-grid{grid-template-columns:1fr}}

/* Review revisions, 22 October 2026 */
.hero-content{width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin-inline:auto}
.hero-media img{object-position:55% 60%}
.footer-drtl-slim{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted)}
.footer-drtl-slim a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.split-media img[src$="animal-records.svg"]{object-fit:contain;background:#0d1418;padding:24px}
@media(max-width:720px){
 .hero{display:flex;flex-direction:column;align-items:stretch;overflow:hidden}
 .hero-media{position:relative;inset:auto;width:100%;height:320px;order:0}
 .hero-media img{object-position:50% 60%;object-fit:cover}
 .hero::after{display:none}
 .hero-content{width:min(calc(100% - 36px),var(--max));margin-inline:auto;order:1}
 .hero-copy{padding:30px 0 42px;width:100%}
 .display{font-size:clamp(2.65rem,11vw,4.4rem)}
 .hero-note{font-size:.76rem}
}

/* v0.1.6 genuine photography and test inventory */
.demo-notice{border-left:3px solid var(--cyan);padding:16px 20px;background:rgba(0,217,222,.05);font-size:.9rem;max-width:850px}.demo-label{font-size:.76rem;color:#d7c891;margin:8px 0 16px}.inventory-tools{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.inventory-tools label{display:block;width:min(100%,420px);font-size:.85rem}.inventory-tools input{display:block;width:100%;margin-top:10px;padding:13px 16px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px}.animal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.animal-photo-link{display:block;position:relative;background:#171b1c}.animal-card__image{aspect-ratio:4/5;object-fit:contain;width:100%;height:auto}.photo-count{position:absolute;bottom:12px;right:12px;font-size:.7rem;background:#070c11e6;color:#fff;padding:6px 10px;border-radius:5px}.animal-morph{font-size:1.45rem;margin:12px 0 0}.animal-card__body .btn{width:100%}.animal-card__body .animal-price-row{font-size:.8rem}.animal-page-hero{padding:28px 0}.animal-page-hero+.section{padding-top:40px}.animal-detail{align-items:start}.animal-main-photo{background:#171b1c;border:1px solid var(--line);padding:0;width:100%;border-radius:12px;overflow:hidden;cursor:zoom-in}.animal-main-photo img{width:100%;height:600px;object-fit:contain}.animal-thumbs{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.animal-thumbs button{width:75px;height:85px;border:2px solid transparent;background:#171b1c;padding:3px;border-radius:6px;cursor:pointer}.animal-thumbs img{width:100%;height:100%;object-fit:contain}.animal-thumbs button[aria-pressed=true]{border-color:var(--yellow)}.animal-copy h1{font-size:clamp(2.4rem,4vw,4.3rem);margin:10px 0 16px}.detail-table th{text-align:left}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.collection-tile{text-align:left;padding:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:zoom-in}.collection-tile img{width:100%;height:260px;object-fit:contain;background:#111719}.collection-tile span{display:flex;justify-content:space-between;padding:15px;font-size:.85rem}.gallery-row img{width:100%;height:180px;object-fit:contain;background:var(--panel)}.photo-viewer{background:#080d10;color:white;border:1px solid #53616b;border-radius:12px;padding:50px 15px 15px;max-width:95vw;max-height:95vh}.photo-viewer::backdrop{background:#000d}.photo-viewer>img{max-height:80vh;max-width:85vw;object-fit:contain}.viewer-close{position:absolute;right:15px;top:8px;background:var(--panel);color:white;border:1px solid #77818a;padding:6px 14px;border-radius:6px;cursor:pointer}.boa-placeholder{background:linear-gradient(135deg,#0b2227,#091014);border:1px solid #18555a;border-radius:18px;min-height:330px;display:flex;flex-direction:column;justify-content:center;padding:40px}.boa-project{background:linear-gradient(135deg,#102c32,#070d11)}.boa-project .project-card__copy{position:relative;max-width:100%}.hero-media img{object-position:65% 50%}
@media(max-width:1050px){.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.animal-grid{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr}.collection-tile img{height:270px}.animal-main-photo img{height:440px}.inventory-tools{align-items:stretch;flex-direction:column;gap:10px}.hero-media img{object-position:62% 50%}.animal-thumbs button{width:58px;height:70px}.animal-copy h1{font-size:2.8rem}.photo-viewer>img{max-width:85vw}.gallery-row img{height:160px}}

/* v0.1.7 - partner brands */
.section--photography{background:linear-gradient(120deg,#101719,#090c0f)}
.photography-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,6vw,80px);align-items:center}
.photography-image{display:block;border:1px solid #5e574a;border-radius:16px;overflow:hidden;background:#07090a}
.photography-image img{display:block;width:100%;height:490px;object-fit:contain}
.photography-copy .eyebrow{color:#d3b789}.photography-name{color:#f2f0eb;letter-spacing:.14em;font-size:1.15rem;font-weight:700;margin:20px 0 28px}
.photography-name span{display:block;font-size:.65rem;letter-spacing:.34em;margin-top:5px;color:#c8af86}
.btn--photography{border:1px solid #d3b789;background:#d3b789;color:#0b1012}.btn--photography:hover{background:#e4cda8}
@media(max-width:720px){.photography-panel{grid-template-columns:1fr}.photography-image img{height:360px}.photography-copy h2{font-size:2.5rem}}

/* Give every enlarged photo the same viewport-sized canvas. */
.photo-viewer{box-sizing:border-box;width:95vw;height:95vh;height:95dvh;max-width:1600px;max-height:95dvh;margin:auto;padding:54px 16px 16px;overflow:hidden}
.photo-viewer>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}