@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f6f4ed;--ink:#202820;--muted:#62665e;--orange:#cf4b29;--line:#d8dbcf;--green:#e8ecdf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:13px;align-items:center;font-weight:700;line-height:1.3;font-size:16px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:6px;font-weight:600}.monogram{font-family:'Manrope',Arial,sans-serif;font-size:42px;letter-spacing:-5px;font-weight:800}.monogram span{font-size:25px;color:var(--orange);letter-spacing:-2px;vertical-align:top}nav{display:flex;gap:29px;font-size:13px;font-weight:500}nav a:hover,.text-link:hover{color:var(--orange)}.header-call{font-size:14px;font-weight:700}.header-call span{margin-left:15px;color:var(--orange)}.menu{display:none}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:60px;padding-block:84px 90px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 24px}.dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:var(--orange);margin-right:8px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(46px,5.2vw,76px);line-height:1.07;letter-spacing:-3.8px;font-weight:650;margin-bottom:28px}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:17px;max-width:420px;line-height:1.75;color:var(--muted);margin-bottom:30px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--orange);color:white;padding:16px 23px;border:1px solid var(--orange);font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#a9381d;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.text-link{font-size:13px;font-weight:650}.text-link span{margin-left:12px}.hero-note{font-size:11px;color:var(--muted);margin:20px 0 0}.hero-art{position:relative;background:#e8ebdf;padding:28px 24px 26px;border-radius:5px;transform:rotate(1.3deg)}.art-label,.art-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;font-weight:700;gap:10px}.art-label{margin-bottom:26px}.browser-preview{display:block;background:white;border-radius:7px;overflow:hidden;box-shadow:0 18px 35px #20282020;transform:rotate(-3deg);border:1px solid #d1d6c9}.browser-bar{height:29px;background:#fff;display:flex;align-items:center;gap:4px;padding:0 11px;font-size:8px}.browser-bar i{height:5px;width:5px;background:#d6d9d0;border-radius:50%}.browser-bar span{margin:auto;color:#73786b}.browser-preview img{width:100%;height:300px;object-fit:cover;object-position:top}.floating-note{position:relative;display:flex;align-items:center;gap:12px;background:var(--paper);padding:16px 20px;width:max-content;margin:-28px -40px 22px auto;transform:rotate(2deg);box-shadow:0 8px 25px #20282012;font-size:12px;line-height:1.5;border:1px solid var(--line)}.floating-note>span{font-size:33px;color:var(--orange)}.art-caption{letter-spacing:.6px;font-size:8px}.benefits{border-block:1px solid var(--line)}.benefits .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:23px}.benefits span{font-size:12px;font-weight:500}.benefits b{margin-left:25px;color:var(--orange)}.section{padding-block:95px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:43px}h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.8px;line-height:1.15;font-weight:600;margin-bottom:0}.section-top>p{max-width:335px;color:var(--muted);font-size:14px;margin-bottom:3px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work-image{display:block;padding:32px 28px 0;position:relative;overflow:hidden;height:325px;background:#dfe6d4}.work-image.plumbing{background:#dce7ed}.work-image img{width:100%;height:290px;object-fit:cover;object-position:top;border-radius:5px 5px 0 0;box-shadow:0 8px 25px #0002;transition:transform .4s}.work-image:hover img{transform:translateY(-7px)}.work-image>span{position:absolute;bottom:15px;right:15px;background:var(--paper);padding:9px 14px;font-size:10px;font-weight:700}.work-title{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.work-title h3{font-size:20px;letter-spacing:-.6px;margin:0}.work-title>span{font-size:11px;color:var(--muted)}.tag{font-size:8px;letter-spacing:1.2px;margin:8px 0 19px;color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1.3fr;gap:22px;border-top:1px solid var(--line);padding-top:18px}.comparison p{font-size:12px;color:var(--muted);margin:0}.comparison small{display:block;font-size:8px;letter-spacing:1px;color:var(--ink);font-weight:700;margin-bottom:7px}.small-note{font-size:11px;color:var(--muted);margin:25px 0 0;max-width:900px}.process{background:var(--green)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #c8cdbf;padding-top:20px}.steps article>span{color:var(--orange);font-size:12px}.steps h3{font-size:18px;letter-spacing:-.5px;margin:22px 0 12px}.steps p{font-size:13px;color:var(--muted);margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid var(--line);padding:30px 26px;position:relative;display:flex;flex-direction:column}.price-card .eyebrow{font-size:8px;margin-bottom:15px}.price-card h3{font-size:22px;letter-spacing:-.7px;margin-bottom:17px}.price{font-size:43px;line-height:1;font-weight:600;letter-spacing:-2px;margin-bottom:18px}.price small{font-size:11px;letter-spacing:0;font-weight:400}.price-card>p:not(.eyebrow):not(.price){font-size:12px;color:var(--muted)}ul{padding:0;list-style:none;margin:9px 0 28px;flex:1}li{font-size:12px;padding:10px 0 10px 21px;border-bottom:1px solid var(--line);position:relative}li:before{content:'✓';position:absolute;left:0;color:var(--orange)}.outline{background:transparent;color:var(--ink);border-color:#aeb5a8}.outline:hover{color:white}.price-card .button{font-size:11px;gap:12px}.care{background:#e9ecdf;border-color:#bdc6ad}.recommended{position:absolute;top:-12px;right:18px;background:var(--ink);color:white;font-size:8px;letter-spacing:1px;padding:5px 10px}.monthly{margin-top:0}.extras{display:grid;grid-template-columns:1fr 1.45fr;gap:90px;margin-top:76px;padding-top:45px;border-top:1px solid var(--line)}.extras h3{font-size:28px;letter-spacing:-1px;margin-bottom:15px}.extras p{font-size:13px;color:var(--muted)}.extras-list>div{display:grid;grid-template-columns:25px 1fr;gap:0 15px;border-bottom:1px solid var(--line);padding:14px 0}.extras-list>div:first-child{padding-top:0}.extras-list span{font-size:9px;color:var(--orange);padding-top:4px}.extras-list h4{font-size:14px;margin:0 0 5px}.extras-list p{grid-column:2;margin:0;font-size:12px}.about{background:#ece9df;padding-block:85px}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.about-mark{font-family:'Manrope',Arial,sans-serif;font-size:160px;letter-spacing:-20px;line-height:1;background:var(--ink);color:var(--paper);padding:65px 40px;text-align:center;transform:rotate(-3deg)}.about-mark>span{color:#ef9a72;font-size:90px;vertical-align:top}.about-mark small{font-family:'DM Sans',Arial,sans-serif;display:block;letter-spacing:2px;font-size:10px;line-height:1.8;margin-top:30px}.about h2{margin-bottom:24px}.about p:not(.eyebrow){font-size:14px;color:var(--muted)}.about .about-lead{font-size:20px!important;color:var(--ink)!important;line-height:1.5}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:20px 30px 20px 0;font-size:14px;font-weight:600;position:relative}summary:after{content:'+';position:absolute;right:0;font-size:22px;font-weight:400;top:14px}details[open] summary:after{content:'−'}details p{font-size:13px;max-width:520px;color:var(--muted);padding-right:20px}.contact{background:var(--ink);color:var(--paper);padding-block:80px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact h2{font-size:62px;letter-spacing:-3px;margin-bottom:24px}.contact h2>span{color:#ef9a72}.contact p:not(.eyebrow){font-size:14px;color:#c5c9bc}.contact .contact-note{font-size:10px!important;margin:14px 0 0}.contact-links>a{display:block;border-bottom:1px solid #485043;padding:22px 0;font-size:24px;letter-spacing:-.5px}.contact-links small{display:block;font-size:8px;letter-spacing:1.5px;margin-bottom:8px;color:#c0c6b5}.contact-links>a>span{float:right;color:#ef9a72}.contact-links>p{margin-top:25px;line-height:1.9}.secondary-email{font-size:12px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-block:40px}.footer-main>p,.footer-main>a:last-child{font-size:11px;margin:0}.footer-legal{display:flex;justify-content:space-between;align-items:center;padding-block:22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-legal p{margin:0}.footer-legal>div{display:flex;gap:25px}.mobile-contact{display:none}.skip{position:fixed;top:-100px;left:10px;padding:15px;background:var(--ink);color:white;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a:hover{text-decoration-thickness:1px}
@media(min-width:1500px){.hero{padding-block:110px}.browser-preview img{height:340px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.nav{gap:18px}.brand{font-size:13px}nav{gap:18px;font-size:12px}.hero{gap:35px}.floating-note{margin-right:-30px}.benefits b{margin-left:10px}.price-card{padding:26px 20px}.about-grid{gap:60px}.contact-grid{gap:55px}.contact-links>a{font-size:21px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:78px;flex-wrap:wrap;position:relative;gap:10px}.brand{font-size:12px}.brand small{font-size:6px;letter-spacing:1.2px}.monogram{font-size:35px}.monogram span{font-size:22px}.header-call{font-size:11px;margin-left:auto}.header-call span{display:none}.menu{display:flex;align-items:center;gap:7px;background:none;border:1px solid var(--line);padding:7px 9px;font-size:10px;order:3}.menu span{font-size:15px}nav{display:none;position:absolute;top:78px;left:-20px;right:-20px;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-block:49px 47px;gap:43px}h1{font-size:clamp(43px,10vw,66px);letter-spacing:-2.8px;line-height:1.09}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:23px}.lead{font-size:15px;max-width:470px;margin-bottom:25px}.actions{gap:24px}.button{font-size:12px;padding:15px 20px}.hero-art{margin:0 6px;padding:23px 20px;transform:rotate(1deg)}.browser-preview img{height:235px}.floating-note{margin-right:-20px;font-size:10px;padding:12px 16px}.art-label{margin-bottom:20px}.art-caption{font-size:7px}.benefits .wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding-block:20px}.benefits span{font-size:9px}.benefits b{margin-left:5px}.section{padding-block:60px}.section-top{display:block;margin-bottom:30px}.eyebrow{font-size:9px;margin-bottom:20px}h2{font-size:34px;letter-spacing:-1.5px}.section-top>p{margin:20px 0 0;max-width:450px;font-size:13px}.work-grid{grid-template-columns:1fr;gap:37px}.work-image{height:270px;padding:25px 20px 0}.work-image img{height:250px}.work-title h3{font-size:19px}.comparison p{font-size:12px}.small-note{font-size:10px}.steps{grid-template-columns:1fr;gap:28px}.steps article{padding-top:14px;display:grid;grid-template-columns:30px 1fr;gap:0 12px}.steps article>span{padding-top:2px}.steps h3{font-size:17px;margin:0 0 10px}.steps p{grid-column:2}.pricing-grid{grid-template-columns:1fr;gap:24px}.price-card{padding:29px 25px}.price-card h3{font-size:24px}.price-card li{font-size:13px}.price-card .button{font-size:12px}.extras{grid-template-columns:1fr;gap:25px;margin-top:45px;padding-top:30px}.extras h3{font-size:26px}.about{padding-block:55px}.about-grid{grid-template-columns:1fr;gap:40px}.about-mark{font-size:105px;letter-spacing:-13px;padding:27px 35px;display:flex;align-items:center;justify-content:center}.about-mark>span{font-size:62px}.about-mark small{font-size:8px;letter-spacing:1px;text-align:left;margin:0 0 0 35px}.about .about-lead{font-size:18px!important}.faq{grid-template-columns:1fr;gap:20px}summary{font-size:13px}.contact{padding-block:55px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact h2{font-size:52px;letter-spacing:-2px}.contact-links>a{font-size:22px}.footer-main{flex-wrap:wrap;gap:20px;padding-block:30px}.footer-main>p{display:none}.footer-legal{align-items:start;gap:20px;font-size:9px}.footer-legal>div{flex-direction:column;gap:10px}.mobile-contact{display:grid;grid-template-columns:1.1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--paper);border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:10px}.mobile-contact a{text-align:center;font-size:11px;font-weight:600;padding:11px 5px;border:1px solid var(--line)}.mobile-contact a:last-child{background:var(--orange);color:white;border-color:var(--orange)}body{padding-bottom:75px}html{scroll-padding-top:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;transform:none!important}}

/* Year-end build-package promotion */
.price-card.promotional{overflow:hidden;padding-top:76px}.sale-ribbon{position:absolute;top:23px;right:-53px;width:240px;padding:8px 0;background:var(--orange);color:#fff;text-align:center;font-size:9px;font-weight:700;letter-spacing:.8px;transform:rotate(35deg);box-shadow:0 2px 5px #20282015}.price-card .offer-deadline{font-size:11px!important;color:#a9381d!important;font-weight:600;line-height:1.5;margin:0 0 18px;max-width:230px}.promotional h3{font-size:21px;max-width:260px}.extras>div>p>strong{display:inline-block;margin-top:8px;color:var(--ink);font-weight:600;max-width:330px}@media(max-width:760px){.price-card.promotional{padding-top:70px}.sale-ribbon{font-size:9px}.promotional h3{font-size:23px}}
.sale-ribbon{top:42px;right:-53px;width:220px;font-size:8px}.price-card.promotional{padding-top:100px}@media(max-width:760px){.price-card.promotional{padding-top:100px}.sale-ribbon{font-size:8px}}
.showcase-pause{display:block;margin:14px 0 0 auto;border:0;border-bottom:1px solid #8d9582;padding:3px 0;background:transparent;color:var(--muted);font:inherit;font-size:9px;cursor:pointer}.showcase-pause:hover{color:var(--ink)}

.work-outcome{font-size:11px;font-weight:600;color:#9c3e24;margin:0 0 18px}.before-visual{margin:0 0 20px;border:1px solid var(--line);padding:15px;background:#eeeee7}.before-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:8px;letter-spacing:.6px;margin-bottom:12px}.before-caption span{font-size:8px;color:var(--muted);letter-spacing:0}.old-site{background:#fff;border:1px solid #a7aaa3;max-width:300px;margin:auto;font-family:Georgia,serif;padding:10px;color:#4f594a}.old-site-title{text-align:center;font-size:16px;border-bottom:3px double #90998b;padding-bottom:5px}.old-site-nav{text-align:center;font-size:7px;text-decoration:underline;color:#435184;padding:5px}.old-site-columns{display:grid;grid-template-columns:65px 1fr;gap:12px;margin-top:5px}.old-site-photo{background:#d0d5c3;text-align:center;line-height:65px;font-size:30px}.old-site-columns strong{font-size:9px;font-weight:400}.old-site-columns span{display:block;height:3px;background:#dadbd5;margin-top:6px}.old-site-columns span:nth-of-type(3){width:70%}.old-site-columns small{font-size:7px;text-decoration:underline;color:#435184}.before-visual>p{font-size:9px;color:var(--muted);margin:10px 0 0;line-height:1.5}.mobile-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 0 80px}.mobile-story p:not(.eyebrow){font-size:14px;color:var(--muted)}.mobile-story-note{font-size:12px;font-weight:600}.mobile-story h2{font-size:38px}@media(max-width:760px){.mobile-story{grid-template-columns:1fr;gap:23px;padding-bottom:55px}.mobile-story h2{font-size:32px}.mobile-story p:not(.eyebrow){font-size:13px}.before-caption{flex-wrap:wrap;gap:3px}.before-caption span{width:100%}}

/* One shared frame for the old and redesigned experience. */
.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);padding:10px 12px;background:#eeeee7}.compare-toolbar>span{font-size:8px;font-weight:700;letter-spacing:1px}.compare-toolbar>div{display:flex;gap:4px}.compare-toolbar button{border:1px solid var(--line);background:transparent;padding:8px 12px;color:var(--ink);font:inherit;font-size:10px;cursor:pointer}.compare-toolbar button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.compare-stage{height:325px;overflow:hidden}.compare-stage .work-image{height:100%}.compare-disclaimer{font-size:9px;color:var(--muted);margin:9px 0 0;line-height:1.5}.retro-pane{height:100%;overflow:auto;background:#ffffd4;background-image:radial-gradient(#9a9a6433 1px,transparent 1px);background-size:5px 5px;border:3px ridge #b6b6b6;padding:8px;font-family:'Times New Roman',serif;color:#000;line-height:1.25}.retro-pane[hidden],.after-pane[hidden]{display:none}.retro-welcome{text-align:center;font:bold 10px 'Courier New',monospace;color:#c00;letter-spacing:2px}.retro-heading{text-align:center;font:bold 22px 'Times New Roman',serif;text-shadow:2px 2px #999;padding:8px 0;border-bottom:4px ridge #999}.retro-ticker{overflow:hidden;background:#000080;color:#ff0;padding:4px;font:bold 10px 'Courier New',monospace;white-space:nowrap}.retro-ticker span{display:inline-block;animation:retro-scroll 12s linear infinite}.retro-body{display:grid;grid-template-columns:85px 1fr;gap:10px;padding:10px 0}.retro-sidebar{background:#c0c0c0;border:3px outset #ddd;padding:5px}.retro-sidebar>a{display:block;text-decoration:underline;color:#00e;font:bold 10px 'Times New Roman',serif;padding:5px 0;border-bottom:1px solid #777}.retro-new{display:block;color:#f00;font:bold italic 15px Arial,sans-serif;margin-top:8px;animation:retro-blink 1.5s steps(2,end) infinite}.retro-mail{font-size:30px;text-align:center;color:blue;animation:retro-wobble 2s ease-in-out infinite}.retro-mail small{display:block;font:bold 8px Arial,sans-serif}.retro-content h4{font:bold 17px 'Times New Roman',serif;color:#800080;text-decoration:underline;margin:0 0 9px}.retro-content p{font-size:11px;margin:0 0 8px}.retro-service{color:#008000;font:bold 14px 'Times New Roman',serif;text-align:center;border:2px dashed #f00;padding:5px;margin-bottom:8px}.retro-construction{text-align:center}.retro-construction img{margin:0 auto 4px;width:120px;height:16px}.retro-construction strong{display:block;color:#c00;font:bold 8px Arial,sans-serif}.retro-footer{border-top:3px ridge #999;padding-top:5px;text-align:center;font-size:9px}.retro-footer b{background:#000;color:#0f0;font:12px 'Courier New',monospace;padding:2px 4px}.retro-footer>span{display:block;font-size:8px;margin-top:5px}@keyframes retro-scroll{from{transform:translateX(35%)}to{transform:translateX(-65%)}}@keyframes retro-blink{50%{opacity:.25}}@keyframes retro-wobble{50%{transform:rotate(-12deg)}}@media(max-width:760px){.compare-toolbar{padding:9px 8px}.compare-toolbar>span{font-size:7px}.compare-toolbar button{padding:8px;font-size:9px}.compare-stage{height:320px}.compare-stage .work-image img{height:290px}.retro-heading{font-size:17px}.retro-body{grid-template-columns:70px 1fr;gap:8px}.retro-content h4{font-size:15px}}@media(prefers-reduced-motion:reduce){.retro-pane *{animation:none!important}}
.work-card,.portfolio-compare,.compare-stage,.retro-pane,.retro-content{min-width:0}.retro-ticker{max-width:100%}.compare-toolbar{min-width:0}.compare-toolbar>div{flex-shrink:0}.retro-content{overflow:hidden}

/* Touch-friendly navigation and a contained mobile showcase. */
.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ccd2c2;margin-top:18px;padding-top:12px}.showcase-controls button{font:inherit;cursor:pointer;min-width:44px;min-height:44px;border:1px solid #c2c9b7;background:transparent;color:var(--ink);margin:0;padding:8px 12px;font-size:12px}.showcase-controls button:hover{background:#dce2d0}.showcase-choices{display:flex;gap:6px;margin-right:auto}.showcase-choices button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.showcase-controls .showcase-pause{font-size:11px;border-color:transparent;min-width:60px}.showcase-controls .showcase-arrow{font-size:20px}.hero-art{min-width:0}
@media(max-width:760px){.hero-art{margin:0;width:100%;padding:18px 14px;transform:none;border-radius:8px}.hero-art .art-label{font-size:8px;letter-spacing:.7px;margin-bottom:16px;gap:8px}.hero-art .browser-preview{transform:none;border-radius:6px;box-shadow:0 7px 20px #20282015}.hero-art .browser-bar{height:32px;font-size:9px;padding-inline:9px}.hero-art .browser-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%}.hero-art .browser-preview img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.hero-art .floating-note{width:auto;max-width:100%;margin:14px 0;transform:none;box-shadow:none;padding:12px 14px;font-size:12px;gap:12px}.hero-art .floating-note>span{font-size:30px}.hero-art .art-caption{align-items:center;flex-wrap:wrap;gap:10px;font-size:8px}.hero-art .art-caption a{display:inline-flex;align-items:center;min-height:44px;font-size:10px}.showcase-controls{gap:6px;margin-top:10px;padding-top:12px}.showcase-controls button{padding:8px;min-width:44px}.showcase-choices{gap:5px}.showcase-controls .showcase-pause{min-width:48px;font-size:10px}}

/* Plumbing before: a distinct fixed-width, glossy 2010-era design. */
.plumbing-2010{padding:0;border:1px solid #9aa9b8;background:#fff;font-family:Arial,sans-serif;color:#555;line-height:1.35}.p2010-top{padding:5px 10px;background:linear-gradient(#435c75,#1d344b);color:#ddd;font-size:7px}.p2010-top>span{float:right;color:#ffce52}.p2010-logo{padding:11px 12px;background:linear-gradient(#fff,#e5eaf0);border-bottom:1px solid #c4ced9}.p2010-logo strong{display:block;font:bold italic 21px Arial,sans-serif;color:#1261a3;letter-spacing:-1px;text-shadow:1px 1px white}.p2010-logo strong span{color:#485664}.p2010-logo small{display:block;font-size:8px;color:#727c86;margin-top:3px}.p2010-nav{display:flex;justify-content:space-around;background:linear-gradient(#49a4df 0%,#247fbd 49%,#0965a0 50%,#195d91 100%);padding:8px 3px;color:white;border-top:1px solid white;border-bottom:2px solid #0f416a;font-size:8px;font-weight:bold;text-shadow:0 -1px #174b70}.p2010-banner{display:grid;grid-template-columns:1.15fr 1fr;background:linear-gradient(120deg,#dae9f5,#f2f7fb);border-bottom:4px solid #c5d4df;min-height:105px}.p2010-banner>div{padding:12px}.p2010-banner strong{font:bold 19px Arial,sans-serif;color:#254f72;line-height:1.1;letter-spacing:-.6px}.p2010-banner small{display:block;font-size:8px;margin:6px 0}.p2010-banner>div>span{display:inline-block;padding:5px 8px;border:1px solid #b56e0e;border-radius:4px;color:#4b310b;background:linear-gradient(#ffe4a6,#f7ae38 49%,#e9951d 50%,#f4ba53);box-shadow:inset 0 1px white,0 1px 2px #7775;font-size:7px;font-weight:bold}.p2010-banner img{width:100%;height:115px;object-fit:cover}.p2010-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;padding:10px 12px}.p2010-columns h4{font:bold 12px Arial,sans-serif;color:#296797;border-bottom:1px solid #ccd6de;padding-bottom:4px;margin:0 0 5px}.p2010-columns p{font-size:8px;margin:0 0 5px}.p2010-columns a{font-size:8px;color:#176ba3;text-decoration:underline}.p2010-columns aside{background:linear-gradient(#edf2f5,#fff);border:1px solid #d0d9e0;padding:6px}.p2010-footer{text-align:center;font-size:6px;background:#e8edf2;border-top:1px solid #bbc9d5;padding:5px;color:#6b7986}@media(max-width:760px){.p2010-logo strong{font-size:19px}.p2010-banner strong{font-size:16px}.p2010-banner>div{padding:10px}.p2010-columns{gap:9px;padding:10px}.p2010-top{font-size:6px}}

/* Discreet overlay arrows, without numbered navigation. */
.hero-art .art-label>span:last-child{display:none}.hero-art .showcase-controls{position:absolute;top:205px;left:30px;right:30px;margin:0;padding:0;border:0;pointer-events:none;z-index:3}.hero-art .showcase-controls .showcase-arrow{pointer-events:auto;display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;min-height:48px;padding:0;border:0;border-radius:4px;background:#f6f4ede0;color:#283126;font-size:32px;font-weight:400;box-shadow:0 1px 8px #0001;opacity:.72;transition:opacity .2s,background .2s}.hero-art .showcase-controls .showcase-arrow:hover,.hero-art .showcase-controls .showcase-arrow:focus-visible{opacity:1;background:var(--paper)}.showcase-pause-quiet{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);border:0;padding:0}.showcase-pause-quiet:focus-visible{position:relative;clip-path:none;width:auto;height:auto;margin-top:10px;padding:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:11px}@media(max-width:760px){.hero-art .showcase-controls{top:calc(66px + (100vw - 70px)*.3125);left:17px;right:17px;transform:translateY(-50%)}.hero-art .showcase-controls .showcase-arrow{min-width:36px;width:36px;min-height:44px;font-size:30px;background:#f6f4edc9;opacity:.8}}

/* Customer photograph and a stronger editorial mobile-first message. */
.mobile-story{grid-template-columns:1fr 1fr;gap:32px 65px;align-items:start;padding-top:10px}.mobile-story-photo{grid-column:1;grid-row:1 / 3;margin:0;align-self:stretch;overflow:hidden;border-radius:6px;background:#e8ecdf;min-height:460px}.mobile-story-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.mobile-story-heading{grid-column:2}.mobile-story-heading .eyebrow{margin-bottom:20px}.mobile-story h2{font-size:clamp(36px,3.7vw,52px);line-height:1.08;letter-spacing:-2px}.mobile-story h2 em{font-style:normal;color:var(--orange)}.mobile-story>div:last-child{grid-column:2}.mobile-story>div:last-child p{font-size:13px}.mobile-story-note{display:block;border-top:1px solid var(--line);padding-top:17px;color:var(--ink)}@media(max-width:760px){.mobile-story{grid-template-columns:1fr;gap:25px;padding-top:0}.mobile-story-photo{grid-column:1;grid-row:2;min-height:0;aspect-ratio:4/3}.mobile-story-photo img{height:100%}.mobile-story-heading{grid-column:1;grid-row:1}.mobile-story>div:last-child{grid-column:1;grid-row:3}.mobile-story h2{font-size:clamp(38px,10vw,58px);letter-spacing:-1.8px}.mobile-story h2 em br{display:none}}

.process .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.process .steps h3{line-height:1.4}@media(max-width:1050px) and (min-width:761px){.process .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}}@media(max-width:760px){.process .steps{grid-template-columns:1fr;gap:28px}}
/* Practical extras: a distinct feature block. */
.extras{background:var(--ink);color:var(--paper);border:0;border-radius:8px;padding:48px;gap:45px;grid-template-columns:.85fr 1.4fr;margin-top:65px}.extras .eyebrow{color:#efaa84;letter-spacing:2px}.extras h3{font-size:clamp(32px,3.1vw,43px);line-height:1.12;letter-spacing:-1.5px;max-width:300px;margin-bottom:22px}.extras>div>p{color:#cbd0c2;font-size:14px}.extras>div>p>strong{color:#f5e5cf;background:#ffffff0a;border-left:3px solid #e99b73;padding:13px 15px;margin-top:18px;font-size:12px;font-weight:500;line-height:1.6}.extras-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.extras-list>div,.extras-list>div:first-child{display:flex;flex-direction:column;align-items:start;gap:0;border:1px solid #53604c;background:#ffffff05;padding:21px;border-radius:5px;transition:background .2s,border-color .2s}.extras-list>div:hover{background:#ffffff0a;border-color:#a8b49c}.extras-list span{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #7a6c54;color:#ffc39e;font-size:10px;padding:0;margin-bottom:17px;border-radius:50%}.extras-list h4{font-size:16px;line-height:1.35;margin-bottom:10px;color:var(--paper);letter-spacing:-.3px}.extras-list p{font-size:12px;color:#cbd0c2;line-height:1.6;margin:0}@media(max-width:1050px){.extras{padding:32px;gap:30px;grid-template-columns:.85fr 1.3fr}.extras-list>div,.extras-list>div:first-child{padding:17px}}@media(max-width:760px){.extras{grid-template-columns:1fr;padding:28px 20px;gap:27px;margin-top:45px}.extras h3{font-size:36px;max-width:280px}.extras>div>p>strong{max-width:none}.extras-list{grid-template-columns:1fr;gap:12px}.extras-list>div,.extras-list>div:first-child{display:grid;grid-template-columns:32px 1fr;gap:0 14px;padding:18px}.extras-list span{grid-row:1 / 3;margin:0}.extras-list h4{font-size:16px;margin-bottom:6px}.extras-list p{grid-column:2}.extras .eyebrow{font-size:9px}}

/* A restrained older brochure site for tree services. */
.tree-2010 .p2010-top{background:linear-gradient(#536044,#35402c)}.tree-2010 .p2010-top>span{color:#e2dbac}.tree-2010 .p2010-logo{background:linear-gradient(#fffdf7,#e7e9df);border-color:#c6cbbd}.tree-2010 .p2010-logo strong{color:#496633}.tree-2010 .p2010-logo strong span{color:#66705b}.tree-2010 .p2010-nav{background:linear-gradient(#8da571,#6d8753 49%,#56703e 50%,#476033);border-bottom-color:#334728;text-shadow:0 -1px #3d512c}.tree-2010 .p2010-banner{background:linear-gradient(120deg,#e1e6d6,#f4f4e9);border-color:#c7cfb7}.tree-2010 .p2010-banner strong{color:#465c35}.tree-2010 .p2010-banner>div>span{border-color:#778450;background:linear-gradient(#f1efcd,#d6d49e 49%,#c3c184 50%,#dedcb2);color:#41452d}.tree-2010 .p2010-columns h4{color:#536a3e;border-color:#cbd2c0}.tree-2010 .p2010-columns a{color:#536a3e}.tree-2010 .p2010-columns aside{background:linear-gradient(#edf0e6,#fff);border-color:#cbd2c0}.tree-2010 .p2010-footer{background:#e8ebdf;border-color:#bdc7ac;color:#6a755e}

/* Tree before: an independent, traditional brochure composition. */
.tree-brochure{padding:0;background:#f4efe1;border:1px solid #c0b69d;color:#4b493b;font-family:Georgia,'Times New Roman',serif;line-height:1.35}.tb-masthead{display:flex;align-items:center;gap:10px;padding:12px 17px;border-bottom:1px solid #c5bfa9;background:#faf7ee}.tb-emblem{font-size:37px;color:#6e7652;line-height:1}.tb-masthead strong{display:block;font-size:23px;font-weight:400;letter-spacing:-.7px}.tb-masthead small{display:block;font:6px Arial,sans-serif;letter-spacing:1.8px;margin-top:5px;color:#847c66}.tb-layout{display:grid;grid-template-columns:108px minmax(0,1fr)}.tb-sidebar{background:#e5dfcd;padding:12px 10px;border-right:1px solid #c3bba3}.tb-sidebar>span{display:block;border-bottom:1px dotted #b8ae93;padding:7px 0;font-size:9px;color:#585d42}.tb-sidebar>span:first-child{font-weight:bold;color:#343c22}.tb-sidebar-note{font-size:9px;line-height:1.6;text-align:center;margin-top:18px;color:#8b7d5c}.tb-sidebar-note i{font-size:8px}.tb-main{padding:10px;min-width:0}.tb-photo{position:relative}.tb-photo img{width:100%;height:96px;object-fit:cover;object-position:center 46%;border:3px solid white;outline:1px solid #c3b99c}.tb-photo>span{position:absolute;bottom:9px;left:9px;color:white;background:#3c402cd9;padding:3px 6px;font-size:10px;font-style:italic}.tb-copy{padding-top:10px}.tb-copy h4{font:normal 15px Georgia,serif;color:#5e6546;margin:0 0 7px}.tb-copy>p{font-size:9px;margin:0 0 8px}.tb-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #d2cab6;padding-top:6px}.tb-bottom p{font-size:8px;line-height:1.6;margin:0}.tb-bottom strong{font-weight:400;color:#6b7051;font-size:10px}.tb-readmore{display:block;text-align:right;font-size:8px;color:#77704c;text-decoration:underline;margin-top:6px}.tb-footer{border-top:1px solid #c5bfa9;padding:5px 10px;font:6px Arial,sans-serif;color:#89816c;letter-spacing:.5px}.tb-footer>span{float:right;font-size:6px;letter-spacing:0}@media(max-width:760px){.tb-masthead{padding:10px;gap:7px}.tb-masthead strong{font-size:20px}.tb-masthead small{font-size:5px;letter-spacing:1px}.tb-layout{grid-template-columns:82px minmax(0,1fr)}.tb-sidebar{padding:7px}.tb-sidebar>span{font-size:8px;padding:6px 0}.tb-main{padding:8px}.tb-photo img{height:87px}.tb-photo>span{font-size:8px;left:5px}.tb-copy h4{font-size:12px}.tb-copy>p{font-size:8px}.tb-bottom{gap:5px}.tb-bottom p{font-size:7px}.tb-bottom strong{font-size:9px}.tb-sidebar-note{font-size:8px;margin-top:14px}}

/* A separate coloured chapter for mobile-first design. */
.mobile-story-band{background:#e7dfd0;border-block:1px solid #d6cbb8}.mobile-story-band .mobile-story{padding-top:72px;padding-bottom:72px}.mobile-story-band .mobile-story-note{border-color:#c8bda8}.mobile-demo-frame{display:none}
@media(max-width:760px){.mobile-story-band .mobile-story{padding-top:50px;padding-bottom:50px}.compare-stage{height:440px}.compare-stage .after-pane{padding:0;position:relative;overflow:hidden;background:white}.compare-stage .after-pane>img{display:none}.mobile-demo-frame{display:block;width:100%;height:100%;border:0;pointer-events:none;background:white}.compare-stage .after-pane>span{z-index:2;bottom:10px;right:10px;box-shadow:0 2px 10px #0002}.retro-pane{height:100%}.tree-brochure{overflow:auto}.tb-masthead{padding:14px 10px}.tb-masthead strong{font-size:23px}.tb-masthead small{font-size:7px;letter-spacing:.5px}.tb-layout{grid-template-columns:1fr}.tb-sidebar{display:flex;flex-wrap:wrap;gap:0 12px;border-right:0;border-bottom:1px solid #c3bba3;padding:7px 10px}.tb-sidebar>span{font-size:10px;padding:5px 0;border:0}.tb-sidebar-note{display:none}.tb-main{padding:12px}.tb-photo img{height:130px}.tb-photo>span{font-size:11px;left:9px}.tb-copy h4{font-size:18px;line-height:1.25;margin-bottom:8px}.tb-copy>p{font-size:12px;line-height:1.5}.tb-bottom p{font-size:11px}.tb-bottom strong{font-size:13px}.tb-readmore{font-size:11px;margin:9px 0}.tb-footer{font-size:8px}.tb-footer>span{display:none}.plumbing-2010{overflow:auto}.p2010-top{font-size:8px;padding:8px}.p2010-top>span{display:none}.p2010-logo{padding:14px 10px}.p2010-logo strong{font-size:24px}.p2010-logo small{font-size:10px}.p2010-nav{font-size:10px;padding:12px 3px}.p2010-banner{grid-template-columns:1fr;position:relative;min-height:190px}.p2010-banner>div{padding:17px;position:relative;z-index:1;background:linear-gradient(90deg,#edf4fcf5,#edf4fcbd 65%,transparent)}.p2010-banner strong{font-size:24px;line-height:1.15}.p2010-banner small{font-size:11px;margin:10px 0}.p2010-banner>div>span{font-size:10px;padding:8px 10px}.p2010-banner img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:70% center}.p2010-columns{grid-template-columns:1fr;padding:15px;gap:15px}.p2010-columns h4{font-size:18px}.p2010-columns p{font-size:12px;line-height:1.5}.p2010-columns a{font-size:12px}.p2010-footer{font-size:8px;padding:10px}}

/* Photographic hero: crossfades and a quiet cinematic zoom. */
.hero-photo-showcase{position:relative;min-width:0;overflow:hidden;border-radius:9px;background:#d9ddcf;isolation:isolate;align-self:stretch;min-height:460px}.hero-photo-slides{position:absolute;inset:0}.hero-photo-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.025);transition:opacity 1.3s ease-in-out,transform 8.3s linear;will-change:opacity,transform}.hero-photo-slide.is-active{opacity:1;transform:scale(1.09)}.hero-photo-slide:first-child{object-position:43% center}.hero-photo-showcase:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#142016d9);pointer-events:none;z-index:1}.hero-photo-caption{position:absolute;z-index:2;left:28px;right:28px;bottom:30px;color:#fff}.hero-photo-caption>span{display:block;font-size:8px;letter-spacing:1.5px;font-weight:600;margin-bottom:12px;color:#efe8d7}.hero-photo-caption strong{font-family:'Manrope',Arial,sans-serif;font-size:25px;line-height:1.3;font-weight:550;letter-spacing:-.6px}.hero-photo-pause{position:absolute;z-index:3;top:12px;right:12px;border:0;border-radius:3px;padding:9px;background:#202820b3;color:white;font:inherit;font-size:10px;opacity:0;cursor:pointer}.hero-photo-showcase:hover .hero-photo-pause,.hero-photo-pause:focus-visible{opacity:1}@media(max-width:760px){.hero-photo-showcase{min-height:0;aspect-ratio:4/3;width:100%;align-self:auto}.hero-photo-caption{left:19px;right:19px;bottom:20px}.hero-photo-caption>span{font-size:7px;letter-spacing:1px;margin-bottom:8px}.hero-photo-caption strong{font-size:20px}.hero-photo-pause{padding:7px;font-size:9px}}@media(prefers-reduced-motion:reduce){.hero-photo-slide{transform:none!important;transition:none!important}}
/* Preserve the landscape compositions on desktop instead of cropping to a tall column. */
@media(min-width:761px){.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:45px}.hero-photo-showcase{align-self:center;min-height:0;aspect-ratio:3/2;width:100%}.hero-photo-slide,.hero-photo-slide:first-child{object-position:center;transform:scale(1)}.hero-photo-slide.is-active{transform:scale(1.025)}.hero-photo-caption{left:23px;right:23px;bottom:24px}.hero-photo-caption strong{font-size:clamp(19px,1.8vw,25px)}.hero-photo-caption>span{font-size:8px;margin-bottom:8px}}@media(min-width:761px) and (max-width:1050px){.hero{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.hero-photo-caption{left:17px;right:17px;bottom:18px}.hero-photo-caption strong{font-size:18px}.hero-photo-caption>span{font-size:7px;letter-spacing:1px}}
/* Restore the visible slow zoom within the landscape desktop frame. */
@media(min-width:761px){.hero-photo-slide.is-active{transform:scale(1.09)}}
/* Match the desktop copy height and start zooming on the first visible slide. */
@media(min-width:761px){.hero-photo-showcase{align-self:stretch;aspect-ratio:auto;min-height:460px}.hero-photo-slide,.hero-photo-slide:first-child{object-position:center}}
.hero-photo-slide.is-active{animation:hero-photo-zoom 8.3s linear both}
@keyframes hero-photo-zoom{from{transform:scale(1)}to{transform:scale(1.09)}}
@media(prefers-reduced-motion:reduce){.hero-photo-slide.is-active{animation:none!important}}

/* Five-second rhythm; favour the flower-delivery owner in the first frame. */
.hero-photo-slide{transition:opacity 1.1s ease-in-out,transform 6.1s linear}.hero-photo-slide.is-active{animation-duration:6.1s}.hero-photo-slide:first-child{object-position:30% center}@media(max-width:760px){.hero-photo-slide:first-child{object-position:40% center}}

/* Fade opacity independently; never rewind the outgoing photo while visible. */
.hero-photo-slide{transition:opacity 1.1s ease-in-out;transform:scale(1)}.hero-photo-slide.is-active,.hero-photo-slide.is-exiting{animation:hero-photo-zoom 6.4s linear both}.hero-photo-slide.is-exiting{opacity:0}@media(prefers-reduced-motion:reduce){.hero-photo-slide.is-active,.hero-photo-slide.is-exiting{animation:none!important}}

.whatsapp-icon{width:26px;height:26px;display:inline-block;vertical-align:-4px;margin-right:11px;color:#53df83;flex-shrink:0}@media(max-width:760px){.whatsapp-icon{width:24px;height:24px;vertical-align:-4px;margin-right:9px}}

/* ===== 2026-10-31: service pages, social package, 4-demo portfolio ===== */
@media(min-width:761px) and (max-width:1100px){.nav{height:84px;flex-wrap:wrap;position:relative;gap:10px}.header-call{font-size:12px;margin-left:auto}.menu{display:flex;align-items:center;gap:7px;background:none;border:1px solid var(--line);padding:8px 11px;font-size:11px;order:3;cursor:pointer}.menu span{font-size:15px}nav{display:none;position:absolute;top:84px;left:-28px;right:-28px;background:var(--paper);padding:22px 28px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px;font-size:14px}nav.open{display:flex}}
nav a[aria-current=page]{color:var(--orange)}
.work-image.physio{background:#dde3f7}.work-image.decorating{background:#efe4d6}
.retro-pane.deco-2010{background:#f4efe6;background-image:none;border:1px solid #b9ab97;padding:0;font-family:Arial,sans-serif}
.deco-2010 .p2010-top{background:linear-gradient(#6b4a66,#3d2a3b);color:#eee}.deco-2010 .p2010-top>span{color:#f2cf6e}
.deco-2010 .p2010-logo{background:linear-gradient(#fffdf8,#ece3d6);border-color:#cdbfae}.deco-2010 .p2010-logo strong{color:#6b3c62}.deco-2010 .p2010-logo strong span{color:#8b7f72}
.deco-2010 .p2010-nav{background:linear-gradient(#b48a3c,#9a7228 49%,#86621f 50%,#73541a);border-bottom-color:#4f3a11;text-shadow:0 -1px #4f3a11}
.deco-2010 .p2010-banner{background:linear-gradient(120deg,#f1e8da,#faf6ef);border-color:#ddd0bd}.deco-2010 .p2010-banner strong{color:#5a3552}
.p2010-fakeimg{height:115px;background:linear-gradient(transparent 70%,#8b7258 70% 74%,#a88b6c 74%),linear-gradient(90deg,#d9cfb8 0 38%,#c4b89c 38% 40%,#d9cfb8 40%)}
.retro-pane.physio-90s .retro-heading{color:#0000a0}.retro-pane.physio-90s{background-color:#e8f4ff}
.page-hero{padding-block:80px 70px;border-bottom:1px solid var(--line)}.page-hero .crumbs{font-size:11px;color:var(--muted);margin:0 0 26px}.page-hero .crumbs a{text-decoration:underline}
.page-hero h1{font-size:clamp(42px,5vw,70px);letter-spacing:-3px;max-width:900px}.page-hero .lead{max-width:600px}
.page-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}
.price-panel{border:1px solid var(--line);background:#fff8;padding:28px 26px}.price-panel .eyebrow{font-size:9px;margin-bottom:12px}.price-panel .price{margin-bottom:10px}.price-panel p{font-size:12px;color:var(--muted);margin:0 0 18px}.price-panel .offer-deadline{color:#9c3e24;font-weight:600}
.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 46px}
.service-card{display:flex;flex-direction:column;border:1px solid var(--line);padding:24px 22px;background:#fbfaf6;transition:border-color .2s,transform .2s}.service-card:hover{border-color:var(--orange);transform:translateY(-3px)}
.service-card>span{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--orange)}.service-card h3{font-size:19px;letter-spacing:-.5px;margin:14px 0 8px}.service-card p{font-size:12px;color:var(--muted);margin:0 0 16px;flex:1}.service-card strong{font-size:13px}.service-card strong small{font-weight:400;color:var(--muted)}
.service-card b{display:block;font-size:11px;margin-top:12px;font-weight:650}.service-card.social{background:var(--green)}
.detail-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.detail-grid h2{margin-bottom:18px}.detail-grid>div>p{font-size:14px;color:var(--muted)}
.check-list{margin:0}.check-list li{font-size:14px;padding:14px 0 14px 26px}.check-list li strong{display:block;font-size:14px}.check-list li span{display:block;font-size:12px;color:var(--muted)}
.not-list li:before{content:'–';color:var(--muted)}
.social-band{display:grid;grid-template-columns:1.1fr 1fr auto;gap:40px;align-items:center;margin-top:46px;padding:32px;border:1px solid #bdc6ad;background:var(--green)}
.social-band h3{font-size:26px;letter-spacing:-.8px;margin:0 0 8px}.social-band p{font-size:13px;color:var(--muted);margin:0}.social-band .price{font-size:38px;margin:0}.social-band ul{margin:0;columns:2;column-gap:24px}.social-band li{break-inside:avoid;font-size:12px}
.post-mock{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.post-mock div{aspect-ratio:1;background:#e8ecdf;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:end;padding:12px;font-size:10px;font-weight:600;line-height:1.35}.post-mock div:nth-child(2){background:var(--ink);color:var(--paper)}.post-mock div:nth-child(4){background:#f0d9cc}.post-mock div:nth-child(6){background:var(--orange);color:#fff}.post-mock small{display:block;font-size:8px;letter-spacing:1px;opacity:.7;margin-bottom:5px;font-weight:700}
.example-note{font-size:11px;color:var(--muted);margin-top:12px}
.cta-band{background:var(--ink);color:var(--paper);padding-block:70px}.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-band h2{font-size:clamp(32px,4vw,52px)}.cta-band h2 span{color:#ef9a72}.cta-band p{color:#c5c9bc;font-size:14px;margin:12px 0 0}.cta-band .actions{flex-shrink:0}
.cta-band .text-link{color:var(--paper)}
.footer-nav{display:flex;flex-wrap:wrap;gap:12px 26px;padding-block:0 26px;font-size:12px}.footer-nav a:hover{color:var(--orange)}.footer-nav strong{font-size:9px;letter-spacing:1.5px;width:100%;color:var(--muted)}
.compare-table{width:100%;border-collapse:collapse;font-size:13px}.compare-table th,.compare-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}.compare-table th{font-size:9px;letter-spacing:1.4px}.compare-table td:first-child{font-weight:600}
@media(max-width:1050px){.service-cards{grid-template-columns:1fr 1fr}.social-band{grid-template-columns:1fr 1fr}.social-band>a{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.page-hero{padding-block:50px 44px}.page-hero h1{letter-spacing:-2px}.page-hero-grid,.detail-grid{grid-template-columns:1fr;gap:32px}.service-cards{grid-template-columns:1fr;gap:12px}.social-band{grid-template-columns:1fr;padding:24px 20px;gap:22px}.social-band ul{columns:1}.cta-band .wrap{display:block}.cta-band .actions{margin-top:26px;flex-wrap:wrap;gap:18px}.post-mock{gap:6px}.post-mock div{font-size:9px;padding:8px}.compare-table{font-size:12px}.compare-table th,.compare-table td{padding:10px 6px}}
.price-panel p.price{font-size:43px;color:var(--ink);margin-bottom:12px}.social-band p.price{font-size:38px;color:var(--ink)}
/* 2026-10-31 preview: offer links, service visuals, portfolio carousel */
.offer-links{margin:22px 0 0;font-size:14px;color:var(--muted)}
.offer-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.offer-links a:hover{color:var(--ink,#111)}
.svc-visual{margin-top:8px;margin-bottom:24px}
.svc-visual figure{margin:0}
.svc-visual img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:6px}
.svc-visual figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.work-carousel{position:relative}
.work-nav{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 22px}
.work-nav button{width:48px;height:48px;border-radius:50%;border:1px solid currentColor;background:transparent;font-size:20px;cursor:pointer;color:inherit;display:grid;place-items:center}
.work-nav button:hover:not(:disabled){background:var(--ink,#111);color:#fff}
.work-nav button:disabled{opacity:.3;cursor:default}
.work-nav .work-count{font-size:13px;letter-spacing:1.5px;font-weight:700;min-width:64px;text-align:center}
.work-grid.is-carousel>.work-card[hidden]{display:none}

#work .work-headline{font-size:clamp(34px,4.25vw,60px);line-height:1.08;letter-spacing:-.045em;font-weight:750}
.work-headline em{font-style:normal;color:var(--orange)}

.work-image.takeaway-preview{background:#9d2e1d;color:#fff7e7;display:grid;align-items:center;padding:25px;height:325px}.takeaway-preview-copy{display:grid;gap:10px}.takeaway-preview-copy small{font-size:9px;letter-spacing:1px}.takeaway-preview-copy strong{font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:-.05em}.takeaway-preview-copy b{color:#ffd379;font-size:10px;letter-spacing:1px}.work-image.takeaway-preview>span{color:#242219}