:root{
--font-body:"Manrope",-apple-system,"PingFang TC","PingFang HK","Noto Sans TC","Microsoft JhengHei","Noto Sans SC",sans-serif;
--font-display:"Manrope",-apple-system,sans-serif;--font-display-zh:"PingFang TC","Noto Sans TC","Microsoft JhengHei","Noto Sans SC",sans-serif;--display-weight:800;--display-tracking:-.03em;
--ink:#2a211c;--muted:#6b5d54;--bg:#fffaf4;--surface:#f7ece0;--card:#fff;--line:rgba(42,33,28,.09);--line-strong:rgba(42,33,28,.2);
--accent:#b4532a;--accent-dark:#933f1d;--on-accent:#fff;--accent-text:#a64a22;--radius:18px;--radius-btn:12px;
--hero-bg:radial-gradient(900px 500px at 90% 0,#f7dcc6 0,transparent 60%),var(--bg);
--avatar-bg:#f7dcc6;--avatar-ink:#933f1d;--contact-bg:#2a211c;--contact-ink:#fff6ec;--footer-bg:#1c1612;--footer-ink:#e3d6cb}
.lang-zh-hans{--font-display-zh:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif}
.lang-zh-hant h1,.lang-zh-hans h1,.lang-yue h1,.lang-zh-hant h2,.lang-zh-hans h2,.lang-yue h2{font-weight:800}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px;overflow-x:hidden}
body.lang-zh-hant,body.lang-zh-hans,body.lang-yue{line-height:1.8;letter-spacing:.02em}
img,svg{display:block;max-width:100%}
a{color:inherit}
.wrap{width:min(1160px,100% - 32px);margin-inline:auto}
.narrow{width:min(820px,100% - 32px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:100}
.skip:focus{left:8px;top:8px}
.ico{width:1.05em;height:1.05em;flex-shrink:0;display:inline-block;vertical-align:-.15em}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

.demo-bar{background:var(--ink);color:rgba(255,255,255,.86);font-size:.8rem;padding:.55rem 16px;display:flex;gap:.6rem;align-items:center;justify-content:center;text-align:center;line-height:1.5}
.demo-bar a{color:#fff;font-weight:600}
.demo-tag{background:var(--accent);color:var(--on-accent);font-weight:700;font-size:.66rem;letter-spacing:.1em;padding:.15rem .45rem;border-radius:3px;flex-shrink:0}

.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:1.5rem;min-height:72px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex-shrink:0}
.brand svg{width:38px;height:38px}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-family:var(--font-display);font-weight:var(--display-weight);font-size:1.1rem;color:var(--ink)}
.brand-sub{font-size:.72rem;color:var(--muted);letter-spacing:.04em}
.main-nav{margin-left:auto}
.main-nav ul{display:flex;gap:1.6rem;list-style:none}
.main-nav a{text-decoration:none;font-size:.92rem;color:var(--muted);transition:color .2s}
.main-nav a:hover{color:var(--ink)}
.header-tools{display:flex;align-items:center;gap:.8rem}
.lang-switch{display:flex;border:1px solid var(--line-strong);border-radius:999px;padding:2px}
.lang-switch a{text-decoration:none;font-size:.78rem;font-weight:600;min-width:2.1rem;height:1.9rem;display:grid;place-items:center;border-radius:999px;color:var(--muted)}
.lang-switch a[aria-current]{background:var(--ink);color:var(--bg)}
.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:10px;background:transparent;cursor:pointer;position:relative}
.bars,.bars::before,.bars::after{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);border-radius:2px;content:""}
.bars{top:20px}.bars::before{top:-6px;left:0;right:0}.bars::after{top:6px;left:0;right:0}
.mobile-nav{border-top:1px solid var(--line);background:var(--bg)}
.mobile-nav ul{list-style:none;width:min(1160px,100% - 32px);margin:auto;padding:.5rem 0 1rem}
.mobile-nav a{display:block;padding:.8rem 0;text-decoration:none;border-bottom:1px solid var(--line);font-weight:500}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:var(--on-accent);text-decoration:none;font-weight:600;font-size:.95rem;padding:.85rem 1.4rem;border-radius:var(--radius-btn);border:1px solid var(--accent);cursor:pointer;font-family:inherit;transition:transform .15s,background .2s}
.btn:hover{transform:translateY(-1px);background:var(--accent-dark);border-color:var(--accent-dark)}
.btn-sm{padding:.5rem .95rem;font-size:.85rem}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn-ghost:hover{background:var(--surface);border-color:var(--ink)}

.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:.9rem}
.lang-zh-hant .eyebrow,.lang-zh-hans .eyebrow,.lang-yue .eyebrow{letter-spacing:.2em}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight);line-height:1.12;color:var(--ink);letter-spacing:var(--display-tracking)}
.lang-zh-hant h1,.lang-zh-hans h1,.lang-yue h1,.lang-zh-hant h2,.lang-zh-hans h2,.lang-yue h2,.lang-zh-hant h3,.lang-zh-hans h3,.lang-yue h3{font-family:var(--font-display-zh);letter-spacing:.02em;line-height:1.3}
h1,h2,h3{text-wrap:balance}
h1 .ph,h2 .ph,h3 .ph{display:inline-block}
h1{font-size:clamp(2.3rem,5.2vw,4.2rem)}
h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}
h3{font-size:1.25rem}

.hero{padding:clamp(3rem,7vw,6rem) 0 clamp(3rem,6vw,5rem);background:var(--hero-bg)}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.lede{font-size:1.12rem;color:var(--muted);margin:1.4rem 0 2rem;max-width:36em}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:2rem;font-size:.88rem;color:var(--muted)}
.trust li,.ticks li{display:flex;gap:.5rem;align-items:flex-start}
.ico-check{color:var(--accent-text);margin-top:.28em}

.section{padding:clamp(4rem,8vw,6.5rem) 0}
.section-tint{background:var(--surface)}
.sec-head{max-width:720px;margin-bottom:3rem}
.sec-head p:not(.eyebrow){color:var(--muted);margin-top:1rem;font-size:1.05rem}

.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}
.svc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;display:flex;flex-direction:column;gap:.7rem}
.svc-kicker{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.svc p{color:var(--muted);font-size:.95rem}
.ticks{list-style:none;display:grid;gap:.45rem;font-size:.9rem;margin-top:.3rem}
.svc-price{margin-top:auto;padding-top:1rem;border-top:1px dashed var(--line-strong);font-weight:600;color:var(--ink)!important}

.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}
.person{display:flex;gap:1.1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem}
.avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--avatar-bg);color:var(--avatar-ink);font-family:var(--font-display);font-weight:700;font-size:1.15rem}
.role{font-size:.85rem;color:var(--accent-text);font-weight:600;margin:.2rem 0 .6rem}
.bio{font-size:.92rem;color:var(--muted)}
.speaks{font-size:.85rem;margin-top:.7rem}
.speaks span{display:inline-block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:.35rem}

.faq{border-top:1px solid var(--line-strong)}
.qa{border-bottom:1px solid var(--line-strong)}
.qa summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1.5rem;padding:1.3rem 0;font-weight:600;font-size:1.05rem}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--accent-text);font-weight:400}
.qa[open] summary::after{content:"−"}
.qa div{padding:0 0 1.4rem;color:var(--muted);max-width:44em}

.contact{background:var(--contact-bg);color:var(--contact-ink)}
.contact h2,.contact .eyebrow{color:inherit}
.contact .eyebrow{opacity:.75}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.contact-inner>div>p{opacity:.8;margin-top:1rem;max-width:30em}
.contact-list{list-style:none;margin-top:2rem;display:grid;gap:.9rem}
.contact-list li{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;font-size:.95rem;border-top:1px solid rgba(255,255,255,.15);padding-top:.9rem}
.contact-list span{opacity:.6;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding-top:.15rem}
.enquiry{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2.2rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.enquiry label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--muted)}
.enquiry input,.enquiry select,.enquiry textarea{font:inherit;font-size:1rem;font-weight:400;color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:.7rem .8rem;background-color:#fff;width:100%}
select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 16px;padding-right:2.4rem!important;cursor:pointer}
select::-ms-expand{display:none}
.enquiry .full{grid-column:1/-1}
.form-status{font-size:.88rem;color:var(--accent-text);font-weight:600;min-height:1.2em}

.site-footer{background:var(--footer-bg);color:var(--footer-ink);padding:3.5rem 0 2rem;font-size:.88rem}
.footer-top{display:grid;grid-template-columns:1fr 1.4fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-brand{font-family:var(--font-display);font-size:1.3rem;font-weight:var(--display-weight);color:#fff}
.footer-sub{opacity:.7;margin-top:.6rem;max-width:26em}
.reg-title{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:.7rem}
.reg ul{list-style:none;display:grid;gap:.45rem;opacity:.85}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;opacity:.7;font-size:.8rem}
.footer-bottom a{color:inherit}

/* ---------- Motion ---------- */
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.js .hero-copy>*,.js .hero-full-inner>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.js .hero-copy>*:nth-child(2){animation-delay:.08s}.js .hero-copy>*:nth-child(3){animation-delay:.16s}
.js .hero-copy>*:nth-child(4){animation-delay:.24s}.js .hero-copy>*:nth-child(5){animation-delay:.32s}
.js .hero-visual,.js .hero-photo{animation:rise 1.1s .2s cubic-bezier(.2,.7,.2,1) both}
.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.js [data-reveal].in{opacity:1;transform:none}
.site-header{transition:box-shadow .3s,background .3s}
.site-header.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.08)}
.btn .ico{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.btn:hover .ico{transform:translateX(4px)}
.btn:active{transform:translateY(0) scale(.98)}
.svc,.person,.home,.area,.steps li,.guide li,.aud-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.svc:hover,.person:hover,.home:hover,.area:hover,.steps li:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(0,0,0,.08)}
.main-nav a{position:relative}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.main-nav a:hover::after{transform:scaleX(1)}
.lang-switch a{transition:background .2s,color .2s}
.lang-switch a:not([aria-current]):hover{background:var(--surface);color:var(--ink)}
.qa summary::after{transition:transform .3s}
.qa[open] summary::after{transform:rotate(180deg)}
.qa[open] div{animation:rise .45s cubic-bezier(.2,.7,.2,1)}
.qa summary:hover{color:var(--accent-text)}
.enquiry input,.enquiry select,.enquiry textarea{transition:border-color .2s,box-shadow .2s}
.enquiry input:focus,.enquiry select:focus,.enquiry textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}
.form-status:not(:empty){animation:rise .4s both}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js [data-reveal]{opacity:1;transform:none}
}
@media (max-width:1000px){.main-nav{display:none}.menu-btn{display:block}.header-tools{margin-left:auto}}
@media (max-width:860px){.hero-inner,.contact-inner,.footer-top{grid-template-columns:1fr}}
@media (max-width:560px){.header-tools .btn-sm{display:none}.brand-sub{display:none}.header-inner{gap:.75rem}.header-tools{gap:.5rem}.brand{min-width:0;flex-shrink:1}.brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-switch a{min-width:1.75rem;height:1.8rem;font-size:.74rem}.menu-btn{width:40px;height:40px}.bars{top:19px}.enquiry{grid-template-columns:1fr}.contact-list li{grid-template-columns:1fr;gap:.2rem}.person{flex-direction:column}}


.hero-full{position:relative;color:#fff;padding:clamp(5rem,12vw,9rem) 0 clamp(4rem,8vw,6rem);overflow:hidden;background:#2a211c}
.hero-full::before{content:"";position:absolute;inset:-12% 0;background:var(--hero-img) var(--hero-pos,center 50%)/cover no-repeat;transform:translateY(var(--py,0)) scale(1.04);will-change:transform}
.js .hero-full::before{animation:fadeIn 1.4s both}
.hero-full::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,22,18,.62) 0%,rgba(28,22,18,.5) 45%,rgba(28,22,18,.8) 100%)}
.hero-full-inner{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-full h1{color:#fff;max-width:14em;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero-full .eyebrow{color:#ffd9c2}
.hero-full .lede{color:#fff;margin-inline:auto;max-width:40em;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.hero-full .trust{justify-content:center;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero-full .ico-check{color:#ffd9c2}
.js .hero-full-inner>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.js .hero-full-inner>*:nth-child(2){animation-delay:.08s}.js .hero-full-inner>*:nth-child(3){animation-delay:.16s}
.js .hero-full-inner>*:nth-child(4){animation-delay:.24s}.js .hero-full-inner>*:nth-child(5){animation-delay:.32s}
.filter button{transition:background .2s,color .2s}
.search-tabs span{transition:background .2s,color .2s}
/* Transparent header over the hero, solid once scrolled */
.site-header.is-overlay:not(.scrolled):not(:has(.mobile-nav:not([hidden]))){background:transparent;border-bottom-color:transparent;backdrop-filter:none}
.site-header.is-overlay:not(.scrolled):not(:has(.mobile-nav:not([hidden]))) :is(.brand-name,.brand-sub,.main-nav a){color:#fff}
.site-header.is-overlay:not(.scrolled):not(:has(.mobile-nav:not([hidden]))) .main-nav a:hover{color:#ffd9c2}
.site-header.is-overlay:not(.scrolled):not(:has(.mobile-nav:not([hidden]))) .lang-switch{border-color:rgba(255,255,255,.45)}
.site-header.is-overlay:not(.scrolled):not(:has(.mobile-nav:not([hidden]))) .lang-switch a{color:rgba(255,255,255,.85)}
.site-header.is-overlay:not(.scrolled):not(:has(.mobile-nav:not([hidden]))) .lang-switch a[aria-current]{background:#fff;color:var(--ink)}
.site-header.is-overlay:not(.scrolled):not(:has(.mobile-nav:not([hidden]))) .lang-switch a:not([aria-current]):hover{background:rgba(255,255,255,.15);color:#fff}
.site-header.is-overlay:not(.scrolled):not(:has(.mobile-nav:not([hidden]))) .menu-btn{border-color:rgba(255,255,255,.45)}
.site-header.is-overlay:not(.scrolled):not(:has(.mobile-nav:not([hidden]))) :is(.bars,.bars::before,.bars::after){background:#fff}
.site-header.is-overlay :is(.brand-name,.brand-sub,.main-nav a,.lang-switch a,.lang-switch){transition:color .3s,background .3s,border-color .3s}
.hero-full{margin-top:-73px;padding-top:calc(clamp(5rem,12vw,9rem) + 73px)}
.search{background:#fff;color:var(--ink);border-radius:20px;padding:1rem;width:min(760px,100%);box-shadow:0 30px 80px rgba(0,0,0,.3);text-align:left}
.search-tabs{display:inline-flex;gap:.25rem;background:var(--surface);border-radius:12px;padding:4px;margin-bottom:.8rem}
.search-tabs input{position:absolute;opacity:0;pointer-events:none}
.search-tabs span{display:block;padding:.45rem 1.1rem;border-radius:9px;font-weight:700;font-size:.9rem;color:var(--muted);cursor:pointer}
.search-tabs input:checked+span{background:var(--ink);color:#fff}
.search-tabs input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.search-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:.6rem;align-items:end}
.field{display:flex;flex-direction:column;gap:.3rem;font-size:.75rem;font-weight:700;color:var(--muted);letter-spacing:.04em}
.field select{font:inherit;font-size:1rem;font-weight:500;color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;padding:.75rem .8rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}
.field select:hover{border-color:var(--ink)}
.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}
.search .btn{height:48px}
.home{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.home-art{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface)}
.home-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.home:hover .home-art img{transform:scale(1.04)}
.home-tag{position:absolute;left:14px;top:14px;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.3rem .7rem;border-radius:999px;background:#fff;color:var(--ink)}
.home-tag.sale{background:var(--accent);color:#fff}
.home-tag.let{background:#2a211c;color:#fff}
.home-body{padding:1.3rem 1.4rem 1.5rem}
.home-price{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.home-body h3{font-size:1.02rem;font-weight:700;margin-top:.15rem;letter-spacing:0}
.home-area{color:var(--muted);font-size:.88rem}
.home-facts{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.home-facts li{font-size:.74rem;background:var(--surface);border-radius:8px;padding:.3rem .55rem;color:var(--ink)}
.svc{background:var(--card)}
.sec-head-row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}
.sec-head-row>div:first-child{max-width:640px}
.filter{display:flex;gap:.4rem;background:var(--card);border:1px solid var(--line-strong);border-radius:12px;padding:4px}
.filter button{font:inherit;font-size:.86rem;font-weight:600;border:0;background:transparent;padding:.55rem 1rem;border-radius:9px;cursor:pointer;color:var(--muted)}
.filter button[aria-pressed="true"]{background:var(--ink);color:#fff}
.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.home[hidden]{display:none}
.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.area{border-radius:var(--radius);padding:1.8rem;background:var(--surface)}
.area-region{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-bottom:.4rem}
.area p:last-child{color:var(--muted);font-size:.94rem;margin-top:.6rem}
.areas-note{margin-top:1.2rem;font-size:.86rem;color:var(--muted)}
.section-dark{background:#2a211c;color:#fff6ec}
.section-dark h2,.section-dark h3{color:#fff6ec}
.section-dark .sec-head p:not(.eyebrow){color:rgba(255,246,236,.7)}
.section-dark .eyebrow{color:#f2a77f}
.guide-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:start}
.guide{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.guide li{display:flex;gap:1rem;background:rgba(255,246,236,.06);border:1px solid rgba(255,246,236,.12);border-radius:var(--radius);padding:1.3rem}
.guide .n{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-weight:800}
.guide h3{font-size:1rem;letter-spacing:0}
.guide p{font-size:.9rem;color:rgba(255,246,236,.7);margin-top:.25rem}
.contact-list li{border-top-color:rgba(255,246,236,.15)}
@media (max-width:980px){.home-grid,.area-grid{grid-template-columns:1fr 1fr}.guide-inner{grid-template-columns:1fr}}
@media (max-width:700px){.search-row{grid-template-columns:1fr 1fr}.search .btn{grid-column:1/-1}}
@media (max-width:620px){.home-grid,.area-grid,.guide{grid-template-columns:1fr}}