@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;600;700;800;900&family=Unbounded:wght@600;700&display=swap');
:root{--ink:#1f2722;--brown:#99602f;--paper:#faf8f2;--sand:#eadcc7;--lime:#d9e14e;--muted:#68716b;--line:#d7d4cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif}.shell{overflow:hidden}header{height:76px;position:fixed;z-index:50;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;background:#faf8f2eb;backdrop-filter:blur(14px);border-bottom:1px solid #00000012}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:900}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.brand small{display:block;font-size:9px;color:var(--brown);letter-spacing:.12em}nav{display:flex;align-items:center;gap:28px}nav a{color:inherit;text-decoration:none;font-size:13px;font-weight:700}.navcta{background:var(--ink);color:white!important;padding:12px 19px}.menubtn{display:none;border:0;background:none}.hero{min-height:780px;padding:135px 5.5vw 65px;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;background:linear-gradient(125deg,#f2eadc 0 43%,var(--paper) 43%)}.eyebrow{font:700 10px 'Unbounded';letter-spacing:.15em;color:var(--brown);margin:0 0 18px}.hero h1,.manifest h2,.title h2,.cats h2,.safety h2,.faq h2,.visit h2{font-size:clamp(40px,5vw,75px);line-height:1.14;letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:var(--brown);position:relative}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:11px;background:var(--lime);z-index:-1}.lead{color:var(--muted);font-size:17px;line-height:1.9;max-width:560px;margin-top:28px}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:15px 22px;text-decoration:none;font-size:14px;font-weight:800}.btn svg{width:18px}.dark{background:var(--ink);color:#fff}.line{border:1px solid var(--ink);color:var(--ink)}.meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;font-size:12px;font-weight:700}.meta span{display:flex;align-items:center;gap:5px}.meta svg{width:15px;color:var(--brown)}.hero figure{height:580px;margin:0;position:relative}.hero figure:before{content:"";position:absolute;right:-18px;top:-18px;width:60%;height:50%;background:var(--lime)}.hero figure img{position:relative;width:100%;height:100%;object-fit:cover}.hero figcaption{position:absolute;left:-25px;bottom:28px;background:var(--brown);color:#fff;padding:14px 20px;font:700 10px 'Unbounded'}.manifest{padding:120px 12vw;background:var(--ink);color:#fff;text-align:center}.peticons{display:flex;justify-content:center;color:var(--lime)}.peticons svg{width:35px;height:35px}.manifest>p{color:#d4c5ae;letter-spacing:.15em;font-size:13px}.manifest h2{max-width:980px;margin:22px auto 48px}.manifest>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:900px;margin:auto;border-top:1px solid #fff2;padding-top:32px}.manifest>div:last-child p{text-align:left;color:#c7cec9;line-height:1.9;margin:0}.section{padding:110px 6vw}.title{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px}.title>p{max-width:420px;color:var(--muted);line-height:1.9}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.services article{min-height:335px;padding:35px 26px;position:relative;border-right:1px solid var(--line)}.services article:last-child{border:0}.services b{font:700 11px 'Unbounded';color:var(--brown)}.services i{display:block;width:36px;height:36px;color:var(--brown);margin:36px 0 25px}.services h3{font-size:22px;margin:0 0 12px}.services p{font-size:14px;color:var(--muted);line-height:1.8}.services a{position:absolute;left:26px;bottom:25px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:800}.cats{display:grid;grid-template-columns:1fr 1fr;background:var(--brown);color:#fff}.cats>img{width:100%;height:690px;object-fit:cover}.cats>div{padding:9vw 8vw}.pale{color:#ede28d}.cats>div>p:not(.eyebrow){line-height:1.9;color:#f3eae0}.cats ul{padding:0;list-style:none;margin:35px 0}.cats li{display:flex;gap:10px;border-bottom:1px solid #fff3;padding:13px 0}.cats li svg{width:18px;color:var(--lime)}.cats a{color:#fff;font-weight:800}.moments .title>a{display:flex;gap:8px;color:var(--ink);font-weight:800}.photos{height:500px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px}.photos img{width:100%;height:100%;object-fit:cover}.moments small{display:block;color:#818781;margin-top:12px}.flow{background:var(--sand)}.steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.steps article{display:grid;grid-template-columns:70px 1fr;padding:30px 20px;border-bottom:1px solid #b9aa8e}.steps article:nth-child(odd){border-right:1px solid #b9aa8e}.steps b{font:700 24px 'Unbounded';color:var(--brown)}.steps h3{margin:0 0 8px}.steps p{margin:0;color:#5e635f;line-height:1.8;font-size:14px}.safety{padding:90px 7vw;background:var(--ink);color:#fff;display:grid;grid-template-columns:1.1fr 1fr auto;gap:6vw;align-items:center}.safety>p{color:#c6cdc8;line-height:1.9}.safety>strong{width:70px;height:70px;color:var(--lime)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.faq .btn{margin-top:30px}.faq article{border-bottom:1px solid var(--line)}.faq button{width:100%;padding:22px 0;border:0;background:none;display:flex;justify-content:space-between;text-align:left;font:700 17px inherit}.faq button svg{transition:.2s}.rotate{transform:rotate(180deg)}.faq article p{color:var(--muted);line-height:1.9;margin:0 0 23px}.visit{display:grid;grid-template-columns:1.1fr .9fr}.visit>div{padding:8vw 7vw;background:var(--brown);color:#fff}.cream{background:#fff;color:var(--ink)}.white{border:1px solid #fff;color:#fff}.visit aside{padding:7vw 6vw;background:var(--lime);display:flex;flex-direction:column;justify-content:center}.visit aside span{font:700 9px 'Unbounded';margin-top:24px}.visit aside p,.visit aside a{color:var(--ink);font-size:16px;line-height:1.7;font-weight:700;text-decoration:none;margin:7px 0}footer{background:#111712;color:#fff;padding:50px 6vw;display:grid;grid-template-columns:1fr auto auto;gap:45px;align-items:center}footer>div:nth-child(2){display:flex;gap:20px}footer a{color:#d5dad6;text-decoration:none;font-size:12px}footer>p{font-size:10px;color:#8f9690}.dock{display:none}
@media(max-width:900px){header{height:70px;padding:0 20px}header .brand img{width:42px;height:42px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column}nav.open{display:flex}.menubtn{display:block}.hero{grid-template-columns:1fr;padding:110px 22px 55px;gap:45px;min-height:0;background:linear-gradient(180deg,#f2eadc 0 51%,var(--paper) 51%)}.hero figure{height:440px}.hero figcaption{left:10px}.manifest{padding:80px 24px}.manifest>div:last-child{grid-template-columns:1fr;gap:20px}.section{padding:80px 24px}.title{display:block}.title>p{margin-top:20px}.services{grid-template-columns:1fr 1fr}.services article:nth-child(2){border-right:0}.services article{border-bottom:1px solid var(--line)}.cats{grid-template-columns:1fr}.cats>img{height:500px}.cats>div{padding:75px 25px}.photos{height:auto;grid-template-columns:1fr 1fr}.photos img{height:350px}.photos img:first-child{grid-column:1/-1}.steps{grid-template-columns:1fr}.steps article:nth-child(odd){border-right:0}.safety{grid-template-columns:1fr;padding:75px 25px}.faq{grid-template-columns:1fr;gap:45px}.visit{grid-template-columns:1fr}.visit>div,.visit aside{padding:75px 25px}footer{grid-template-columns:1fr;padding:50px 25px 95px}footer>div:nth-child(2){flex-wrap:wrap}.dock{display:grid;position:fixed;z-index:60;left:0;right:0;bottom:0;height:62px;grid-template-columns:1fr 1.4fr;background:#fff}.dock a{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:800}.dock a:last-child{background:var(--lime)}}
@media(max-width:520px){.hero h1{font-size:49px}.actions{flex-direction:column}.hero figure{height:370px}.manifest h2,.title h2,.cats h2,.safety h2,.faq h2,.visit h2{font-size:39px}.services{grid-template-columns:1fr}.services article{border-right:0;min-height:300px}.photos{grid-template-columns:1fr}.photos img,.photos img:first-child{grid-column:auto;height:330px}.steps article{grid-template-columns:48px 1fr;padding:26px 4px}}