.home-protection-wall{position:relative;padding:clamp(54px,8vw,104px) 0;overflow:hidden;background:radial-gradient(circle at 10% 8%,rgba(255,188,202,.56),transparent 28rem),radial-gradient(circle at 92% 25%,rgba(166,219,218,.52),transparent 30rem),linear-gradient(180deg,#fff5ee 0%,#f9dfe0 48%,#d9ebe6 100%)}
.home-protection-wall::before{content:"";position:absolute;inset:auto 0 0;height:92px;background:linear-gradient(176deg,transparent 0 34%,rgba(116,190,195,.34) 35% 52%,rgba(255,255,255,.72) 53% 58%,rgba(245,215,172,.72) 59%);pointer-events:none}
.home-protection-wall::after{content:"SUMMER · CARE · HOPE";position:absolute;right:-.02em;top:.08em;color:rgba(107,131,134,.055);font:900 clamp(4rem,11vw,10rem)/1 system-ui,sans-serif;letter-spacing:.05em;white-space:nowrap;pointer-events:none}
.home-protection-wall-card{position:relative;display:block;min-height:clamp(470px,52vw,690px);overflow:hidden;border:5px solid rgba(255,255,255,.72);border-radius:clamp(28px,4vw,46px);background:#8bc9cb;box-shadow:0 32px 78px rgba(97,74,74,.18),inset 0 1px rgba(255,255,255,.7);color:#fff;text-decoration:none;isolation:isolate;transform:translateZ(0)}
.home-protection-wall-visual,.home-protection-wall-visual img{position:absolute;inset:0;display:block;width:100%;height:100%}.home-protection-wall-visual img{object-fit:cover;object-position:50% 50%;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease}
.home-protection-wall-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(91,88,105,.72) 0%,rgba(105,102,119,.43) 37%,rgba(255,255,255,.03) 72%),linear-gradient(0deg,rgba(74,112,119,.62),transparent 52%);pointer-events:none}
.home-protection-wall-mark{position:absolute;top:clamp(20px,3vw,36px);right:clamp(20px,3vw,38px);z-index:5;display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:2px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(255,244,241,.3);backdrop-filter:blur(12px);color:#fff!important;font:800 11px/1.2 system-ui,sans-serif;letter-spacing:.14em;box-shadow:0 9px 24px rgba(85,71,72,.12)}
.home-protection-wall-mark::before{width:9px;height:9px;border-radius:50%;background:#ffbdc2;box-shadow:0 0 0 5px rgba(255,235,211,.25);content:""}
.home-protection-wall-copy{position:absolute;inset:auto auto clamp(34px,6vw,72px) clamp(28px,6vw,76px);z-index:5;width:min(630px,calc(100% - 56px))}
.home-protection-wall-eyebrow{display:block;margin-bottom:12px;color:#fff3d8!important;font:850 11px/1.4 system-ui,sans-serif;letter-spacing:.16em}
.home-protection-wall-copy h2{margin:0;color:#fffdf8!important;font:900 clamp(36px,5vw,66px)/1.08 "Noto Serif TC","Songti TC",serif;letter-spacing:-.03em;text-shadow:0 5px 22px rgba(75,70,84,.28)}
.home-protection-wall-copy p{max-width:600px;margin:18px 0 0;color:rgba(255,253,249,.98)!important;font:650 clamp(15px,1.7vw,19px)/1.75 system-ui,sans-serif;text-shadow:0 3px 15px rgba(70,74,84,.32)}
.home-protection-wall-cta{display:inline-flex;align-items:center;gap:11px;min-height:49px;margin-top:24px;padding:13px 20px;border:2px solid rgba(255,255,255,.68);border-radius:999px;background:linear-gradient(135deg,rgba(238,142,151,.88),rgba(116,181,188,.84));backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(74,77,88,.2),inset 0 1px rgba(255,255,255,.28);color:#fff!important;font:850 15px/1.2 system-ui,sans-serif;transition:transform .25s ease,filter .25s ease}
.home-protection-wall-cta span{font-size:19px;transition:transform .25s ease}
.home-beach-sun{position:absolute;right:18%;top:11%;z-index:2;width:clamp(72px,10vw,135px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff8d6 0 38%,#ffd4b8 60%,rgba(248,167,171,.32));box-shadow:0 0 44px rgba(255,226,181,.54);pointer-events:none;mix-blend-mode:screen}
.home-beach-wave{position:absolute;left:-8%;z-index:3;width:116%;height:34px;border-radius:50%;border-top:6px solid rgba(255,255,255,.65);pointer-events:none}.home-beach-wave.wave-one{bottom:29%}.home-beach-wave.wave-two{bottom:22%;left:-3%;opacity:.55}
.home-beach-note{position:absolute;z-index:4;max-width:180px;padding:9px 13px;border:2px solid rgba(255,255,255,.7);border-radius:14px;background:rgba(255,247,241,.72);color:#816e75;font:800 11px/1.45 system-ui,sans-serif;box-shadow:0 12px 28px rgba(84,73,75,.13);backdrop-filter:blur(8px);pointer-events:none}.home-beach-note.note-one{right:5%;top:24%;transform:rotate(4deg)}.home-beach-note.note-two{right:14%;bottom:18%;transform:rotate(-3deg);background:rgba(229,249,245,.75)}
.home-beach-shell{position:absolute;z-index:4;color:#fff0e3;text-shadow:0 5px 15px rgba(115,87,80,.2);pointer-events:none}.home-beach-shell.shell-one{right:5%;bottom:7%;font-size:44px;transform:rotate(-16deg)}.home-beach-shell.shell-two{right:29%;bottom:8%;font-size:28px}
.home-protection-wall-card:hover .home-protection-wall-visual img{transform:scale(1.035);filter:saturate(1.07) brightness(1.02)}.home-protection-wall-card:hover .home-protection-wall-cta{transform:translateY(-3px);filter:saturate(1.1)}.home-protection-wall-card:hover .home-protection-wall-cta span{transform:translate(3px,-2px)}.home-protection-wall-card:focus-visible{outline:4px solid #ef9da5;outline-offset:6px}
@media(max-width:760px){.home-protection-wall{padding:42px 0 52px}.home-protection-wall-card{min-height:min(720px,142vw);border-radius:27px}.home-protection-wall-card::after{background:linear-gradient(0deg,rgba(75,91,104,.9) 0%,rgba(88,100,114,.6) 43%,rgba(255,255,255,.02) 78%)}.home-protection-wall-visual img{object-position:64% 50%}.home-protection-wall-copy{inset:auto 22px 27px;width:calc(100% - 44px)}.home-protection-wall-copy h2{font-size:clamp(34px,11vw,50px)}.home-protection-wall-mark{top:16px;right:16px;padding:8px 11px;font-size:9px}.home-beach-note{font-size:9px;max-width:135px}.home-beach-note.note-one{right:5%;top:21%}.home-beach-note.note-two{right:7%;bottom:37%}.home-beach-sun{right:17%;top:10%}.home-beach-wave.wave-one{bottom:37%}.home-beach-wave.wave-two{bottom:31%}}
@media(max-width:420px){.home-protection-wall-card{min-height:610px}.home-protection-wall-copy p{font-size:14px;line-height:1.65}.home-protection-wall-cta{width:100%;justify-content:center}.home-beach-note.note-two{display:none}}
@media(prefers-reduced-motion:reduce){.home-protection-wall-visual img,.home-protection-wall-cta,.home-protection-wall-cta span{transition:none!important}.home-beach-sun,.home-beach-wave,.home-beach-note,.home-beach-shell{transform:none!important}}

/* First-screen visitor submission launch and GSAP reminder. */
.home-visitor-launch{position:relative;z-index:12;padding:clamp(16px,2vw,24px) 0;background:linear-gradient(180deg,#fbf7ef,#f7e9e5)}
.home-visitor-launch-link{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:22px;align-items:center;padding:21px 24px;border:2px solid rgba(255,255,255,.74);border-radius:31px 15px 33px 18px;color:#385a5b;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.82),transparent 25%),linear-gradient(135deg,#f3d9d5 0%,#fbefdf 46%,#d6e9e3 100%);box-shadow:0 8px 0 rgba(190,142,125,.18),0 23px 46px rgba(67,82,78,.14),inset 5px 6px 13px rgba(255,255,255,.43);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.home-visitor-launch-link:hover,.home-visitor-launch-link:focus-visible{transform:translateY(-3px);outline:4px solid rgba(76,119,113,.2);outline-offset:4px;box-shadow:0 10px 0 rgba(190,142,125,.17),0 29px 54px rgba(67,82,78,.18),inset 5px 6px 13px rgba(255,255,255,.43)}
.home-visitor-launch-mark{width:72px;height:72px;display:grid;place-items:center;border:3px solid rgba(255,248,231,.58);border-radius:50% 46% 53% 47%;color:#fff8e9;background:linear-gradient(145deg,#72938a,#3f6868);box-shadow:0 7px 0 #345859,0 14px 24px rgba(49,83,83,.2),inset 5px 5px 9px rgba(255,255,255,.2);font:31px Georgia,serif;transform:rotate(-4deg)}
.home-visitor-launch-copy{min-width:0;display:grid;gap:4px}.home-visitor-launch-copy small{color:#ad744d;font:900 11px/1.5 system-ui,sans-serif;letter-spacing:.15em}.home-visitor-launch-copy strong{color:#34575a;font:900 clamp(27px,3vw,42px)/1.3 "Noto Serif TC","Songti TC",Georgia,serif;letter-spacing:.01em}.home-visitor-launch-copy span{max-width:780px;color:#667672;font:650 15px/1.75 system-ui,sans-serif}.home-visitor-launch-cta{min-width:215px;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:55px;padding:0 20px;border-radius:999px;color:#fffaf0;background:#466f6f;box-shadow:0 6px 0 #31595a,0 13px 23px rgba(49,89,90,.18);font:900 15px/1.35 system-ui,sans-serif}.home-visitor-launch-cta i{font:22px Georgia,serif}
.visitor-submit-dialog{position:fixed;z-index:9999;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#385658;background:rgba(32,50,52,.7);backdrop-filter:blur(12px);overflow:auto}.visitor-submit-dialog::backdrop{background:transparent}.visitor-submit-dialog:not([open]){display:none}.visitor-submit-dialog-stage{min-height:100%;display:grid;place-items:center;padding:24px}.visitor-submit-dialog-card{position:relative;width:min(620px,100%);overflow:hidden;padding:clamp(38px,6vw,62px);border:5px solid rgba(255,255,255,.58);border-radius:38px 18px 41px 22px;color:#385658;background:radial-gradient(circle at 86% 8%,rgba(255,255,255,.92),transparent 28%),linear-gradient(145deg,#f8ded9 0%,#fff4e5 48%,#d9ebe4 100%);box-shadow:0 42px 110px rgba(16,31,33,.38),inset 7px 8px 18px rgba(255,255,255,.42);text-align:center}.visitor-submit-dialog-card::before{content:"";position:absolute;left:8%;right:9%;top:17px;height:21px;border-radius:4px;background:rgba(238,205,169,.7);box-shadow:0 5px 11px rgba(97,69,52,.09);transform:rotate(-1.4deg)}
.visitor-submit-dialog-close{position:absolute;z-index:3;right:17px;top:16px;width:44px;height:44px;border:1px solid rgba(64,93,89,.17);border-radius:50%;color:#4c6c68;background:rgba(255,255,255,.69);cursor:pointer;font-size:27px;line-height:1}.visitor-submit-dialog-close:hover,.visitor-submit-dialog-close:focus-visible{outline:3px solid rgba(70,111,105,.23);outline-offset:2px}.visitor-submit-dialog-accent{display:flex;justify-content:center;gap:12px;margin:0 auto 22px}.visitor-submit-dialog-accent i{width:54px;height:54px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.64);border-radius:50% 45% 54% 46%;color:#fff8e9;background:#6a8b84;box-shadow:0 5px 0 rgba(61,89,86,.24),0 10px 18px rgba(54,76,74,.12);font:22px Georgia,serif;font-style:normal}.visitor-submit-dialog-accent i:nth-child(1){color:#865e57;background:#edc9c5;transform:rotate(-7deg)}.visitor-submit-dialog-accent i:nth-child(3){color:#846639;background:#f2d7a4;transform:rotate(7deg)}
.visitor-submit-dialog-copy>p{margin:0;color:#b4774d;font:900 11px/1.4 system-ui,sans-serif;letter-spacing:.17em}.visitor-submit-dialog-copy h2{margin:11px auto 16px;color:#355658;font:900 clamp(34px,5.3vw,52px)/1.3 "Noto Serif TC","Songti TC",Georgia,serif;letter-spacing:-.025em}.visitor-submit-dialog-copy>span{display:block;max-width:500px;margin:auto;color:#687571;font:650 16px/1.85 system-ui,sans-serif}.visitor-submit-dialog-actions{display:flex;justify-content:center;gap:11px;margin-top:28px}.visitor-submit-dialog-actions a,.visitor-submit-dialog-actions button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;cursor:pointer;text-decoration:none;font:900 14px/1.35 system-ui,sans-serif}.visitor-submit-dialog-primary{gap:13px;border:1px solid #426b6b;color:#fff!important;background:#426b6b;box-shadow:0 6px 0 #315758,0 13px 22px rgba(49,87,88,.18)}.visitor-submit-dialog-primary span{font-size:20px}.visitor-submit-dialog-later{border:1px solid rgba(67,100,96,.18);color:#536c68;background:rgba(255,255,255,.65)}.visitor-submit-dialog-actions a:focus-visible,.visitor-submit-dialog-actions button:focus-visible{outline:4px solid rgba(69,111,105,.22);outline-offset:3px}.visitor-submit-dialog-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:23px;color:#68746f;font:700 12px/1.5 system-ui,sans-serif}.visitor-submit-dialog-note span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#66867f}
@media(max-width:820px){.home-visitor-launch-link{grid-template-columns:64px minmax(0,1fr);padding:20px}.home-visitor-launch-mark{width:60px;height:60px;font-size:26px}.home-visitor-launch-cta{grid-column:1/-1;width:100%}}
@media(max-width:560px){.home-visitor-launch{padding:12px 0}.home-visitor-launch>.container{width:calc(100% - 20px)}.home-visitor-launch-link{grid-template-columns:49px minmax(0,1fr);gap:13px;padding:17px 14px;border-radius:25px 11px 27px 14px}.home-visitor-launch-mark{width:47px;height:47px;border-width:2px;font-size:21px}.home-visitor-launch-copy small{font-size:9px;letter-spacing:.1em}.home-visitor-launch-copy strong{font-size:25px}.home-visitor-launch-copy span{font-size:13px;line-height:1.65}.home-visitor-launch-cta{min-width:0;min-height:50px;font-size:14px}.visitor-submit-dialog-stage{padding:13px}.visitor-submit-dialog-card{padding:42px 18px 28px;border-width:3px;border-radius:29px 13px 31px 16px}.visitor-submit-dialog-close{right:10px;top:10px;width:39px;height:39px}.visitor-submit-dialog-accent{gap:8px;margin-bottom:18px}.visitor-submit-dialog-accent i{width:44px;height:44px;font-size:18px}.visitor-submit-dialog-copy h2{font-size:32px}.visitor-submit-dialog-copy>span{font-size:14px;line-height:1.75}.visitor-submit-dialog-actions{align-items:stretch;flex-direction:column}.visitor-submit-dialog-actions a,.visitor-submit-dialog-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.home-visitor-launch-link{transition:none!important}}

/* Prominent general-member message and article submission entry. */
.home-member-submission{position:relative;z-index:7;margin:clamp(22px,3vw,34px) auto 0;padding:clamp(28px,4vw,46px);overflow:hidden;border:1px solid rgba(78,104,99,.2);border-radius:30px 15px 32px 17px;background:radial-gradient(circle at 94% 0,rgba(255,255,255,.9),transparent 27%),linear-gradient(135deg,rgba(248,222,216,.97),rgba(255,247,233,.98) 47%,rgba(218,235,228,.98));box-shadow:0 28px 64px rgba(87,69,67,.16),inset 0 0 0 6px rgba(255,255,255,.3);color:#315052}
.home-member-submission::after{content:"✎";position:absolute;right:clamp(18px,3vw,35px);top:clamp(18px,3vw,32px);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;color:#fff7e9;background:linear-gradient(145deg,#78978f,#3e6664);box-shadow:0 12px 28px rgba(48,83,80,.22);font:30px Georgia,serif;transform:rotate(5deg)}
.home-member-submission-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding-right:86px}.home-member-submission-head small{display:block;margin-bottom:9px;color:#a77349;font:850 11px/1.4 system-ui,sans-serif;letter-spacing:.16em}.home-member-submission-head h3{margin:0;color:#315052;font:900 clamp(29px,3.7vw,46px)/1.25 "Noto Serif TC","Songti TC",Georgia,serif;letter-spacing:-.02em}.home-member-submission-head p{max-width:820px;margin:13px 0 0;color:#5d6d69;font:600 16px/1.8 system-ui,sans-serif}.home-member-submission-head>span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 13px;border:1px solid rgba(74,107,98,.16);border-radius:999px;color:#456a61;background:rgba(255,255,255,.7);font:800 12px/1.35 system-ui,sans-serif;white-space:nowrap}.home-member-submission-head>span i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#64867d;font-style:normal}
.home-member-submission-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 0;padding:0;list-style:none}.home-member-submission-steps li{display:grid;grid-template-columns:37px 1fr;gap:10px;min-height:150px;padding:20px 16px;border:1px solid rgba(76,104,97,.13);border-radius:16px 8px 18px 10px;background:rgba(255,253,247,.78);box-shadow:0 11px 25px rgba(71,62,54,.06)}.home-member-submission-steps li>b{color:#b07a50;font:19px/1.3 Georgia,serif}.home-member-submission-steps li div{display:flex;flex-direction:column;gap:8px}.home-member-submission-steps strong{color:#365957;font:800 18px/1.35 "Noto Serif TC","Songti TC",Georgia,serif}.home-member-submission-steps small{color:#697571;font:600 12px/1.7 system-ui,sans-serif}
.home-member-submission-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:25px}.home-member-submission-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:11px 18px;border-radius:11px;text-decoration:none;font:850 14px/1.3 system-ui,sans-serif;transition:transform .22s ease,box-shadow .22s ease}.home-member-submission-actions a:hover,.home-member-submission-actions a:focus-visible{transform:translateY(-2px);outline:3px solid rgba(76,112,104,.24);outline-offset:3px}.home-member-submit-primary{gap:12px;color:#fff!important;background:#3f6866;box-shadow:0 12px 27px rgba(55,91,88,.2)}.home-member-submit-primary span{font-size:18px}.home-member-submit-secondary{border:1px solid rgba(61,100,96,.18);color:#3d6661!important;background:rgba(255,255,255,.72)}.home-member-submit-guest{margin-left:auto;padding-inline:3px!important;border-bottom:1px solid rgba(77,108,101,.38);border-radius:0!important;color:#506f68!important}.home-member-submission-note{display:flex;align-items:flex-start;gap:9px;margin:20px 0 0;padding:12px 14px;border-left:5px solid #b38355;border-radius:7px 11px 8px 6px;color:#665f57;background:rgba(255,255,255,.5);font:600 12px/1.7 system-ui,sans-serif}.home-member-submission-note span{width:21px;height:21px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#b38355;font:italic 13px Georgia,serif}
@media(max-width:980px){.home-member-submission-head{grid-template-columns:1fr;align-items:start}.home-member-submission-head>span{width:max-content}.home-member-submission-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home-member-submit-guest{margin-left:0}}
@media(max-width:620px){.home-member-submission{padding:27px 15px 22px;border-radius:24px 11px 26px 13px}.home-member-submission::after{right:13px;top:14px;width:50px;height:50px;font-size:23px}.home-member-submission-head{padding-right:47px;gap:16px}.home-member-submission-head h3{font-size:29px}.home-member-submission-head p{font-size:14px}.home-member-submission-head>span{min-height:37px;max-width:100%;white-space:normal}.home-member-submission-steps{grid-template-columns:1fr;gap:9px;margin-top:22px}.home-member-submission-steps li{min-height:0;padding:17px 14px}.home-member-submission-steps strong{font-size:17px}.home-member-submission-steps small{font-size:13px}.home-member-submission-actions{align-items:stretch;flex-direction:column}.home-member-submission-actions a{width:100%;margin:0}.home-member-submission-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.home-member-submission-actions a{transition:none!important}}


/* Refined sea-art finish */
.home-protection-wall-card{box-shadow:0 34px 82px rgba(88,72,78,.19),0 0 0 1px rgba(255,255,255,.78),inset 0 1px rgba(255,255,255,.86)}
.home-protection-wall-card::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 72% 72%,rgba(255,255,255,.22),transparent 18%),repeating-radial-gradient(ellipse at 73% 63%,transparent 0 24px,rgba(255,255,255,.12) 25px 27px,transparent 28px 45px);mix-blend-mode:screen}
.home-beach-wave{box-shadow:0 -5px 12px rgba(255,255,255,.14)}.home-beach-shell{filter:drop-shadow(0 8px 10px rgba(94,75,78,.13))}