@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#fafbf9;--paper:#fff;--ink:#202729;--muted:#657175;--line:#e5e9e8;--accent:#267f98;--pale:#f1f4f3;--shadow:0 20px 55px rgba(25,45,50,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 80px));margin:0 auto}.section{padding:110px 0}.skip{position:absolute;top:-100px;left:12px;z-index:200;background:#fff;padding:10px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;background:rgba(250,251,249,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand,.footer-brand{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.brand strong,.footer-brand strong{font-weight:500}.brand-symbol{color:var(--accent);font-size:24px;font-weight:400;vertical-align:-2px;margin-right:9px}.nav-links{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600;color:#4d595b}.nav-links a:hover,.footer-inner a:hover{color:var(--accent)}.nav-contact{border:1px solid #cdd5d5;padding:13px 18px;border-radius:4px;color:var(--ink)}.nav-contact span{margin-left:11px}.menu-toggle{display:none;background:transparent;border:0;width:38px;padding:9px;cursor:pointer}.menu-toggle span{height:2px;background:var(--ink);display:block;margin:6px 0}.mobile-nav{display:none}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--accent);margin:0 0 25px}.accent-rule{display:inline-block;width:24px;height:2px;background:var(--accent);vertical-align:middle;margin-right:12px}.hero{padding-top:84px;padding-bottom:106px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:52px}.hero-copy h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(44px,5.2vw,76px);letter-spacing:-.075em;line-height:1.14;margin:0 0 30px;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent)}.hero-lede{font-size:17px;line-height:1.85;color:var(--muted);max-width:490px;margin:0 0 34px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid var(--ink);border-radius:4px;min-height:52px;padding:15px 21px;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;transition:.2s}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-outline{background:transparent}.btn-outline:hover{background:#eaf0ef}.hero-foot{display:flex;align-items:center;gap:13px;font-size:11px;color:#8b9595;margin-top:56px}.dot-separator{width:3px;height:3px;border-radius:50%;background:#b8c0c0}.hero-visual{background:#f0f2f2;box-shadow:var(--shadow);border:1px solid #edf0ef;position:relative;overflow:hidden;min-height:550px}.hero-visual>img{width:100%;height:550px;object-fit:contain;mix-blend-mode:multiply}.image-index{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;gap:10px;padding:20px 26px;background:linear-gradient(transparent,rgba(240,242,242,.9));font-size:10px;letter-spacing:.1em;color:#697679}.image-index strong{color:var(--ink)}.intro-strip{border-block:1px solid var(--line);background:#f3f6f5}.strip-grid{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 0;color:#738082;font-size:10px;font-weight:700;letter-spacing:.13em}.strip-grid span:last-child{color:#3c484b}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading h2,.about-copy h2,.contact-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.17;letter-spacing:-.055em;margin:0;font-weight:800}.section-heading>p{max-width:380px;margin:0;color:var(--muted);line-height:1.8;font-size:14px}.project{border-top:1px solid var(--line);padding:50px 0 66px}.project-text{align-self:center}.project-number{display:block;color:var(--accent);font-size:11px;letter-spacing:.12em;font-weight:800;margin-bottom:24px}.project h3{font-weight:800;line-height:1.24;letter-spacing:-.055em;font-size:clamp(27px,3vw,40px);margin:0 0 22px}.project-text>p{max-width:420px;font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 30px}.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row span{font-size:10px;color:#637074;border:1px solid #dfe5e4;padding:9px 11px;border-radius:3px}.project-feature{display:grid;grid-template-columns:.38fr .62fr;gap:40px}.project-images{display:grid;gap:12px;min-width:0}.feature-images{grid-template-columns:1.4fr 1fr}.split-images{grid-template-columns:1.25fr 1fr}.image-button{position:relative;display:block;border:0;background:#f1f3f3;cursor:zoom-in;padding:0;width:100%;overflow:hidden;min-height:310px}.image-button img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.image-button:hover img{transform:scale(1.045)}.zoom-icon{position:absolute;top:16px;right:16px;background:#fff;width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:15px;opacity:.85}.image-label{position:absolute;bottom:15px;left:15px;font-size:10px;letter-spacing:.13em;color:#627072;background:rgba(255,255,255,.85);padding:7px 9px}.project-split{display:grid;grid-template-columns:.62fr .38fr;gap:44px}.project-split:last-child{grid-template-columns:.38fr .62fr}.services-section{background:#edf2f1}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{background:#fff;padding:33px 25px 36px;min-height:250px;border:1px solid #e6ebea}.service-icon{font-family:Manrope,sans-serif;color:var(--accent);font-size:13px;font-weight:800;margin-bottom:44px}.service h3{font-weight:800;font-size:18px;letter-spacing:-.04em;margin:0 0 13px}.service p{color:var(--muted);font-size:13px;line-height:1.85;margin:0}.about-grid{display:grid;grid-template-columns:.52fr .48fr;gap:80px;align-items:center}.about-logo{background:#fff;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px}.about-logo img{width:100%;object-fit:contain}.about-logo span{font-size:10px;letter-spacing:.16em;color:#a3adae;margin-top:10px}.about-copy h2{max-width:540px;margin:0 0 28px}.about-copy>p:not(.eyebrow){line-height:1.95;color:var(--muted);font-size:14px}.contact-section{background:#233034;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.contact-grid .eyebrow{color:#84c6d4}.contact-grid h2{font-size:clamp(40px,5vw,64px);margin-bottom:26px}.contact-grid p{font-size:15px;color:#b7c5c8;line-height:1.85;max-width:460px}.contact-panel{border:1px solid #506065;padding:45px;background:rgba(255,255,255,.025)}.contact-small{font-size:11px;color:#84c6d4;letter-spacing:.15em;font-weight:800}.contact-panel .btn{margin-top:20px;background:#fff;border-color:#fff;color:#223034}.contact-placeholder{border:1px dashed #78888b;padding:15px 18px;margin-top:20px;display:flex;gap:8px;flex-direction:column}.contact-placeholder strong{font-size:13px;font-weight:600}.contact-placeholder span{font-size:12px;line-height:1.6;color:#acbfc1}.contact-placeholder code{color:#d9e8e9}.site-footer{background:#f8f9f7}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:43px 0;border-bottom:1px solid var(--line)}.footer-inner>span:nth-child(2),.footer-inner a,.footer-bottom{font-size:12px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;padding:23px 0}.lightbox{position:fixed;max-width:min(1050px,92vw);max-height:92vh;border:0;background:#f5f6f5;padding:18px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.lightbox::backdrop{background:rgba(12,20,24,.8)}.lightbox img{max-height:75vh;max-width:100%;margin:auto;object-fit:contain}.lightbox p{font-size:12px;color:var(--muted);margin:12px 0 2px;text-align:center}.lightbox-close{position:absolute;right:17px;top:17px;border:0;background:white;width:40px;height:40px;font-size:24px;cursor:pointer;z-index:2}
@media(max-width:1000px){.wrap{width:min(100% - 48px,1200px)}.hero-grid{gap:28px}.hero-visual{min-height:440px}.hero-visual>img{height:440px}.project-feature,.project-split,.project-split:last-child{grid-template-columns:1fr;gap:25px}.project-split .project-images{order:2}.project-split .project-text{order:1}.image-button{min-height:280px}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:35px}.contact-grid{gap:35px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.section{padding:70px 0}.nav{height:65px}.brand{font-size:12px}.brand-symbol{font-size:19px;margin-right:4px}.nav-links{display:none}.menu-toggle{display:block}.mobile-nav{display:flex;flex-direction:column;border-top:1px solid var(--line);padding:12px 18px 22px;background:var(--bg)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:12px 3px;font-size:14px}.hero{padding:62px 0 70px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(44px,10vw,65px)}.hero-lede{font-size:15px}.hero-foot{margin-top:30px}.hero-visual{min-height:340px}.hero-visual>img{height:340px}.strip-grid{flex-wrap:wrap;justify-content:flex-start;gap:14px 22px}.strip-grid span:last-child{flex-basis:100%}.section-heading{display:block}.section-heading>p{margin-top:24px}.project{padding:34px 0 45px}.feature-images,.split-images{grid-template-columns:1fr 1fr;gap:8px}.image-button{min-height:190px}.project h3{font-size:30px}.services-grid{grid-template-columns:1fr 1fr;gap:9px}.service{padding:23px 18px;min-height:235px}.service h3{font-size:16px}.about-grid,.contact-grid{grid-template-columns:1fr}.about-logo{min-height:250px}.contact-panel{padding:25px}.footer-inner{flex-wrap:wrap;gap:17px}.footer-inner>span:nth-child(2){flex-basis:100%;order:3}}
@media(max-width:420px){.feature-images,.split-images{grid-template-columns:1fr 1fr}.image-button{min-height:145px}.service{min-height:260px}.service h3{font-size:15px}.service p{font-size:12px}.hero h1{font-size:43px}.hero-foot{flex-wrap:wrap}.brand{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Anchorpoint Design v2 additions — editable brand, services and rates */
.brand{display:flex;align-items:center;gap:9px}.brand-symbol{width:30px;height:36px;object-fit:contain;flex:none;margin-right:0}.priorities-section{background:#fff}.priorities-grid,.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.priorities-grid h2,.production-grid h2{font-size:clamp(32px,4vw,49px);line-height:1.18;letter-spacing:-.05em;margin:0}.priorities-grid p,.production-grid p{font-size:15px;color:var(--muted);line-height:1.95;margin:0 0 18px}.production-section{background:#f5f7f6}.production-spec{border:1px solid var(--line);padding:38px;background:#fff}.production-spec span,.rate-card>span{font-size:11px;color:var(--accent);font-weight:800;letter-spacing:.12em}.production-spec h3{font-size:24px;letter-spacing:-.04em;margin:20px 0}.production-spec a{color:var(--accent);font-size:13px;font-weight:800}.production-note{font-size:12px!important}.rates-section{background:#fff}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rate-card{border:1px solid var(--line);padding:34px;background:#fcfdfc}.rate-amount{font:800 clamp(34px,4vw,53px)/1.3 Manrope,sans-serif;letter-spacing:-.06em;margin:25px 0 12px}.rate-amount small{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:600}.rate-quote{font-size:clamp(23px,3vw,34px)}.rate-card p,.rate-footnote{line-height:1.8;font-size:13px;color:var(--muted)}.rate-footnote{margin-top:18px}.about-copy p{max-width:590px}
@media(max-width:700px){.brand-symbol{width:24px;height:30px}.priorities-grid,.production-grid,.rate-grid{grid-template-columns:1fr;gap:23px}.production-spec{padding:25px}.rate-card{padding:26px}.priorities-grid h2,.production-grid h2{font-size:34px}}

/* v3: simpler sections and deliverables */
.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;padding-top:31px;border-top:1px solid var(--line)}
.deliverables h3{font-size:17px;letter-spacing:-.03em;margin:0 0 11px}.deliverables p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.legal-note{max-width:1140px;margin:6px auto 0;padding:0 20px 25px;font-size:11px;line-height:1.75;color:var(--muted)}
@media(max-width:700px){.deliverables{grid-template-columns:1fr;gap:25px}}

/* Four-project portfolio and large single-render sawmill layout */
.project-sawmill .sawmill-images{grid-template-columns:1fr;}
.project-sawmill .image-button{height:390px;min-height:0;}
.project-sawmill .image-button img{object-fit:contain;}
@media(max-width:700px){.project-sawmill .image-button{height:270px;}}

/* Inquiry form — v6 */
.contact-grid{grid-template-columns:.88fr 1.12fr;align-items:start;gap:68px}
.contact-section .direct-contact{padding-top:22px;margin-top:24px;border-top:1px solid #516065;display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}
.direct-contact>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#84c6d4}
.direct-contact>a{font-size:clamp(16px,1.65vw,22px);font-weight:700;color:#fff}
.direct-contact>a:hover{text-decoration:underline;text-underline-offset:4px}
.direct-contact small{color:#b7c5c8;font-size:12px;line-height:1.8}
.contact-grid .estimate-note{font-size:13px;color:#d9e2e4;border-left:2px solid #84c6d4;padding-left:15px;margin-top:22px}
.inquiry-title{margin:13px 0 20px;font-size:22px;letter-spacing:-.04em;color:#fff}
.inquiry-form{display:flex;flex-direction:column;gap:16px}.inquiry-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.inquiry-form label{color:#d8e4e6;font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:8px}
.inquiry-form input,.inquiry-form textarea,.inquiry-form select{width:100%;min-width:0;border:1px solid #68777c;border-radius:4px;background:#fff;color:#223034;font:400 14px/1.5 'DM Sans',Arial,sans-serif;padding:12px 13px;outline-offset:3px}
.inquiry-form textarea{resize:vertical;min-height:120px}.inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus{outline:2px solid #84c6d4;border-color:#84c6d4}
.inquiry-form .optional{font-weight:400;color:#b7c5c8;display:inline}.contact-grid .form-privacy{font-size:11px;line-height:1.7;color:#adbec1;margin:0}.contact-panel .submit-inquiry{margin-top:0;width:100%;cursor:pointer;text-align:left}.contact-panel .submit-inquiry:disabled{opacity:.6;cursor:wait}.contact-grid .form-status{font-size:12px;color:#bfd2d6;margin:0;line-height:1.7}.inquiry-trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}
@media(max-width:1000px){.contact-grid{gap:32px}}
@media(max-width:700px){.contact-grid{grid-template-columns:1fr}.inquiry-form .form-row{grid-template-columns:1fr}}


/* V10 — shorter navigation, legible 5-service layout and sawmill gallery */
.hero h1{font-size:clamp(35px,4.45vw,62px);letter-spacing:-.066em;line-height:1.15;margin-bottom:19px}
.hero-location{margin:0 0 18px}
.services-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.service{grid-column:span 2;min-height:235px;padding:32px 26px 34px;border-top:3px solid var(--accent)}
.service:nth-child(n+4){grid-column:span 3}
.service h3{font-size:20px}
.project-text>p{margin-bottom:0}
.project-sawmill .sawmill-images{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px}
.project-sawmill .image-button{height:370px;min-height:0}
.project-sawmill .drawing-image img{mix-blend-mode:normal}
@media(max-width:1000px){
  .services-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .service,.service:nth-child(n+4){grid-column:span 3}
  .service:last-child{grid-column:span 6}
}
@media(max-width:700px){
  .hero h1{font-size:clamp(34px,8vw,53px)}
  .services-grid{gap:10px}
  .service,.service:nth-child(n+4),.service:last-child{grid-column:span 6;min-height:auto;padding:26px 24px 29px}
  .project-sawmill .sawmill-images{grid-template-columns:1fr;gap:10px}
  .project-sawmill .image-button{height:300px}
}
@media(max-width:420px){
  .hero h1{font-size:34px;letter-spacing:-.071em}
  .project-sawmill .image-button{height:255px}
}

/* Keep anchor-linked headings visible below the sticky navigation. */
section[id]{scroll-margin-top:90px}
@media(max-width:700px){section[id]{scroll-margin-top:72px}}


/* V11 — balanced hero headline and more compact, responsive vertical rhythm */
.section{padding:78px 0}
.nav{height:74px}
.hero{padding-top:58px;padding-bottom:72px}
.hero-grid{grid-template-columns:1.1fr .9fr;gap:38px}
.hero h1{font-size:clamp(39px,4.08vw,59px);line-height:1.16;letter-spacing:-.058em;margin-bottom:16px;text-wrap:balance}
.hero h1 em{display:inline}
.hero-location{margin-bottom:14px}
.hero-lede{line-height:1.65;margin-bottom:25px}
.hero-visual{min-height:475px}
.hero-visual>img{height:475px}
.section-heading{margin-bottom:30px}
.section-heading h2,.about-copy h2,.contact-grid h2{font-size:clamp(32px,3.6vw,48px)}
.services-grid{gap:14px}
.service{padding:25px 24px 27px;min-height:190px}
.service h3{margin-bottom:10px}
.service p{line-height:1.7}
.deliverables{margin-top:27px;padding-top:24px;gap:24px}
.deliverables p{line-height:1.7}
.project{padding:35px 0 43px}
.project-feature,.project-split,.project-split:last-child{gap:32px}
.project h3{margin-bottom:16px}
.project-text>p{line-height:1.7}
.project-sawmill .image-button{height:320px}
.production-grid{gap:52px}
.production-grid p{line-height:1.75;margin-bottom:14px}
.production-spec{padding:29px}
.production-spec h3{margin:15px 0}
.rate-card{padding:26px}
.rate-amount{margin:17px 0 9px}
.rate-footnote{line-height:1.7}
.about-grid{gap:52px}
.about-logo{min-height:300px}
.about-copy h2{margin-bottom:19px}
.about-copy>p:not(.eyebrow){line-height:1.75}
.contact-grid{gap:48px}
.contact-panel{padding:32px}
.contact-grid h2{margin-bottom:20px}
.contact-grid p{line-height:1.7}
.inquiry-form{gap:14px}
.footer-inner{padding:31px 0}
.footer-bottom{padding:17px 0}
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:26px}
  .hero h1{font-size:clamp(34px,4.8vw,47px)}
  .hero-visual{min-height:375px}
  .hero-visual>img{height:375px}
  .about-grid{gap:28px}
  .contact-grid{gap:28px}
}
@media(max-width:700px){
  .section{padding:55px 0}
  .nav{height:63px}
  .hero{padding:43px 0 51px}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero h1{font-size:clamp(34px,8.4vw,51px);line-height:1.13;letter-spacing:-.06em}
  .hero-lede{font-size:15px;line-height:1.65;margin-bottom:22px}
  .hero-visual{min-height:300px}
  .hero-visual>img{height:300px}
  .section-heading{margin-bottom:25px}
  .service,.service:nth-child(n+4),.service:last-child{padding:21px 22px 22px;min-height:0}
  .deliverables{margin-top:23px;padding-top:22px;gap:20px}
  .project{padding:27px 0 34px}
  .project-feature,.project-split,.project-split:last-child{gap:19px}
  .project-sawmill .image-button{height:260px}
  .production-grid{gap:22px}
  .production-spec{padding:23px}
  .rate-card{padding:23px}
  .about-grid{gap:23px}
  .about-logo{min-height:245px}
  .contact-grid{gap:22px}
  .contact-panel{padding:23px}
}
@media(max-width:420px){
  .hero h1{font-size:clamp(32px,8.3vw,35px);letter-spacing:-.064em}
  .project-sawmill .image-button{height:240px}
}