/*
Theme Name: SG Carpentry
Theme URI: https://sg-carpentry.com
Author: SG Carpentry
Description: An editorial WordPress theme for fine finish carpentry. Includes an optional page setup, editable block content, a project gallery, and an enquiry form.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sg-carpentry
*/
:root{--paper:#f5f3ed;--ink:#242a27;--muted:#626961;--line:#d4d5ca;--olive:#536149;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--olive)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:2px solid var(--olive);outline-offset:5px}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;left:16px;top:-100px;background:white;z-index:100;padding:12px}.skip-link:focus{top:12px}
.site-header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:13px}.brand-mark{font-family:var(--serif);font-size:34px;letter-spacing:-3px;line-height:1;border:1px solid var(--ink);padding:12px 15px 13px 11px}.brand-name{font-size:15px;letter-spacing:2px;font-weight:600}.brand-name small{display:block;font-size:9px;letter-spacing:2.8px;margin-top:3px;font-weight:400}.site-nav{display:flex;gap:28px;align-items:center}.site-nav a{text-decoration:none;font-size:12px;letter-spacing:.5px}.site-nav a[aria-current=page]{text-decoration:underline}.site-nav .nav-cta{border:1px solid var(--ink);padding:12px 19px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px 15px}
.site-main{max-width:1440px;margin:auto;min-height:45vh}.site-main>.page-content>*,.site-main>.page-content>.wp-block-group{max-width:none}.wp-block-group{margin-top:0;margin-bottom:0}.section{padding:90px 7%}.section-small{padding:55px 7%}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:74px 7% 82px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.8px;font-weight:600;margin:0 0 24px}.hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-2.5px;font-size:clamp(46px,5.8vw,82px);line-height:1.04;margin:0 0 27px}.hero .intro{max-width:430px;font-size:15px;color:var(--muted);margin-bottom:30px}.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap}.wp-block-button__link,.button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;font-size:12px;letter-spacing:.5px;padding:16px 23px;display:inline-block;border-radius:0;cursor:pointer}.wp-block-button__link:hover,.button:hover{background:var(--olive);border-color:var(--olive);color:white}.is-style-outline .wp-block-button__link{background:transparent;color:var(--ink)}.hero-note{font-size:10px;letter-spacing:1px;margin-top:29px;color:var(--muted)}
.architecture{height:480px;position:relative;background:linear-gradient(110deg,#c6cbbd,#e6e7de 60%,#bdc4b1);overflow:hidden;box-shadow:inset 0 0 70px #53614920}.architecture:before{content:'';position:absolute;inset:12% 15% 0 26%;border:1px solid #747e6b;border-bottom:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 31px,#8a927d55 32px,transparent 33px),linear-gradient(100deg,#bdc4b6,#dbe0d0);box-shadow:15px 0 0 #a9b09f,16px 0 0 #74806b,40px 5px 30px #53614933}.architecture:after{content:'';position:absolute;inset:26% 23% 10% 35%;border:1px solid #6e7865;background:linear-gradient(105deg,#c7ccbc,#e4e7db);box-shadow:10px 8px 20px #54614933}.architecture .art-label{position:absolute;bottom:17px;left:20px;font-size:9px;letter-spacing:2px;z-index:2}.hero-photo img{height:480px;width:100%;object-fit:cover}.hero-photo{margin:0}.service-strip{padding:22px 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(33px,3.3vw,48px);line-height:1.16;letter-spacing:-1px;margin:0 0 24px}h3{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.25;margin:14px 0}p{margin-top:0}.section-head{max-width:660px;margin-bottom:42px}.section-head p:not(.eyebrow){color:var(--muted);max-width:540px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.card{border-top:1px solid var(--line);padding-top:23px}.card .number{font-size:10px;letter-spacing:2px;color:var(--olive)}.card p{color:var(--muted);font-size:14px}.card ul{padding-left:18px;color:var(--muted);font-size:14px}.dark-section{background:var(--ink);color:var(--paper)}.dark-section p{color:#c3c8bc}.dark-section .eyebrow{color:#c3c8bc}.dark-section .wp-block-button__link{background:var(--paper);color:var(--ink);border-color:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.text-link{font-size:12px;letter-spacing:.4px}.big-quote{font-family:var(--serif);font-size:clamp(30px,3.8vw,52px);line-height:1.25;font-weight:400}.callout{border-top:1px solid var(--line);padding:65px 7%;display:flex;justify-content:space-between;align-items:center;gap:32px}.callout h2{margin:0}.page-hero{padding:80px 7% 55px;border-bottom:1px solid var(--line)}.page-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6vw,76px);line-height:1.07;letter-spacing:-2px;max-width:800px;margin:0 0 26px}.page-hero p:not(.eyebrow){color:var(--muted);max-width:600px}.prose{max-width:800px!important;margin:auto;padding:70px 7%}.prose h2{margin-top:35px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.project-card{text-decoration:none}.project-card img{width:100%;height:330px;object-fit:cover}.project-card .project-visual{height:330px;background:#d7dccf}.project-card h3{margin-bottom:9px}.project-card p{font-size:14px;color:var(--muted)}.project-empty{padding:45px;border:1px solid var(--line);max-width:850px}.project-empty h3{font-size:32px}.project-empty p{max-width:600px}.project-detail{padding:65px 7%}.project-detail>.wp-block-image,.project-detail>.wp-block-gallery{margin:35px 0}.wp-block-gallery{display:flex;gap:16px;flex-wrap:wrap}.wp-block-gallery figure{flex:1 1 260px}.wp-block-image img{width:100%}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%}.contact-detail{border-top:1px solid var(--line);padding:24px 0}.contact-detail span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:8px}.contact-detail a{font-size:20px;text-decoration:none}.contact-detail p{margin:0}.sg-form{display:grid;gap:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sg-form label{display:block;font-size:12px}.sg-form input,.sg-form textarea,.sg-form select{width:100%;border:0;border-bottom:1px solid #aeb4a6;background:transparent;border-radius:0;padding:12px 0;display:block;color:var(--ink)}.sg-form textarea{resize:vertical;min-height:120px}.sg-form button{justify-self:start}.form-note{font-size:12px;color:var(--muted)}.sg-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.notice{padding:18px;border:1px solid var(--line);margin-bottom:24px}.notice-error{border-color:#9d4236}.site-footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:45px 5% 25px}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer-nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.4px;color:var(--muted)}.footer-bottom a{font-size:10px}.editor-styles-wrapper{background:var(--paper);font-family:var(--sans);color:var(--ink)}.editor-styles-wrapper .hero{display:block}.editor-styles-wrapper .cards{display:block}
@media(min-width:1441px){body{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:1440px;margin:auto}}
@media(max-width:900px){.site-nav{gap:18px}.hero{gap:5%;padding:60px 5%}.architecture,.hero-photo img{height:400px}.section{padding:65px 5%}.cards{gap:22px}.split,.contact-layout{gap:7%}.page-hero{padding:65px 5% 45px}.callout{padding:55px 5%}}
@media(max-width:700px){.site-header{padding:19px 5%;flex-wrap:wrap}.brand-mark{font-size:27px;padding:10px 13px 11px 9px}.brand-name{font-size:12px}.brand-name small{font-size:8px}.menu-toggle{display:block}.site-nav{width:100%;display:none;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:14px 0;border-top:1px solid var(--line)}.site-nav .nav-cta{margin-top:12px;text-align:center}.hero{grid-template-columns:1fr;padding:50px 6%;gap:40px}.hero h1{font-size:56px}.architecture,.hero-photo img{height:380px}.hero .intro{max-width:none}.service-strip{justify-content:flex-start;font-size:9px;gap:12px 24px;padding:20px 6%}.section{padding:56px 6%}.cards{grid-template-columns:1fr;gap:26px}.split,.contact-layout{grid-template-columns:1fr;gap:35px}.callout{display:block;padding:48px 6%}.callout h2{margin-bottom:26px}.footer-top{display:block}.footer-nav{margin-top:28px;gap:18px}.footer-bottom{gap:20px}.page-hero{padding:55px 6% 35px}.page-hero h1{font-size:53px}.project-grid{grid-template-columns:1fr}.project-empty{padding:28px}.form-row{grid-template-columns:1fr;gap:19px}.prose{padding:40px 6%}.big-quote{font-size:36px}}
.section-intro{padding-bottom:20px}.project-story{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;border-bottom:1px solid var(--line)}.project-story>.wp-block-image{margin:0}.project-story img{width:100%;height:440px;object-fit:cover}.project-story figcaption{font-size:11px;color:var(--muted);margin-top:10px}.story-copy p:not(.eyebrow){font-size:14px;color:var(--muted)}.reverse-story>.wp-block-image{order:2}.reverse-story>.story-copy{order:1}.reverse-story img{height:540px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:38px}.journal-card img{width:100%;height:240px;object-fit:cover}.journal-card p{font-size:14px;color:var(--muted)}.journal-card h3{margin-top:22px}.journal-section{background:#eeeee5}.project-detail h2{margin-top:35px}.project-detail>.wp-block-image img{max-height:1000px;object-fit:contain}.project-detail>p{max-width:850px}.project-detail figcaption{color:var(--muted);font-size:12px}
@media(max-width:700px){.project-story{grid-template-columns:1fr;gap:30px}.reverse-story>.wp-block-image,.reverse-story>.story-copy{order:initial}.project-story img{height:auto;max-height:540px;object-fit:contain}.journal-grid{grid-template-columns:1fr;gap:35px}.journal-card img{height:270px}.section-intro{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}