.summer-feature{--sf-navy:#08325B;--sf-orange:#F27B53;--sf-white:#FEF9F5;--sf-warm-bg:#F2E3DD;--sf-cool-bg:#CAD3DD;--sf-font:"Inter","Noto Sans TC","Noto Sans JP",sans-serif;color:var(--sf-navy);font-family:var(--sf-font)}.sf-marquee{height:30px;overflow:hidden;background:var(--sf-white);display:flex;align-items:center}.sf-marquee-inner{display:flex;white-space:nowrap;animation:sf-scroll-left 20s linear infinite;gap:60px}.sf-marquee-text{font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--sf-navy);opacity:.4;flex-shrink:0}@keyframes sf-scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.sf-hero{position:relative;width:100%;overflow:hidden}.sf-hero-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:0;width:100%}@media (max-width:767px){.sf-hero-grid{grid-template-columns:repeat(2,1fr)}}.sf-hero-cell{position:relative;overflow:hidden;aspect-ratio:1/1}.sf-hero-cell img{width:100%;height:100%;object-fit:cover;display:block}.sf-hero-cell .sf-hero-label{position:absolute;bottom:8px;left:8px;font-size:11px;font-weight:600;color:white;background:rgba(0,0,0,.45);padding:2px 8px;border-radius:2px;font-style:italic}.sf-hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.sf-hero-overlay h1{font-size:clamp(32px,8vw,80px);font-weight:900;color:white;line-height:1.05;text-shadow:2px 3px 8px rgba(0,0,0,.35);font-family:var(--font-patrick-hand),"Patrick Hand",cursive}.sf-hero-overlay .sf-hero-sub{font-size:clamp(12px,2.5vw,18px);color:rgba(255,255,255,.9);margin-top:8px;text-shadow:1px 1px 4px rgba(0,0,0,.3);font-weight:600}.sf-intro{text-align:center;padding:60px 20px 50px;background:var(--sf-white)}.sf-intro p{font-size:clamp(13px,3vw,15px);line-height:2;color:var(--sf-navy);max-width:600px;margin:0 auto 30px}.sf-intro-cta{display:inline-block;padding:14px 40px;border:2px solid var(--sf-navy);color:var(--sf-navy);font-size:15px;font-weight:700;text-decoration:none;border-radius:2px;transition:background .2s,color .2s;min-height:48px;cursor:pointer}.sf-intro-cta:hover{background:var(--sf-navy);color:var(--sf-white)}.sf-themed-section{padding:0}.sf-sub-section{max-width:800px;margin:0 auto;padding:0 20px}.sf-sec-title{display:flex;gap:20px;align-items:center;margin-bottom:40px;padding-top:60px}.sf-sec-title .sf-num-box{flex-shrink:0;width:72px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sf-white);line-height:1.1}.sf-sec-title .sf-num-box .sf-num-top{font-size:clamp(28px,6vw,42px);font-weight:700}.sf-sec-title .sf-num-box .sf-num-bottom{font-size:clamp(11px,2.5vw,14px);font-weight:400;letter-spacing:.05em;text-align:center;line-height:1.2}.sf-sec-title .sf-sec-right{display:flex;flex-direction:column;gap:4px}.sf-sec-title .sf-sec-category{font-size:clamp(24px,5vw,44px);font-weight:700;line-height:1.1}.sf-sec-title .sf-sec-heading{font-size:clamp(18px,4vw,32px);font-weight:700;line-height:1.2}.sf-item-group{display:flex;flex-wrap:wrap;gap:40px 24px;justify-content:center;max-width:800px;margin:0 auto;padding:0 20px 60px;list-style:none}@media (min-width:768px){.sf-item-group{gap:60px 40px}}.sf-card{width:calc(50% - 12px);display:flex;gap:0}@media (min-width:768px){.sf-card{width:240px}}.sf-card-catchphrase{writing-mode:vertical-rl;font-size:12px;font-weight:400;color:var(--sf-navy);letter-spacing:.05em;line-height:1.3;padding-right:6px;flex-shrink:0;max-height:160px;overflow:hidden}.sf-card-body{flex:1;min-width:0}.sf-card-img{position:relative;width:100%;aspect-ratio:5/6;overflow:hidden;background:#e8e8e8;margin-bottom:8px}.sf-card-img img{width:100%;height:100%;object-fit:cover;display:block}.sf-carousel{width:100%;height:100%;touch-action:pan-y}.sf-carousel,.sf-carousel-slide,.sf-carousel-slides{position:absolute;inset:0}.sf-carousel-slide{display:block;transition:opacity .3s ease}.sf-carousel-empty{inset:0;color:#9ca3af;font-size:12px;text-decoration:none}.sf-carousel-arrow,.sf-carousel-empty{position:absolute;display:flex;align-items:center;justify-content:center}.sf-carousel-arrow{top:50%;transform:translateY(-50%);width:32px;height:32px;min-width:0;min-height:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--sf-navy);border:none;font-size:20px;line-height:1;cursor:pointer;z-index:2;transition:background .2s,transform .2s;padding:0;box-shadow:0 1px 4px rgba(0,0,0,.15)}.sf-carousel-arrow:hover{background:rgba(255,255,255,1);transform:translateY(-50%) scale(1.08)}.sf-carousel-arrow-prev{left:6px}.sf-carousel-arrow-next{right:6px}.sf-carousel-arrow>span{display:block;transform:translateY(-1px)}@media (hover:none) and (pointer:coarse){.sf-carousel-arrow{display:none}}.sf-carousel-dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:2;padding:0 8px}.sf-carousel-dot{width:6px;height:6px;min-width:0;min-height:0;border-radius:50%;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0;transition:background .2s,transform .2s}.sf-carousel-dot.is-active{background:var(--sf-white);transform:scale(1.25)}.sf-carousel-dot:hover{background:rgba(255,255,255,.85)}@media (hover:none) and (pointer:coarse){.sf-carousel-dot{position:relative}.sf-carousel-dot:after{content:"";position:absolute;inset:-10px}}@media (prefers-reduced-motion:reduce){.sf-carousel-slide{transition:none!important}}.sf-card-meta{margin-bottom:8px}.sf-card-meta-row{display:flex;gap:6px;font-size:12px;line-height:1.5;border-bottom:1px solid rgba(8,50,91,.1);padding:3px 0}.sf-card-meta-label{font-weight:600;flex-shrink:0;color:var(--sf-navy);opacity:.6}.sf-card-meta-value{color:var(--sf-navy);word-break:break-word}.sf-card-check{display:block;width:100%;padding:10px 0;text-align:center;font-size:14px;font-weight:700;color:var(--sf-white);text-decoration:none;border-radius:2px;cursor:pointer;min-height:44px;transition:opacity .2s;border:none}.sf-card-check:hover{opacity:.85}.sf-card-comment{font-size:12px;line-height:1.6;color:var(--sf-navy);margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sf-partition{height:60px;max-width:800px;margin:0 auto}@media (min-width:768px){.sf-partition{height:92px}}.sf-bottom-cta{text-align:center;padding:60px 20px 80px;background:var(--sf-white)}.sf-bottom-cta p{font-size:14px;color:var(--sf-navy);opacity:.6;margin-bottom:20px}@media (prefers-reduced-motion:reduce){.sf-marquee-inner{animation:none!important}.summer-feature *{transition:none!important}}