:root {
  --teal: #0b706d;
  --teal-dark: #075956;
  --teal-pale: #e7f3f0;
  --navy: #112f3f;
  --gold: #c59a49;
  --cream: #f7f4ed;
  --ink: #183844;
  --muted: #687b80;
  --white: #fff;
  --line: #dce6e3;
  --shadow: 0 22px 60px rgba(17, 47, 63, 0.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); font-family: "IBM Plex Sans Thai", sans-serif; background: #fff; line-height: 1.65; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img { max-width: 100%; }
.container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.section { padding: 108px 0; }
.site-header { height: 82px; background: rgba(255,255,255,.94); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(11,112,109,.08); }
.nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 11px; color: var(--teal-dark); }
.brand > span:last-child { display: flex; flex-direction: column; line-height: 1; }
.brand strong { font-size: 20px; letter-spacing: -.03em; }
.brand small { font: 700 8px/1.5 Manrope, sans-serif; letter-spacing: .3em; margin-top: 5px; }
.brand-mark { width: 38px; height: 38px; position: relative; display: inline-block; }
.brand-mark .roof { position: absolute; left: 5px; top: 6px; width: 27px; height: 27px; border: 3px solid currentColor; transform: rotate(45deg); border-radius: 4px 10px 4px 10px; }
.brand-mark .door { position: absolute; width: 14px; height: 24px; left: 12px; top: 17px; background: white; border: 3px solid currentColor; border-bottom: 0; border-radius: 8px 8px 0 0; }
.desktop-nav { display: flex; gap: 34px; font-size: 14px; font-weight: 500; color: #4d656c; }
.desktop-nav a:hover { color: var(--teal); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 9px; border: 0; cursor: pointer; font-weight: 600; border-radius: 4px; padding: 13px 22px; transition: .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--teal); color: white; box-shadow: 0 11px 26px rgba(11,112,109,.22); }
.button-primary:hover { background: var(--teal-dark); }
.button-line { background: #06bd5b; color: #fff; padding: 10px 16px; font-size: 13px; }
.line-dot { display: grid; place-items: center; border-radius: 50%; width: 20px; height: 20px; color: #06ad54; background: white; font: 800 10px Manrope; }
.menu-toggle, .mobile-nav { display: none; }
.hero { position: relative; min-height: 745px; padding: 86px 0 34px; overflow: hidden; background: linear-gradient(110deg,#f9fbf8 0%,#f5f8f4 58%,#edf6f1 100%); }
.hero::after { content:""; position:absolute; inset:auto 0 0; height: 130px; background: linear-gradient(176deg,transparent 48%,rgba(11,112,109,.035) 49%); }
.hero-glow { position: absolute; width: 560px; height: 560px; right: 4%; top: 20px; border-radius: 50%; background: rgba(212,229,208,.48); filter: blur(2px); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 40px; }
.eyebrow { color: var(--teal); font-size: 13px; font-weight: 600; letter-spacing: .08em; display: flex; align-items: center; gap: 10px; text-transform: uppercase; }
.eyebrow span { width: 28px; height: 2px; background: currentColor; }
.eyebrow.gold { color: var(--gold); }
.eyebrow.light { color: #bcd9d3; }
.hero h1 { margin: 22px 0 18px; color: var(--navy); font-size: clamp(43px,5.1vw,68px); line-height: 1.13; letter-spacing: -.055em; font-weight: 600; }
.hero h1 span { display: inline-block; color: var(--teal); position: relative; margin-left: 8px; }
.hero h1 span::after { content:""; position: absolute; height: 7px; background: rgba(197,154,73,.36); left: 0; right: 0; bottom: 6px; z-index: -1; transform: skewX(-16deg); }
.hero-lead { max-width: 590px; color: #526c73; font-size: 18px; margin: 0 0 28px; }
.hero-actions { display: flex; align-items: center; gap: 28px; }
.text-link { font-size: 14px; color: var(--teal); font-weight: 600; border-bottom: 1px solid transparent; }
.text-link:hover { border-color: var(--teal); }
.text-link span { margin-left: 6px; }
.trust-row { display: flex; gap: 18px; font-size: 12px; color: #698087; margin-top: 31px; }
.trust-row i { width: 18px; height: 18px; display: inline-grid; place-items: center; font-style: normal; color: var(--teal); background: #deeeea; border-radius: 50%; margin-right: 4px; }
.hero-visual { height: 500px; position: relative; display: grid; place-items: center; }
.sun-orbit { width: 405px; height: 405px; border-radius: 50%; background: linear-gradient(145deg,#dbe9da,#eef4e8); position: absolute; border: 1px solid rgba(255,255,255,.8); box-shadow: inset -20px -20px 60px rgba(11,112,109,.04); }
.sun-orbit::after { content:""; position:absolute; width:315px; height:315px; top:44px; left:44px; border:1px dashed rgba(11,112,109,.2); border-radius:50%; }
.home-scene { width: 390px; height: 350px; position: relative; z-index: 2; overflow: hidden; border-radius: 50% 50% 46% 48%; }
.house { position: absolute; width: 215px; left: 94px; top: 86px; filter: drop-shadow(0 20px 18px rgba(17,47,63,.12)); }
.house-roof { width: 165px; height: 165px; background: #156e6a; transform: rotate(45deg); border-radius: 8px 34px 6px 34px; position: absolute; top: -47px; left: 25px; }
.house-body { height: 168px; background: #f3e9d6; position:relative; top: 44px; border-radius: 2px; overflow:hidden; }
.house-door { position:absolute; width:47px; height:92px; bottom:0; left:84px; background:#d7b77d; border-radius:24px 24px 0 0; box-shadow: inset -7px 0 rgba(104,76,38,.12); }
.house-door::after { content:""; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; right:9px; top:48px; }
.window { position:absolute; width:46px; height:53px; left:20px; top:43px; background:#b8d8d1; border:6px solid #fff; display:grid; grid-template-columns:1fr 1fr; gap:2px; }
.window span { background:#a4cbc4; }
.path { position:absolute; left:159px; top:286px; width:110px; height:90px; background:#d4ba86; clip-path:polygon(32% 0,67% 0,100% 100%,0 100%); transform:rotate(-2deg); }
.tree { position:absolute; width:12px; height:105px; background:#937349; left:40px; top:182px; border-radius:8px; }
.tree span, .tree::before, .tree::after { content:""; position:absolute; border-radius:50%; background:#6b9a83; }
.tree span { width:80px; height:78px; left:-35px; top:-42px; }
.tree::before { width:60px; height:65px; left:-48px; top:-22px; }
.tree::after { width:60px; height:65px; left:10px; top:-20px; }
.cloud { position:absolute; height:15px; width:56px; background:rgba(255,255,255,.65); border-radius:20px; }
.cloud::after { content:""; position:absolute; width:25px; height:25px; border-radius:50%; background:inherit; left:15px; top:-12px; }
.cloud-one { top:55px; left:20px; }.cloud-two { top:105px; right:12px; transform:scale(.75); }
.float-card { position:absolute; z-index:5; display:flex; align-items:center; gap:12px; background:rgba(255,255,255,.94); box-shadow:var(--shadow); border:1px solid rgba(255,255,255,.9); padding:13px 17px; border-radius:8px; }
.float-card small,.float-card strong { display:block; }.float-card small { color:#7d9094; font-size:10px; }.float-card strong { font-size:13px; color:var(--navy); }
.card-top { top:70px; right:-12px; }.card-bottom { bottom:55px; left:3px; }
.card-icon,.avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--teal-pale); color:var(--teal); font-weight:700; }
.avatar { color:white; background:var(--navy); font-family:Manrope; }
.card-bottom strong i { width:6px; height:6px; background:#16b969; border-radius:50%; display:inline-block; margin-right:5px; }
.hero-note { position:relative; z-index:3; display:flex; align-items:center; gap:20px; color:#819397; font-size:11px; margin-top:40px; }
.note-line { height:1px; flex:1; background:#dae4df; }
.section-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:48px; }
.section-head h2,.process-heading h2,.property-head h2,.contact h2,.articles h2 { font-size:clamp(34px,4vw,48px); line-height:1.22; letter-spacing:-.04em; color:var(--navy); margin:16px 0 0; font-weight:600; }
.section-head > p { max-width:380px; color:var(--muted); margin:0 0 5px; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.service-card { position:relative; min-height:330px; padding:34px 27px 25px; border:1px solid var(--line); background:white; overflow:hidden; transition:.3s ease; }
.service-card:hover { transform:translateY(-7px); box-shadow:var(--shadow); border-color:transparent; }
.service-card.featured { border-top:4px solid var(--teal); box-shadow:0 17px 45px rgba(17,47,63,.08); padding-top:31px; }
.service-number { position:absolute; right:18px; top:14px; font:600 40px Manrope; color:#edf1f0; }
.service-icon { width:50px; height:50px; border-radius:50%; display:grid; place-items:center; color:var(--teal); background:var(--teal-pale); font-weight:700; font-size:20px; margin-bottom:25px; }
.service-card h3 { font-size:22px; margin:0 0 8px; color:var(--navy); }.service-card p { color:var(--muted); font-size:14px; min-height:68px; margin:0 0 18px; }
.service-card a,.article-card a { color:var(--teal); font-size:13px; font-weight:600; }.service-card a span,.article-card a span { margin-left:5px; transition:.2s; }.service-card a:hover span,.article-card a:hover span { margin-left:10px; }
.best-for { position:absolute; bottom:0; left:0; right:0; padding:9px 14px; background:#f0f6f4; color:#56736e; font-size:9px; text-align:center; }
.belief { padding:110px 0; background:var(--navy); color:#fff; overflow:hidden; position:relative; }
.belief::before { content:""; position:absolute; width:500px; height:500px; border:1px solid rgba(255,255,255,.05); border-radius:50%; left:-170px; bottom:-280px; box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.012); }
.belief-grid { display:grid; grid-template-columns:1fr 1fr; gap:130px; align-items:center; position:relative; }
.belief-quote { position:relative; padding-left:45px; border-left:2px solid var(--gold); }
.quote-mark { position:absolute; left:22px; top:-53px; font:100 110px Georgia; color:rgba(197,154,73,.17); }
.belief-quote h2 { font-size:52px; line-height:1.15; margin:0 0 18px; font-weight:500; letter-spacing:-.04em; }.belief-quote h2 span { color:#e6c581; }
.belief-quote p { color:#a9bdc4; margin:0; max-width:400px; }
.belief-copy h3 { font-size:30px; line-height:1.35; margin:20px 0 15px; font-weight:500; }.belief-copy > p { color:#a9bdc4; max-width:500px; }
.belief-points { display:flex; gap:25px; border-top:1px solid rgba(255,255,255,.12); padding-top:22px; margin-top:26px; font-size:12px; color:#d4dfe2; }
.belief-points i { display:block; color:#d0aa60; font:600 10px Manrope; margin-bottom:5px; }
.process { background:var(--cream); }.process-heading { text-align:center; max-width:660px; margin:0 auto 65px; }.process-heading .eyebrow { justify-content:center; }
.steps { display:grid; grid-template-columns:repeat(5,1fr); position:relative; }
.steps::before { content:""; position:absolute; left:10%; right:10%; top:65px; height:1px; background:#cbd9d5; }
.step { text-align:center; position:relative; padding:0 15px; }.step > span { font:600 10px Manrope; color:var(--gold); }
.step-icon { position:relative; z-index:2; width:64px; height:64px; display:grid; place-items:center; margin:14px auto 19px; border:1px solid #cadbd6; background:var(--cream); border-radius:50%; color:var(--teal); font-size:25px; transition:.25s; }
.step:hover .step-icon { color:white; background:var(--teal); transform:scale(1.08); }
.step h3 { font-size:16px; color:var(--navy); margin:0 0 6px; }.step p { font-size:12px; color:#718387; margin:0; }
.property-types { padding:105px 0; background:#0d6866; color:white; }
.property-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:47px; }.property-head h2 { color:white; }.property-head > p { color:#b8d4d0; max-width:370px; }
.property-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.property-card { background:white; color:var(--navy); padding-bottom:20px; }.property-card h3,.property-card p { margin-left:20px; }.property-card h3 { font-size:17px; margin-top:17px; margin-bottom:0; }.property-card p { font-size:12px; color:#76888c; margin-top:2px; margin-bottom:0; }
.property-art { height:170px; position:relative; overflow:hidden; background:#dce9e3; }
.property-art::before { content:""; position:absolute; width:125px; height:125px; background:#edf3e9; border-radius:50%; top:13px; left:calc(50% - 62px); }
.property-art i { position:absolute; display:block; left:25%; right:25%; bottom:25px; height:72px; background:#fbf4e6; box-shadow:0 10px 20px rgba(17,47,63,.15); }
.property-art i::before { content:""; position:absolute; width:75%; height:75%; background:#166d69; transform:rotate(45deg); left:12%; top:-35%; border-radius:3px 14px 3px 14px; }
.property-art i::after { content:""; position:absolute; width:20px; height:38px; background:#cba86b; left:calc(50% - 10px); bottom:0; }
.art-town { background:#d5e3df; }.art-town i { left:18%; right:18%; box-shadow:30px 0 #eee4d3,-30px 0 #eee4d3; }.art-town i::before { width:100%; left:0; transform:none; top:-20px; height:25px; clip-path:polygon(0 100%,15% 0,85% 0,100% 100%); }
.art-condo { background:#dfe9e7; }.art-condo i { height:120px; bottom:0; left:34%; right:34%; background:#e9e3d3; }.art-condo i::before { transform:none; background:repeating-linear-gradient(90deg,#85b9b1 0 10px,transparent 10px 18px); width:70%; height:80%; left:15%; top:12%; border-radius:0; }.art-condo i::after { display:none; }
.art-land { background:linear-gradient(#d9e8e5 65%,#88a887 65%); }.art-land i { height:50px; bottom:45px; left:30%; right:30%; }.art-land i::before { top:-25px; }.art-land::after { content:""; position:absolute; left:0; right:0; bottom:0; height:28px; background:#6f916f; clip-path:polygon(0 60%,14% 10%,31% 55%,50% 5%,67% 60%,84% 14%,100% 65%,100% 100%,0 100%); }
.contact { background:#fbfcfa; }.contact-grid { display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:100px; }
.contact-copy > p { color:var(--muted); max-width:480px; margin:20px 0 35px; }
.contact-assurance { display:flex; gap:15px; align-items:center; padding-top:25px; border-top:1px solid var(--line); max-width:450px; }.contact-assurance .lock { display:grid; place-items:center; width:46px; height:46px; background:var(--teal-pale); border-radius:50%; color:var(--teal); }.contact-assurance strong,.contact-assurance small { display:block; }.contact-assurance strong { font-size:13px; }.contact-assurance small { color:#7d8e92; font-size:10px; }
.lead-form { padding:38px; background:white; box-shadow:var(--shadow); border-top:4px solid var(--teal); }
.lead-form label { display:block; font-size:12px; color:#3f5960; font-weight:600; margin-bottom:18px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.lead-form input,.lead-form select,.lead-form textarea { display:block; width:100%; border:1px solid #d8e2df; border-radius:3px; background:#fbfcfb; padding:12px 14px; margin-top:7px; outline:none; color:var(--navy); resize:vertical; }
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus { border-color:var(--teal); box-shadow:0 0 0 3px rgba(11,112,109,.08); }
.submit-button { width:100%; margin-top:2px; }.form-note { font-size:9px; text-align:center; color:#849397; margin:9px 0 0; }
.form-success { display:none; color:var(--teal); background:var(--teal-pale); padding:12px; margin-top:14px; font-size:12px; text-align:center; }
.lead-form.submitted .form-success { display:block; }
.articles { background:var(--cream); }.article-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:40px; }
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.article-card { background:white; transition:.25s; }.article-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
.article-image { height:190px; position:relative; overflow:hidden; display:grid; place-items:center; background:#d9e6e1; }.article-image > span { position:absolute; top:15px; left:15px; background:rgba(255,255,255,.9); font-size:9px; color:var(--teal); padding:5px 9px; border-radius:2px; z-index:2; }
.mini-house { width:100px; height:70px; background:#f5ead5; margin-top:35px; position:relative; box-shadow:0 14px 20px rgba(17,47,63,.12); }.mini-house::before { content:""; position:absolute; width:75px; height:75px; background:var(--teal); transform:rotate(45deg); top:-43px; left:12px; border-radius:5px 15px 4px 15px; }.mini-house::after { content:""; position:absolute; width:22px; height:39px; background:#c9a361; bottom:0; left:39px; border-radius:12px 12px 0 0; }
.image-two { background:#e8e2d4; }.document-art { width:95px; height:120px; display:grid; place-items:center; background:white; color:var(--teal); font-size:25px; border-radius:3px; box-shadow:0 14px 25px rgba(17,47,63,.12); }.document-art::before { content:""; position:absolute; width:45px; height:3px; background:#b8d0ca; box-shadow:0 12px #d8e3df,0 24px #d8e3df; }
.image-three { background:#cedfdc; }.chart-art { width:155px; height:100px; display:flex; align-items:end; justify-content:center; gap:10px; border-left:2px solid rgba(17,47,63,.3); border-bottom:2px solid rgba(17,47,63,.3); }.chart-art i { width:27px; display:block; background:var(--teal); }.chart-art i:nth-child(1){height:35px}.chart-art i:nth-child(2){height:57px;background:#c6a05b}.chart-art i:nth-child(3){height:82px}
.article-body { padding:22px 24px 25px; }.article-body small { color:#8b9a9d; font-size:10px; }.article-body h3 { min-height:54px; font-size:17px; line-height:1.55; color:var(--navy); margin:8px 0 15px; }
footer { background:#0c2b3a; color:#dbe5e7; padding:65px 0 20px; }.footer-main { display:grid; grid-template-columns:1.6fr 1fr 1fr 1.25fr; gap:60px; }.brand-light { color:white; }.brand-light .door { background:#0c2b3a; }.footer-brand p { color:#8da4ab; font-size:12px; margin-top:20px; }
.footer-links,.footer-contact { display:flex; flex-direction:column; align-items:flex-start; gap:9px; font-size:12px; color:#8fa5ab; }.footer-links strong,.footer-contact strong { color:#fff; font-size:13px; margin-bottom:5px; }.footer-links a:hover { color:white; }.footer-contact > a:first-of-type { font:600 21px Manrope; color:#fff; }.footer-contact .footer-email { color:#b9cbd0; }.footer-contact .footer-email:hover { color:#fff; }.footer-contact .button { margin-top:8px; color:white; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:48px; padding-top:18px; display:flex; justify-content:space-between; font-size:9px; color:#6f8991; }
.floating-line { position:fixed; right:22px; bottom:22px; width:64px; height:64px; border-radius:50%; background:#06bd5b; color:white; display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:30; box-shadow:0 10px 25px rgba(6,189,91,.35); border:3px solid white; transition:.25s; }.floating-line:hover { transform:scale(1.08); }.floating-line span { font:700 10px Manrope; }.floating-line small { font-size:8px; }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; }

@media (max-width: 960px) {
  .desktop-nav,.header-cta { display:none; }.menu-toggle { display:flex; flex-direction:column; gap:6px; border:0; background:none; padding:10px; }.menu-toggle span { width:23px; height:2px; background:var(--navy); transition:.2s; }
  .mobile-nav { display:flex; position:fixed; top:82px; left:0; right:0; height:calc(100vh - 82px); padding:35px 25px; background:white; flex-direction:column; gap:22px; font-size:20px; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px); transition:opacity .25s,transform .25s,visibility .25s; }.menu-open .mobile-nav { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
  .hero { padding-top:60px; }.hero-grid { grid-template-columns:1fr; }.hero-copy { text-align:center; }.hero-copy .eyebrow,.hero-actions,.trust-row { justify-content:center; }.hero-lead { margin-left:auto; margin-right:auto; }.hero-visual { height:440px; }.hero-note { margin-top:10px; }
  .service-grid { grid-template-columns:repeat(2,1fr); }.belief-grid { gap:60px; }.steps { grid-template-columns:repeat(5,1fr); }.property-grid { grid-template-columns:repeat(2,1fr); }.contact-grid { gap:45px; }.footer-main { grid-template-columns:1.4fr 1fr 1fr; }.footer-contact { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.08); padding-top:25px; }
}

@media (max-width: 700px) {
  .container { width:min(100% - 30px, 560px); }.section { padding:75px 0; }.site-header { height:70px; }.mobile-nav { top:70px; height:calc(100vh - 70px); }
  .brand strong { font-size:17px; }.brand-mark { transform:scale(.9); }.hero { padding:50px 0 25px; min-height:auto; }.hero-grid { gap:10px; }.hero h1 { font-size:42px; }.hero h1 span { display:block; margin-left:0; }.hero-lead { font-size:16px; }.hero-actions { flex-direction:column; gap:16px; }.trust-row { flex-wrap:wrap; gap:8px 13px; margin-top:24px; }.hero-visual { height:365px; transform:scale(.85); margin:-5px -30px -15px; }.card-top { right:-5px; }.hero-note { display:none; }
  .section-head,.property-head,.article-head { align-items:flex-start; flex-direction:column; gap:18px; }.section-head h2,.process-heading h2,.property-head h2,.contact h2,.articles h2 { font-size:34px; }.service-grid,.property-grid,.article-grid { grid-template-columns:1fr; }.service-card { min-height:290px; }.service-card p { min-height:auto; }
  .belief { padding:78px 0; }.belief-grid { grid-template-columns:1fr; gap:60px; }.belief-quote { padding-left:25px; }.belief-quote h2 { font-size:40px; }.belief-copy h3 { font-size:25px; }.belief-points { flex-direction:column; gap:12px; }.belief-points i { display:inline-block; margin-right:9px; }
  .process-heading { text-align:left; }.process-heading .eyebrow { justify-content:flex-start; }.steps { grid-template-columns:1fr; gap:0; }.steps::before { left:32px; top:20px; bottom:20px; width:1px; height:auto; right:auto; }.step { text-align:left; display:grid; grid-template-columns:64px 1fr; grid-template-rows:auto auto; column-gap:20px; padding:0 0 32px; }.step > span { display:none; }.step-icon { grid-row:1/3; margin:0; }.step h3 { align-self:end; }.step p br { display:none; }
  .property-art { height:205px; }.contact-grid { grid-template-columns:1fr; gap:40px; }.lead-form { padding:25px 20px; }.form-row { grid-template-columns:1fr; gap:0; }.footer-main { grid-template-columns:1fr 1fr; gap:35px; }.footer-brand,.footer-contact { grid-column:1/-1; }.footer-bottom { flex-direction:column; gap:5px; }.floating-line { width:58px; height:58px; right:14px; bottom:14px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }.reveal { opacity:1; transform:none; transition:none; } * { animation:none!important; transition:none!important; }
}