<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 1000" width="100%" height="100%">
<defs>
<style>
.c-bg { fill: #0d1520; }
.c-cloud1 { fill: #1c2a3a; }
.c-cloud2 { fill: #384e66; }
.c-light { fill: #f5d061; }
.c-red { fill: #b33939; }
.c-white { fill: #d8e2ea; }
.s-cloud { stroke: #1c2a3a; stroke-width: 4; stroke-linejoin: round; }
.s-rain-dark { stroke: #384e66; stroke-width: 1.5; stroke-linecap: round; }
.s-rain-light { stroke: #d8e2ea; stroke-width: 2; stroke-linecap: round; }
.s-rain-heavy { stroke: #d8e2ea; stroke-width: 3.5; stroke-linecap: round; }
.s-wind { stroke: #384e66; stroke-width: 1; stroke-dasharray: 40 10 15 8; opacity: 0.6; }
.s-lightning { stroke: #d8e2ea; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; fill: none; }
.s-beam-ray { stroke: #f5d061; stroke-width: 1.5; opacity: 0.4; }
</style>
</defs>
<!-- Dark Stormy Sky Background -->
<rect class="c-bg" width="800" height="1000" />
<!-- Background Lightning Bolt -->
<path class="s-lightning" d="M 620 50 L 580 140 L 610 160 L 540 280 L 565 290 L 490 420" />
<path class="s-lightning" d="M 575 150 L 530 210 L 550 225 L 510 300" stroke-width="1.5" />
<!-- Distant Wind-Swept Clouds -->
<path class="c-cloud1" d="M -50 180 Q 100 120 280 190 T 600 130 T 850 170 L 850 -50 L -50 -50 Z" />
<path class="c-cloud2" d="M 150 0 L 250 80 L 400 40 L 550 100 L 700 30 L 800 90 L 800 -50 L 150 -50 Z" opacity="0.5" />
<!-- Sweeping Storm Clouds (Wind Direction: Top-Left to Bottom-Right) -->
<path class="c-cloud1" d="M -50 320 Q 180 260 380 340 T 750 280 L 850 310 L 850 120 C 650 180 500 100 300 180 C 100 260 -50 180 -50 180 Z" />
<path class="c-cloud2" d="M -20 240 Q 200 160 450 250 T 820 190 L 850 350 Q 600 280 350 380 T -50 420 Z" opacity="0.7" />
<!-- Rain Layer 1 (Background Dark Rain) -->
<g class="s-rain-dark">
<line x1="50" y1="50" x2="-20" y2="260" />
<line x1="150" y1="20" x2="80" y2="230" />
<line x1="250" y1="80" x2="180" y2="290" />
<line x1="350" y1="40" x2="280" y2="250" />
<line x1="450" y1="90" x2="380" y2="300" />
<line x1="550" y1="30" x2="480" y2="240" />
<line x1="650" y1="70" x2="580" y2="280" />
<line x1="750" y1="10" x2="680" y2="220" />
<line x1="90" y1="300" x2="20" y2="510" />
<line x1="190" y1="270" x2="120" y2="480" />
<line x1="290" y1="330" x2="220" y2="540" />
<line x1="390" y1="290" x2="320" y2="500" />
<line x1="490" y1="340" x2="420" y2="550" />
<line x1="590" y1="280" x2="520" y2="490" />
<line x1="690" y1="320" x2="620" y2="530" />
<line x1="790" y1="260" x2="720" y2="470" />
</g>
<!-- Distant Rough Sea Horizon -->
<path class="c-cloud1" d="M 0 650 L 120 630 L 210 650 L 330 620 L 450 660 L 580 620 L 700 650 L 800 610 L 800 750 L 0 750 Z" />
<!-- Primary Light Beam (Back layer of beam) -->
<polygon points="348,276 800,120 800,420" class="c-light" opacity="0.15" />
<polygon points="348,276 800,180 800,340" class="c-light" opacity="0.25" />
<polygon points="348,276 800,220 800,280" class="c-light" opacity="0.4" />
<!-- Reverse Secondary Beam (Fainter) -->
<polygon points="322,276 0,340 0,390" class="c-light" opacity="0.08" />
<!-- Angular Wind Gust Lines -->
<g class="s-wind">
<path d="M -20 120 Q 200 60 450 160 T 820 100" />
<path d="M -50 280 Q 150 200 400 300 T 850 220" />
<path d="M 50 450 Q 300 380 550 460 T 850 380" />
<path d="M -20 580 Q 220 500 480 600 T 820 510" />
</g>
<!-- Rocky Outcrop (Polygonal / Chiseled Sharp Aesthetics) -->
<!-- Base Rock Shadow Structure -->
<polygon points="150,1000 220,820 180,760 260,680 380,660 480,730 580,710 650,830 800,880 800,1000" class="c-bg" />
<!-- Rock Facets - Medium Dark -->
<polygon points="180,760 260,680 310,740 240,840 150,1000 220,820" class="c-cloud1" />
<polygon points="260,680 380,660 350,730 310,740" class="c-cloud2" />
<polygon points="380,660 480,730 420,780 350,730" class="c-cloud1" />
<polygon points="480,730 580,710 600,790 420,780" class="c-cloud2" />
<polygon points="580,710 650,830 540,860 420,780" class="c-cloud1" />
<polygon points="650,830 800,880 720,1000 540,860" class="c-cloud2" />
<!-- Rock Facets - Highlights / Exposed Edges -->
<polygon points="260,680 310,740 280,810 210,770" class="c-cloud2" />
<polygon points="350,730 420,780 360,890 290,820" class="c-cloud2" opacity="0.6" />
<polygon points="420,780 540,860 460,980 360,890" class="c-cloud1" />
<polygon points="180,760 220,820 120,1000 80,1000" class="c-cloud1" />
<!-- Sharp Rock Highlights (Windward Edge) -->
<polyline points="180,760 260,680 380,660 480,730 580,710 650,830" fill="none" stroke="#d8e2ea" stroke-width="2" opacity="0.4" />
<!-- THE LIGHTHOUSE -->
<g id="lighthouse">
<!-- Base / Foundation -->
<polygon points="280,670 390,670 385,640 285,640" class="c-cloud1" />
<line x1="280" y1="670" x2="390" y2="670" stroke="#0d1520" stroke-width="3" />
<!-- Main Tower Body (Tapered Sections) -->
<!-- Band 1: White (Bottom) -->
<polygon points="285,640 385,640 377,550 293,550" class="c-white" />
<!-- Tower Shadow (Right side shading) -->
<polygon points="335,640 385,640 377,550 335,550" class="c-cloud2" opacity="0.25" />
<!-- Band 2: Red -->
<polygon points="293,550 377,550 369,460 301,460" class="c-red" />
<polygon points="335,550 377,550 369,460 335,460" class="c-bg" opacity="0.3" />
<!-- Band 3: White -->
<polygon points="301,460 369,460 361,370 309,370" class="c-white" />
<polygon points="335,460 369,460 361,370 335,370" class="c-cloud2" opacity="0.25" />
<!-- Band 4: Red (Top Body) -->
<polygon points="309,370 361,370 354,295 316,295" class="c-red" />
<polygon points="335,370 361,370 354,295 335,295" class="c-bg" opacity="0.3" />
<!-- Windows (Narrow, Slanted by Perspective) -->
<rect x="328" y="580" width="8" height="16" rx="4" class="c-bg" />
<rect x="330" y="480" width="8" height="16" rx="4" class="c-bg" />
<rect x="331" y="390" width="7" height="14" rx="3" class="c-bg" />
<!-- Gallery / Balcony Support (Corbels) -->
<polygon points="310,295 360,295 366,283 304,283" class="c-cloud1" />
<path d="M 304 283 L 366 283 L 369 276 L 301 276 Z" class="c-bg" />
<!-- Balcony Railing -->
<stroke stroke="#0d1520" stroke-width="2">
<line x1="302" y1="276" x2="302" y2="266" />
<line x1="312" y1="276" x2="312" y2="266" />
<line x1="323" y1="276" x2="323" y2="266" />
<line x1="335" y1="276" x2="335" y2="266" />
<line x1="347" y1="276" x2="347" y2="266" />
<line x1="358" y1="276" x2="358" y2="266" />
<line x1="368" y1="276" x2="368" y2="266" />
<line x1="300" y1="266" x2="370" y2="266" />
</stroke>
<!-- Lantern Glass Housing (Glowing) -->
<rect x="312" y="242" width="46" height="24" class="c-light" />
<!-- Lantern Framing (Mullions) -->
<rect x="310" y="263" width="50" height="3" class="c-bg" />
<rect x="310" y="240" width="50" height="3" class="c-bg" />
<line x1="313" y1="240" x2="313" y2="263" stroke="#0d1520" stroke-width="2" />
<line x1="324" y1="240" x2="324" y2="263" stroke="#0d1520" stroke-width="2" />
<line x1="335" y1="240" x2="335" y2="263" stroke="#0d1520" stroke-width="2" />
<line x1="346" y1="240" x2="346" y2="263" stroke="#0d1520" stroke-width="2" />
<line x1="357" y1="240" x2="357" y2="263" stroke="#0d1520" stroke-width="2" />
<!-- Light Source Core Dome -->
<circle cx="335" cy="251" r="7" fill="#d8e2ea" />
<!-- Lantern Dome / Roof -->
<path d="M 308 240 Q 335 210 362 240 Z" class="c-red" />
<path d="M 308 240 Q 335 210 362 240 Z" class="c-bg" opacity="0.2" />
<!-- Lightning Rod / Pinnacle -->
<line x1="335" y1="218" x2="335" y2="202" stroke="#0d1520" stroke-width="2" />
<circle cx="335" cy="201" r="2" class="c-light" />
</g>
<!-- Foreground Beam Highlights & Light Streaks -->
<polygon points="348,251 800,230 800,270" class="c-white" opacity="0.3" />
<line x1="348" y1="251" x2="800" y2="210" class="s-beam-ray" />
<line x1="348" y1="251" x2="800" y2="250" class="s-beam-ray" />
<line x1="348" y1="251" x2="800" y2="290" class="s-beam-ray" />
<line x1="348" y1="251" x2="800" y2="340" class="s-beam-ray" />
<!-- Violent Crashing Waves & Ocean Spray (Foreground Left & Base) -->
<!-- Wave Layer 1 (Dark Base Waves) -->
<path class="c-cloud1" d="M -50 850 Q 100 780 220 840 T 480 820 T 850 840 L 850 1000 L -50 1000 Z" />
<!-- Wave Layer 2 (Mid-Tone Waves - Churning) -->
<path class="c-cloud2" d="M -50 920 Q 80 810 190 880 T 420 860 T 680 900 L 850 870 L 850 1000 L -50 1000 Z" />
<!-- Huge Crashing Wave against the Rocks (Left Side) -->
<path class="c-cloud2" d="M -50 780 Q 60 720 140 760 C 180 720 220 740 250 780 C 200 810 120 800 -50 860 Z" />
<path class="c-white" opacity="0.8" d="M 120 755 Q 150 700 190 730 Q 230 690 260 740 Q 210 760 170 750 Z" />
<path class="c-white" opacity="0.9" d="M -20 800 Q 40 730 110 770 Q 70 790 -20 800 Z" />
<!-- Spray / Foam Puffs (Sharp Angular Shapes for Storm Intensity) -->
<polygon points="140,740 120,700 150,715 145,670 175,700 190,660 205,705 230,680 220,725 250,720 230,750" class="c-white" />
<polygon points="230,760 250,710 270,735 295,700 300,740 330,720 315,760 340,770 300,785" class="c-white" opacity="0.8" />
<polygon points="360,730 385,680 400,710 425,690 420,725 445,730 415,750" class="c-white" opacity="0.6" />
<!-- Water Splashes Over Lighthouse Base -->
<path d="M 260 700 Q 275 620 290 660 Q 300 610 310 670 Z" class="c-white" opacity="0.7" />
<!-- Foreground Heavy Rain (Overlays Everything: Light Beam, Tower, Sea) -->
<g class="s-rain-heavy">
<line x1="120" y1="400" x2="40" y2="640" />
<line x1="240" y1="350" x2="160" y2="590" />
<line x1="360" y1="380" x2="280" y2="620" />
<line x1="480" y1="330" x2="400" y2="570" />
<line x1="600" y1="360" x2="520" y2="600" />
<line x1="720" y1="310" x2="640" y2="550" />
<line x1="80" y1="650" x2="0" y2="890" />
<line x1="200" y1="610" x2="120" y2="850" />
<line x1="320" y1="660" x2="240" y2="900" />
<line x1="440" y1="620" x2="360" y2="860" />
<line x1="560" y1="670" x2="480" y2="910" />
<line x1="680" y1="600" x2="600" y2="840" />
<line x1="800" y1="640" x2="720" y2="880" />
</g>
<g class="s-rain-light">
<!-- Fine Intense Rain Streaks Cutting Light Beam -->
<line x1="390" y1="200" x2="330" y2="380" />
<line x1="430" y1="180" x2="370" y2="360" />
<line x1="480" y1="220" x2="420" y2="400" />
<line x1="520" y1="160" x2="460" y2="340" />
<line x1="570" y1="240" x2="510" y2="420" />
<line x1="610" y1="190" x2="550" y2="370" />
<line x1="660" y1="210" x2="600" y2="390" />
<line x1="700" y1="150" x2="640" y2="330" />
<line x1="750" y1="230" x2="690" y2="410" />
<line x1="790" y1="170" x2="730" y2="350" />
<!-- Rain Slashes near Rocks -->
<line x1="160" y1="780" x2="100" y2="960" />
<line x1="220" y1="810" x2="160" y2="990" />
<line x1="280" y1="760" x2="220" y2="940" />
<line x1="350" y1="820" x2="290" y2="1000" />
<line x1="410" y1="770" x2="350" y2="950" />
<line x1="500" y1="800" x2="440" y2="980" />
<line x1="630" y1="780" x2="570" y2="960" />
<line x1="740" y1="810" x2="680" y2="990" />
</g>
<!-- Highlight Edge on Windward Side of Lighthouse Body (Visual Wind Impact) -->
<path d="M 285 640 L 293 550 L 301 460 L 309 370 L 316 295" fill="none" stroke="#d8e2ea" stroke-width="2.5" opacity="0.7" />
</svg>