/* Native scrolling and clear controls; Cowichan's established visual identity. */
html{scroll-padding-top:24px}body{overflow-wrap:break-word}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #9a542f;outline-offset:4px}.button{min-height:48px;font-size:15px}.button.secondary{background:transparent;color:var(--green)}.button.secondary:hover{background:#e5e8dd}.header{min-height:90px}.header nav{gap:25px}.header nav>a{font-size:14px}.practical-hero{grid-template-columns:1.08fr 1fr;gap:60px;padding-block:48px}.practical-hero h1{font-size:clamp(42px,4.1vw,61px);line-height:1.08;letter-spacing:-2px}.practical-hero .intro{font-size:18px;max-width:480px;margin-top:23px}.practical-hero .eyebrow{font-size:12px;margin-bottom:22px}.practical-hero .actions{gap:14px;flex-wrap:wrap;margin-top:25px}.practical-hero .actions .button{padding:14px 18px;gap:18px;font-size:14px}.bc-hero-photo{margin:0;min-width:0}.bc-hero-photo img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;display:block}.bc-hero-photo figcaption{font-size:12px;color:var(--muted);padding-top:11px}.trust{font-size:13px}
.work.section{padding-block:48px}.work .section-heading{margin-bottom:24px;align-items:end}.work .section-heading h2{font-size:43px;line-height:1.12}.work .section-heading .eyebrow{font-size:12px;margin-bottom:14px}.work .section-heading>p{font-size:16px;max-width:380px;margin:0}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.carousel-controls p{font-size:13px;color:var(--muted);margin:0}.carousel-controls>div{display:flex;gap:10px}.carousel-controls button{display:flex;align-items:center;gap:12px;background:var(--cream);color:var(--green);border:1px solid #89978a;min-height:46px;padding:10px 16px;font-size:14px}.carousel-controls button:disabled{opacity:.4;cursor:default}.carousel-controls button:not(:disabled):hover{background:var(--green);color:var(--cream)}.project-carousel{display:flex;gap:25px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:3px 3px 18px;scrollbar-width:thin;scrollbar-color:#6b796b #dedfd3;align-items:stretch;min-width:0}.project-carousel>.project-card,.project-carousel>.project-card+.project-card{flex:0 0 calc((100% - 25px)/2.25);min-width:0;display:flex;flex-direction:column;margin:0;padding:0;border:0;gap:0;scroll-snap-align:start}.project-carousel .portfolio-preview,.project-carousel .cafe-preview{order:0;height:auto;min-height:0;width:100%;flex:none;margin-bottom:22px}.project-carousel .project-description{width:100%;display:flex;flex-direction:column;flex:1;min-width:0}.project-carousel .project-description h3{font-size:27px;line-height:1.15;margin:0 0 14px}.project-carousel .project-description>p{font-size:15px;margin-bottom:15px;line-height:1.6}.project-carousel .project-kind{font-size:13px!important}.project-carousel .fiction-label{font-size:12px!important}.project-carousel .project-description .button{margin-top:auto;width:100%;font-size:15px}.project-carousel .timber-preview-brand{padding:20px;flex-wrap:wrap}.project-carousel .timber-preview-brand>span:first-child{font-size:27px}.project-carousel .timber-preview-photo{min-height:260px}.project-carousel .timber-preview-photo>div{padding:27px 22px}.project-carousel .timber-preview-photo strong{font-size:45px}.project-carousel .timber-preview-bottom{padding:14px 20px;font-size:10px}.project-carousel .salon-preview{padding:20px 20px 0}.project-carousel .salon-preview-brand{font-size:clamp(38px,4vw,55px);white-space:normal}.project-carousel .salon-preview-spread{gap:15px;grid-template-columns:1fr 1fr}.project-carousel .salon-preview-spread>div>span{font-size:37px}.project-carousel .salon-preview-spread img{height:auto;aspect-ratio:.7;object-fit:cover}.project-carousel .salon-preview-bottom{font-size:13px}.cafe-preview{display:block;padding:23px;background:#f5efe2;color:#29483b;border:1px solid #c9cbbb}.cafe-preview>div{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:12px}.cafe-preview small{font-size:10px}.cafe-preview>p{font:38px/1.05 Georgia,serif;margin:24px 0}.cafe-preview img{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;display:block}.cafe-preview-caption{display:block;font:23px/1.14 Georgia,serif;padding-top:17px}.portfolio-preview:hover,.cafe-preview:hover{outline:1px solid var(--green);outline-offset:2px}
.about-local{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center;padding-block:60px}.about-local>img{width:100%;max-width:370px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;justify-self:center}.about-local h2{font-size:47px;margin-bottom:18px}.about-local .eyebrow{font-size:12px;margin-bottom:17px}.about-local .large-copy{font-size:22px}.about-local p:not(.eyebrow){max-width:630px}.about-local .button{margin-top:8px}.real-business{background:#e8e8dc;padding-block:58px}.real-business-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.real-business h2{font-size:60px;line-height:1.05;margin-bottom:24px}.real-business .eyebrow{font-size:12px}.real-business .large-copy{font-size:23px;max-width:480px}.real-business-copy>p{max-width:520px}.small-caption{font-size:13px;margin-top:18px}.website-showcase{max-width:350px;width:100%;justify-self:center;background:#fff;border:1px solid #a9ae9e;box-shadow:0 14px 32px #293e3410;border-radius:12px;overflow:hidden}.showcase-address{display:flex;justify-content:space-between;gap:10px;align-items:center;font:12px/1.4 Arial,sans-serif;background:#f7f7f0;padding:14px 12px;border-bottom:1px solid #c9ccbf}.showcase-address span{font-size:9px;letter-spacing:.5px}.video-link{display:block;line-height:0;background:#293e34}.video-link video{display:block;width:100%;height:auto;aspect-ratio:540/1034;object-fit:cover}.video-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font:11px/1.5 Arial,sans-serif}.video-controls button{min-height:44px;border:1px solid var(--green);padding:7px 10px;background:white;color:var(--green);font-size:12px;flex-shrink:0}.offer-note{max-width:850px;margin:22px 0 0 auto;font-size:15px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}#process.section,.services.section{padding-block:55px}.steps li{grid-template-columns:1fr 1.6fr;gap:28px}.steps h3{font-size:25px}.service-list article{padding:18px 0}.site-footer{padding:35px 0;background:var(--cream);border-top:1px solid var(--line)}.site-footer>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.site-footer p{font-size:14px;margin:0}.site-footer small{font-size:12px}.site-footer nav{display:flex;gap:8px 20px;flex-wrap:wrap}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.policy-header{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:28px}.policy-body{max-width:900px;padding-block:45px 75px}.policy-body h1{font-size:51px;margin-bottom:20px}.policy-body h2{font-size:28px;line-height:1.2;margin:32px 0 16px}.policy-body a{text-decoration:underline}.policy-date{font-size:13px;color:var(--muted)}.form-note a{color:inherit;text-decoration:underline}
@media(max-width:1050px){.practical-hero{gap:35px}.practical-hero h1{font-size:48px}.project-carousel>.project-card,.project-carousel>.project-card+.project-card{flex-basis:calc((100% - 25px)/1.8)}.about-local{gap:45px}.real-business-grid{gap:45px}.project-carousel .salon-preview-spread>div>span{font-size:33px}}
@media(max-width:760px){.header{min-height:84px}.header nav{background:var(--cream)}.practical-hero{grid-template-columns:1fr;padding-block:32px;gap:27px}.practical-hero h1{font-size:43px;letter-spacing:-1.6px;max-width:590px}.practical-hero .intro{font-size:17px}.practical-hero .eyebrow{font-size:11px;letter-spacing:1.1px}.bc-hero-photo img{aspect-ratio:1.85}.bc-hero-photo figcaption{font-size:12px}.work.section{padding-block:35px}.work .section-heading h2{font-size:35px}.work .section-heading>p{font-size:15px;margin-top:18px}.project-carousel{gap:17px}.project-carousel>.project-card,.project-carousel>.project-card+.project-card{flex-basis:87%;display:flex}.project-carousel .project-description h3{font-size:27px}.project-carousel .timber-preview-photo strong{font-size:41px}.project-carousel .timber-preview-photo{min-height:245px}.project-carousel .timber-preview-brand{padding:18px;gap:10px}.project-carousel .salon-preview-brand{font-size:39px}.project-carousel .salon-preview-spread>div>span{font-size:32px}.project-carousel .salon-preview-spread small{font-size:9px}.project-carousel .salon-preview{padding:18px 18px 0}.project-carousel .salon-preview-top{font-size:9px}.carousel-controls button{padding:9px 12px;gap:8px}.about-local{grid-template-columns:1fr;gap:28px;padding-block:45px}.about-local>img{width:min(75%,280px);justify-self:start}.about-local h2{font-size:38px}.about-local .large-copy{font-size:21px}.real-business-grid{grid-template-columns:1fr;gap:32px}.real-business{padding-block:42px}.real-business h2{font-size:49px}.real-business .large-copy{font-size:21px}.website-showcase{max-width:300px}.steps li{display:block}.steps h3{margin-bottom:12px}.offer-note{font-size:14px}#process.section,.services.section{padding-block:40px}.site-footer>.wrap{align-items:start;gap:25px}.site-footer nav{gap:5px 20px}.policy-header{flex-wrap:wrap;padding-block:22px}.policy-header .button{font-size:13px}.policy-body{padding-top:28px}.policy-body h1{font-size:41px}}
@media(max-width:370px){.practical-hero h1{font-size:38px}.project-carousel .salon-preview-spread{grid-template-columns:1fr;gap:16px}.project-carousel .salon-preview-spread img{aspect-ratio:1.3;object-position:50% 25%}.project-carousel .salon-preview-spread small{display:none}.project-carousel .salon-preview-brand{font-size:34px}.project-carousel .salon-preview-spread>div>span{font-size:32px}.project-carousel .salon-preview-spread br{display:none}.project-carousel .timber-preview-photo strong{font-size:36px}.carousel-controls p{font-size:12px}.carousel-controls button{font-size:13px;gap:5px;padding:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Restore the generous photographic hero, with a deliberate mobile crop. */
.bc-hero-photo img{border-radius:40px;object-position:50% 50%}
@media(max-width:760px){.bc-hero-photo img{border-radius:26px;aspect-ratio:1.5;object-position:50% 50%}}