/* V13 homepage refinement — October 31, 2026. */
.nav-shell{
  border-top:1px solid #a17645;border-bottom:2px solid #100b07;
  background-image:linear-gradient(0deg,#0d0805b8,#23120935 48%,#0c0805a8),url(../images/v13/nav-wood.webp);
  background-size:auto,1000px auto;background-position:center;box-shadow:0 5px 15px #000b,inset 0 2px 1px #e4bc6c30;
}
.menu-links a{font-weight:600;text-shadow:0 1px 2px #000}
.menu-links a:hover{background:#f6ca8b10}
.brand{width:min(585px,60%)}
.brand-art{position:relative;display:block;width:100%;aspect-ratio:1280/427}
.brand .brand-art>img{width:100%;height:auto;aspect-ratio:1280/427;object-fit:contain}
.logo-eye{display:none;position:absolute;left:15.02%;top:52.22%;width:6.7%;aspect-ratio:1;border-radius:50%;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 38% 32%,#f2e4d5 0,#d9c1ae 40%,#aa837c 69%,#58302d 98%);box-shadow:inset 0 0 4px 1px #3a1714,inset 2px -3px 5px #552121b0}
.eye-tracking .logo-eye{display:block}
.logo-eye:before{content:"";position:absolute;inset:0;border-radius:50%;opacity:.35;background:repeating-conic-gradient(from 7deg at 50% 50%,transparent 0deg 20deg,#96373785 21deg,transparent 22deg 47deg)}
.logo-iris{position:absolute;top:50%;left:50%;width:50%;height:50%;border-radius:50%;transform:translate(calc(-50% + var(--eye-x,0px)),calc(-50% + var(--eye-y,0px)));background:repeating-conic-gradient(#132b2b 0 5deg,#677e69 6deg 10deg,#19484c 12deg 15deg,#304d43 17deg 22deg);border:1px solid #172b2a;box-shadow:0 0 1px 1px #0c2b32}
.logo-pupil{position:absolute;inset:27%;border-radius:50%;background:#020a0c;box-shadow:0 0 2px 1px #010709}
.logo-pupil:after{content:"";position:absolute;left:4%;top:3%;width:39%;height:28%;border-radius:50%;background:#f5f4e9}
.eye-glint{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 31% 25%,#ffffff48 0,transparent 30%);box-shadow:inset 0 0 5px #240c0c}
.survival-hero{
  position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:center;
  margin-block:26px 0;min-height:390px;padding:35px 42px;
  border:1px solid #85704b88;border-radius:3px;isolation:isolate;overflow:hidden;
  background:linear-gradient(90deg,#0e1718f0,#152124d9 55%,#12191ba8),url(../images/cinematic-v9/bunker.webp) center/cover;
  box-shadow:0 15px 30px #0006,inset 0 1px #d4a76720;
}
.survival-hero:before{content:"";position:absolute;z-index:-1;top:0;left:0;bottom:0;width:5px;background:#ad3831}
.survival-hero-copy{max-width:560px}
.survival-hero .eyebrow{color:#d8b58b;font-size:10px;letter-spacing:.19em}
.survival-hero h1{font-size:clamp(45px,5vw,72px);line-height:.98;letter-spacing:.025em;margin:12px 0 18px}
.survival-hero h1 em{color:#e24d43}
.survival-hero-copy>p{max-width:490px;color:#b9c7c5;font-size:13px;line-height:1.75}
.survival-hero-copy .survival-hero-intro{font-size:17px;color:#e6ddd0;margin-bottom:8px}
.survival-hero-actions{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-top:23px}
.survival-primary{background:#ae2b2e;border-color:#db5e4f;font-size:12px;min-height:49px;padding-inline:22px;box-shadow:0 5px 12px #0006}
.survival-secondary{font-size:10px;color:#d2bda2;line-height:1.6;max-width:120px}
.survival-product-stage{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center;padding:35px 0 28px;min-width:0;perspective:1200px}
.kit-stage-heading{position:absolute;left:4px;top:5px;font:9px/1.4 Arial;letter-spacing:.17em;color:#d6b995}
.kit-stage-footer{position:absolute;left:0;right:0;bottom:1px;text-align:center;font:8px/1.5 Arial;letter-spacing:.12em;color:#9caeac}
.hero-product{position:relative;display:block;padding:9px 8px 0;min-width:0;background:#eeeae0;border:1px solid #d4c9af;border-radius:2px;box-shadow:5px 10px 16px #0009;text-decoration:none;color:#242b2b;transition:transform .25s}
.hero-product:hover{transform:translateY(-7px) rotate(0)!important;color:#222}
.hero-product img{width:100%;height:180px;object-fit:contain;background:#f8f6f2}
.product-number{position:absolute;z-index:1;left:9px;top:7px;font:17px/1 var(--display);color:#56605c}
.product-label{display:block;font:16px/1.2 var(--display);letter-spacing:.04em;padding:10px 2px 11px}
.product-label>span{display:block;font:8px/1.4 Arial;letter-spacing:0;color:#656b66;margin-top:4px;min-height:22px}
.product-water{transform:rotate(-6deg) translateY(9px)}.product-aid{transform:rotate(3deg) translateY(-6px)}.product-light{transform:rotate(-3deg) translateY(11px)}.product-contact{transform:rotate(5deg) translateY(-4px)}
.culture-heading{padding:26px 0 19px;text-align:center}
.culture-heading p{margin:0;font:29px/1.35 var(--display);letter-spacing:.04em;text-transform:uppercase}
.culture-heading em{color:#df5148}
.category-tile{height:276px;isolation:isolate}
.category-tile>.category-background{z-index:-2;filter:brightness(.58);transform:scale(1.015);transition:transform .65s ease,filter .65s ease}
.category-tile:after{z-index:2;pointer-events:none;background:linear-gradient(0deg,#03090bf7 0,#050a0ebd 21%,#070c1030 49%,transparent)}
.category-tile>div{z-index:3;left:18px;bottom:17px;right:24px}
.category-tile .circle-arrow{z-index:4}
.category-tile h2{font-size:clamp(30px,3vw,43px)}
.category-tile p{font-size:9px}
.category-objects{position:absolute;inset:18px 22px 81px;z-index:1;perspective:800px;pointer-events:none}
.display-object{position:absolute;display:block;top:13%;width:37%;height:83%;background:#151c1e;border:1px solid #a89370;border-radius:2px;box-shadow:5px 9px 14px #000c;transition:transform .55s ease;transform-origin:50% 85%}
.display-object img{height:100%;width:100%;object-fit:cover}
.display-object.object-1{left:0;transform:rotate(-11deg) translateY(10px)}
.display-object.object-2{left:31%;top:2%;z-index:2;height:95%;transform:rotate(2deg)}
.display-object.object-3{right:0;transform:rotate(12deg) translateY(10px)}
.objects-art .display-object{width:43%;height:79%;top:17%;padding:6px;background:#d9ceba;box-shadow:inset 0 0 0 3px #4f3525,5px 9px 14px #000c}
.objects-art .object-2{left:29%;top:2%;height:94%}
.objects-art .display-object img{object-fit:contain;background:#121c20}
.objects-games{inset:10px 23px 89px}
.objects-games .display-object{width:86%;height:auto;aspect-ratio:460/215;top:7%;left:0;padding:4px;background:#293432;border-color:#77887f;box-shadow:inset 3px 0 0 #111,5px 9px 14px #000c}
.objects-games .object-1{transform:rotate(-10deg) translateY(0)}
.objects-games .object-2{top:27%;left:9%;transform:rotate(4deg);z-index:2}
.objects-games .object-3{top:49%;left:0;transform:rotate(-4deg);z-index:3}
.objects-books .display-object{border-color:#d1bc91}
.category-tile:hover>.category-background,.category-tile:focus-visible>.category-background{transform:scale(1.11);filter:brightness(.85)}
.category-tile:hover .object-1,.category-tile:focus-visible .object-1{transform:rotate(-14deg) translate(-4px,3px)}
.category-tile:hover .object-2,.category-tile:focus-visible .object-2{transform:rotate(1deg) translateY(-7px)}
.category-tile:hover .object-3,.category-tile:focus-visible .object-3{transform:rotate(15deg) translate(4px,3px)}
.category-games:hover .object-1,.category-games:focus-visible .object-1{transform:rotate(-13deg) translate(-4px,-4px)}
.category-games:hover .object-2,.category-games:focus-visible .object-2{transform:rotate(5deg) translate(3px,-3px)}
.category-games:hover .object-3,.category-games:focus-visible .object-3{transform:rotate(-3deg) translate(1px,3px)}
.unified-feature .feature-artboard{height:255px;position:relative;isolation:isolate;padding:30px 25px 18px;background:#132022;overflow:hidden}
.feature-artboard:before{content:"";z-index:-2;position:absolute;inset:0;background:linear-gradient(#19242de8,#182a2bb8 60%,#443222ba),url(../images/v13/city.webp) center/cover;filter:saturate(.4)}
.feature-artboard:after{content:"";position:absolute;z-index:-1;inset:11px;border:1px solid #b599704d;box-shadow:inset 0 0 50px #0009}
.feature-file-label{position:absolute;z-index:2;left:22px;top:18px;font:8px/1.4 Arial;letter-spacing:.15em;color:#d0b491}
.feature-display-media{height:100%;max-width:80%;margin:auto;display:flex;align-items:center;justify-content:center;filter:drop-shadow(7px 9px 8px #000b)}
.unified-feature .feature-display-media>img{width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center;padding:0;background:none;border:1px solid #a78e666b;filter:saturate(.75) contrast(1.04);box-shadow:0 0 0 5px #0e171a90;transition:transform .45s}
.unified-feature.poster-feature .feature-display-media>img{object-fit:contain;padding:0;background:#0e171b}
.feature-display-media:has(img[src*="poster-04"]){max-width:82%}
.feature-display-media>img[src*="poster-04"]{height:auto;max-height:100%;width:100%}
.author-feature .feature-display-media{max-width:52%;margin-left:17%}
.author-feature .feature-display-media>img{object-fit:cover;width:100%}
.feature-author-book{position:absolute;right:16%;bottom:18px;height:128px!important;width:auto!important;object-fit:contain!important;transform:rotate(8deg);box-shadow:4px 5px 12px #000b}
.unified-feature:hover .feature-display-media>img{transform:translateY(-3px) scale(1.015)}
.unified-feature .feature-copy{border-top:1px solid #8c714966;background:linear-gradient(120deg,#111b20,#0a1114)}
@media(max-width:1150px){
 .survival-hero{padding:30px;gap:22px;grid-template-columns:1fr 1fr}
 .survival-hero h1{font-size:58px}
 .survival-product-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:370px;justify-self:end;padding-top:28px;padding-bottom:24px}
 .hero-product{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8px;gap:5px}
 .hero-product img{height:100px}
 .product-label{font-size:13px;padding:10px 0}
 .product-label>span{font-size:7px}
 .product-number{font-size:12px;left:5px;top:4px}
 .product-water,.product-aid,.product-light,.product-contact{transform:rotate(0)}
 .kit-stage-footer{font-size:6px}
 .category-tile{height:254px}
 .category-objects{inset-inline:17px}
 .objects-games{inset-inline:20px}
 .category-tile p{font-size:8px}
 .unified-feature .feature-artboard{height:228px}
}
@media(max-width:950px){
 .survival-hero{padding:30px 25px}
 .survival-hero h1{font-size:52px}
 .survival-hero-copy>p{font-size:12px}
 .survival-hero-copy .survival-hero-intro{font-size:15px}
 .survival-hero-actions{gap:12px}
 .survival-secondary{max-width:none}
 .hero-product{display:block;text-align:center}
 .hero-product img{height:83px}
 .product-label{font-size:12px;padding:5px 0}
 .product-label>span{display:none}
 .survival-product-stage{gap:10px}
 .category-tile{height:277px}
 .category-tile h2{font-size:40px}
 .category-tile p{font-size:11px}
 .category-objects{inset:13px 30px 86px}
 .objects-games{inset:3px 38px 97px}
 .culture-heading p{font-size:26px}
 .feature-author-book{height:103px!important;right:10%}
}
@media(max-width:650px){
 .brand{width:92%;max-width:450px}
 .survival-hero{display:flex;flex-direction:column;align-items:stretch;padding:25px 22px 20px;margin-top:18px;gap:15px}
 .survival-hero h1{font-size:53px;margin-top:10px}
 .survival-hero .eyebrow{font-size:8px}
 .survival-hero-copy .survival-hero-intro{font-size:16px}
 .survival-hero-copy>p{font-size:12px}
 .survival-hero-actions{display:block;margin-top:17px}
 .survival-primary{width:100%;padding-inline:8px;font-size:11px}
 .survival-secondary{display:inline-block;margin-top:13px;font-size:10px}
 .survival-product-stage{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:none;gap:6px;padding:27px 0 23px;justify-self:stretch}
 .hero-product{padding:5px 3px 1px;transform:none}
 .hero-product img{height:78px}
 .product-label{font-size:10px;letter-spacing:0;padding:5px 0 6px}
 .product-number{left:4px;top:4px;font-size:10px}
 .kit-stage-heading{font-size:7px;letter-spacing:.12em}
 .kit-stage-footer{font-size:5px;letter-spacing:.08em}
 .culture-heading{padding:21px 0 16px}
 .culture-heading p{font-size:22px}
 .culture-heading em{display:block}
 .category-tile{height:231px}
 .category-objects{inset:15px 14px 82px}
 .objects-art .display-object{padding:4px}
 .objects-games{inset:5px 17px 84px}
 .objects-games .display-object{padding:2px}
 .category-tile>div{left:13px;bottom:14px;right:14px}
 .category-tile h2{font-size:29px}
 .category-tile p{font-size:7px;max-width:90%}
 .unified-feature .feature-artboard{height:250px}
 .feature-author-book{height:128px!important;right:17%}
 .feature-file-label{font-size:8px}
}
@media(max-width:360px){
 .survival-hero{padding-inline:17px}
 .survival-hero h1{font-size:47px}
 .hero-product img{height:63px}
 .product-label{font-size:9px}
 .category-tile{height:219px}
 .category-objects{inset-inline:11px}
 .objects-games{inset-inline:13px}
 .category-tile h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
 .logo-eye{display:none!important}
 .category-tile:hover>.category-background,.category-tile:focus-visible>.category-background{transform:none}
 .category-tile .display-object{transition:none!important}
}

/* Keep the moving sclera centered over the original eye socket. */
.logo-eye{transform:translate(-50%,-50%)}
.survival-secondary{max-width:none;white-space:nowrap}