:root{--paper:#f5f2e9;--ink:#25251f;--muted:#69695e;--line:#d9d6ca;--coral:#df674b;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;width:100%;height:auto}em{font-family:var(--serif);font-weight:400}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;letter-spacing:-.055em;line-height:1.05}h2{font-size:clamp(40px,4.6vw,68px)}h3{font-size:19px;line-height:1.3;letter-spacing:-.035em;font-weight:500}p{color:var(--muted)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.11em;line-height:1.5}.section-kicker{display:block;margin-bottom:28px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;letter-spacing:-1.2px;line-height:1}.brand-sub{display:block;letter-spacing:4.5px;font-size:8px;margin-top:7px}.logo-window{position:relative;width:43px;height:42px;overflow:hidden;mix-blend-mode:multiply;flex-shrink:0}.logo-window img{position:absolute;width:88px;max-width:none;left:-22px;top:-12px}.header nav{display:flex;gap:36px;font-size:12px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--coral);transition:width .2s}.header nav a:hover:after{width:100%}.nav-cta{font-size:12px;border-bottom:1px solid var(--ink);padding:8px 0}.nav-cta span{padding-left:30px}.menu-button{display:none}.hero-top{padding:32px 0;display:flex;justify-content:space-between;align-items:center}.hero-top .eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.eyebrow i,.concept-dot{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:50%}.hero-loc{font-size:9px;letter-spacing:.09em}.hero-loc span{margin-left:20px}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:28px;min-height:540px;padding-bottom:25px}.hero-copy{padding:35px 0 55px;position:relative;z-index:1}h1{font-size:clamp(62px,6.9vw,104px);line-height:1.01;white-space:nowrap}.hero-copy h1 em{color:var(--coral)}.sun-dot{display:inline-block;width:11px;height:11px;border:1px solid var(--coral);border-radius:50%;margin-left:11px;vertical-align:top;position:relative;top:24px}.lede{font-size:15px;line-height:1.8;margin:30px 0 28px;white-space:pre-line;max-width:360px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 23px;min-height:54px;font-size:12px;border:1px solid transparent;transition:background .2s,transform .2s}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#494b3e;transform:translateY(-2px)}.button span{font-size:18px}.quiet-link{display:block;font-size:10px;color:var(--muted);margin-top:22px;width:fit-content}.quiet-link span{margin-left:15px}.showcase-stage{height:480px;position:relative;perspective:1500px;margin-top:8px;--dx:0px;--dy:0px}.showcase-stage:before{content:'';position:absolute;width:93%;height:90%;top:5%;left:5%;border:1px solid #e4ded0;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.browser{display:block;background:#fff;border:1px solid #d1c9b9;border-radius:7px;overflow:hidden;box-shadow:0 25px 60px #3b2c161c}.hero-browser{width:94%;position:absolute;left:0;top:53px;transform:translate(var(--dx),var(--dy)) rotate(-5deg);transition:transform .4s}.browser-bar{height:27px;background:#fcfbf7;border-bottom:1px solid #e6dfd3;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:7px;color:#77786d}.traffic{display:flex;gap:4px}.traffic i{height:4px;width:4px;border:1px solid #b9b5aa;border-radius:50%}.mini-site{position:relative;background:#eee4d5;overflow:hidden}.mini-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f8f4ec;font-size:7px}.mini-nav strong{font:23px var(--serif);letter-spacing:-1px}.mini-site img{height:240px;object-fit:cover}.mini-title{position:absolute;top:76px;left:22px;font-size:29px;line-height:1.08;letter-spacing:-1px;color:#29291e;max-width:200px}.mini-tag{display:block;font-size:6px;padding:10px 20px;background:#f8f4ec;letter-spacing:1px}.phone{position:absolute;width:137px;right:-6px;bottom:24px;border:5px solid #30312a;border-radius:24px;background:#f7f2e9;box-shadow:0 20px 40px #4634192b;overflow:hidden;transform:rotate(9deg);transition:transform .35s}.phone:hover{transform:rotate(5deg) translateY(-4px)}.phone-island{display:block;width:38px;height:9px;background:#30312a;border-radius:0 0 6px 6px;margin:auto}.phone-nav{padding:9px 10px;font:18px var(--serif);display:flex;justify-content:space-between}.phone-nav span{font:9px var(--sans)}.phone img{height:123px;object-fit:cover;object-position:72%}.phone-copy{padding:13px 10px;font-size:15px;line-height:1.15;letter-spacing:-.5px}.phone-copy span{font:6px var(--sans);display:block;margin-top:12px;background:var(--coral);padding:7px;width:fit-content;letter-spacing:0}.phone-foot{font-size:5px;line-height:1.7;padding:4px 10px 15px}.stage-caption{position:absolute;letter-spacing:1.2px;font-size:7px;color:var(--muted)}.stage-caption.top{top:6px;left:22px}.stage-caption.bottom{bottom:6px;left:7px;display:flex;gap:8px;align-items:center}.concept-dot{width:4px;height:4px}.hero-foot{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.05em}.hero-foot strong{font-weight:400;font-size:13px;letter-spacing:0;display:inline-block;margin-top:4px}.hero-foot-right{display:flex;align-items:center;gap:40px;letter-spacing:0;font-size:12px}.hero-foot-right a{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.intro{display:grid;grid-template-columns:1fr 2.1fr;gap:30px;padding-top:110px;padding-bottom:110px}.intro>.eyebrow{padding-top:10px}.intro h2{font-size:clamp(40px,4.2vw,61px)}.intro-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;margin-top:38px;font-size:13px}.work-section{padding-bottom:115px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-heading>p{font-size:12px;line-height:1.8;max-width:300px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work-card.second{padding-top:76px}.work-image{position:relative;display:block;overflow:hidden;aspect-ratio:1.1;background:#e9dfcf}.project-top{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:7px;letter-spacing:1px;background:#f0e7d8}.project-top strong{font:30px var(--serif);letter-spacing:-1.5px}.work-image img{height:calc(100% - 62px);object-fit:cover;transition:transform .7s}.work-image:hover img{transform:scale(1.035)}.project-bottom{position:absolute;bottom:22px;left:25px;right:23px;display:flex;align-items:flex-end;justify-content:space-between}.project-bottom>span:first-child{font-size:29px;letter-spacing:-.035em;line-height:1.1;color:#29271e;text-shadow:0 1px 12px #fff8}.circle-arrow{background:var(--paper);border:1px solid #fff8;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:18px;transition:transform .2s}.work-image:hover .circle-arrow{transform:rotate(45deg)}.forma-card .project-top{background:#d5d5c8}.forma-card .project-top strong{font:19px var(--sans);letter-spacing:5px}.forma-card .project-bottom>span:first-child{color:#fff;text-shadow:0 1px 12px #0007}.work-caption{margin-top:19px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.work-caption h3{font-size:15px}.work-caption p{font-size:10px;margin-top:6px}.pill{font-size:7px;white-space:nowrap;border:1px solid var(--line);border-radius:15px;padding:5px 9px;letter-spacing:.06em}.honesty-note{margin-top:27px;font-size:10px;color:var(--muted)}.process-band{background:#e9e7dd}.process{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:95px}.process h2{font-size:clamp(40px,4.2vw,59px);margin-bottom:30px}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;border-bottom:1px solid var(--ink);font-size:11px;padding-bottom:8px}.text-link span{font-size:17px}.process ol{padding:0;margin:0;list-style:none}.process li{display:flex;gap:30px;border-bottom:1px solid #d0d0c2;padding:23px 0}.process li:first-child{padding-top:0}.process li>span{font-size:10px;color:var(--coral);margin-top:5px}.process li p{font-size:12px;margin-top:9px;max-width:350px}.pricing{padding-block:110px}.pricing-grid{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line)}.primary-price{padding:38px 42px;border-right:1px solid var(--line)}.price-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;margin-bottom:30px}.primary-price h3{font-size:35px;font-weight:400;letter-spacing:-.04em;line-height:1.1}.amount{margin-top:28px;color:var(--ink)}.amount>span:first-child{font-size:12px;vertical-align:top;position:relative;top:10px}.amount strong{font-size:52px;letter-spacing:-3px;font-weight:400}.amount .once{font-size:11px;color:var(--muted);letter-spacing:0}.primary-price>p:not(.amount){font-size:12px;margin-top:16px}.primary-price ul{list-style:none;padding:0;margin:28px 0;font-size:12px}.primary-price li{padding:7px 0;border-bottom:1px solid #e6e2d7}.primary-price li:before{content:'↗';color:var(--coral);margin-right:12px}.primary-price .price-small{font-size:10px!important;line-height:1.7}.other-prices article{padding:38px 40px}.other-prices article+article{border-top:1px solid var(--line)}.other-prices h3{margin-top:24px;font-size:30px;font-weight:400}.other-prices p{font-size:12px;margin-top:18px}.other-prices .small-amount{color:var(--ink);font-size:11px;margin-top:14px}.small-amount strong{font-size:34px;letter-spacing:-1px;font-weight:400}.small-amount span{color:var(--muted);font-size:10px}.fine{font-size:9px;color:var(--muted);display:block;margin-top:17px}.other-prices .text-link{margin-top:25px}.pricing-note{font-size:10px;margin-top:20px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-bottom:110px}.faq h2{font-size:clamp(40px,4vw,57px)}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:13px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:300;color:var(--muted)}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;padding:0 25px 22px 0}.contact{position:relative;overflow:hidden;background:var(--coral);padding:85px 0 65px}.contact .wrap{position:relative;z-index:1}.contact h2{font-size:clamp(60px,7vw,100px);margin-top:35px;max-width:900px}.contact h2 em{color:#f9ecdf}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:40px}.contact p{color:#372b22;font-size:13px}.button-light{background:var(--paper);color:var(--ink);min-width:250px}.button-light:hover{background:white;transform:translateY(-2px)}.contact-orbit{position:absolute;width:600px;height:600px;border:1px solid #f9c5b555;right:-160px;top:20px;border-radius:50%}.contact-orbit:after{content:'';position:absolute;inset:50px;border-radius:50%;border:1px solid #f9c5b555}.footer{padding-block:40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}.footer p{font-size:11px}.footer p span{font-size:9px}.footer>div{text-align:right;font-size:12px}.privacy-open{display:block;border:0;border-bottom:1px solid var(--line);background:none;padding:0;margin:8px 0 0 auto;font-size:9px;cursor:pointer}.copyright{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.skip{position:fixed;top:-80px;left:10px;background:var(--ink);color:white;padding:14px;z-index:10}.skip:focus{top:10px}:focus-visible{outline:2px solid #9c3e26;outline-offset:5px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);max-width:650px;padding:50px;width:calc(100% - 35px)}dialog::backdrop{background:#25251f99;backdrop-filter:blur(3px)}dialog h2{font-size:36px;margin:25px 0}dialog p{font-size:13px;margin-top:18px}dialog a{text-decoration:underline}.dialog-close{position:absolute;right:20px;top:15px;background:none;border:0;font-size:26px;cursor:pointer}
@media(min-width:1500px){.hero-grid{min-height:590px}.showcase-stage{height:520px}.mini-site img{height:280px}.hero-browser{top:60px}.mini-title{font-size:36px}.phone{width:155px;bottom:30px}.phone img{height:146px}.phone-copy{font-size:18px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero-grid{gap:15px}.hero-copy h1{font-size:7vw}.showcase-stage{height:415px}.hero-browser{top:57px;width:92%}.mini-site img{height:195px}.mini-title{font-size:24px;top:70px}.phone{width:112px;right:-4px;bottom:35px}.phone img{height:96px}.phone-copy{font-size:12px}.phone-nav{font-size:15px}.phone-foot{font-size:4px}.process,.faq{gap:50px}.primary-price{padding:30px}.other-prices article{padding:30px}.work-caption{display:block}.pill{display:inline-block;margin-top:12px}.intro-bottom{gap:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:86px;gap:15px}.brand{font-size:21px}.logo-window{width:35px;height:35px}.logo-window img{width:75px;left:-19px;top:-11px}.brand-sub{font-size:7px;letter-spacing:4px}.header nav{display:none}.header nav.open{display:flex;position:absolute;left:0;right:0;top:85px;background:var(--paper);z-index:5;flex-direction:column;padding:28px;box-shadow:0 15px 20px #0001;font-size:15px;gap:20px}.menu-button{display:flex;align-items:center;gap:13px;border:0;background:none;font-size:11px;padding:10px 0;cursor:pointer}.menu-button span{font-size:20px}.nav-cta{margin-left:auto;font-size:10px}.nav-cta span{padding-left:8px}.hero-top{padding:25px 0}.hero-top .eyebrow{font-size:7px;letter-spacing:.03em}.hero-loc{display:none}.hero-grid{display:flex;flex-direction:column;gap:0;padding-bottom:28px;align-items:stretch}.hero-copy{padding:10px 0 15px}.hero-copy h1{font-size:clamp(56px,12.5vw,92px)}.sun-dot{width:8px;height:8px;top:16px;margin-left:7px}.lede{font-size:14px;line-height:1.7;margin:23px 0}.button{font-size:11px;padding:14px 20px;min-height:50px;gap:28px}.quiet-link{display:none}.showcase-stage{height:380px;margin-top:26px;margin-bottom:5px}.hero-browser{width:91%;left:2px;top:42px;transform:rotate(-4deg)}.mini-site img{height:200px}.mini-title{font-size:27px;top:70px}.mini-nav{padding:12px 16px}.mini-nav strong{font-size:22px}.phone{width:112px;right:0;bottom:32px}.stage-caption.top{left:10px;font-size:6px}.stage-caption.bottom{font-size:6px;bottom:0;letter-spacing:.7px}.hero-foot{padding:18px 0;font-size:7px}.hero-foot strong{font-size:11px}.hero-foot-right{font-size:9px;gap:12px}.hero-foot-right a{width:30px;height:30px}.intro{display:block;padding-top:65px;padding-bottom:65px}.section-kicker{font-size:8px;margin-bottom:23px}.intro h2{font-size:43px}.intro-bottom{grid-template-columns:1fr;gap:18px;margin-top:26px;font-size:13px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:42px}.section-heading>p{margin-top:20px;font-size:12px}.work-grid{grid-template-columns:1fr;gap:35px}.work-card.second{padding-top:0}.work-image{aspect-ratio:1.1}.project-bottom>span:first-child{font-size:27px}.work-caption{display:flex}.work-caption h3{font-size:13px}.pill{margin:0;font-size:6px;padding:5px 7px}.work-caption p{font-size:9px}.honesty-note{font-size:9px}.work-section{padding-bottom:65px}.process{grid-template-columns:1fr;gap:40px;padding-block:60px}.process h2{font-size:43px}.process li{gap:25px;padding:22px 0}.process li h3{font-size:19px}.process li p{font-size:13px;max-width:none}.pricing{padding-block:65px}.pricing-grid{grid-template-columns:1fr}.primary-price{padding:30px 24px;border-right:0;border-bottom:1px solid var(--line)}.primary-price h3{font-size:34px}.amount strong{font-size:49px}.other-prices article{padding:30px 24px}.pricing-note{font-size:9px}.faq{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.faq h2{font-size:42px}summary{font-size:13px}details p{font-size:12px}.contact{padding:60px 0 50px}.contact .eyebrow{font-size:8px}.contact h2{font-size:clamp(48px,10vw,75px);margin-top:28px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:25px;margin-top:30px}.contact-orbit{width:380px;height:380px;right:-180px;top:90px}.footer{grid-template-columns:1fr 1fr;gap:28px;padding-top:32px}.footer>.brand{font-size:22px}.footer>p{font-size:10px}.footer>div{text-align:left;grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.privacy-open{margin:0}.copyright{padding-top:17px}dialog{padding:40px 25px}dialog h2{font-size:31px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.nav-cta{display:none}.menu-button{margin-left:auto}.hero-copy h1{font-size:12.7vw}.showcase-stage{height:340px}.mini-site img{height:170px}.mini-title{font-size:23px}.phone{bottom:25px;width:100px}.phone img{height:83px}.work-caption{display:block}.pill{margin-top:10px}.hero-foot-right{font-size:8px}.primary-price{padding:26px 20px}}
html,body{overflow-x:clip}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-control select{background:transparent;color:var(--ink);border:1px solid var(--line);padding:7px 6px;font-size:11px;max-width:90px;cursor:pointer}.header nav{margin-left:auto}.local-story{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding-bottom:100px}.local-photo{position:relative}.local-photo img{aspect-ratio:1.35;object-fit:cover}.local-photo>span{font-size:7px;letter-spacing:.06em;display:block;margin-top:11px;color:var(--muted)}.local-story h2{font-size:clamp(40px,4.3vw,60px)}.local-story p{font-size:13px;margin-top:23px;max-width:390px}.local-story .text-link{margin-top:25px}.mora-card .project-top{background:#e1ddd0}.mora-card .project-top strong{font:19px var(--sans);letter-spacing:5px}.mora-card .project-bottom>span:first-child{color:#fff;text-shadow:0 1px 10px #0009}.mora-card:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0006);pointer-events:none}.mora-card .project-bottom{z-index:1}html:lang(si){--sans:'Noto Sans Sinhala',Arial,sans-serif;--serif:'Noto Sans Sinhala',Arial,sans-serif}html:lang(ta){--sans:'Noto Sans Tamil',Arial,sans-serif;--serif:'Noto Sans Tamil',Arial,sans-serif}html:not(:lang(en)) h1{font-size:clamp(45px,5.5vw,78px);white-space:normal;line-height:1.4;letter-spacing:-.03em}html:not(:lang(en)) h2{line-height:1.5;font-size:clamp(31px,3.5vw,50px);letter-spacing:-.02em}html:not(:lang(en)) h3{line-height:1.6}html:not(:lang(en)) .hero-grid{grid-template-columns:1.05fr 1fr}html:not(:lang(en)) .eyebrow{line-height:1.8;letter-spacing:0}html:not(:lang(en)) .section-heading>p{max-width:340px}html:not(:lang(en)) .brand{font-family:Arial,sans-serif}html:not(:lang(en)) .mini-site,html:not(:lang(en)) .phone,html:not(:lang(en)) .project-top{font-family:Arial,sans-serif}html:not(:lang(en)) .mini-title,html:not(:lang(en)) .phone-copy,html:not(:lang(en)) .project-bottom{font-family:var(--sans)}html:not(:lang(en)) .mini-title{font-size:23px;line-height:1.5}html:not(:lang(en)) .phone-copy{font-size:10px;line-height:1.7}html:not(:lang(en)) .project-bottom>span:first-child{font-size:24px;line-height:1.6}html:not(:lang(en)) .button{line-height:1.8}html:not(:lang(en)) .contact h2{font-size:clamp(36px,5.8vw,77px)}
@media(max-width:1050px){.header{gap:22px}.header nav{gap:22px}.local-story{gap:40px}.header .brand{font-size:22px}.nav-cta span{padding-left:15px}}
@media(max-width:760px){.header{gap:12px}.header .brand{font-size:20px}.language-control{margin-left:auto}.language-control select{font-size:10px;padding:6px 3px;max-width:73px}.nav-cta{display:none}.menu-button{margin-left:0}.local-story{grid-template-columns:1fr;gap:32px;padding-bottom:65px}.local-story h2{font-size:43px}.local-story p{max-width:none}html:not(:lang(en)) h1{font-size:clamp(40px,9vw,66px);line-height:1.5}html:not(:lang(en)) h2{font-size:34px;line-height:1.6}html:not(:lang(en)) .hero-grid{display:flex}html:not(:lang(en)) .hero-top .eyebrow{font-size:8px}html:not(:lang(en)) .mini-title{font-size:18px}html:not(:lang(en)) .project-bottom>span:first-child{font-size:22px}html:not(:lang(en)) .work-caption{display:block}html:not(:lang(en)) .pill{margin-top:10px}html:not(:lang(en)) .contact h2{font-size:40px}}
@media(max-width:760px){.phone{right:14px}.hero-foot>span:first-child{max-width:45%}.hero-foot-right{max-width:50%;text-align:right}.hero-foot-right>a{flex-shrink:0}}
.before-after{padding-bottom:100px}.comparison{height:430px;position:relative;overflow:hidden;border:1px solid var(--line);background:#f1ebdf}.compare-before,.compare-after{position:absolute;inset:0}.compare-after{background:#f4ede0}.compare-after>img{position:absolute;right:0;top:58px;width:49%;height:calc(100% - 58px);object-fit:cover}.compare-web-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 28px;border-bottom:1px solid var(--line);height:58px}.compare-web-nav strong{font:23px var(--serif)}.compare-web-nav>span{font-size:10px}.compare-after-content{position:relative;padding:37px 30px;width:51%;z-index:1}.compare-after-content>span:first-child{font-size:8px;letter-spacing:.1em}.compare-after-content h3{font:35px/1.1 var(--sans);letter-spacing:-1.5px;margin-top:24px}.compare-after-content p{font-size:11px;line-height:1.8;margin-top:18px}.compare-fake-button{display:inline-block;background:#414b36;color:white;padding:10px 14px;font-size:9px;margin-top:22px}.compare-before{background:#e5e3db;clip-path:inset(0 calc(100% - var(--before)) 0 0);z-index:2}.compare-label{position:absolute;bottom:17px;font-size:8px;letter-spacing:.08em;padding:5px 9px;z-index:3}.before-label{left:18px;background:#dddacf}.after-label{right:18px;background:var(--paper)}.before-note{padding:50px 35px;max-width:75%}.before-symbol{color:#98988c;font-size:25px}.before-note h3{font-size:35px;line-height:1.2;font-weight:400;letter-spacing:-1.5px;margin-top:15px}.before-note p{font-size:12px;margin-top:20px}.question-bubbles{display:flex;gap:10px;margin-top:23px}.question-bubbles span{border:1px solid #c9c7bb;padding:8px 12px;border-radius:20px;font-size:9px;color:#66675c}.compare-divider{position:absolute;left:var(--before);top:0;bottom:0;width:1px;background:var(--ink);z-index:3;pointer-events:none}.compare-divider>span{display:grid;place-items:center;background:var(--paper);border:1px solid var(--ink);border-radius:50%;position:absolute;top:45%;left:-20px;width:40px;height:40px;font-size:18px}.compare-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:19px 0;border-bottom:1px solid var(--line)}.compare-controls label{font-size:11px}.compare-controls input{width:180px;accent-color:var(--coral);cursor:ew-resize;min-height:32px}.compare-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:24px}.compare-footer p{font-size:10px;max-width:380px}.compare-footer .button{flex-shrink:0}html:not(:lang(en)) .before-note h3{font-size:29px;line-height:1.7}html:not(:lang(en)) .compare-after-content h3{font-size:27px;line-height:1.7}html:not(:lang(en)) .compare-web-nav strong{font-family:var(--sans);font-size:18px}
@media(max-width:760px){.before-after{padding-bottom:65px}.comparison{height:420px}.compare-web-nav{padding:12px 16px}.compare-web-nav strong{font-size:20px}.compare-web-nav>span{display:none}.compare-after>img{width:45%;object-position:65%}.compare-after-content{width:55%;padding:30px 14px}.compare-after-content h3{font-size:25px;margin-top:20px;letter-spacing:-.8px}.compare-after-content>span:first-child{font-size:6px}.compare-after-content p{font-size:9px}.compare-fake-button{font-size:7px;padding:9px}.before-note{max-width:90%;padding:45px 18px}.before-note h3{font-size:28px;letter-spacing:-1px}.before-note p{font-size:11px}.question-bubbles{flex-direction:column;width:fit-content;gap:7px;margin-top:17px}.question-bubbles span{font-size:8px}.compare-label{font-size:6px;letter-spacing:0;padding:4px}.before-label{left:7px}.after-label{right:7px}.compare-controls{gap:15px}.compare-controls label{font-size:9px;max-width:180px}.compare-controls input{width:115px;flex-shrink:0}.compare-footer{flex-direction:column;align-items:flex-start;gap:20px}.compare-footer p{font-size:9px}html:not(:lang(en)) .before-note h3{font-size:23px}html:not(:lang(en)) .compare-after-content h3{font-size:20px;line-height:1.7}html:not(:lang(en)) .compare-after-content p{font-size:8px}}
.comparison-disclosure{position:absolute;right:12px;top:66px;background:#f5f2e9e8;padding:4px 7px;font-size:7px;z-index:4;max-width:45%;text-align:right;letter-spacing:.02em}.pill{white-space:normal;max-width:150px;flex-shrink:0}.comparison{cursor:ew-resize}@media(max-width:760px){.pill{max-width:100px;font-size:6px}.comparison-disclosure{font-size:6px;max-width:47%;right:7px;top:64px}}
.pill{font-size:10px;max-width:160px;line-height:1.6;letter-spacing:0}.honesty-note{font-size:12px;line-height:1.8}.local-photo>span{font-size:10px;line-height:1.7}.stage-caption.bottom{font-size:8px;letter-spacing:.02em}.comparison-disclosure{font-size:10px;line-height:1.6}.compare-label{font-size:9px;max-width:43%;line-height:1.6}.compare-footer p{font-size:12px}.work-caption{flex-wrap:wrap}.work-caption>div{min-width:160px}@media(max-width:760px){.pill{font-size:9px;max-width:160px;margin-top:6px}.honesty-note{font-size:11px}.stage-caption.bottom{font-size:7px}.local-photo>span{font-size:9px}.comparison-disclosure{font-size:8px}.compare-label{font-size:8px}.compare-footer p{font-size:11px}}
[hidden]{display:none!important}.showcase-stage:before{display:none}.showcase-stage{height:475px}.stage-art{position:absolute;inset:10% -2% auto;width:100%;height:78%;object-fit:cover;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);border-radius:0}.desktop-preview{display:block;position:absolute;left:0;top:60px;width:94%;padding:7px;background:#fdfbf6;border:1px solid #d5d0c3;border-radius:7px;box-shadow:0 24px 60px #30281826;animation:image-enter .8s both cubic-bezier(.16,1,.3,1)}.desktop-preview img{aspect-ratio:1.6;object-fit:cover;border-radius:2px}.mobile-preview{display:block;position:absolute;width:130px;right:-2px;bottom:30px;border:5px solid #36352f;border-radius:19px;box-shadow:0 18px 40px #3028182b;overflow:hidden;background:#f8f5ee;animation:image-enter .8s .16s both cubic-bezier(.16,1,.3,1)}.mobile-preview img{width:100%;height:auto;display:block}.real-preview{display:block;position:relative;padding:12px;background:#e4e9ec;overflow:hidden}.real-preview img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.real-preview:hover img{transform:scale(1.018)}.real-preview>span{display:block;font-size:11px;padding:15px 5px 3px}.furniture-preview{background:#e9dfcd}.work-card.second{padding-top:70px}.work-grid{gap:28px}.work-caption{display:block}.work-caption .pill{display:inline-block;margin-top:12px}.local-story{gap:65px}.local-story h2{font-size:clamp(35px,3.6vw,52px)}.difference-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.before-story{padding-top:15px}.before-story h3{font-size:35px;font-weight:400;letter-spacing:-1px;line-height:1.15;margin:25px 0}.before-story p{font-size:13px;line-height:1.9}.before-story ul{list-style:none;margin:24px 0;padding:0}.before-story li{font-size:12px;border-bottom:1px solid var(--line);padding:12px 0;color:var(--muted)}.difference-note{display:block;font-size:10px;color:var(--muted);line-height:1.8;margin-top:17px}.after-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.after-top>a{font-size:10px;text-decoration:underline}.after-screenshot{display:block;padding:9px;background:#e5ddd0;border:1px solid #d6cdbc}.after-screenshot img{aspect-ratio:1.6;object-fit:cover}.after-story>p{font-size:15px;color:var(--ink);line-height:1.8;margin-top:20px}.pricing-interest{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:35px}.pricing-interest p{max-width:530px;font-size:14px;line-height:1.8}.pricing-interest button{cursor:pointer;flex-shrink:0}.pricing-grid{margin-top:30px}.button span{transition:transform .25s}.button:hover span{transform:translate(2px,-2px)}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(15px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.contact-orbit,.sun-dot{display:none}@keyframes image-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.showcase-stage{height:430px}.mobile-preview{width:115px;bottom:40px}.desktop-preview{top:70px}.difference-layout{gap:30px}.before-story h3{font-size:29px}.local-story{gap:35px}.pricing-interest p{max-width:45%}}
@media(max-width:760px){.showcase-stage{height:360px;margin-top:20px}.desktop-preview{top:42px;width:92%;padding:5px}.mobile-preview{width:104px;right:0;bottom:25px;border-width:4px;border-radius:15px}.stage-art{height:80%;top:5%}.stage-caption.top{font-size:6px}.stage-caption.bottom{font-size:7px}.work-card.second{padding-top:0}.real-preview{padding:8px}.real-preview>span{font-size:11px;padding-top:13px}.local-story h2{font-size:38px}.local-story{gap:30px}.difference-layout{grid-template-columns:1fr;gap:30px;padding:25px 0}.before-story{padding-top:0}.before-story h3{font-size:32px;margin:20px 0}.before-story ul{margin:20px 0 0}.after-story{border-top:1px solid var(--line);padding-top:25px}.after-top{gap:15px}.after-top .eyebrow{font-size:8px}.after-top>a{font-size:9px;flex-shrink:0}.after-story>p{font-size:14px}.pricing-interest{display:block;padding:25px 0}.pricing-interest p{max-width:none;font-size:13px}.pricing-interest button{margin-top:22px}.difference-note{font-size:10px}.compare-footer{margin-top:20px}.stage-caption.top{max-width:280px}}
@media(max-width:380px){.showcase-stage{height:325px}.mobile-preview{width:93px;bottom:27px}.desktop-preview{top:42px}}
.website-explainer{padding-bottom:100px}.explainer-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:30px;margin-bottom:40px}.explainer-intro h3{font-size:20px;margin-bottom:17px}.explainer-intro p{font-size:13px;line-height:1.9}.anatomy{display:grid;grid-template-columns:1.5fr 1fr;background:#eae7de;border:1px solid var(--line);padding:25px;gap:35px;align-items:center}.anatomy-visual{position:relative;border:6px solid #fcfaf4;box-shadow:0 10px 25px #2c291315}.anatomy-hotspot{position:absolute;width:35px;height:35px;border:2px solid white;border-radius:50%;background:#34352d;color:white;box-shadow:0 3px 12px #0005;font-size:13px;cursor:pointer}.anatomy-hotspot[aria-pressed=true]{background:#b9462c;transform:scale(1.08)}.h1-spot{left:30%;top:40%}.h2-spot{left:54%;top:15%}.h3-spot{left:15%;top:72%}.anatomy-guide>h3{font-size:27px;line-height:1.25;margin:15px 0 23px;font-weight:400;letter-spacing:-.8px}.part-number{font-size:9px;letter-spacing:.08em;color:#a54731}.anatomy-part h4{font-size:17px;font-weight:500;margin:10px 0}.anatomy-part p{font-size:12px;line-height:1.9}.anatomy-note{font-size:9px;margin-top:22px}.basics-detail{margin-top:25px;border-top:1px solid var(--line)}.basics-detail summary{font-size:14px}.basics-detail p{font-size:13px;max-width:900px}.explainer-outcome{font-size:12px;margin:22px 0;max-width:800px}.website-explainer>.text-link{margin-top:2px}html:not(:lang(en)) .anatomy-guide>h3{line-height:1.7;font-size:22px}html:not(:lang(en)) .anatomy-part h4{line-height:1.8}
@media(max-width:900px){.anatomy{grid-template-columns:1.3fr 1fr;gap:25px;padding:20px}.anatomy-guide>h3{font-size:24px}.explainer-intro{gap:25px}}
@media(max-width:760px){.website-explainer{padding-bottom:65px}.explainer-intro{grid-template-columns:1fr;gap:26px;padding-top:25px}.explainer-intro h3{font-size:21px;margin-bottom:10px}.explainer-intro p{font-size:14px}.anatomy{grid-template-columns:1fr;gap:25px;padding:14px}.anatomy-visual{border-width:4px}.anatomy-guide{padding:5px 9px 10px}.anatomy-guide>h3{font-size:27px}.anatomy-part p{font-size:14px}.anatomy-part h4{font-size:19px}.anatomy-note{font-size:10px}.anatomy-hotspot{width:32px;height:32px;font-size:12px}.basics-detail summary{font-size:14px}.basics-detail p{font-size:14px}.explainer-outcome{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-ready .reveal{opacity:1!important;transform:none!important}}