:root{--taskk-blue:#204782;--taskk-sky:#5eaad6;--ink:#17293f;--muted:#526171;--line:#dce3e8;--mist:#f2f5f7;--gutter:clamp(22px,5.2vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.65 Raleway,Arial,sans-serif;font-variant-numeric:lining-nums}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(32px,3.1vw,55px)}h2{font-size:clamp(29px,3vw,48px)}h3{font-size:23px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--taskk-sky);outline-offset:4px}[hidden]{display:none!important}
header{position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid var(--line)}.utility{padding:6px var(--gutter);display:flex;justify-content:space-between;background:var(--mist);font-size:11px;color:#536174}
.navwrap{height:84px;display:flex;align-items:center;gap:40px;padding:0 var(--gutter)}.brand{margin-right:auto;display:flex}.brand img{width:98px;height:auto}
nav{display:flex;gap:32px;align-items:center}nav a{font-size:14px;font-weight:600;padding:10px 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current]{border-color:var(--taskk-blue)}.navcta,.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--taskk-blue);border:1px solid var(--taskk-blue);padding:13px 21px;color:white;font-size:13px;font-weight:700;transition:background .2s}.navcta:hover,.button:hover{background:#153461}.textlink{display:inline-flex;align-items:center;gap:20px;color:var(--taskk-blue);font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}
.arrow{display:inline-block;flex:none}.arrow svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.menubtn,.cta-short{display:none}.hamb{width:15px;height:10px;border-block:1px solid;display:inline-block}.skip{position:fixed;top:-100px;z-index:50;background:white;padding:10px}.skip:focus{top:0}
.home-intro{padding:40px var(--gutter) 34px;display:grid;grid-template-columns:1.45fr 1fr;gap:50px;align-items:center}.home-intro h1{color:var(--taskk-blue)}.home-intro>p{max-width:445px;color:var(--muted);font-size:15px;line-height:1.7}
.product-gallery{background:var(--mist)}.gallery-stage{position:relative}.gallery-slide{min-height:445px;position:relative;display:flex;align-items:center;padding:36px var(--gutter)}
.product-photo{position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:center 48%}
.product-copy{position:relative;z-index:1;width:44%;max-width:570px;background:white;padding:36px 38px 38px;box-shadow:0 3px 20px #13283b0a}
.product-category{font-size:12px;font-weight:700;color:var(--taskk-blue);margin-bottom:14px}
.product-copy h2{font-size:clamp(27px,2.7vw,44px);color:var(--taskk-blue);line-height:1.12}
.product-copy>p:not(.product-category){margin:17px 0 22px;color:var(--muted);font-size:15px;line-height:1.65}
.product-copy .button{font-size:12px;gap:15px}.gallery-bottom{display:flex;justify-content:space-between;align-items:stretch;background:var(--taskk-blue);padding:0 var(--gutter);gap:24px;color:white}
.product-tabs{display:flex;gap:23px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ffffff66 transparent}
.product-tabs button{background:none;border:0;border-bottom:4px solid transparent;font-size:12px;padding:20px 1px 16px;white-space:nowrap;font-weight:600;opacity:.73}
.product-tabs button[aria-selected=true]{border-color:var(--taskk-sky);opacity:1}.product-tabs button:hover{opacity:1}
.gallery-arrows{display:flex;align-items:center;gap:13px;flex:none}.gallery-arrows button{font:30px/1 Arial;background:transparent;border:1px solid #ffffff77;width:32px;height:32px}.gallery-arrows button:hover{background:#ffffff20}.gallery-count{font-size:11px;white-space:nowrap}
.section,.subhero,.offers,footer{padding:clamp(55px,6vw,100px) var(--gutter)}
.section h2{color:var(--taskk-blue)}.section p,.offer p,.subhero p{color:var(--muted);line-height:1.8}.section p{margin-top:17px}.section .textlink{margin-top:22px}
.editorial{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.editorial h2{max-width:450px}.editorial h3{font-size:26px}
.solutions{background:var(--mist);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.indexrow{display:flex;align-items:center;gap:20px;border-bottom:1px solid #bfcbd5;padding:18px 0;font-size:22px;font-weight:600;color:var(--taskk-blue)}.indexrow:first-child{padding-top:0}.indexrow>span:first-child{font-size:12px;font-weight:400;color:#66788a}.indexrow>.arrow{margin-left:auto}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.split>div>p{max-width:500px}
.rows details{border-top:1px solid var(--line)}.rows details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:600;padding:17px 0}summary::-webkit-details-marker{display:none}
.plus{width:12px;height:12px;flex:none;position:relative}.plus:before,.plus:after{content:'';position:absolute;top:5px;width:100%;height:1px;background:currentColor}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:none}.rows details>p{font-size:14px;margin:0 20px 22px 0}
.why{background:var(--taskk-blue);color:white}.why h2{color:white}.why p{color:#e0eaf2}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:36px}.values>div{border-top:1px solid #ffffff60;padding-top:24px}.values p{font-size:15px}.values h3{font-size:24px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.steps>div{border-top:3px solid var(--taskk-sky);padding-top:20px}.counter{font-size:12px;color:#687a8b}.steps h3{font-size:21px;margin-top:7px}.steps p{font-size:14px;margin-top:12px}.note{display:block;font-size:11px;color:#6a7480;margin-top:24px}
.contact{background:var(--mist)}.contactgrid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px}.contactgrid p{margin-top:0}.contactgrid .button{margin-top:20px}
footer{background:#204782;color:white;padding-top:48px;padding-bottom:22px;font-size:13px}.footgrid{display:grid;grid-template-columns:1fr 1.4fr .7fr;gap:45px}.footgrid p{margin:10px 0}.footnav{display:grid;align-content:start;gap:9px}.footend{border-top:1px solid #ffffff55;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:11px}
.subhero{background:var(--mist);border-bottom:1px solid var(--line)}.subhero h1{color:var(--taskk-blue);font-size:clamp(38px,4.8vw,76px);max-width:850px}.subhero p{margin-top:24px;max-width:660px}
.offers{padding-block:25px}.offer{display:grid;grid-template-columns:40px 1fr 1fr;gap:30px;padding:40px 0;border-bottom:1px solid var(--line);scroll-margin-top:130px}.offer:last-child{border:0}.offer h2{font-size:30px;color:var(--taskk-blue)}.offer p{font-size:15px;margin-top:14px}.offer ul{margin:0;padding-left:20px;color:var(--muted);font-size:15px}.offer li{padding-bottom:8px}
.vinyl-feature{margin:35px var(--gutter) 70px;background:var(--mist);padding:45px;display:grid;grid-template-columns:1fr 1.2fr;gap:55px;scroll-margin-top:140px}.vinyl-feature h2{font-size:35px;color:var(--taskk-blue)}.vinyl-feature p{font-size:15px;color:var(--muted)}.vinyl-feature .creditline{margin-bottom:14px;font-size:12px;color:var(--taskk-blue);font-weight:700}.vinyl-feature .button{margin-top:20px}
.cabinet-story{background:var(--mist)}.cabinet-story>div{display:grid;grid-template-columns:1fr 1.2fr;gap:15px 8vw}.cabinet-story h2{grid-row:span 2}.cabinet-story p{margin:0}
@keyframes travel{to{transform:translateX(-50%)}}
@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.gallery-slide:not([hidden]) .product-copy{animation:enter .35s both}.reveal.appear{animation:enter .5s both}}
.references{background:#fff;border-block:1px solid var(--line);padding:19px 0 27px;overflow:hidden}
.refmeta{margin:0 var(--gutter) 15px;color:#535d63;display:flex;align-items:center;justify-content:space-between;font-size:9px}
.refmeta button{border:1px solid var(--line);background:white;border-radius:100%;width:28px;height:28px;display:grid;place-items:center;letter-spacing:0;font:12px/1 Arial}
.marquee{overflow:hidden}.track,.marks{display:flex;align-items:center;width:max-content}.track{animation:travel 74s linear infinite}
.marks{gap:clamp(58px,6.2vw,110px);padding-right:clamp(58px,6.2vw,110px)}
.marquee:hover .track,.marquee:focus-within .track,.references.paused .track{animation-play-state:paused}
.wordmark{display:flex;align-items:center;gap:9px;color:#51595b;white-space:nowrap;font:600 26px/1 Georgia,serif}
.wordmark small{display:block;font:600 8px/1.7 Raleway,Arial,sans-serif;text-transform:uppercase;letter-spacing:.24em}
.w1{font:600 21px/1 Raleway,sans-serif}.w2{text-transform:uppercase;font:500 25px/1 Raleway,sans-serif;letter-spacing:.08em}.w3{font-style:italic}.wordmark img{height:36px;max-width:160px;object-fit:contain}
.symbol{width:25px;height:28px;display:inline-block;background:currentColor}
.s0{clip-path:polygon(0 93%,47% 0,62% 28%,28% 93%,42% 93%,68% 43%,95% 93%)}
.s1{clip-path:polygon(0 95%,0 32%,24% 7%,24% 70%,37% 56%,37% 19%,61% 0,61% 41%,100% 6%,100% 36%,35% 95%,35% 64%)}
.s2{clip-path:polygon(0 85%,44% 6%,61% 6%,17% 85%,30% 85%,74% 6%,93% 6%,49% 85%,62% 85%,100% 17%,100% 47%,77% 85%)}
.s3{border:2px solid;border-radius:50%;background:transparent;position:relative;transform:rotate(32deg)}.s3:before{content:'';position:absolute;inset:-2px 5px;border:1px solid;border-radius:50%}
#pause:before{content:'';width:5px;height:9px;border-inline:2px solid currentColor;box-sizing:content-box}#pause[aria-pressed=true]:before{width:0;height:0;border:5px solid transparent;border-left:8px solid currentColor;transform:translateX(3px)}
.refmeta{margin:0 var(--gutter) 13px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}
@media(max-width:1050px){.navwrap{gap:25px}nav{gap:22px}.product-tabs{gap:14px}.gallery-bottom{gap:14px}.product-copy{width:48%;padding:28px}.gallery-stage{touch-action:pan-y}.home-intro{gap:30px}.navcta{font-size:12px}}
@media(max-width:800px){.utility{display:none}.navwrap{height:72px}.brand img{width:85px}.menubtn{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:10px 0;font-size:12px;font-weight:600}nav{display:none;position:absolute;inset:100% 0 auto;background:white;padding:15px var(--gutter) 25px;border-bottom:1px solid var(--line)}nav.open{display:grid}.cta-long{display:none}.cta-short{display:inline}.navcta{margin-left:auto}.home-intro{grid-template-columns:1fr;gap:17px;padding-block:30px}.home-intro h1{font-size:34px}.home-intro p{max-width:600px}.gallery-bottom{padding:0 22px;flex-direction:column;gap:0}.product-tabs{width:100%;gap:25px}.gallery-arrows{justify-content:flex-end;padding:9px 0}.product-copy{width:52%}.product-photo{width:69%}.editorial,.split,.solutions{gap:35px}.steps{grid-template-columns:1fr 1fr}.gallery-slide{min-height:425px}.offer{gap:22px}}
@media(max-width:560px){html{scroll-padding-top:86px}.navwrap{gap:15px}.navcta{padding:10px 13px}.home-intro h1{font-size:29px}.home-intro p{font-size:14px}.gallery-slide{padding:0;display:flex;flex-direction:column;min-height:0}.product-photo{position:relative;width:100%;height:215px;object-position:center 46%}.product-copy{margin:-22px 22px 20px;width:calc(100% - 44px);max-width:none;min-height:285px;padding:25px;box-shadow:none}.product-copy h2{font-size:27px}.product-copy>p:not(.product-category){font-size:14px;margin:13px 0 17px}.product-category{margin-bottom:10px}.product-copy .button{padding:11px 12px;font-size:11px;gap:10px}.product-tabs button{padding-block:15px 11px}.gallery-arrows button{width:30px;height:30px}.gallery-bottom{gap:0}.editorial,.split,.solutions,.contactgrid,.vinyl-feature,.cabinet-story>div{grid-template-columns:1fr;gap:26px}.values{grid-template-columns:1fr;gap:25px}.section h2{font-size:30px}.indexrow{font-size:19px}.offer{grid-template-columns:24px 1fr;gap:14px}.offer ul{grid-column:2}.offer h2{font-size:26px}.footgrid{grid-template-columns:1fr auto;gap:25px}.footgrid>a{grid-column:1/-1}.footend{flex-wrap:wrap}.vinyl-feature{padding:25px;margin-bottom:40px}.vinyl-feature h2{font-size:29px}.subhero h1{font-size:38px}.cabinet-story h2{grid-row:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.marquee{overflow-x:auto}.marks[aria-hidden]{display:none}#pause{visibility:hidden}}

.gallery-playback span{display:block;width:7px;height:11px;border-inline:2px solid currentColor;margin:auto}.gallery-playback[aria-pressed=true] span{width:0;height:0;border:6px solid transparent;border-left:9px solid currentColor;transform:translateX(3px)}

/* Image-edge navigation and a discreet, timed product index. */
.gallery-edge{position:absolute;z-index:3;top:0;bottom:0;width:60px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--taskk-blue)}
.gallery-prev{left:47%}.gallery-next{right:12px}
.gallery-edge>span{display:grid;place-items:center;width:38px;height:38px;background:#fffffff2;border-radius:50%;font:28px/1 Arial;opacity:0;transform:translateY(3px);transition:opacity .18s,transform .18s}
.gallery-edge:hover>span,.gallery-edge:focus-visible>span{opacity:1;transform:none}
.gallery-controls{position:absolute;z-index:4;bottom:20px;left:52%;right:var(--gutter);display:flex;align-items:center;justify-content:center;gap:12px}
.product-tabs{display:flex;gap:7px;overflow:visible;width:min(330px,100%);padding:0;align-items:center}
.product-tabs button{flex:1;min-width:0;position:relative;border:0;background:transparent;padding:13px 0;opacity:1}
.progress-track{height:5px;display:block;overflow:hidden;border-radius:6px;background:#ffffffd9;box-shadow:0 0 0 1px #16345b18}
.progress-fill{height:100%;width:100%;display:block;background:var(--taskk-blue);transform:scaleX(0);transform-origin:left;border-radius:6px}
.product-tabs button[aria-selected=true]{border:0}.product-tabs button:hover .progress-track{box-shadow:0 0 0 2px #ffffff90}
.gallery-playback{display:grid;place-items:center;flex:none;width:30px;height:30px;background:#fffffff2;border:0;border-radius:50%;color:var(--taskk-blue);padding:0}
.expertise-overview{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;padding:clamp(55px,6vw,100px) var(--gutter);background:#f5f7f9}
.expertise-intro h2{color:var(--taskk-blue);max-width:420px}
.expertise-intro p{color:var(--muted);max-width:370px;margin:23px 0 29px;font-size:15px;line-height:1.8}
.expertise-directory{display:grid;gap:32px}.expertise-directory h3{font-size:22px;letter-spacing:-.025em}.expertise-directory p{font-size:14px;color:var(--muted);margin:8px 0 14px}
.expertise-links{display:flex;flex-wrap:wrap;gap:12px 23px}.expertise-directory .textlink{font-size:13px;gap:11px;border-bottom-color:#9baec0}
.audit-line{border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:25px}.audit-line h3{font-size:19px}.audit-line .textlink{flex:none}
.approach-note{display:grid;grid-template-columns:1fr 1.15fr;gap:9vw;align-items:start}
.approach-text>p:first-child{margin-top:0}.approach-text p{font-size:17px;max-width:610px}.approach-note .textlink{margin-top:28px}
@media(max-width:1050px){.gallery-prev{left:50%}.gallery-controls{left:56%;right:30px}.audit-line{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:800px){.gallery-prev{left:54%}.gallery-next{right:8px}.gallery-controls{left:57%;right:22px;gap:8px}.product-tabs{width:100%;gap:5px}.expertise-overview,.approach-note{gap:35px}}
@media(max-width:560px){.gallery-edge{top:0;bottom:auto;height:190px;width:50px}.gallery-prev{left:0}.gallery-next{right:0}.gallery-controls{top:160px;bottom:auto;left:65px;right:16px;gap:10px;justify-content:flex-end}.product-tabs{max-width:230px;gap:6px}.product-copy{margin-top:-12px}.expertise-overview,.approach-note{grid-template-columns:1fr;gap:35px}.expertise-intro h2{font-size:30px}.expertise-intro p{max-width:none}.expertise-directory h3{font-size:21px}.approach-text p{font-size:16px}.audit-line{padding-top:22px}}
@media(hover:none){.gallery-edge>span{opacity:.8;transform:none}.gallery-edge>span{width:30px;height:30px;font-size:25px}}

/* Centered gallery index, independently of the photo crop and text panel. */
.gallery-controls{left:0;right:0;bottom:10px;gap:0;padding-inline:22px;pointer-events:none}
.gallery-controls .product-tabs{width:300px;max-width:100%;gap:7px;pointer-events:auto}
.progress-track{height:3px}
.expertise-opening{padding:70px var(--gutter) 52px;display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:end}
.expertise-opening h1{font-size:clamp(36px,4.2vw,64px);color:var(--taskk-blue);letter-spacing:-.045em;line-height:1.12}
.expertise-opening>p{color:var(--muted);font-size:16px;line-height:1.8;max-width:460px}
.expertise-jump{position:static;display:flex;flex-wrap:wrap;gap:16px 28px;padding:0 var(--gutter) 34px;border-bottom:1px solid var(--line);font-size:13px;color:var(--taskk-blue)}
.expertise-jump a{padding-bottom:5px;border-bottom:1px solid #b2c3d5}
.audit-editorial,.guarantee-editorial{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;padding:65px var(--gutter);scroll-margin-top:130px}
.audit-editorial{background:var(--mist)}
.audit-editorial h2,.guarantee-editorial h2{color:var(--taskk-blue);font-size:36px}
.audit-editorial p,.guarantee-editorial p{color:var(--muted);line-height:1.8;margin-bottom:20px}
.audit-editorial .audit-lead{font-size:24px;color:var(--ink);line-height:1.4;margin-bottom:12px}
.expertise-stories{padding:65px var(--gutter)}
.expertise-spread{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;scroll-margin-top:140px;padding-block:25px 65px}
.expertise-spread:last-child{padding-bottom:0}.expertise-spread:nth-child(2) .expertise-image{order:2}
.expertise-image img{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover}
.expertise-body h2{font-size:38px;line-height:1.15;color:var(--taskk-blue)}
.expertise-body>p{font-size:17px;line-height:1.7;color:var(--muted);margin:18px 0 24px}
.expertise-body ul{list-style:none;padding:0;margin:0 0 26px;font-size:14px;line-height:1.6;color:var(--ink)}
.expertise-body li{padding:8px 0;border-bottom:1px solid var(--line)}
.guarantee-editorial{border-top:1px solid var(--line);margin-inline:var(--gutter);padding-inline:0}
.guarantee-editorial .guarantee-types{font-size:25px;color:var(--taskk-blue);line-height:1.6}
@media(max-width:800px){.expertise-opening{grid-template-columns:1fr;gap:24px;padding-top:45px}.expertise-opening>p{max-width:620px}.expertise-spread{gap:35px}.expertise-body h2{font-size:30px}.expertise-image img{aspect-ratio:.85}.expertise-jump{background:white}}
@media(max-width:560px){.gallery-controls{top:172px;bottom:auto;left:0;right:0;justify-content:center}.gallery-controls .product-tabs{width:235px;gap:6px}.expertise-jump{gap:14px 23px;font-size:12px}.audit-editorial,.guarantee-editorial{grid-template-columns:1fr;gap:24px;padding-block:40px}.audit-editorial h2,.guarantee-editorial h2{font-size:29px}.audit-editorial .audit-lead{font-size:21px}.expertise-stories{padding-block:40px}.expertise-spread{grid-template-columns:1fr;gap:28px;padding-block:0 55px}.expertise-spread:nth-child(2) .expertise-image{order:0}.expertise-image img{aspect-ratio:1.45}.expertise-body>p{font-size:16px}.expertise-body h2{font-size:30px}}