/* =========================== */
/* SNOWY CABIN SCENE           */
/* =========================== */

        /* Sky - Night gradient */
        .scene-snowy-cabin .scene-sky {
            background: linear-gradient(180deg, 
                #0a1628 0%, 
                #152238 30%,
                #1e3a5f 60%,
                #2a4a6b 100%
            );
        }
        
        /* Background - Distant rolling hills */
        .scene-snowy-cabin .scene-background {
            background: none;
        }
        
        /* Far rolling hill - left side */
        .scene-snowy-cabin .bg-hill-1 {
            position: absolute;
            bottom: 45%;
            left: -20%;
            width: 70%;
            height: 25%;
            background: linear-gradient(180deg, #3d5c6e 0%, #2d4a5a 100%);
            border-radius: 50% 60% 0 0 / 100% 100% 0 0;
        }
        
        /* Far rolling hill - right side */
        .scene-snowy-cabin .bg-hill-2 {
            position: absolute;
            bottom: 42%;
            right: -15%;
            width: 60%;
            height: 22%;
            background: linear-gradient(180deg, #4a6878 0%, #3a5868 100%);
            border-radius: 60% 50% 0 0 / 100% 100% 0 0;
        }
        
        /* Background trees on distant hills - larger and properly positioned */
        .scene-snowy-cabin .bg-tree {
            position: absolute;
            width: 24px;
            height: 42px;
            z-index: 1;
        }

        .scene-snowy-cabin .bg-tree::before {
            content: '';
            position: absolute;
            bottom: 8px;
            left: 50%;
            transform: translateX(-50%);
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 34px solid #1a3d2a;
        }

        .scene-snowy-cabin .bg-tree::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 5px;
            height: 10px;
            background: #2d261f;
        }

        /* Trees on left hill - varied positions like reference image */
        .scene-snowy-cabin .bg-tree-1 { left: 3%; bottom: 56%; }
        .scene-snowy-cabin .bg-tree-2 { left: 10%; bottom: 60%; transform: scale(0.85); }
        .scene-snowy-cabin .bg-tree-5 { left: 18%; bottom: 63%; transform: scale(0.75); }
        .scene-snowy-cabin .bg-tree-9 { left: 26%; bottom: 58%; transform: scale(0.9); }
        .scene-snowy-cabin .bg-tree-6 { left: 34%; bottom: 61%; transform: scale(0.65); }

        /* Trees on right hill - varied positions */
        .scene-snowy-cabin .bg-tree-3 { right: 5%; bottom: 55%; transform: scale(0.95); }
        .scene-snowy-cabin .bg-tree-4 { right: 13%; bottom: 58%; transform: scale(0.8); }
        .scene-snowy-cabin .bg-tree-7 { right: 21%; bottom: 56%; transform: scale(0.88); }
        .scene-snowy-cabin .bg-tree-8 { right: 29%; bottom: 59%; transform: scale(0.72); }
        /* tree-10 removed */

        /* Glowing moon in sky */
        .scene-snowy-cabin .moon {
            position: absolute;
            right: 12%;
            bottom: 68%;
            width: 70px;
            height: 70px;
            background: radial-gradient(circle at 40% 35%,
                #fffef8 0%,
                #f5f3e8 30%,
                #e8e4d4 60%,
                #d8d4c4 100%
            );
            border-radius: 50%;
            box-shadow:
                0 0 20px 8px rgba(255, 255, 240, 0.4),
                0 0 40px 15px rgba(255, 255, 240, 0.2),
                0 0 60px 25px rgba(255, 255, 240, 0.1);
            z-index: 0;
        }

        /* Dark navy blue for silhouettes - smaller and moved left */
        .scene-snowy-cabin .santa-silhouette {
            position: absolute;
            right: 10%;
            bottom: 70%;
            width: 95px;
            height: 32px;
            z-index: 1;
            transform: scale(0.85);
        }

        /* Sleigh body */
        .scene-snowy-cabin .sleigh-silhouette {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 30px;
            height: 16px;
            background: #0c1525;
            border-radius: 0 0 10px 4px;
        }

        /* Sleigh curved back */
        .scene-snowy-cabin .sleigh-silhouette::before {
            content: '';
            position: absolute;
            right: -3px;
            bottom: 6px;
            width: 6px;
            height: 18px;
            background: #0c1525;
            border-radius: 4px 6px 0 0;
            transform: rotate(8deg);
        }

        /* Sleigh runner */
        .scene-snowy-cabin .sleigh-silhouette::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: -6px;
            width: 38px;
            height: 3px;
            background: #0c1525;
            border-radius: 6px 0 2px 6px;
        }

        /* Santa in sleigh */
        .scene-snowy-cabin .santa-figure {
            position: absolute;
            right: 8px;
            bottom: 14px;
            width: 12px;
            height: 11px;
            background: #0c1525;
            border-radius: 30% 30% 10% 10%;
        }

        /* Santa head */
        .scene-snowy-cabin .santa-figure::before {
            content: '';
            position: absolute;
            top: -7px;
            left: 50%;
            transform: translateX(-50%);
            width: 8px;
            height: 8px;
            background: #0c1525;
            border-radius: 50%;
        }

        /* Reindeer 1 - body */
        .scene-snowy-cabin .reindeer-1 {
            position: absolute;
            right: 40px;
            bottom: 8px;
            width: 14px;
            height: 9px;
            background: #0c1525;
            border-radius: 50% 40% 35% 40%;
        }

        /* Reindeer 1 legs */
        .scene-snowy-cabin .reindeer-1::before {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 2px;
            width: 2px;
            height: 7px;
            background: #0c1525;
            box-shadow: 7px 0 0 #0c1525;
        }

        /* Reindeer 1 head - above body with neck */
        .scene-snowy-cabin .reindeer-1::after {
            content: '';
            position: absolute;
            top: -6px;
            left: -3px;
            width: 7px;
            height: 5px;
            background: #0c1525;
            border-radius: 40% 50% 30% 30%;
            box-shadow: 3px 4px 0 0 #0c1525; /* neck */
        }

        /* Reindeer 1 antlers - on head */
        .scene-snowy-cabin .antler-1 {
            position: absolute;
            right: 55px;
            bottom: 21px;
            width: 2px;
            height: 8px;
            background: #0c1525;
            transform: rotate(-25deg);
        }
        .scene-snowy-cabin .antler-1::before {
            content: '';
            position: absolute;
            top: 0;
            left: 5px;
            width: 2px;
            height: 7px;
            background: #0c1525;
            transform: rotate(30deg);
        }

        /* Reindeer 2 - more spaced */
        .scene-snowy-cabin .reindeer-2 {
            position: absolute;
            right: 62px;
            bottom: 10px;
            width: 13px;
            height: 8px;
            background: #0c1525;
            border-radius: 50% 40% 35% 40%;
        }

        .scene-snowy-cabin .reindeer-2::before {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 2px;
            width: 2px;
            height: 6px;
            background: #0c1525;
            box-shadow: 6px 0 0 #0c1525;
        }

        /* Reindeer 2 head - above body with neck */
        .scene-snowy-cabin .reindeer-2::after {
            content: '';
            position: absolute;
            top: -5px;
            left: -2px;
            width: 6px;
            height: 5px;
            background: #0c1525;
            border-radius: 40% 50% 30% 30%;
            box-shadow: 3px 4px 0 0 #0c1525; /* neck */
        }

        /* Reindeer 2 antlers - on head */
        .scene-snowy-cabin .antler-2 {
            position: absolute;
            right: 75px;
            bottom: 22px;
            width: 2px;
            height: 7px;
            background: #0c1525;
            transform: rotate(-22deg);
        }
        .scene-snowy-cabin .antler-2::before {
            content: '';
            position: absolute;
            top: 0;
            left: 4px;
            width: 2px;
            height: 6px;
            background: #0c1525;
            transform: rotate(28deg);
        }

        /* Reindeer 3 (lead) - most spaced */
        .scene-snowy-cabin .reindeer-3 {
            position: absolute;
            right: 82px;
            bottom: 11px;
            width: 12px;
            height: 7px;
            background: #0c1525;
            border-radius: 50% 40% 35% 40%;
        }

        .scene-snowy-cabin .reindeer-3::before {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 2px;
            width: 2px;
            height: 5px;
            background: #0c1525;
            box-shadow: 5px 0 0 #0c1525;
        }

        /* Reindeer 3 head - above body with neck */
        .scene-snowy-cabin .reindeer-3::after {
            content: '';
            position: absolute;
            top: -5px;
            left: -2px;
            width: 6px;
            height: 4px;
            background: #0c1525;
            border-radius: 40% 50% 30% 30%;
            box-shadow: 3px 4px 0 0 #0c1525; /* neck */
        }

        /* Reindeer 3 antlers - on head */
        .scene-snowy-cabin .antler-3 {
            position: absolute;
            right: 94px;
            bottom: 22px;
            width: 2px;
            height: 6px;
            background: #0c1525;
            transform: rotate(-20deg);
        }
        .scene-snowy-cabin .antler-3::before {
            content: '';
            position: absolute;
            top: 0;
            left: 4px;
            width: 2px;
            height: 5px;
            background: #0c1525;
            transform: rotate(25deg);
        }

        /* Reins */
        .scene-snowy-cabin .santa-silhouette::before {
            content: '';
            position: absolute;
            right: 32px;
            bottom: 14px;
            width: 55px;
            height: 1px;
            background: #0c1525;
            transform: rotate(-3deg);
        }

        /* Midground - Main snow ground that cabin sits on */
        .scene-snowy-cabin .scene-midground::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: -5%;
            width: 110%;
            height: 55%;
            background: linear-gradient(180deg, 
                #c8d8e8 0%, 
                #d8e8f0 30%,
                #e0ecf4 100%
            );
            border-radius: 40% 50% 0 0 / 20% 25% 0 0;
            box-shadow: inset 0 15px 40px rgba(100, 140, 180, 0.3);
        }
        
        /* Cabin - centered and larger */
        .scene-snowy-cabin .cabin {
            position: absolute;
            bottom: 18%;
            left: 50%;
            transform: translateX(-50%);
            width: 240px;
            height: 170px;
            z-index: 3;
        }
        
        /* Cabin walls */
        .scene-snowy-cabin .cabin-walls { 
            background: 
                repeating-linear-gradient(0deg, transparent, transparent 13px, rgba(0,0,0,0.3) 13px, rgba(0,0,0,0.4) 14px, rgba(255,255,255,0.1) 15px, transparent 16px),
                linear-gradient(180deg, #A0724D 0%, #8B5A2B 20%, #6d4422 50%, #5D3A1A 80%, #4a2e14 100%);
            width: 100%; 
            height: 62%; 
            position: absolute; 
            bottom: 0; 
            border-radius: 3px; 
            box-shadow: 
                0 2px 4px rgba(0,0,0,0.2),
                inset 0 2px 4px rgba(255,255,255,0.15),
                inset 0 -4px 8px rgba(0,0,0,0.3),
                inset 3px 0 6px rgba(0,0,0,0.2),
                inset -3px 0 6px rgba(0,0,0,0.2);
            border: 1px solid;
            border-color: #9a6b3a #3d2510 #2a1a0c #6d4422;
        }
        
        /* Cabin roof using clip-path */
        .scene-snowy-cabin .cabin-roof { 
            position: absolute; 
            top: 0; 
            left: -8%; 
            width: 116%; 
            height: 65px; 
            background: linear-gradient(135deg, #6d4c0e 0%, #5a3d0a 20%, #4A2508 50%, #3d1f06 80%, #2a1504 100%);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%); 
            box-shadow: 
                0 4px 8px rgba(0,0,0,0.4),
                inset 0 -8px 16px rgba(0,0,0,0.4),
                inset 4px 0 8px rgba(255,255,255,0.1);
        }
        
        /* Roof shading */
        .scene-snowy-cabin .cabin-roof::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.2) 100%);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        }
        
        /* Cabin windows - shared styles */
        .scene-snowy-cabin .cabin-window,
        .scene-snowy-cabin .cabin-window-right {
            position: absolute;
            bottom: 30px;
            width: 50px;
            height: 45px;
            background: radial-gradient(ellipse at center, #FEF9C3 0%, #FEF3C7 40%, #FDE68A 70%, #FCD34D 100%);
            border: 4px solid;
            border-color: #5a3d0a #2a1504 #2a1504 #4A2508;
            border-radius: 2px;
            box-shadow:
                0 0 25px rgba(254, 243, 199, 0.8),
                0 0 50px rgba(254, 243, 199, 0.4),
                inset 0 0 12px rgba(255,255,255,0.5);
        }

        /* Left window position */
        .scene-snowy-cabin .cabin-window {
            left: 30px;
        }

        /* Right window position */
        .scene-snowy-cabin .cabin-window-right {
            right: 30px;
        }

        /* Window panes - shared */
        .scene-snowy-cabin .cabin-window::before,
        .scene-snowy-cabin .cabin-window-right::before {
            content: '';
            position: absolute;
            top: 50%;
            left: -1px;
            right: -1px;
            height: 4px;
            background: #3D1D0D;
            transform: translateY(-50%);
            z-index: 3;
        }

        .scene-snowy-cabin .cabin-window::after,
        .scene-snowy-cabin .cabin-window-right::after {
            content: '';
            position: absolute;
            left: 50%;
            top: -1px;
            bottom: -1px;
            width: 4px;
            background: #3D1D0D;
            transform: translateX(-50%);
            z-index: 3;
        }
        
        /* Cabin door - centered */
        .scene-snowy-cabin .cabin-door {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 65px;
            background: linear-gradient(135deg, #5a3d0a 0%, #4A2508 30%, #3D1D0D 60%, #2a1504 100%);
            border-radius: 4px 4px 0 0;
            border: 3px solid;
            border-color: #6d4c0e #2a1504 transparent #4A2508;
            box-shadow:
                inset 0 2px 4px rgba(255,255,255,0.1),
                inset 0 -4px 8px rgba(0,0,0,0.4),
                inset 2px 0 4px rgba(0,0,0,0.2),
                inset -2px 0 4px rgba(0,0,0,0.2);
        }
        
        /* Door handle */
        .scene-snowy-cabin .cabin-door::before {
            content: '';
            position: absolute;
            top: 50%;
            right: 6px;
            width: 6px;
            height: 6px;
            background: radial-gradient(circle at 30% 30%, #fcd34d 0%, #b8860b 60%, #8b6914 100%);
            border-radius: 50%;
            transform: translateY(-50%);
            box-shadow: 0 1px 2px rgba(0,0,0,0.4);
        }

        /* Christmas wreath on door */
        .scene-snowy-cabin .door-wreath {
            position: absolute;
            top: 5px;
            left: 50%;
            transform: translateX(-50%);
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: radial-gradient(circle at 50% 50%,
                transparent 35%,
                #228B22 36%,
                #1a6b1a 50%,
                #2d8b2d 65%,
                #228B22 80%,
                transparent 81%
            );
            z-index: 5;
        }

        /* Wreath bow */
        .scene-snowy-cabin .door-wreath::before {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 50%;
            transform: translateX(-50%);
            width: 8px;
            height: 6px;
            background: #c41e3a;
            border-radius: 2px;
            box-shadow:
                -3px -2px 0 #c41e3a,
                3px -2px 0 #c41e3a;
        }

        /* Wreath berries */
        .scene-snowy-cabin .door-wreath::after {
            content: '';
            position: absolute;
            top: 2px;
            left: 50%;
            transform: translateX(-50%);
            width: 3px;
            height: 3px;
            background: #dc2626;
            border-radius: 50%;
            box-shadow:
                4px 3px 0 #dc2626,
                -4px 3px 0 #dc2626,
                2px 8px 0 #dc2626,
                -2px 8px 0 #dc2626;
        }

        /* Chimney - behind roof */
        .scene-snowy-cabin .chimney {
            position: absolute;
            top: 5px;
            left: 45px;
            width: 26px;
            height: 55px;
            background: linear-gradient(90deg, #8B6450 0%, #7B5440 50%, #6B4430 100%);
            border-radius: 2px 2px 0 0;
            z-index: -1;
        }
        
        /* Chimney cap */
        .scene-snowy-cabin .chimney::before {
            content: '';
            position: absolute;
            top: -6px;
            left: -4px;
            width: 34px;
            height: 10px;
            background: linear-gradient(180deg, #6B4430 0%, #5B3420 100%);
            border-radius: 2px;
        }
        
        /* Smoke */
        .scene-snowy-cabin .smoke {
            position: absolute;
            top: -50px;
            left: 46px;
            width: 24px;
            height: 55px;
            z-index: -1;
        }
        
        .scene-snowy-cabin .smoke::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(ellipse 12px 14px at 50% 90%, rgba(140,140,150,0.6) 0%, transparent 70%),
                radial-gradient(ellipse 16px 18px at 45% 65%, rgba(130,130,140,0.5) 0%, transparent 70%),
                radial-gradient(ellipse 18px 20px at 55% 40%, rgba(120,120,130,0.4) 0%, transparent 70%),
                radial-gradient(ellipse 14px 16px at 50% 15%, rgba(110,110,120,0.3) 0%, transparent 70%);
        }
        
        /* Sleigh */
        .scene-snowy-cabin .sleigh {
            position: absolute;
            bottom: 0;
            left: 18px;
            width: 55px;
            height: 30px;
            z-index: 4;
        }
        
        /* Sleigh body */
        .scene-snowy-cabin .sleigh::before {
            content: '';
            position: absolute;
            bottom: 8px;
            left: 0;
            width: 50px;
            height: 18px;
            background: linear-gradient(180deg, #C41E3A 0%, #A01830 100%);
            border-radius: 3px 18px 6px 3px;
            box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        /* Sleigh runner */
        .scene-snowy-cabin .sleigh::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 2px;
            width: 52px;
            height: 10px;
            border: 4px solid #8B4513;
            border-top: none;
            border-radius: 0 0 10px 18px;
            background: transparent;
        }
        
        /* Pine trees for cabin scene - different sizes */
        .scene-snowy-cabin .pine-tree-md {
            position: absolute;
            width: 45px;
            height: 75px;
        }
        
        .scene-snowy-cabin .pine-tree-md::before {
            content: '';
            position: absolute;
            bottom: 12px;
            left: 50%;
            transform: translateX(-50%);
            border-left: 22px solid transparent;
            border-right: 22px solid transparent;
            border-bottom: 55px solid #2D5A3D;
            filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.2));
        }
        
        .scene-snowy-cabin .pine-tree-md::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 8px;
            height: 14px;
            background: #4A3525;
        }
        
        .scene-snowy-cabin .pine-tree-sm {
            position: absolute;
            width: 30px;
            height: 50px;
        }
        
        .scene-snowy-cabin .pine-tree-sm::before {
            content: '';
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 35px solid #2D5A3D;
            filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.2));
        }
        
        .scene-snowy-cabin .pine-tree-sm::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 6px;
            height: 12px;
            background: #4A3525;
        }
        
        /* Tree positions - flanking the cabin */
        .scene-snowy-cabin .tree-1 { left: 8%; bottom: 23%; }
        .scene-snowy-cabin .tree-2 { left: 18%; bottom: 26%; transform: scale(0.85); }
        .scene-snowy-cabin .tree-3 { right: 8%; bottom: 20%; }
        .scene-snowy-cabin .tree-4 { right: 18%; bottom: 24%; transform: scale(0.9); }
        .scene-snowy-cabin .tree-5 { left: 13%; bottom: 32%; transform: scale(0.7); z-index: 1; }

        /* Icy frozen lake in foreground - trails off bottom right */
        .scene-snowy-cabin .icy-lake {
            position: absolute;
            bottom: -12%;
            right: -15%;
            width: 280px;
            height: 120px;
            background: radial-gradient(ellipse at 30% 25%,
                rgba(220, 240, 255, 0.95) 0%,
                rgba(160, 200, 240, 0.9) 25%,
                rgba(100, 165, 220, 0.85) 50%,
                rgba(70, 140, 200, 0.8) 75%,
                rgba(50, 120, 180, 0.75) 100%
            );
            border-radius: 50%;
            z-index: 4;
            box-shadow:
                inset 0 -10px 25px rgba(100, 150, 200, 0.4),
                inset 0 8px 15px rgba(255, 255, 255, 0.7),
                0 3px 10px rgba(0, 0, 0, 0.15);
        }

        /* Ice reflection/shine */
        .scene-snowy-cabin .icy-lake::before {
            content: '';
            position: absolute;
            top: 18%;
            left: 15%;
            width: 30%;
            height: 18%;
            background: rgba(200, 225, 245, 0.5);
            border-radius: 50%;
            filter: blur(4px);
        }

        /* Subtle ice cracks */
        .scene-snowy-cabin .icy-lake::after {
            content: '';
            position: absolute;
            top: 35%;
            left: 25%;
            width: 40%;
            height: 1px;
            background: rgba(150, 180, 210, 0.5);
            transform: rotate(-8deg);
            box-shadow:
                15px 10px 0 rgba(150, 180, 210, 0.4),
                -8px 18px 0 rgba(150, 180, 210, 0.35),
                25px 25px 0 rgba(150, 180, 210, 0.3);
        }

        /* Snow-covered path to front door */
        .scene-snowy-cabin .snow-path {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 20%;
            z-index: 2;
            /* Trapezoid shape - wide at bottom, narrow at top */
            clip-path: polygon(
                35% 0%,
                65% 0%,
                85% 100%,
                15% 100%
            );
            background: linear-gradient(180deg,
                #a8c0d8 0%,
                #b0c8e0 40%,
                #b8d0e8 100%
            );
            box-shadow: inset 0 5px 15px rgba(80, 120, 170, 0.25);
        }

        /* Subtle path texture/footprints */
        .scene-snowy-cabin .snow-path::before {
            content: '';
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            width: 30%;
            height: 60%;
            background:
                radial-gradient(ellipse 8px 4px at 30% 15%, rgba(160, 180, 200, 0.3) 0%, transparent 70%),
                radial-gradient(ellipse 8px 4px at 70% 30%, rgba(160, 180, 200, 0.3) 0%, transparent 70%),
                radial-gradient(ellipse 8px 4px at 35% 50%, rgba(160, 180, 200, 0.3) 0%, transparent 70%),
                radial-gradient(ellipse 8px 4px at 65% 70%, rgba(160, 180, 200, 0.3) 0%, transparent 70%),
                radial-gradient(ellipse 8px 4px at 40% 90%, rgba(160, 180, 200, 0.3) 0%, transparent 70%);
        }

        /* Wood fence coming from left side */
        .scene-snowy-cabin .wood-fence {
            position: absolute;
            bottom: 8%;
            left: -5%;
            width: 35%;
            height: 45px;
            z-index: 4;
        }

        /* Fence posts - vertical boards */
        .scene-snowy-cabin .wood-fence::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background:
                /* Post 1 */
                linear-gradient(90deg, #6b4423 0%, #8b5a2b 50%, #6b4423 100%) 0% 0% / 12px 100% no-repeat,
                /* Post 2 */
                linear-gradient(90deg, #5d3a1a 0%, #7a4a25 50%, #5d3a1a 100%) 22% 0% / 12px 100% no-repeat,
                /* Post 3 */
                linear-gradient(90deg, #6b4423 0%, #8b5a2b 50%, #6b4423 100%) 44% 0% / 12px 100% no-repeat,
                /* Post 4 */
                linear-gradient(90deg, #5d3a1a 0%, #7a4a25 50%, #5d3a1a 100%) 66% 0% / 12px 100% no-repeat,
                /* Post 5 */
                linear-gradient(90deg, #6b4423 0%, #8b5a2b 50%, #6b4423 100%) 88% 0% / 12px 100% no-repeat;
        }

        /* Fence horizontal rails */
        .scene-snowy-cabin .wood-fence::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background:
                /* Top rail */
                linear-gradient(180deg, #7a4a25 0%, #5d3a1a 100%) 0% 15% / 100% 8px no-repeat,
                /* Bottom rail */
                linear-gradient(180deg, #7a4a25 0%, #5d3a1a 100%) 0% 70% / 100% 8px no-repeat;
        }

        /* =========================== */