@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');
:root{--ink:#211a16;--cream:#f7f2e9;--copper:#bb6b35;--muted:#74685e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.top{height:88px;background:#fffaf4;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100% - 1280px)/2));gap:20px;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #0000000d}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.12em;font-size:15px}.brand img{width:66px;height:60px;object-fit:contain}.brand small{font-size:10px}.top nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.top nav a:hover{color:var(--copper)}.navquote{background:var(--ink);color:white!important;padding:13px 20px;border-radius:3px}#menu{display:none;background:none;border:0;font-size:25px}.hero{background:#28211c;color:white;min-height:600px;display:grid;grid-template-columns:1fr 42%;overflow:hidden}.hero-inner{padding:105px 8% 90px max(10%,calc((100vw - 1220px)/2));position:relative;z-index:1}.eyebrow{color:var(--copper);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero h1,h2{font:600 clamp(38px,5vw,68px)/1.14 'Playfair Display',serif;letter-spacing:-.025em;margin:20px 0}.hero h1 em,h2 em{color:#d28c51;font-weight:500}.hero p{color:#e3d7c8;max-width:490px;font-size:17px}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 37%;max-height:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--copper);background:var(--copper);color:white;font-size:13px;font-weight:700;padding:15px 24px;cursor:pointer;border-radius:3px}.btn:hover{filter:brightness(1.09)}.ghost{background:transparent;border-color:#a79584}.intro{text-align:center;padding:85px 6% 100px;max-width:1370px;margin:auto}.intro h2{font-size:clamp(34px,4vw,50px)}.intro>p{color:var(--muted);margin:0 auto 30px;max-width:580px}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:35px}.filters button{border:1px solid #d8cfc3;background:transparent;border-radius:40px;padding:9px 19px;cursor:pointer;color:#53483e}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left}.product{background:#fff;box-shadow:0 8px 24px #39230c0b;overflow:hidden}.product img{width:100%;height:335px;object-fit:cover;display:block}.product-content{padding:22px}.product .category{color:var(--copper);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.product h3{font:600 23px/1.3 'Playfair Display',serif;margin:8px 0}.product p{color:var(--muted);font-size:13px;min-height:42px;margin:8px 0 16px}.product a{font-size:12px;font-weight:700;color:#a65323}.story{background:#29211d;color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:85px max(6%,calc((100% - 1200px)/2))}.story p{color:#d2c6ba;max-width:500px}.story-art img{width:100%;height:470px;object-fit:cover;object-position:center 45%}.ghost-light{background:transparent;margin-top:20px}.quote-wrap{max-width:1250px;margin:auto;padding:105px 6%;display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.quote-copy p{color:var(--muted)}.small{font-size:12px!important;color:#8a7a6c!important}.quote-form{background:white;padding:35px;box-shadow:0 15px 50px #39230c12;display:grid;gap:15px}.quote-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.quote-form input:not([type=checkbox]),.quote-form textarea{border:1px solid #d8d0c8;padding:12px;width:100%;background:#fff;min-width:0;border-radius:2px}.quote-form input:focus,.quote-form textarea:focus{outline:2px solid #c6844d}.quote-form .consent{display:flex;align-items:flex-start;gap:9px;font-weight:400}.quote-form .consent input{margin-top:5px}.hidden{position:absolute;left:-9999px}footer{background:#1d1714;color:#e9dfd2;padding:45px 6%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}footer div{display:flex;flex-direction:column;gap:5px}footer p{margin:0;color:#a99b8c}footer span{color:#a99b8c}@media(max-width:850px){.hero{grid-template-columns:1fr 43%;min-height:490px}.hero-inner{padding:75px 6%}.gallery{grid-template-columns:repeat(2,1fr)}.story{gap:5%;padding:70px 6%}.quote-wrap{gap:5%}}@media(max-width:650px){.top{height:70px}.brand img{width:52px;height:48px}.brand{font-size:12px}.top nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fffaf4;padding:20px 6%;flex-direction:column;align-items:stretch;gap:17px}.top nav.open{display:flex}#menu{display:block}.hero{display:flex;flex-direction:column-reverse}.hero-img{height:340px;object-position:center 35%}.hero-inner{padding:50px 7% 65px}.hero h1{font-size:43px}.intro{padding:65px 5%}.gallery{grid-template-columns:1fr}.product img{height:350px}.story{grid-template-columns:1fr;padding:65px 7%}.story-art img{height:350px}.quote-wrap{grid-template-columns:1fr;padding:65px 5%}.quote-form{padding:23px}footer{flex-direction:column}}

/* Modern rustic enhancements */
:root{--ink:#25201b;--cream:#f6f1e9;--copper:#b77342;--muted:#756a60}
.hero{min-height:670px;background:linear-gradient(125deg,#231d19,#423226)}
.hero-inner{padding-top:120px;padding-bottom:110px}
.hero h1{font-size:clamp(44px,5.7vw,78px)}
.hero .btn:first-child{background:#c27b45;border-color:#c27b45}
.hero-img{max-height:740px}
.section-heading{text-align:center;max-width:720px;margin:0 auto 40px}
.section-heading h2{font-size:clamp(35px,4.5vw,54px);margin:15px 0}
.section-heading p{color:var(--muted);margin:0 auto;max-width:550px}
.category-section{padding:100px max(5%,calc((100% - 1240px)/2));background:#f0e7da}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.category-tile{min-height:220px;background:#fffaf3;border:1px solid #e7d9c7;padding:29px;display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s}
.category-tile:hover{transform:translateY(-4px);box-shadow:0 15px 30px #49311a16}
.category-tile .category-icon{font-size:30px;color:var(--copper);line-height:1.3}
.category-tile strong{font:600 25px/1.2 'Playfair Display',serif}
.category-tile span:not(.category-icon){font-size:13px;color:var(--muted)}
.category-tile b{font-size:12px;color:#9c522c;margin-top:auto;padding-top:12px}
.featured-section{padding:100px max(5%,calc((100% - 1240px)/2));background:#fffaf4}
.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.featured-grid .product{border:1px solid #f0e8de}
.featured-grid .product img{height:320px}
.featured-bottom{text-align:center;margin-top:34px}
.intro{max-width:none;background:var(--cream)}
.navquote{background:var(--copper)}
#gallery,#categories,#featured,#quote{scroll-margin-top:85px}
@media(max-width:850px){.category-section,.featured-section{padding:75px 5%}.category-grid,.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:520px}}
@media(max-width:650px){.hero{min-height:0}.hero-inner{padding:50px 7% 65px}.hero h1{font-size:44px}.category-section,.featured-section{padding:65px 5%}.category-grid,.featured-grid{grid-template-columns:1fr}.category-tile{min-height:185px}.featured-grid .product img{height:340px}}

/* Country-style logo hero: real logo on a wood round */
.hero{grid-template-columns:minmax(0,1fr) minmax(370px,46%);background:linear-gradient(115deg,#201711 0%,#38271b 68%,#241a14 100%)}
.hero-inner{background:radial-gradient(ellipse at 5% 100%,#79502b42,transparent 55%);padding-right:5%}
.hero h1{font-size:clamp(42px,5.2vw,76px)}
.hero-showcase{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:650px;padding:38px 26px;background:linear-gradient(#130e0a70,#130e0a75),url('/assets/rustic-workshop-wood.webp') center/cover}
.hero-showcase:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 94px,#100c0940 96px,#8e61301c 99px);pointer-events:none}
.wood-round{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,620px);aspect-ratio:1;border-radius:50%;padding:8%;background:radial-gradient(circle at 35% 25%,#d39c58 0%,#aa6a36 36%,#8a5029 72%,#4d2c1b 100%);border:13px solid #3a2417;box-shadow:0 0 0 4px #a97741,0 22px 65px #0009,inset 0 0 0 3px #d4a16c,inset 0 0 65px #3a1c0f80}
.wood-round:before{content:"";position:absolute;inset:8px;border-radius:50%;background:repeating-radial-gradient(ellipse at 42% 44%,transparent 0,transparent 17px,#40200e18 19px,#dca76518 22px,transparent 26px);pointer-events:none}
.hero-logo{position:relative;width:113%;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 9px 8px #1b100b90)}
@media(max-width:850px){.hero{grid-template-columns:1fr 44%}.hero-showcase{min-height:500px;padding:20px 12px}.wood-round{border-width:8px}}
@media(max-width:650px){.hero{display:flex;flex-direction:column-reverse}.hero-showcase{min-height:0;padding:40px 12%}.wood-round{max-width:420px}.hero-inner{padding:48px 7% 62px}.hero h1{font-size:43px}}

/* Corrected realistic country hero: one root-level image, no missing nested asset */
.hero-showcase{background: url('/crafted-beams-hero-round.webp') center center / cover no-repeat !important;min-height:650px;}
.hero-showcase:before{display:none !important;}
.hero{background:linear-gradient(115deg,#201711,#38271b 68%,#241a14)}
@media(max-width:650px){.hero-showcase{width:100%;aspect-ratio:1.045;min-height:0;}}

/* Exact reference-matched hero on desktop; retain real, accessible quote links. */
@media(min-width:851px){
 .hero{position:relative;display:block;min-height:0;aspect-ratio:1813 / 868;background:#201710 url('/crafted-beams-workshop-hero.webp') center / 100% 100% no-repeat;overflow:hidden}
 .hero-inner{position:absolute;inset:0;padding:0;z-index:2;background:transparent}
 .hero-inner>.eyebrow,.hero-inner>h1,.hero-inner>p{position:absolute;opacity:0;pointer-events:none}
 .hero-actions{position:absolute;left:9.1%;top:68.2%;width:39%;height:9.1%;margin:0;display:block}
 .hero-actions .btn{position:absolute;top:0;height:100%;padding:0;opacity:0;border:0;display:block;overflow:hidden;white-space:nowrap}
 .hero-actions .btn:first-child{left:0;width:51%}
 .hero-actions .btn:nth-child(2){left:54%;width:46%}
 .hero-actions .btn:focus-visible{opacity:1;outline:3px solid #fff;background:#6e3818e8;color:#fff;padding:1em;white-space:normal}
 .hero-showcase{display:none!important}
}
@media(max-width:850px){
 .hero-showcase{background:url('/crafted-beams-workshop-logo-mobile.webp') center / cover no-repeat!important}
 .hero-showcase:before{display:none!important}
 .hero{background:linear-gradient(115deg,#201711,#38271b 68%,#241a14)}
}
@media(max-width:650px){.hero-showcase{aspect-ratio:1.05;min-height:0!important}}

/* Multi-photo product cards and full-screen viewer */
.product-photo-area{width:100%;min-width:0}
.product-photo-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:inherit}
.product-photo-open>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.product-photo-open:focus-visible,.product-photo-thumbs button:focus-visible{outline:3px solid #a86b36;outline-offset:2px}
.product-photo-thumbs{display:flex;gap:7px;padding:9px 10px;overflow-x:auto;max-width:100%;background:#f2ece3}
.product-photo-thumbs button{flex:0 0 52px;width:52px;height:46px;padding:2px;border:2px solid transparent;border-radius:5px;background:transparent;cursor:pointer}
.product-photo-thumbs button.active{border-color:#92532d}
.product-photo-thumbs img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.photo-viewer-open{overflow:hidden}
.photo-viewer{position:fixed;inset:0;z-index:9999;background:rgba(15,11,8,.95);display:flex;align-items:center;justify-content:center;padding:55px 62px 70px}
.photo-viewer>img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.photo-viewer button{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:white;cursor:pointer;display:grid;place-items:center;font-size:38px;width:48px;height:48px}
.photo-viewer button:hover,.photo-viewer button:focus-visible{background:rgba(255,255,255,.35)}
.photo-viewer-close{top:12px;right:16px}.photo-viewer-prev{left:10px;top:50%;transform:translateY(-50%)}.photo-viewer-next{right:10px;top:50%;transform:translateY(-50%)}
.photo-viewer-counter{position:absolute;bottom:23px;color:#fff;font:600 14px system-ui,sans-serif}
.photo-viewer button[hidden]{display:none}
@media(max-width:600px){.photo-viewer{padding:58px 43px 70px}.photo-viewer button{width:38px;height:38px;font-size:30px}}