ฟาร์มลึกลับในแถบบิ๊กเซอร์
<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Noto+Sans+Thai:wght@300;400;700&family=Playfair+Display:ital,wght@0,700;1,400&family=Montserrat:wght@300;400;600&display=swap');
/* --- 🌿 THE SANCTUARY CONTAINER --- */
.nature-template-wrapper {
max-width: 1100px;
margin: 50px auto;
background: #fdfdfb;
font-family: 'Noto Sans Thai', sans-serif;
border: 1px solid #e0e0d5;
box-shadow: 0 30px 60px rgba(40, 54, 24, 0.1);
position: relative;
overflow: hidden;
}
/* --- 🌊 TOP HERO SECTION --- */
.hero-cliffside {
width: 100%;
height: 600px;
background: url('https://iili.io/fph0092.png') center center / cover no-repeat;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.hero-overlay {
position: absolute;
bottom: 0; left: 0; width: 100%; height: 50%;
background: linear-gradient(to top, #fdfdfb, transparent);
}
.hero-title-card {
z-index: 2;
text-align: center;
padding: 50px;
background: rgba(255, 255, 255, 0.88);
backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.5);
max-width: 750px;
box-shadow: 0 10px 40px rgba(0,0,0,0.05);
}
/* --- 📜 CONTENT LAYOUT --- */
.sanctuary-body {
padding: 80px 100px;
position: relative;
}
.narrative-text {
font-size: 18px;
line-height: 2.3;
color: #4a4a4a;
text-align: justify;
column-count: 2;
column-gap: 60px;
margin-bottom: 60px;
}
/* --- 🕵️ MERCURY / HERMES HIDDEN NOTE (NEW!) --- */
.thief-protocol-box {
background: #1a1a1a;
padding: 30px;
border-left: 4px solid #bc6c25;
margin: 40px 0;
position: relative;
overflow: hidden;
}
.thief-protocol-box::after {
content: "MERCURY";
position: absolute;
right: -10px; bottom: -10px;
font-family: 'Cinzel Decorative';
font-size: 40px;
color: rgba(188, 108, 37, 0.05);
transform: rotate(-10deg);
}
/* --- 🍯 DYNAMIC GALLERY --- */
.honeycomb-gallery {
display: flex;
gap: 35px;
margin: 70px 0;
align-items: flex-start;
}
.main-feature-img { flex: 3; position: relative; }
.main-feature-img img { width: 100%; border: 15px solid #fff; box-shadow: 0 20px 45px rgba(0,0,0,0.12); }
.side-feature-img { flex: 2; display: flex; flex-direction: column; gap: 35px; }
.img-frame { width: 100%; border: 8px solid #fff; box-shadow: 0 12px 28px rgba(0,0,0,0.08); }
/* --- 📜 TYPOGRAPHY --- */
.display-1 { font-family: 'Cinzel Decorative', serif; font-size: 52px; color: #283618; letter-spacing: 6px; margin-bottom: 15px; line-height: 1.1; }
.subtitle { font-family: 'Montserrat', sans-serif; font-size: 13px; color: #bc6c25; letter-spacing: 5px; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: 20px; }
/* --- 🏁 FOOTER --- */
.nature-footer {
background: #283618;
padding: 70px;
text-align: center;
color: #fefae0;
border-top: 1px solid #bc6c25;
}
</style>
<div class="nature-template-wrapper">
<div class="hero-cliffside">
<div class="hero-overlay"></div>
<div class="hero-title-card">
<span class="subtitle"><font size="2">A Mystical Sanctuary in Big Sur</font></span>
<h1 class="display-1"><font size="7">THE AEOLIAN<br>SANCTUARY</font></h1>
<div style="width: 80px; height: 1px; background: #bc6c25; margin: 25px auto;"></div>
<font size="3" color="#606c38" face="Playfair Display"><i>"Harmony between Ocean Breeze and Golden Nectar"</i></font>
</div>
</div>
<div class="sanctuary-body">
<div class="narrative-text">
<font color="#4a4a4a">
กระท่อมหินและไม้โอ๊กโบราณตั้งตระหง่านอยู่บนหน้าผาสูงชันของบิ๊กเซอร์ ที่ซึ่งผืนป่าเรดวูดเขียวชอุ่มมาบรรจบกับละอองคลื่นสีครามของมหาสมุทรแปซิฟิก พื้นที่แห่งนี้ถูกโอบล้อมด้วย <b>"ลมเอทีเซียน"</b> อันศักดิ์สิทธิ์ที่พัดวนเป็นเกราะกำบังอากาศร้อนระอุให้กลายเป็นความเย็นสบายราวกับหลุดมาจากคาบสมุทรกรีก
<br><br>
กลิ่นอายของที่นี่อบอวลไปด้วยการผสมผสานที่ซับซ้อนระหว่างความหอมหวานของน้ำผึ้งป่าบ่มสด กลิ่นเค็มจางๆ ของทะเล และกลิ่นมัสก์อันเป็นเอกลักษณ์ของชีสที่กำลังเซ็ตตัวอยู่ในถ้ำหินใต้ดิน ทุกตารางนิ้วของฟาร์มดูราวกับมีชีวิตและเปี่ยมไปด้วยมนต์ขลังอันเรียบง่าย สรรพสัตว์ป่าต่างเดินปะปนกับเทพเจ้าในชุดชาวสวนอย่างเป็นมิตร สร้างบรรยากาศแห่งความสันโดษที่ตัดขาดจากโลกภายนอกอย่างสมบูรณ์แบบ
</font>
</div>
<div class="honeycomb-gallery">
<div class="main-feature-img">
<img src="https://iili.io/fphh3rX.png" alt="Golden Honeycomb">
</div>
<div class="side-feature-img">
<div class="img-frame">
<img src="https://iili.io/fph0092.png" width="100%" alt="Pacific Horizon View">
</div>
<div class="thief-protocol-box">
<font size="1" color="#bc6c25" face="Montserrat" style="letter-spacing: 3px; display: block; margin-bottom: 10px;"><b>LEGACY NOTIFICATION</b></font>
<font size="3" color="#fefae0">
สำหรับผู้มี <b>"สายเลือดเมอร์คิวรี่ / เฮอร์มีส"</b><br>และปลดล็อกพลังขโมย ท่านได้รับโอกาสพิเศษในการเปิดอีเว้นท์ <b>"ภารกิจขโมยขี้ผึ้งหูดับ"</b> โปรดระวังเสียงครางของฝูงผึ้งให้ดี...
</font>
</div>
</div>
</div>
<div style="max-width: 850px; margin: 80px auto 0 auto; text-align: center; border-top: 1px solid #eee; padding-top: 50px;">
<font face="Playfair Display" size="5" color="#bc6c25"><i>"วิถีแห่งงานฝีมือดั้งเดิมที่ดำเนินไปตามจังหวะเวลาของธรรมชาติ"</i></font>
<br><br>
<font size="3" color="#666">ความสันโดษที่สมบูรณ์แบบ ทิ้งไว้เพียงความเชื่องช้าและมั่นคงของวิถีชีวิตอันเปี่ยมด้วยมนต์ขลัง</font>
</div>
</div>
<div class="nature-footer">
<font size="2"><font face="Cinzel Decorative" color="#fefae0" style="letter-spacing: 6px;">THE AEOLIAN FARMS</font>
<br><br>
<font color="#a3ad91" style="letter-spacing: 3px;">BIG SUR • CALIFORNIA • 2026</font>
<br><br>
</font><div style="opacity: 0.4; margin-top: 20px;">
<font size="2">PERCY JACKSON THAILAND COMMUNITY</font>
</div>
</div>
</div>
หน้า:
[1]