/*
Theme Name: BEAUX House
Description: Private staging theme for BEAUX House of Tox.
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#2f3026;--warm:#f2ede3;--olive:#49523d;--line:rgba(47,48,38,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.eyebrow,.hero-note,.sample-note,.visit-details span,footer span{font:500 10px/1.2 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.light{color:#fffaf1}.beaux-hero{min-height:100svh;position:relative;color:#fffaf1;overflow:hidden;background:#4e473d}.beaux-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:51% center;filter:saturate(.82) contrast(1.03);transform:scale(1.01)}.beaux-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,13,.63),rgba(17,17,13,.08) 65%),linear-gradient(0deg,rgba(17,17,13,.28),transparent 40%)}.site-header{width:100%;position:absolute;top:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:27px 42px;border-bottom:1px solid rgba(255,250,241,.25)}.brand{display:flex;flex-direction:column;width:max-content;gap:3px}.brand span{font-family:'Instrument Serif',Georgia,serif;font-size:39px;letter-spacing:-.055em;line-height:.75}.brand small{font:500 7px/1 'DM Mono',monospace;letter-spacing:.28em;padding-left:2px}.site-header nav{display:flex;gap:28px;font-size:12px}.site-header nav a{opacity:.85}.header-cta{justify-self:end;padding:12px 16px;border:1px solid rgba(255,250,241,.65);border-radius:999px;font-size:11px}.hero-copy{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 9vw 8vh}.hero-copy h1,.manifesto h2,.lounge-copy h2,.detail-copy h2,.art-panel h2,.visit h2,.page-hero h1{margin:14px 0 34px;font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.065em;line-height:.86}.hero-copy h1{font-size:clamp(72px,12.7vw,190px)}em{font-style:italic}.round-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding-bottom:9px;font-size:12px}.hero-note{position:absolute;z-index:1;right:42px;bottom:28px;transform:rotate(-90deg);transform-origin:bottom right;opacity:.75}.manifesto{min-height:92vh;position:relative;overflow:hidden;background:#e6dac9;display:grid;place-items:center}.manifesto-stone{position:absolute;inset:0;opacity:.25;background:url('assets/travertine-detail.webp') center/cover;mix-blend-mode:multiply}.manifesto-inner{position:relative;width:min(900px,84vw);text-align:center;padding:100px 0}.manifesto h2{font-size:clamp(60px,10vw,142px);margin-top:28px}.intro{max-width:400px;margin:0 auto;line-height:1.55;font-size:15px}.treatments{padding:120px 7vw 55px;background:#f8f6f1}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:70px}.section-note{margin:0;max-width:210px;font-size:13px;line-height:1.4}.treatment-list{border-top:1px solid var(--line)}.treatment{min-height:128px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1.25fr 1fr 32px;align-items:center;gap:20px}.treatment-number{font:500 10px 'DM Mono',monospace}.treatment h3{margin:0;font:400 clamp(43px,6vw,84px)/.8 'Instrument Serif',Georgia,serif;letter-spacing:-.06em}.treatment p{max-width:230px;margin:0;font-size:13px;line-height:1.45}.treatment-arrow{font-size:23px;justify-self:end}.sample-note{margin:18px 0 0;color:#6f6b60}.lounge-section{min-height:780px;display:grid;grid-template-columns:41% 59%;background:#3f4937;color:#f6f0e7}.lounge-copy{align-self:end;padding:8vw 5vw}.lounge-copy h2,.detail-copy h2,.visit h2{font-size:clamp(66px,9vw,135px)}.lounge-copy>p:not(.eyebrow){max-width:300px;line-height:1.55;font-size:14px}.lounge-section>img{width:100%;height:100%;object-fit:cover}.text-link{display:inline-block;margin-top:28px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:12px}.detail-grid{min-height:850px;display:grid;grid-template-columns:1fr .95fr 1fr;background:#d9ceb9}.detail-grid>img{width:100%;height:100%;object-fit:cover}.detail-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw 4vw}.detail-copy h2{margin:22px 0 30px;font-size:clamp(54px,7.5vw,108px)}.detail-copy p:last-child{max-width:220px;margin:0;line-height:1.55;font-size:13px}.art-panel{min-height:100vh;position:relative;color:#fff9ed;overflow:hidden;display:grid;place-items:center}.art-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.53) saturate(.78)}.art-panel-copy{z-index:1;position:relative;text-align:center}.art-panel h2{margin-top:22px;font-size:clamp(70px,11vw,170px)}.visit{min-height:780px;display:grid;grid-template-columns:42% 58%;background:#f2ede3}.visit-art{padding:6vw;background:#b9a88d}.visit-art img{width:100%;height:100%;object-fit:cover}.visit-content{padding:9vw 7vw}.visit h2{margin-top:20px}.book-button{display:flex;width:min(100%,390px);justify-content:space-between;align-items:center;padding:19px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:14px}.visit-details{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:90px}.visit-details span{display:block;margin-bottom:11px;color:#6b695f}.visit-details p{margin:0;font-size:12px;line-height:1.6}footer{display:grid;grid-template-columns:1.3fr 1fr 1.5fr auto;gap:30px;align-items:end;padding:45px 42px;background:#31362b;color:#f3eee3}footer .brand span{font-size:44px}footer p{margin:0;font-size:11px;line-height:1.55}.page-hero{padding:190px 8vw 95px;background:#31362b;color:#f6f0e7}.page-hero h1{font-size:clamp(72px,12vw,155px)}.page-content{max-width:860px;margin:0 auto;padding:90px 28px 120px;font-size:18px;line-height:1.65}.page-content h2{margin:60px 0 18px;font:400 54px/1 'Instrument Serif',Georgia,serif;letter-spacing:-.04em}.page-content ul{padding-left:22px}.page-content li{margin:12px 0}@media(max-width:760px){.site-header{grid-template-columns:1fr auto;padding:21px 20px}.site-header nav{display:none}.brand span{font-size:33px}.header-cta{padding:9px 12px;font-size:10px}.hero-copy{padding:0 24px 11vh}.hero-copy h1{font-size:clamp(68px,19vw,108px)}.hero-note{right:20px;bottom:20px}.manifesto{min-height:76svh}.treatments{padding:76px 24px 35px}.section-heading{display:block;padding-bottom:35px}.section-note{margin-top:16px}.treatment{min-height:142px;grid-template-columns:35px 1fr 20px;gap:10px}.treatment p{grid-column:2/4;margin-top:-27px}.treatment h3{font-size:55px}.treatment-arrow{grid-column:3;grid-row:1}.lounge-section,.visit{grid-template-columns:1fr}.lounge-section{min-height:0}.lounge-copy{padding:75px 24px;order:2}.lounge-section>img{height:85vw;order:1}.detail-grid{min-height:0;grid-template-columns:1fr 1fr}.detail-grid>img:first-child{height:125vw;grid-column:span 2}.detail-grid>img:last-child{height:90vw}.detail-copy{padding:50px 24px}.detail-copy h2{font-size:62px}.art-panel{min-height:80svh}.visit-art{height:110vw;padding:24px}.visit-content{padding:72px 24px}.visit-details{grid-template-columns:1fr;margin-top:58px;gap:26px}footer{grid-template-columns:1fr 1fr;padding:35px 24px;gap:30px}footer .footer-note{grid-column:span 2}.page-hero{padding:150px 24px 70px}.page-content{padding:65px 24px 90px}.page-content h2{font-size:45px}}
