/* Redwood Trading Company — final visual polish, condition tiles, and authoring standards */
:root{
  color-scheme:dark;
  --bg:#06100c;
  --bg2:#091811;
  --panel:#0c2118;
  --panel2:#112a20;
  --green:#173a2b;
  --green2:#24513a;
  --gold:#cda35c;
  --gold2:#efd292;
  --cream:#f4e6cf;
  --text:#f8f5ee;
  --muted:#b8c3bc;
  --line:rgba(239,210,146,.22);
  --line-strong:rgba(239,210,146,.42);
  --shadow:0 20px 54px rgba(0,0,0,.34);
  --max:1460px;
  --r:17px;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 10% 4%,rgba(205,163,92,.05),transparent 27%),
  radial-gradient(circle at 92% 24%,rgba(36,81,58,.18),transparent 30%),
  linear-gradient(180deg,#081710 0%,#06100c 56%,#040a07 100%);
  color:var(--text);font-family:Aptos,"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.skip{position:absolute;left:-9999px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip:focus{left:16px;top:16px;z-index:999;background:#fff;color:#111;padding:10px 14px;border-radius:8px}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}

/* Header */
.topbar{background:#050d0a;border-bottom:1px solid rgba(205,163,92,.18)}
.topbar .container{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;padding:9px 0;color:var(--gold2);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.header{position:sticky;top:0;z-index:50;background:rgba(5,15,11,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 9px 28px rgba(0,0,0,.18)}
.header-row{min-height:84px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:262px}
.brand img{width:58px;height:58px;border-radius:50%;box-shadow:0 0 0 1px rgba(239,210,146,.28),0 9px 24px rgba(0,0,0,.28)}
.brand-title{font-family:Georgia,"Times New Roman",serif;font-weight:800;letter-spacing:.085em;line-height:.98;font-size:16px;color:#f7f0e4}
.brand-title span{display:block;color:var(--gold2);font-family:Aptos,"Segoe UI",sans-serif;font-size:8px;letter-spacing:.22em;margin-top:7px;font-weight:800}
.nav{margin-left:auto;display:flex;align-items:center;gap:18px}
.nav>a,.more summary{font-size:12px;font-weight:720;color:#e7ede8;cursor:pointer;list-style:none;white-space:nowrap}
.nav>a:hover,.more summary:hover,.nav a[aria-current="page"]{color:var(--gold2)}
.more{position:relative}.more summary::-webkit-details-marker{display:none}.more[open] .more-menu{display:grid}
.more-menu{display:none;position:absolute;right:0;top:31px;min-width:238px;background:#071711;border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:var(--shadow)}
.more-menu a{padding:10px 12px;border-radius:9px;color:#dfe7e1;font-size:13px}
.more-menu a:hover{background:rgba(205,163,92,.11);color:var(--gold2)}
.header-actions{display:flex;gap:9px;margin-left:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:10px;font-weight:780;font-size:13px;transition:transform .18s ease,filter .18s ease,background .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1b1308;box-shadow:0 9px 22px rgba(205,163,92,.16)}
.btn-gold:hover{filter:brightness(1.055)}
.btn-outline{border-color:var(--gold);color:var(--cream);background:rgba(9,25,18,.72)}
.btn-outline:hover{background:rgba(205,163,92,.1);border-color:var(--gold2)}
.menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:#fff;border-radius:9px;padding:9px 11px}

/* Home hero — full-width, no clipped side artwork */
.hero{position:relative;width:100%;margin:0;background:#030a07;border-bottom:1px solid var(--line);overflow:hidden;padding:0;box-shadow:0 18px 42px rgba(0,0,0,.2)}
.hero-frame{position:relative;width:100%;max-width:none;margin:0;padding:0;aspect-ratio:3/1}
.hero-frame>picture{display:block;width:100%;height:100%;margin:0}
.hero-frame picture>img{display:block;width:100%;height:100%;margin:0;object-fit:contain;object-position:center center;background:#030a07}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(180deg,transparent,rgba(2,8,5,.35));pointer-events:none}
.hero-hotspot{position:absolute;display:block;border-radius:7px;z-index:8;outline:none;-webkit-tap-highlight-color:transparent}
.hero-hotspot:focus:not(:focus-visible){outline:none;box-shadow:none}
.hero-hotspot:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(239,210,146,.82),0 0 0 2px rgba(3,10,7,.52)}
.hero-shop{left:61.1418%;top:59.6685%;width:11.7864%;height:6.9061%}
.hero-new{left:73.8029%;top:59.6685%;width:8.7937%;height:6.9061%}
.hero-hotspot:hover{background:rgba(239,210,146,.055);box-shadow:inset 0 0 0 1px rgba(239,210,146,.26)}
.hero-caption{display:none}
.hero-mobile-actions{display:none}

/* Home sections */
.home-section{padding:58px 0 72px}
.home-section+.home-section{border-top:1px solid rgba(239,210,146,.09)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 25px}
.section-head h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;letter-spacing:.01em;margin:0;color:#faf5eb}
.section-head p{margin:0;color:var(--muted);max-width:650px;font-size:14px}
.gold-rule{display:inline-block;width:44px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);vertical-align:middle;margin-left:10px}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.category-card{position:relative;min-height:228px;border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;background:#0b1a14;box-shadow:0 14px 32px rgba(0,0,0,.24);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.category-card:hover{transform:translateY(-3px);border-color:rgba(239,210,146,.68);box-shadow:0 20px 40px rgba(0,0,0,.29)}
.category-card img{position:absolute;inset:0;width:100%;height:128%;object-fit:cover;object-position:center top;transition:transform .35s ease,filter .35s ease;filter:saturate(.92) contrast(1.02)}
.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 24%,rgba(0,0,0,.9) 100%)}
.category-card:hover img{transform:scale(1.025);filter:saturate(1.02) contrast(1.04)}
.category-card .label{position:absolute;z-index:2;left:16px;right:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;font-size:18px;font-weight:790;line-height:1.08;text-shadow:0 2px 10px #000}
.category-card .arrow{color:var(--gold2);font-size:25px}

.featured-section{position:relative;overflow:hidden;border-block:1px solid rgba(205,163,92,.13);background:
  radial-gradient(circle at 15% 30%,rgba(239,210,146,.055),transparent 24%),
  radial-gradient(circle at 82% 64%,rgba(36,81,58,.25),transparent 30%),
  linear-gradient(180deg,#0a1c14 0%,#0d261b 52%,#091a13 100%)}
.featured-section::before{content:"";position:absolute;inset:0;background-image:url('/assets/img/honeycomb-gold.svg');background-size:340px auto;background-repeat:repeat;background-position:center;opacity:.07;pointer-events:none}
.featured-section>.container{position:relative;z-index:1}
.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.collection-card{border:1px solid rgba(239,210,146,.19);border-radius:var(--r);background:linear-gradient(150deg,rgba(26,60,44,.76),rgba(6,18,13,.96));min-height:184px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 10px 26px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.collection-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(239,210,146,.055),transparent 45%);z-index:0}
.collection-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-76px;top:-76px;background:radial-gradient(circle,rgba(239,210,146,.11),transparent 70%);z-index:0}
.collection-card:hover{transform:translateY(-3px);border-color:rgba(239,210,146,.48);background:linear-gradient(150deg,rgba(30,70,51,.82),rgba(7,21,15,.98))}
.collection-card>*{position:relative;z-index:1}
.collection-card small{color:var(--gold2);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:830}
.collection-card h3{font-family:Georgia,"Times New Roman",serif;font-size:22px;margin:8px 0 7px;color:#f7efe2}
.collection-card p{margin:0;color:var(--muted);font-size:13px}
.collection-card .link{margin-top:16px;color:var(--gold2);font-weight:750;font-size:13px}

/* Forest trust strip, intentionally free of oversized background lettering */
.trust{position:relative;background:
  linear-gradient(90deg,rgba(3,10,7,.88),rgba(7,24,16,.65),rgba(3,10,7,.88)),
  url('/assets/img/forest-strip-clean.jpg') center 55%/cover no-repeat;
  border-block:1px solid rgba(205,163,92,.34)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:58px 0;gap:16px}
.trust-item{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid rgba(239,210,146,.19);border-radius:14px;background:rgba(4,15,10,.6);box-shadow:0 12px 28px rgba(0,0,0,.18);backdrop-filter:blur(2px)}
.trust-icon{width:50px;height:50px;flex:0 0 50px;border:1.5px solid var(--gold2);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:21px;background:rgba(7,26,18,.55)}
.trust-item strong{display:block;font-size:15px;color:#f7f2e8}
.trust-item span{display:block;color:#cbd5ce;font-size:12px;margin-top:3px}

.sell-band{border-bottom:1px solid var(--line);background:linear-gradient(105deg,#071711 0%,#0d2a1e 54%,#07140f 100%)}
.sell-row{display:grid;grid-template-columns:1.35fr .7fr 1fr 1fr 1fr;align-items:center;gap:17px;padding:28px 0}
.sell-lead h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;margin:0 0 4px}
.sell-lead p{margin:0;color:var(--muted);font-size:13px}
.mini-feature{border-left:1px solid rgba(239,210,146,.22);padding-left:16px}
.mini-feature strong{display:block;color:var(--cream);font-size:13px}
.mini-feature span{display:block;color:var(--muted);font-size:11px;margin-top:3px}

/* Footer — real shadowed redwood forest, no abstract polygon band */
.footer{position:relative;padding:72px 0 26px;background:
  linear-gradient(180deg,rgba(4,13,9,.83) 0%,rgba(3,10,7,.91) 52%,rgba(2,7,5,.97) 100%),
  url('/assets/img/footer-forest-real.jpg') center bottom/cover no-repeat;
  border-top:1px solid rgba(205,163,92,.25);overflow:hidden}
.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 34%,rgba(36,81,58,.16),transparent 34%);pointer-events:none}
.footer:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,rgba(1,5,3,.62));pointer-events:none}
.footer .container{position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:1.45fr .8fr .9fr 1.15fr;gap:36px}
.footer-brand{display:flex;gap:14px;align-items:center}
.footer-brand img{width:80px;height:80px;border-radius:50%;box-shadow:0 0 0 1px rgba(239,210,146,.2)}
.footer-brand strong{font-size:18px;color:#f7f2e9}
.footer-brand em{display:block;color:var(--gold2);font-style:normal;font-size:13px;margin-top:3px}
.footer p,.footer a{color:#c3cec7;font-size:12px}
.footer h4{font-size:12px;color:var(--gold2);text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px}
.footer a{display:block;margin:6px 0}
.footer a:hover{color:#fff}
.email-links{display:grid;gap:6px}
.email-links a{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:19px;border-top:1px solid rgba(255,255,255,.1);color:#8e9c94;font-size:11px}

/* Interior pages */
.page-hero{position:relative;padding:78px 0 58px;background:
  linear-gradient(90deg,rgba(4,14,9,.93) 0%,rgba(7,27,18,.75) 55%,rgba(4,14,9,.9) 100%),
  url('/assets/img/forest-strip-clean.jpg') center 48%/cover no-repeat;
  border-bottom:1px solid var(--line);box-shadow:inset 0 -26px 55px rgba(0,0,0,.16)}
.page-hero .eyebrow{color:var(--gold2);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:830}
.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,5vw,66px);margin:8px 0 12px;line-height:1.06;color:#fbf5e9;text-shadow:0 4px 20px rgba(0,0,0,.28)}
.page-hero p{max-width:810px;color:#d2dcd5;margin:0;font-size:16px}
.content{padding:58px 0 78px}
.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}
.panel{border:1px solid var(--line);background:linear-gradient(150deg,rgba(17,46,34,.78),rgba(6,18,13,.96));border-radius:var(--r);padding:28px;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.panel h2,.panel h3{font-family:Georgia,"Times New Roman",serif;margin-top:0;color:#f8f1e4}
.panel p,.panel li{color:#c1cdc5}
.panel ul{padding-left:19px}
.callout{border-left:3px solid var(--gold);padding:14px 16px;background:rgba(205,163,92,.075);color:#ddd3c1;margin:20px 0}
.form-note{font-size:12px!important;color:#9fafa5!important;margin-top:14px!important}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-card{display:block;border:1px solid var(--line);border-radius:14px;padding:20px;background:rgba(8,29,20,.84);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.contact-card:hover{transform:translateY(-2px);border-color:rgba(239,210,146,.48);background:rgba(14,43,30,.9)}
.contact-card strong{font-size:17px;color:#f7f1e6}
.contact-card span{display:block;color:var(--gold2);margin-top:4px;font-size:13px;overflow-wrap:anywhere}
.faq details{border:1px solid var(--line);border-radius:12px;padding:0 18px;margin:11px 0;background:rgba(8,29,20,.84)}
.faq details[open]{border-color:rgba(239,210,146,.35)}
.faq summary{cursor:pointer;font-weight:770;padding:17px 0;color:#f4eee3}
.faq p{margin-top:0;padding-bottom:16px}
.simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.simple-card{border:1px solid var(--line);border-radius:15px;padding:22px;background:linear-gradient(145deg,rgba(17,47,34,.76),rgba(6,18,13,.96));box-shadow:0 10px 26px rgba(0,0,0,.13);transition:transform .18s ease,border-color .18s ease}
.simple-card:hover{transform:translateY(-2px);border-color:rgba(239,210,146,.42)}
.simple-card small{color:var(--gold2);text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:830}
.simple-card h3{font-family:Georgia,"Times New Roman",serif;font-size:20px;margin:8px 0;color:#f6efe3}
.simple-card p{font-size:13px;color:var(--muted);margin:0 0 16px}
.simple-card a{font-size:13px;color:var(--gold2);font-weight:760}


@media(min-width:2200px){
  .hero-frame{aspect-ratio:3/1}
  .hero-frame picture>img{object-fit:contain}
}
@media(max-width:1260px){
  .brand{min-width:230px}.nav{gap:12px}.nav>a,.more summary{font-size:11px}
  .category-grid{grid-template-columns:repeat(3,1fr)}
  .collection-grid{grid-template-columns:repeat(2,1fr)}
  .sell-row{grid-template-columns:1fr 1fr}.mini-feature{border-left:0;padding-left:0}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:1080px){
  .header-row{min-height:76px}
  .brand{min-width:0}
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:76px;background:#06120e;border-bottom:1px solid var(--line);padding:14px 18px;flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}
  .more{width:100%}
  .more-menu{position:static;box-shadow:none;margin-top:7px}
  .header-actions{display:none}
}
@media(max-width:820px){
  .container{width:min(var(--max),calc(100% - 30px))}
  .topbar .container{justify-content:flex-start;gap:14px}
  .header-row{min-height:76px}.brand img{width:52px;height:52px}.brand-title{font-size:14px}.brand{min-width:0}
  .menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:#06120e;border-bottom:1px solid var(--line);padding:14px 18px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.more{width:100%}.more-menu{position:static;box-shadow:none;margin-top:7px}.header-actions{display:none}
  .hero-caption{display:block;padding:12px 18px 14px;background:#081a13;color:#c7d0ca;font-size:12px;border-top:1px solid rgba(255,255,255,.06);text-align:center}
  .hero-mobile-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:14px 16px;background:#07150f;border-top:1px solid rgba(239,210,146,.12)}
  .hero-mobile-actions .btn{min-width:160px}
  .hero-hotspot{min-width:40px;min-height:24px}
  .category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:185px}
  .collection-grid,.simple-grid,.content-grid,.contact-cards,.footer-grid{grid-template-columns:1fr}
  .sell-row{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}
  .page-hero{padding:58px 0 46px}.page-hero h1{font-size:44px}
}
@media(max-width:520px){
  .container{width:min(var(--max),calc(100% - 24px))}.topbar .container{font-size:9px}.brand-title span{display:none}
  .category-grid{grid-template-columns:1fr}.category-card{min-height:198px}.home-section{padding:40px 0 52px}
  .page-hero h1{font-size:38px}.footer-brand img{width:70px;height:70px}.footer{padding-top:58px}
}
.content-grid > :only-child{grid-column:1 / -1;width:min(100%,1100px);margin-inline:auto}
.footer-bottom a{display:inline;margin:0}


/* Visual condition guide */
.condition-intro{max-width:980px;margin:0 auto 30px;text-align:center}
.condition-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.15;margin:0 0 12px;color:#fbf5e9}
.condition-intro p{margin:0;color:#c5d0c9;font-size:15px}
.condition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.condition-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(17,46,34,.84),rgba(6,18,13,.98));box-shadow:0 16px 38px rgba(0,0,0,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.condition-card:hover{transform:translateY(-3px);border-color:rgba(239,210,146,.48);box-shadow:0 22px 46px rgba(0,0,0,.27)}
.condition-card figure{margin:0;aspect-ratio:16/10;overflow:hidden;background:#0a1711}
.condition-card img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.02);transition:transform .35s ease,filter .35s ease}
.condition-card:hover img{transform:scale(1.018);filter:saturate(1.02) contrast(1.035)}
.condition-card-body{padding:23px 24px 25px}
.condition-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--gold2);font-size:10px;font-weight:830;letter-spacing:.15em;text-transform:uppercase}
.condition-kicker:before{content:"";width:20px;height:1px;background:var(--gold)}
.condition-card h3{font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.15;margin:0 0 9px;color:#f8f1e4}
.condition-card p{margin:0;color:#c1cdc5;font-size:13.5px}
.condition-card ul{margin:13px 0 0;padding-left:18px;color:#aebdb4;font-size:12.5px}
.condition-card li+li{margin-top:5px}
.condition-foot{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;margin-top:24px}
.condition-foot .panel{height:100%}
.condition-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}
.condition-term{padding:14px 15px;border:1px solid rgba(239,210,146,.15);border-radius:12px;background:rgba(4,15,10,.42)}
.condition-term strong{display:block;color:#f4ede1;font-size:13px}
.condition-term span{display:block;color:#aebbb3;font-size:11.5px;margin-top:3px}

/* About-page authoring standards */
.about-lead{max-width:1120px;margin:0 auto 26px}
.about-lead p{font-size:15px}
.standards-section{margin-top:26px}
.standards-head{max-width:900px;margin-bottom:20px}
.standards-head h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.15;margin:0 0 10px;color:#f8f1e4}
.standards-head p{margin:0;color:#c1cdc5}
.standards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.standard-card{border:1px solid var(--line);border-radius:15px;padding:22px;background:linear-gradient(145deg,rgba(17,47,34,.76),rgba(6,18,13,.96));box-shadow:0 10px 26px rgba(0,0,0,.13)}
.standard-card .standard-no{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(239,210,146,.42);border-radius:50%;color:var(--gold2);font-family:Georgia,"Times New Roman",serif;font-size:15px;margin-bottom:13px}
.standard-card h3{font-family:Georgia,"Times New Roman",serif;font-size:19px;margin:0 0 8px;color:#f6efe3}
.standard-card p{margin:0;color:#b8c6bd;font-size:12.5px}
.standards-callout{margin-top:20px;border:1px solid rgba(239,210,146,.22);border-left:3px solid var(--gold);border-radius:12px;padding:17px 18px;background:rgba(205,163,92,.065);color:#d7dfd9;font-size:13px}

@media(max-width:980px){
  .standards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .condition-foot{grid-template-columns:1fr}
}
@media(max-width:720px){
  .condition-grid,.standards-grid,.condition-terms{grid-template-columns:1fr}
  .condition-intro{text-align:left}
  .condition-card figure{aspect-ratio:4/3}
}


/* r12 wildlife field notes — interior-only highlights constrained within animal boundaries */
.hero-field-guide{position:absolute;inset:0;z-index:7;pointer-events:none}
.animal-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.animal-hotspot{cursor:help;pointer-events:all;outline:none;-webkit-tap-highlight-color:transparent}
.animal-hit{fill:none;stroke:rgba(0,0,0,.001);stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke}
.animal-hit-fill{fill:rgba(0,0,0,.001);stroke:none;pointer-events:fill}
.animal-image-highlight{pointer-events:none;opacity:0;filter:brightness(1.34) saturate(1.08) sepia(.16) contrast(1.03);transition:opacity .16s ease,filter .16s ease;mix-blend-mode:normal}
.animal-gold-wash{pointer-events:none;opacity:0;transition:opacity .16s ease;mix-blend-mode:screen}
.animal-hotspot:hover .animal-image-highlight,.animal-hotspot:focus-visible .animal-image-highlight,.animal-hotspot.is-open .animal-image-highlight{opacity:.98;filter:brightness(1.42) saturate(1.12) sepia(.2) contrast(1.04)}
.animal-hotspot:hover .animal-gold-wash,.animal-hotspot:focus-visible .animal-gold-wash,.animal-hotspot.is-open .animal-gold-wash{opacity:.18}
.animal-card{position:absolute;z-index:12;width:clamp(235px,18vw,315px);padding:16px 17px 15px;border:1px solid rgba(239,210,146,.42);border-radius:15px;background:linear-gradient(145deg,rgba(4,15,11,.95),rgba(8,28,20,.94));backdrop-filter:blur(9px);box-shadow:0 22px 50px rgba(0,0,0,.48);color:#f3eee2;pointer-events:auto}
.animal-card[hidden]{display:none!important}
.animal-card-troodon{left:38.2%;top:27%}
.animal-card-quetzalcoatlus{left:20.1%;top:7.5%}
.animal-card-pteranodon{left:43.4%;top:28%}
.animal-card-close{position:absolute;right:9px;top:8px;width:30px;height:30px;border:1px solid rgba(239,210,146,.28);border-radius:999px;background:rgba(255,255,255,.035);color:#f4ead7;font-size:20px;line-height:1;cursor:pointer}
.animal-card-close:hover,.animal-card-close:focus-visible{border-color:rgba(239,210,146,.72);background:rgba(239,210,146,.1);outline:none}
.animal-card .eyebrow{margin:0 34px 5px 0;color:var(--gold2);font-size:9px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.animal-card h2{margin:0 34px 11px 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,1.55vw,27px);line-height:1;color:#fff8eb}
.animal-card dl{display:grid;grid-template-columns:max-content 1fr;gap:5px 9px;margin:0;font-size:clamp(10.5px,.72vw,13px);line-height:1.35}
.animal-card dt{color:#efd292;font-weight:780}
.animal-card dd{margin:0;color:#dce5de}
.animal-card .science-note{margin:11px 0 0;padding-top:10px;border-top:1px solid rgba(239,210,146,.15);color:#adbbb1;font-size:clamp(9.5px,.65vw,11.5px);line-height:1.4}
.hero-discovery-caption{display:flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:8px 16px;border-top:1px solid rgba(239,210,146,.12);background:linear-gradient(180deg,#07150f,#06120d);color:#c6d0c9;font-size:11px;letter-spacing:.035em;text-align:center}
.hero-discovery-caption .field-star{color:var(--gold2);font-size:14px}
.hero-discovery-caption strong{color:#f2eadb;font-weight:760}
@media(max-width:1260px){
  .animal-card{width:clamp(220px,26vw,285px);padding:13px 14px}
  .animal-card-troodon{left:36.5%;top:23%}
  .animal-card-quetzalcoatlus{left:20%;top:4%}
  .animal-card-pteranodon{left:40%;top:25%}
}
@media(max-width:820px){
  .animal-card{position:fixed;left:14px!important;right:14px!important;top:auto!important;bottom:18px;width:auto;max-width:560px;margin-inline:auto;z-index:1200;padding:17px 18px 16px}
  .animal-card h2{font-size:23px}
  .animal-card dl{font-size:12px}
  .animal-card .science-note{font-size:10.5px}
  .hero-discovery-caption{font-size:10px;min-height:34px;padding:7px 12px}
}
@media(max-width:520px){.hero-discovery-caption{line-height:1.35}}
@media(prefers-reduced-motion:reduce){
  .animal-image-highlight,.animal-gold-wash,.animal-card,.hero-hotspot,.btn,.category-card,.collection-card,.simple-card{animation:none!important;transition:none!important}
  html:focus-within{scroll-behavior:auto}
}


/* r13 connect-with-us sections */
.connect-section{position:relative;padding:62px 0 68px;border-top:1px solid rgba(239,210,146,.10);border-bottom:1px solid rgba(239,210,146,.10);background:linear-gradient(180deg,#071610 0%,#0b2118 52%,#07150f 100%);overflow:hidden}
.connect-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 35%,rgba(239,210,146,.055),transparent 28%),radial-gradient(circle at 78% 62%,rgba(38,92,65,.20),transparent 30%);pointer-events:none}
.connect-section .container{position:relative;z-index:1}
.connect-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:24px}
.connect-head h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.15;margin:0;color:#f8f1e4}
.connect-head p{max-width:650px;margin:0;color:#b7c4bc;font-size:13.5px}
.connect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.connect-card{display:flex;min-height:154px;flex-direction:column;justify-content:space-between;gap:18px;padding:21px;border:1px solid rgba(239,210,146,.18);border-radius:15px;background:linear-gradient(145deg,rgba(17,47,34,.78),rgba(5,17,12,.96));box-shadow:0 12px 28px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.connect-card:hover{transform:translateY(-3px);border-color:rgba(239,210,146,.48);box-shadow:0 18px 38px rgba(0,0,0,.27)}
.connect-card .connect-brand{display:flex;align-items:center;gap:12px}
.connect-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(239,210,146,.30);border-radius:12px;background:rgba(239,210,146,.07);color:#efd292;font-family:Georgia,"Times New Roman",serif;font-weight:800;font-size:16px}
.connect-card h3{margin:0;color:#f7f1e7;font-family:Georgia,"Times New Roman",serif;font-size:19px}
.connect-card p{margin:5px 0 0;color:#aebbb3;font-size:12px;line-height:1.45}
.connect-link{display:inline-flex;align-items:center;gap:7px;color:#efd292;font-size:12.5px;font-weight:780}
.connect-card:hover .connect-link{color:#fff1c9}
.connect-card.connect-soon{opacity:.66;cursor:default}
.connect-card.connect-soon:hover{transform:none;border-color:rgba(239,210,146,.18);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.connect-soon .connect-link{color:#92a299}
@media(max-width:980px){.connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.connect-head{align-items:flex-start;flex-direction:column}.connect-grid{grid-template-columns:1fr}.connect-card{min-height:132px}.connect-section{padding:48px 0 52px}}

/* r14 — conservative animal-bound highlight */
.animal-troodon .animal-image-highlight{filter:none!important;mix-blend-mode:screen;opacity:0;transition:opacity .16s ease}
.animal-troodon:hover .animal-image-highlight,.animal-troodon:focus-visible .animal-image-highlight,.animal-troodon.is-open .animal-image-highlight{opacity:1!important;filter:none!important}
.animal-troodon .animal-gold-wash{display:none!important}
/* Footer contact simplification */
.footer-contact-compact p{max-width:310px;margin:0 0 14px;color:#b9c7be}
.footer-contact-compact .btn{display:inline-flex;min-width:154px;justify-content:center}