:root{--bg:#141413;--paper:#f3f1eb;--copper:#c88b66;--muted:#b4b2ab;--line:#383733}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--copper);outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1}h1{font-size:clamp(46px,5.2vw,84px);letter-spacing:-.045em}h2{font-size:clamp(37px,4.2vw,64px);letter-spacing:-.035em}h3{font-size:30px}h4{font-size:18px;line-height:1.35;font-weight:400}em{color:var(--copper);font-weight:400}header{min-height:102px;display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid var(--line);gap:30px}.brand{display:block;font-family:Georgia,serif;font-size:32px;letter-spacing:.16em;line-height:1;text-align:center;color:var(--copper)}.brand span{display:block;font:10px Arial,sans-serif;letter-spacing:.25em;margin-top:7px}nav{display:flex;gap:32px;font-size:14px}.contact-link{font-size:14px;border-bottom:1px solid var(--copper);padding:8px 0}.contact-link span{margin-left:24px}.eyebrow{font-size:12px;letter-spacing:.18em;line-height:1.5;color:var(--copper)}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:640px}.hero-copy{padding:65px 7.5% 24px 9.3%;display:flex;align-items:flex-start;flex-direction:column}.hero h1{margin:28px 0}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;padding:17px 24px;background:var(--copper);color:#181714;font-size:14px;min-height:54px}.hero .button{margin-top:32px}.button:hover{background:#e3aa84}.hero-foot{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:56px;font-size:10px;letter-spacing:.17em;color:var(--muted)}.hero-photo{position:relative;min-height:600px}.hero-photo img{height:100%;position:absolute;object-position:center 55%}.hero-photo>span{position:absolute;bottom:26px;left:25px;font-size:10px;letter-spacing:.17em;color:white;text-shadow:0 1px 5px #000}.section{padding:96px 6%;scroll-margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{max-width:350px;color:var(--muted)}.bar-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px}.photo-button{border:0;padding:0;background:#252522;position:relative;display:block;width:100%;cursor:pointer;overflow:hidden;color:white;text-align:left}.photo-button img{height:100%;transition:transform .5s}.photo-button:hover img{transform:scale(1.035)}.bar-grid .photo-button{aspect-ratio:1.6}.view{position:absolute;right:15px;bottom:15px;background:#141413db;padding:7px 12px;font-size:12px;opacity:0;transition:opacity .2s}.photo-button:hover .view,.photo-button:focus-visible .view{opacity:1}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.card-heading span{font-size:12px;color:var(--copper)}.bar-grid .tagline{color:var(--copper);margin:8px 0;font-size:14px}.bar-grid p:not(.tagline){color:var(--muted);max-width:490px}.custom{margin-top:65px;border-top:1px solid var(--line);padding-top:35px;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:24px;align-items:center}.custom h3{margin:15px 0}.custom p:not(.eyebrow){color:var(--muted);margin-bottom:15px}.custom img{aspect-ratio:1.25}.text-link{font-size:14px;border-bottom:1px solid var(--copper);padding-bottom:6px;display:inline-block}.welcome{background:var(--paper);color:#232421}.welcome .eyebrow,.welcome em{color:#995734}.welcome .section-heading>p{color:#66665f}.welcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.welcome-grid .photo-button{aspect-ratio:.9}.welcome-grid h3{font-size:28px;margin:21px 0 10px}.welcome-grid p{color:#65655f;font-size:15px}.service-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.bespoke{background:#232320;padding:45px}.bespoke h3{font-size:48px;margin:30px 0}.bespoke p{color:var(--muted);margin-bottom:25px}.menu-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;border:1px solid var(--line);padding:25px}.menu-card img{height:100%;min-height:330px}.menu-card h3{font-size:36px;margin-bottom:20px}.menu-card p{color:var(--muted)}.subheading{margin:70px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.subheading p{color:var(--muted)}.extras-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 24px}.extras-grid .photo-button{aspect-ratio:1.15}.extras-grid h4{margin:17px 0 8px}.extras-grid p{font-size:14px;color:var(--muted)}.people-grid{margin-top:70px;padding-top:40px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:40px}.people-grid article{display:flex;gap:24px;align-items:center}.people-grid img{width:120px;height:190px}.people-grid h3{font-size:25px;margin:15px 0}.people-grid p:not(.eyebrow){font-size:14px;color:var(--muted)}.contact{border-top:1px solid var(--line);text-align:center;background:#1b1b18}.contact h2{margin:25px 0;font-size:clamp(50px,6vw,85px)}.contact>p:not(.eyebrow){color:var(--muted)}.contact-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin:32px 0 20px}.phone{color:var(--muted);font-size:14px}footer{padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;color:var(--muted)}footer p{max-width:180px}footer .brand{font-size:25px}dialog{border:1px solid var(--line);padding:20px;background:#1c1c19;color:var(--paper);width:min(940px,94vw);max-height:92vh}dialog::backdrop{background:#000d}#gallery-photo{object-fit:contain;max-height:68vh;width:100%}.gallery-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}.close{position:absolute;right:28px;top:28px;border:0;background:#141413;color:white;width:44px;height:44px;font-size:30px;cursor:pointer}.skip{position:fixed;top:-70px;left:20px;background:white;color:black;padding:10px;z-index:5}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){header{gap:16px}nav{gap:18px}.hero{min-height:570px}.hero-copy{padding-top:45px}.hero-photo{min-height:550px}.custom{grid-template-columns:1fr 1fr}.custom>div{grid-column:1/-1}.welcome-grid,.extras-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.people-grid{gap:25px}.people-grid article{display:block}.people-grid img{width:100%;height:230px;margin-bottom:20px}footer{flex-wrap:wrap}}@media(max-width:650px){html{scroll-padding-top:20px}header{padding:20px 6%;flex-wrap:wrap}.brand{font-size:27px}nav{order:3;width:100%;justify-content:space-between;font-size:12px;padding-top:13px;border-top:1px solid var(--line)}.hero{display:flex;flex-direction:column}.hero-copy{padding:40px 6% 25px}.hero h1{font-size:48px}.hero-foot{padding-top:32px}.hero-photo{height:380px;min-height:0}.hero-photo img{object-position:50% 62%}.section{padding:60px 6%}.section-heading{display:block}.section-heading>p{margin-top:24px}.bar-grid{grid-template-columns:1fr;gap:35px}.bar-grid h3{font-size:29px}.custom{gap:14px}.welcome-grid{gap:30px 16px}.welcome-grid h3{font-size:23px}.welcome-grid p{font-size:14px}.bespoke{padding:30px}.menu-card{gap:20px;padding:18px}.menu-card img{min-height:250px}.menu-card h3{font-size:28px}.menu-card p{font-size:14px}.subheading{display:block}.subheading p{margin-top:14px}.extras-grid{gap:30px 16px}.people-grid{grid-template-columns:1fr}.people-grid article{display:flex}.people-grid img{width:100px;height:190px;margin:0}.contact-actions{flex-direction:column;gap:25px}.gallery-caption{display:block}.gallery-caption .text-link{margin-top:15px}footer{display:grid;grid-template-columns:1fr 1fr;gap:25px}footer .brand{text-align:left}.view{opacity:1;font-size:10px;right:8px;bottom:8px;padding:5px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Portfolio references and multi-photo galleries */
header .brand,footer .brand{flex-shrink:0;width:90px;line-height:0}
.brand img{width:100%;height:auto;object-fit:contain}
header{padding-top:12px;padding-bottom:12px}
footer .brand{width:90px}
.bar-grid .photo-button img{object-fit:contain}
.bar-grid .photo-button{background:#0e0e0d}
.full-photo img{object-fit:contain}
.photo-button.full-photo:hover img{transform:none}
.rotate-photo{transform:rotate(180deg)!important}
.extras-grid .full-photo{background:#0e0e0d}
.menu-card>img{object-fit:contain;background:#0e0e0d}
.people-grid{grid-template-columns:1fr}
.people-grid article{max-width:740px}
.uniform-section{margin-top:60px;border-top:1px solid var(--line)}
.uniform-section .subheading{margin-top:40px}
.uniform-section .eyebrow{margin-bottom:15px}
.uniform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.uniform-grid .photo-button{aspect-ratio:1;background:#0e0e0d}
.uniform-grid .photo-button img{object-fit:contain}
.uniform-grid h3{font-size:27px;margin:20px 0 10px}
.uniform-grid p{color:var(--muted)}
.gallery-open{overflow:hidden}
#gallery{padding:24px;width:min(1000px,94vw);max-height:94dvh;overflow:auto}
.gallery-stage{position:relative;background:#10100f;display:flex;align-items:center;justify-content:center;min-height:180px}
#gallery-photo{height:55vh;height:55dvh;max-height:650px;width:100%;object-fit:contain;touch-action:pan-y}
.gallery-arrow{position:absolute;z-index:1;border:1px solid #7775;background:#141413dc;color:white;width:44px;height:48px;border-radius:0;font-size:32px;cursor:pointer}
#gallery-prev{left:10px}#gallery-next{right:10px}
.gallery-arrow[hidden],#gallery-thumbs[hidden]{display:none}
#gallery .close{right:32px;top:32px;z-index:2;border:1px solid #7775}
#gallery-count{font-size:13px;color:var(--muted);margin-top:7px}
#gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:18px 2px 5px}
#gallery-thumbs button{flex:0 0 76px;height:62px;padding:3px;border:1px solid var(--line);background:#0e0e0d;cursor:pointer}
#gallery-thumbs button[aria-pressed=true]{border:2px solid var(--copper)}
#gallery-thumbs img{height:100%;width:100%;object-fit:contain}
@media(max-width:650px){header .brand,footer .brand{width:75px}.uniform-grid{grid-template-columns:1fr;gap:32px}.uniform-grid .photo-button{aspect-ratio:1.15}.uniform-grid h3{font-size:27px}.people-grid article{display:flex}.uniform-section .subheading>p{margin-top:20px}#gallery{padding:14px}.gallery-arrow{width:38px;height:44px}#gallery-photo{height:48dvh}#gallery .close{right:22px;top:22px}.gallery-caption h3{font-size:26px}.gallery-caption .text-link{margin-top:12px}#gallery-thumbs button{flex-basis:64px;height:54px}}
/* Eight-bar collection and color derivations */
.hero-photo img{object-position:center center}
.custom{display:block}
.custom-intro{max-width:730px;margin-bottom:32px}
.color-examples{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.color-pair{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:12px;align-items:center}
.color-pair figure{margin:0;min-width:0}
.color-pair img{aspect-ratio:1.45;object-fit:cover}
.color-pair figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.color-arrow{color:var(--copper);font-size:22px;align-self:center;margin-bottom:33px}
.color-reference{display:flex;gap:28px;align-items:center;margin-top:30px}
.color-swatches{display:flex;gap:16px;flex-shrink:0}
.color-swatches span{display:block;width:32px;height:32px;border-radius:50%;background:var(--swatch)}
.custom .color-reference p{margin:0;color:var(--muted);font-size:14px;max-width:430px}
.extras-grid .detail-photo img,.extras-grid .detail-photo:hover img{transform:scale(1.15)}
.extras-grid .detail-photo img.rotate-photo,.extras-grid .detail-photo:hover img.rotate-photo{transform:rotate(180deg) scale(1.15)!important}
.uniform-grid .photo-button{aspect-ratio:1.655}
.uniform-grid .photo-button img{object-fit:cover;object-position:center}
#gallery-note{font-size:13px;color:var(--muted);margin-top:6px}
@media(max-width:900px){.color-examples{grid-template-columns:1fr;gap:30px}.color-reference{flex-wrap:wrap;gap:18px}}
@media(max-width:650px){.uniform-grid .photo-button{aspect-ratio:1.655}.color-pair{gap:8px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.color-pair figcaption{font-size:13px}.color-swatches{gap:18px}.color-swatches span{width:30px;height:30px}}
/* Browse multi-photo cards directly on the page. */
.photo-frame{position:relative;width:100%}
.card-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:48px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:3px;background:rgba(20,20,19,.72);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:34px;line-height:1;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}
.card-prev{left:10px}.card-next{right:10px}
.card-arrow:hover{background:rgba(20,20,19,.95)}
.card-arrow:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
.card-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.card-note{position:absolute;bottom:8px;left:8px;right:8px;padding:5px 8px;background:rgba(20,20,19,.85);color:#fff;font-size:12px;text-align:center;pointer-events:none}
.card-note[hidden]{display:none}
@media(max-width:650px){.card-prev{left:6px}.card-next{right:6px}.card-arrow{width:44px;height:44px}}
/* Consistent full-frame photographs within each collection. */
.bar-grid .photo-button{aspect-ratio:3/2}
.bar-grid .photo-button img{object-fit:cover;object-position:center}
.welcome-grid .photo-button,.extras-grid .photo-button{aspect-ratio:1}
.extras-grid .photo-button img,.welcome-grid .photo-button img{object-fit:cover}
.bar-grid .photo-button:hover img,.welcome-grid .photo-button:hover img,.extras-grid .photo-button:hover img{transform:none}
img[src="assets/75.webp"]{object-position:center 75%!important}
img[src="assets/90.webp"]{object-position:center 65%!important}
img[src="assets/83.webp"]{object-position:center 70%!important}
#gallery[data-frame] .gallery-stage{position:relative;min-height:0;margin-inline:auto;aspect-ratio:var(--gallery-ratio);width:min(100%,var(--gallery-width))}
#gallery[data-frame="bar"]{--gallery-ratio:3/2;--gallery-width:82.5dvh}
#gallery[data-frame="welcome"],#gallery[data-frame="extra"]{--gallery-ratio:1;--gallery-width:55dvh}
#gallery[data-frame="uniform"]{--gallery-ratio:1.655;--gallery-width:91dvh}
#gallery[data-frame] #gallery-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}
#gallery[data-frame] .gallery-arrow{top:50%;transform:translateY(-50%)}
#gallery-thumbs img{object-fit:cover}
/* Swipe navigation is shown only for designs with multiple views. */
.swipeable{touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}
.swipeable:active{cursor:grabbing}
.swipeable img{-webkit-user-drag:none;user-select:none}
.swipe-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:5px 12px;background:rgba(18,18,16,.65);color:#f5f1e9;font-size:11px;letter-spacing:.06em;white-space:nowrap;pointer-events:none}
#gallery-thumbs[hidden],#gallery-count[hidden]{display:none}

/* Preserve the original copper artwork while making its neutral backdrop transparent. */
img[src="assets/booz-logo.png"]{filter:url(#logo-background-removal)}

/* Horizontal lockup uses the original artwork and lettering. */
header .brand,footer .brand{display:flex;align-items:center;gap:23px;width:246px;line-height:0}
.brand-mark{display:block;flex:0 0 93px;width:93px;height:73px;overflow:hidden}
.brand-name{display:block;flex:0 0 130px;width:130px;height:100px;overflow:hidden}
header{min-height:128px}
@media(max-width:1000px) and (min-width:651px){header{flex-wrap:wrap}header nav{order:3;justify-content:center;width:100%;padding-top:10px}}
@media(max-width:650px){header .brand,footer .brand{width:196px;gap:16px}.brand-mark{width:75px;height:59px;flex-basis:75px}.brand-name{width:105px;height:81px;flex-basis:105px}header{min-height:0}header .contact-link{font-size:12px}header .contact-link span{margin-left:6px}footer .brand{grid-column:1/-1}}

/* Refined header proportions and compact stacked footer branding. */
header .brand{width:210px;gap:20px}
header .brand-name{width:97px;height:75px;flex-basis:97px}
footer .brand{display:block;width:90px;line-height:0}
@media(max-width:650px){header .brand{width:171px;gap:16px}header .brand-name{width:80px;height:62px;flex-basis:80px}footer .brand{width:75px;grid-column:auto}}

/* Centered mobile identity, followed by navigation and the existing hero. */
.mobile-celebrate{display:none}
@media(max-width:650px){
 header{flex-direction:column;align-items:center;gap:22px;padding-top:26px;padding-bottom:18px}
 header .brand{width:112px;flex-direction:column;gap:13px;margin-inline:auto}
 header .brand-mark{width:90px;height:70px;flex:0 0 auto}
 header .brand-name{width:112px;height:86px;flex:0 0 auto}
 header>.contact-link{display:none}
 header nav{order:initial;width:100%;padding-top:18px;gap:12px;justify-content:space-between}
 .hero-copy .mobile-celebrate{display:inline-flex;align-items:center;gap:20px;margin:0 0 24px;padding:8px 0;font-size:14px}
 .mobile-celebrate span{margin-left:0}
}