/*
Theme Name: H2O Furnishings
Theme URI: https://home2office.net/
Author: Home to Office Furnishings
Description: Custom brochure and product gallery theme based on approved H2O website draft.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: h2o-furnishings
*/
:root{--ink:#232722;--cream:#f5f2eb;--muted:#74776f;--accent:#a35f40}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:var(--cream)}.logo{font-size:23px;font-weight:750;letter-spacing:-1.1px}.logo span{display:block;font-size:10px;letter-spacing:3.2px;font-weight:500;margin-top:3px}nav{display:flex;gap:34px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px}nav a:hover{color:var(--accent)}.hero{min-height:690px;position:relative;background:linear-gradient(90deg,rgba(13,19,14,.64),rgba(13,19,14,.02)),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=85') center/cover;display:flex;align-items:center;padding:8% 9%;color:white}.hero-content{max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:700}.hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px;font-size:clamp(56px,7vw,108px);line-height:1.04;margin:25px 0}.hero p{font-size:19px;line-height:1.6;max-width:530px}.btn{display:inline-block;border:1px solid currentColor;padding:17px 25px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-top:22px;transition:.2s}.btn:hover{background:white;color:#222}.section{padding:110px 9%}.section h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);font-weight:400;letter-spacing:-1.7px;line-height:1.12;margin:16px 0 26px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.intro p,.story p{font-size:18px;line-height:1.85;color:#52574e}.rule{height:1px;background:#d6d5cb;margin:0 9%}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.tile{position:relative;overflow:hidden;aspect-ratio:4/5;background:#ddd}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.tile:hover img{transform:scale(1.04)}.tile span{position:absolute;bottom:0;left:0;right:0;padding:60px 22px 25px;color:#fff;font-size:22px;font-family:Georgia,serif;background:linear-gradient(transparent,rgba(0,0,0,.5))}.dark{background:#29332d;color:#fff}.dark p{color:#d3d7ce}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.three h3{font-family:Georgia,serif;font-size:29px;font-weight:400}.three p{font-size:15px;line-height:1.8;color:#cbd0c8}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story img{width:100%;height:530px;object-fit:cover}.contact{text-align:center;padding:105px 9%}.contact p{color:#666;font-size:17px}.contact .btn{background:#28342d;color:#fff;border-color:#28342d}footer{border-top:1px solid #dadbd4;padding:30px 9%;display:flex;justify-content:space-between;gap:15px;color:#73766d;font-size:12px}.note{font-size:12px;color:#777;margin-top:30px}@media(max-width:750px){header{padding:0 5%;height:75px}.logo{font-size:19px}nav{gap:13px;font-size:10px}.hero{min-height:600px;padding:12% 7%}.hero h1{letter-spacing:-1px}.section{padding:75px 7%}.intro,.story{grid-template-columns:1fr;gap:20px}.grid{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr;gap:10px}.story img{height:350px}footer{flex-direction:column}}

/* Curated collections appended as part of the same website */
.h2o-portfolio{max-width:1380px;margin:60px auto 0;padding:50px 5% 85px;border-top:1px solid #d6d5cc;scroll-margin-top:30px}
.h2o-portfolio .intro{padding:25px 0 48px;max-width:850px}
.h2o-portfolio .eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#777a6a}
.h2o-portfolio .intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,7vw,92px);line-height:1.04;letter-spacing:-2px;margin:20px 0}
.h2o-portfolio .intro p{font-size:17px;line-height:1.7;color:#65665f;max-width:650px}
.h2o-portfolio .gallery{display:grid;gap:16px}
.h2o-portfolio.di .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.h2o-portfolio.di .tile{margin:0;background:#e9e7e1;min-height:260px;overflow:hidden}
.h2o-portfolio.di .tile.wide{grid-column:span 2}
.h2o-portfolio.di .tile img{width:100%;height:100%;aspect-ratio:1.2;object-fit:cover;display:block}
.h2o-portfolio.di .tile.wide img{aspect-ratio:2.1}
.h2o-portfolio.wh .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
.h2o-portfolio.wh .item{min-width:0}
.h2o-portfolio.wh .photos{background:#eeede8;display:flex;align-items:center;justify-content:center;gap:5px;height:330px;overflow:hidden;padding:10px}
.h2o-portfolio.wh .photos img{min-width:0;max-width:100%;height:100%;object-fit:contain;flex:1}
.h2o-portfolio.wh .name{padding:15px 2px 4px;font-size:13px;letter-spacing:.3px}
@media(max-width:750px){.h2o-portfolio{margin-top:20px;padding:40px 5% 55px}.h2o-portfolio.di .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.h2o-portfolio.di .tile{min-height:150px}.h2o-portfolio.wh .gallery{grid-template-columns:1fr}.h2o-portfolio.wh .photos{height:280px}}

/* Full warehouse program and direct contact links */
.h2o-portfolio.wh .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 17px}
.h2o-portfolio.wh .photos{height:270px;gap:4px;padding:12px;background:#f0efeb}
.h2o-portfolio.wh .photos img{object-fit:contain}
.h2o-portfolio.wh .name{font-size:14px;line-height:1.45;padding-top:12px}
.h2o-portfolio.wh .sku{font-size:11px;color:#77786e;padding:0 2px;letter-spacing:.4px}
.contact-people{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:25px}
.contact-email{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font-size:15px}
.contact-email:hover{opacity:.6}
@media(max-width:950px){.h2o-portfolio.wh .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.h2o-portfolio.wh .gallery{grid-template-columns:1fr}.h2o-portfolio.wh .photos{height:300px}}

/* Ready to ship: photo-only editorial gallery */
.h2o-portfolio.wh .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}
.h2o-portfolio.wh .gallery .item{margin:0;padding:0;background:#f3f1ec;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:390px}
.h2o-portfolio.wh .gallery .item>img{display:block;width:100%;height:440px;object-fit:contain;padding:18px;box-sizing:border-box}
@media(max-width:700px){.h2o-portfolio.wh .gallery{grid-template-columns:1fr;gap:14px}.h2o-portfolio.wh .gallery .item{min-height:320px}.h2o-portfolio.wh .gallery .item>img{height:370px}}
.contact-people{justify-content:center;align-items:center;text-align:center}

/* Final mobile and accessibility refinements */
@media(max-width:950px){header{height:auto;min-height:84px;flex-wrap:wrap;gap:15px;padding:20px 5%}nav{flex-wrap:wrap;gap:12px 18px;justify-content:flex-start}}
@media(max-width:520px){nav{font-size:10px;line-height:1.7}.grid{grid-template-columns:1fr 1fr}.hero{min-height:520px}.hero h1{font-size:clamp(45px,10vw,65px)}}
a:focus-visible{outline:3px solid #a35f40;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}