/* TechWood identity: original Facebook logo, banner and 2026 portfolio. */
:root{--paper:#f5f2eb;--light:#fffdf8;--ink:#142c27;--muted:#606960;--rust:#876139;--line:#d9dbd1;--dark:#142c27;--gold:#d7b188}
.site-header{background:var(--dark);border-color:#ffffff20;color:var(--paper)}
.header-inner{height:96px}.brand-image{width:154px;height:88px;object-fit:cover}.main-nav .nav-contact{border-color:#d7b18870}.main-nav>a:hover{color:var(--gold)}
.hero{display:block;position:relative;max-width:none;min-height:720px;background:var(--dark);border:0;isolation:isolate}
.hero-copy{position:relative;z-index:2;padding:64px max(6%,calc((100vw - 1268px)/2)) 44px;pointer-events:none;min-height:720px;justify-content:center;max-width:none;color:var(--paper)}
.hero-copy a{pointer-events:auto}.hero .eyebrow{color:var(--gold)}.dot{background:var(--gold)}
.hero h1{font-size:clamp(68px,6.4vw,98px);margin:27px 0;line-height:1.02;letter-spacing:-.045em}.hero h1 em{font-size:.9em;color:var(--gold)}
.hero-description{color:#efeee6;max-width:355px;font-size:14px;line-height:1.85}.hero-actions{align-items:flex-start;flex-direction:column;margin:28px 0 38px;gap:20px}.hero-actions .primary{background:var(--gold);color:var(--dark)}.hero-actions .primary:hover{background:#eed0ac}.hero-actions .text-link{color:var(--paper)}.hero-signature{color:#e2e6d9;margin-top:0;font-size:9px}
.hero-media{position:absolute;inset:0;min-height:0;height:100%;max-height:none;z-index:0}.hero-media picture,.hero-media img{display:block;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:65% 50%}.hero-media:after{inset:0;background:linear-gradient(90deg,rgba(12,30,25,.94) 0%,rgba(12,30,25,.84) 25%,rgba(12,30,25,.2) 62%,rgba(12,30,25,.05) 100%)}
.photo-caption{left:auto;right:6%;width:310px;bottom:38px;text-shadow:0 1px 15px #0008}.photo-caption strong{font-size:27px}.photo-caption a{background:#142c2760}.materials-strip{border-top:1px solid #ffffff18;background:#19362e}.materials-strip i{color:var(--gold)}
.projects-section{background:var(--paper);padding-top:90px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}.project-image{height:390px;background:#e4e0d6}.project-card:first-child .project-image>img{object-position:center}.project-card:nth-child(2) .project-image>img{object-fit:contain;background:#0e1011}.project-card:nth-child(3) .project-image>img{object-position:50% 45%}.project-meta{display:block}.project-meta h3{font-size:25px;margin-bottom:9px}.project-meta>span{font-size:9px;letter-spacing:.1em}.image-open{background:var(--dark);color:var(--gold)}
.offer-section{border-top:1px solid var(--line)}.studio-visual>img{transform:none;object-position:50% 50%;object-fit:contain;background:#0c0e0e}.studio-visual:after{background:linear-gradient(transparent 65%,#0007)}.studio-copy h2 em{color:var(--gold)}.studio-stamp{color:var(--gold)}.contact-section{background:#e7e8de}
.site-footer{background:var(--dark);color:var(--paper);padding-top:25px;padding-bottom:25px}.footer-brand img{width:160px;height:110px;object-fit:cover}.site-footer>div{color:#c2cabb}.back-top{border-color:#d7b18866}.lightbox-stage{background:#10221d}#gallery-source{display:inline-block;margin-top:14px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.hero-copy{min-height:780px}.hero{min-height:780px}}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-image{height:420px}.hero-copy{min-height:680px}.hero{min-height:680px}.hero-description{max-width:310px}.photo-caption{width:260px}.photo-caption strong{font-size:23px}}
@media(max-width:800px){.header-inner{height:82px}.brand-image{width:138px;height:76px}.main-nav{top:82px;background:var(--dark);border-color:#ffffff20}.menu-toggle span{background:var(--gold)}.hero-copy{padding:48px 7% 40px;min-height:0}.hero{min-height:0}.hero h1{font-size:76px}.hero-description{max-width:460px}.hero-media{position:relative;height:65vw;min-height:380px;max-height:520px}.hero-media:after{background:linear-gradient(transparent 45%,#0d2119c9)}.hero-media img{object-position:center}.photo-caption{left:7%;right:7%;width:auto;bottom:27px}.hero-actions{flex-direction:row;align-items:center;gap:25px}.hero-signature{font-size:9px}.projects-section{padding-top:64px}.project-image{height:350px}.site-footer{padding-bottom:94px}}
@media(max-width:500px){.hero h1{font-size:66px}.hero-copy{padding-top:34px}.hero-actions{flex-direction:column;align-items:flex-start;margin-bottom:29px;gap:20px}.hero-media{height:105vw;min-height:340px;max-height:520px}.hero-media img{object-position:50% 48%}.hero-description{font-size:14px}.project-grid{grid-template-columns:1fr;gap:34px}.project-image,.project-card:not(:first-child) .project-image{height:94vw;max-height:480px}.project-card:nth-child(3) .project-image{height:120vw;max-height:560px}.filters{gap:21px;overflow-x:auto}.filter{font-size:11px;flex:none}.filter sup{display:inline}.project-meta h3{font-size:25px}.studio-visual{min-height:300px;height:85vw}.studio-stamp{font-size:19px}.gallery-footer{margin-top:35px}.footer-brand img{width:148px;height:104px}}
@media(max-width:350px){.hero h1{font-size:56px}.filters{gap:15px}.filter{font-size:10px}}
/* Individual enquiries: clearer actions and a more readable contact area. */
.main-nav .nav-contact{background:var(--gold);color:var(--dark);border-color:var(--gold)}.main-nav .nav-contact:hover{background:#eed0ac;color:var(--dark)}
.gallery-footer{background:var(--dark);color:var(--paper);padding:32px 36px;border:0;gap:28px;align-items:center;margin-top:50px}.gallery-footer>div{max-width:630px}.gallery-footer .eyebrow{color:var(--gold);font-size:9px}.gallery-footer h3{font:32px/1.2 var(--serif);letter-spacing:-.03em;margin:10px 0}.gallery-footer p:not(.eyebrow){color:#d8dfd4;font-size:12px;line-height:1.8}.gallery-footer .primary{background:var(--gold);color:var(--dark);flex:none}.gallery-footer .primary:hover{background:#eed0ac}
.project-image{border-radius:2px}.project-meta>span{color:#586457}.image-open{transition:background .2s}.project-image:hover .image-open{background:var(--gold);color:var(--dark)}
.project-form{border:1px solid #d5d9cd;box-shadow:0 14px 40px #142c2706}.form-eyebrow{color:var(--rust);font-size:9px;margin-bottom:13px}.project-form .form-intro{line-height:1.8;margin-bottom:20px}.project-form input,.project-form select,.project-form textarea{background:#fffefa}.project-form textarea{min-height:130px}.project-form label{font-size:12px}.copy-inquiry{display:block;width:100%;padding:12px;background:transparent;border:1px solid var(--line);font-size:11px;margin:10px 0 0}.copy-inquiry:hover{border-color:var(--ink);background:#edf0e6}
.quote-guide{border-top:1px solid #c2c9bb;margin-top:33px;padding-top:25px;max-width:430px}.quote-guide .eyebrow{font-size:10px}.quote-guide ul{padding:0;margin:18px 0 14px;list-style:none;display:grid;gap:10px}.quote-guide li{font-size:12px;display:flex;gap:15px;align-items:baseline}.quote-guide li>span{font-size:10px;color:var(--rust)}.quote-guide>p:last-child{font-size:12px;line-height:1.8;max-width:350px}.contact-facebook{margin-top:24px;font-size:12px}.contact-bottom{margin-top:28px}.contact-email{overflow-wrap:anywhere}.mobile-contact>a:last-child{background:var(--gold);color:var(--dark)}
@media(max-width:800px){.gallery-footer{align-items:stretch;padding:28px;gap:22px}.gallery-footer .button{align-self:flex-start}.contact-section{gap:32px}.quote-guide{max-width:480px}.main-nav .nav-contact{padding:13px 18px}}
@media(max-width:500px){.gallery-footer{padding:25px 22px}.gallery-footer h3{font-size:29px}.gallery-footer .button{width:100%;font-size:12px;gap:14px}.project-form label{font-size:12px}.project-form label span{font-size:11px}.copy-inquiry{font-size:12px;padding:13px}.quote-guide li{font-size:13px}.form-eyebrow{font-size:10px}.form-intro{font-size:13px}.hero-signature{font-size:8px}}