body.baron-site{--paper:#191713;--ink:#eadcc2;--accent:#cba86b;--line:#cba86b35;--surface:#23201a;--bubble:#30291f;--header-height:82px;background:var(--paper);color:var(--ink)}html{scroll-behavior:smooth;scroll-padding-top:95px}.baron-site h1,.baron-site h2{font-family:Jost,Arial,sans-serif;font-weight:600;letter-spacing:-.05em;line-height:1.03;text-transform:uppercase}.baron-site h2{font-size:clamp(39px,4.7vw,76px)}.baron-site h2 span{color:var(--accent)}.baron-site .showcase-bar{background:#cba86b;color:#191713}.baron-logo{display:flex;align-items:center;gap:13px}.baron-logo img{width:48px;height:48px;object-fit:contain}.baron-logo>span{font-size:15px;letter-spacing:.06em;font-weight:500;line-height:1.2}.baron-logo small{display:block;font-size:7px;letter-spacing:.12em;margin-top:7px;opacity:.7}.baron-site .brand-button{border-radius:0}.bb-pad{padding:100px 7vw}.bb-hero{position:relative;height:calc(100svh - 112px);min-height:740px;max-height:1000px;overflow:hidden}.bb-hero-image{position:absolute;inset:0;clip-path:inset(0 50%);transition:clip-path 1.5s cubic-bezier(.22,1,.36,1)}.bb-hero-image img{width:100%;height:100%;object-fit:cover;object-position:67% 50%;transform:scale(1.08);transition:transform 2s cubic-bezier(.22,1,.36,1)}.bb-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10100deb,transparent 75%),linear-gradient(0deg,#15120ba0,transparent 50%)}.ready .bb-hero-image{clip-path:inset(0)}.ready .bb-hero-image img{transform:scale(1)}.bb-hero:after{content:'';position:absolute;inset:18px;border:1px solid #cba86b66;pointer-events:none;opacity:0;transform:scale(.97);transition:opacity 1.3s .4s,transform 1.6s .4s}.ready .bb-hero:after{opacity:1;transform:scale(1)}.bb-hero-copy{position:relative;z-index:2;padding:75px 7vw 110px;max-width:940px}.bb-hero-copy h1{font-size:clamp(65px,7.5vw,118px);margin:24px 0;color:#f1e5cc;line-height:1.02;overflow:hidden}.bb-hero-copy h1>span{display:block;opacity:0;transform:translateX(-50px);transition:opacity .9s,transform 1.2s cubic-bezier(.22,1,.36,1)}.bb-hero-copy h1>span:nth-child(2){transition-delay:.12s}.bb-hero-copy h1>span:nth-child(3){transition-delay:.24s;color:#cba86b}.ready .bb-hero-copy h1>span{opacity:1;transform:none}.bb-hero-copy>p{font-size:15px;line-height:1.7;margin-bottom:24px}.bb-hero-copy>a{font-size:11px;display:inline-block;margin-left:28px}.bb-hero-foot{position:absolute;left:7vw;right:7vw;bottom:45px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.08em;z-index:2;padding-top:20px;border-top:1px solid #cba86b55}.bb-intro{display:grid;grid-template-columns:.7fr 1.7fr .6fr;gap:40px;align-items:start;border-bottom:1px solid var(--line)}.bb-intro>.eyebrow{padding-top:8px}.bb-intro h2{font-size:clamp(39px,4.1vw,64px)}.bb-intro p{font-size:14px;line-height:1.8;max-width:400px;margin:30px 0 15px}.bb-intro-crest{width:130px;justify-self:end;align-self:center;opacity:.8}.bb-print-story{background:#242019;position:relative}.bb-print-pin{height:950px;position:relative;overflow:hidden}.bb-print-story.scroll-story{height:220svh}.scroll-story .bb-print-pin{position:sticky;top:82px;height:calc(100svh - 82px);min-height:620px}.bb-craft-heading{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:start;gap:30px;padding:40px 7vw}.bb-craft-heading h2{font-size:42px;text-align:center}.bb-scroll-note{font-size:8px;letter-spacing:.07em;padding-top:8px}.bb-prints{position:absolute;inset:185px 3vw 45px;outline-offset:-4px}.bb-print{position:absolute;left:50%;top:0;bottom:0;width:min(28vw,390px);margin:0;transform:translateX(calc(-50% + var(--print-x,0px))) translateY(var(--print-y,0px)) rotate(var(--print-angle,0deg));padding:9px;background:#d7c6a6;box-shadow:0 20px 50px #0005;color:#211c14;will-change:transform}.bb-print img{height:calc(100% - 110px);width:100%;object-fit:cover;object-position:center;display:block}.bb-print figcaption{padding:17px 12px}.bb-print small{font-size:8px;letter-spacing:.09em}.bb-print h3{font-size:23px;font-family:Bodoni,Georgia,serif;font-weight:400;margin:3px 0}.bb-print p{font-size:10px}.bb-print[data-print="0"]{z-index:3}.bb-print[data-print="1"]{z-index:2}.bb-print[data-print="2"]{z-index:1}.bb-menu{display:grid;grid-template-columns:.95fr 1.05fr;gap:9vw}.bb-menu-intro>h2{margin:25px 0}.bb-menu-intro>p{font-size:14px;line-height:1.8}.bb-tools{margin:40px 0 0;width:92%;clip-path:inset(100% 0 0);transition:clip-path 1.15s cubic-bezier(.22,1,.36,1)}.bb-tools.in-view{clip-path:inset(0)}.bb-tools img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.bb-tools figcaption{font-size:9px;margin-top:16px;letter-spacing:.07em}.baron-site .menu-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:10px 0 25px;font-size:9px;letter-spacing:.08em}.baron-site .landing-service h3{font-family:Jost;font-size:27px;font-weight:400;letter-spacing:-.035em}.bb-room{height:740px;position:relative;overflow:hidden}.bb-room-image{position:absolute;inset:0;clip-path:inset(0 var(--room-inset,7%));will-change:clip-path}.bb-room-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.bb-room-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d0b0755,transparent 75%)}.bb-room-copy{position:absolute;left:7vw;bottom:7vw;background:#191713ed;border:1px solid #cba86b60;padding:40px;max-width:470px}.bb-room-copy h2{font-size:64px;margin:22px 0}.bb-room-copy p{font-size:14px;line-height:1.7;margin-bottom:25px}.bb-closing{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:10vw;background:#29221a;border-top:1px solid var(--line)}.bb-closing h2{margin-top:25px}.bb-closing>div>p{font-size:16px;line-height:1.8;margin-bottom:25px;max-width:390px}.bb-closing .text-button{margin-top:22px}.baron-site .brand-footer{padding:35px 7vw 95px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;font-size:11px}.brand-footer>a:last-of-type{justify-self:end;border-bottom:1px solid var(--line);padding:10px 0}.brand-footer small{grid-column:1/-1;max-width:650px;font-size:10px;opacity:.65}.baron-site .landing-chat{border-radius:0}.baron-site .landing-chat .assistant-head h2{font-size:27px;text-transform:none;line-height:1.2;font-weight:400}.baron-site .landing-chat button,.baron-site .landing-chat section.assistant,.baron-site[data-channel=whatsapp] .landing-chat section.assistant{border-radius:0}.baron-site .assistant-foot em{color:var(--accent)}@media(max-width:1000px){.bb-craft-heading h2{font-size:32px}.bb-scroll-note{max-width:140px}.bb-intro{grid-template-columns:.6fr 1.4fr}.bb-intro-crest{display:none}.bb-pad{padding:80px 6vw}.bb-menu{gap:6vw}.bb-closing{gap:7vw}.bb-hero-copy{max-width:790px}.bb-hero-copy h1{font-size:9vw}}@media(max-width:700px){.baron-site{--header-height:74px}.baron-logo{gap:8px}.baron-logo img{width:33px;height:33px}.baron-logo>span{font-size:10px;letter-spacing:.015em}.baron-logo small{font-size:5px;margin-top:5px;letter-spacing:.02em}.bb-hero{min-height:730px;height:calc(100svh - 105px);max-height:none}.bb-hero-image img{object-position:65% center}.bb-hero-image:after{background:linear-gradient(90deg,#0e0c0b77,transparent 85%),linear-gradient(0deg,#14110dfa,transparent 85%)}.bb-hero-copy{padding:300px 6vw 100px}.bb-hero-copy>.eyebrow{font-size:8px}.bb-hero-copy h1{font-size:clamp(47px,12.3vw,73px);margin:16px 0;line-height:1.02}.bb-hero-copy>p{font-size:12px;margin-bottom:18px}.bb-hero-copy>a{font-size:9px;margin-left:15px}.bb-hero-copy .brand-button{padding:13px 16px;min-height:45px;font-size:11px}.bb-hero:after{inset:12px}.bb-hero-foot{left:6vw;right:6vw;bottom:28px;font-size:7px;letter-spacing:.03em;padding-top:12px}.bb-pad{padding:60px 6vw}.bb-intro{display:block}.bb-intro h2{font-size:42px;margin-top:22px}.bb-intro p{font-size:13px;margin-top:22px}.bb-print-pin{height:690px}.bb-craft-heading{padding:35px 6vw;display:block}.bb-craft-heading h2{font-size:37px;text-align:left;margin-top:16px}.bb-scroll-note{display:block;font-size:0;max-width:none;margin-top:15px}.bb-scroll-note:after{content:'SWIPE THROUGH THE COLLECTION →';font-size:8px}.bb-prints{position:relative;inset:auto;height:435px;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 6vw 25px;overscroll-behavior-x:contain;scrollbar-width:thin}.bb-print{position:relative;left:auto;top:auto;bottom:auto;width:76vw;max-width:330px;flex:0 0 76vw;transform:none!important;scroll-snap-align:center;padding:7px}.bb-print img{height:calc(100% - 100px)}.bb-print figcaption{padding:12px}.bb-print h3{font-size:23px}.bb-menu{display:block}.bb-tools{margin:30px 0;width:100%}.bb-menu-intro h2{font-size:42px}.bb-menu-intro p{font-size:13px}.baron-site .menu-top{font-size:8px;padding-bottom:18px}.baron-site .landing-service h3{font-size:24px}.bb-room{height:650px}.bb-room-image img{object-position:60% center}.bb-room-copy{left:6vw;right:6vw;bottom:30px;padding:28px;max-width:none}.bb-room-copy h2{font-size:45px;margin:17px 0}.bb-room-copy p{font-size:13px}.bb-closing{display:block}.bb-closing h2{font-size:45px}.bb-closing>div:nth-child(2){margin-top:30px}.bb-closing>div>p{font-size:14px}.baron-site .brand-footer{padding:30px 6vw 110px;display:flex;flex-direction:column;align-items:start}.brand-footer small{font-size:9px}.brand-footer>a:last-of-type{justify-self:start}}@media(prefers-reduced-motion:reduce){.bb-hero-image,.bb-tools{clip-path:inset(0)!important}.bb-hero-image img{transform:none!important}.bb-hero:after{opacity:1;transform:none}.bb-hero-copy h1>span{opacity:1;transform:none!important}.bb-room-image{clip-path:inset(0)!important}.bb-print{will-change:auto}}@media(scripting:none){.bb-hero-image,.bb-tools{clip-path:inset(0)}.bb-hero-copy h1>span{opacity:1;transform:none}}
@media(max-width:700px){.bb-hero-image img{object-position:75% center}}

@media(max-width:700px){.bb-hero-image img{height:80%;min-height:520px;object-position:86% center}}

/* The original shopfront, club lettering and brass ribbon belong together. */
.baron-site h2 { font-family:Bodoni,Georgia,serif; font-weight:400; text-transform:none; letter-spacing:-.035em; line-height:1.12 }
.bb-hero { display:grid; place-items:center; min-height:740px }
.bb-hero-image img { height:100%; min-height:0; object-position:center 46% }
.bb-hero-image:after { background:radial-gradient(ellipse at 50% 42%,#100d0b36,#100d0bd9 90%),linear-gradient(0deg,#12100fee,transparent 65%) }
.bb-hero-copy { padding:45px 6vw 100px; max-width:1200px; width:100%; text-align:center }
.bb-hero-crest { width:130px; height:130px!important; object-fit:contain; display:block; margin:0 auto 27px }
.baron-site .bb-hero-copy h1 { font-family:Bodoni,Georgia,serif; font-weight:400; font-size:clamp(44px,6.2vw,90px); letter-spacing:.065em; line-height:1.15; margin:0 }
.bb-hero-copy h1>span { display:inline-block; transform:translateY(24px) }
.bb-hero-copy h1>span:nth-child(3) { color:var(--ink) }
.bb-hero-copy h1>.bb-amp { color:var(--accent); font-style:italic; margin:0 .1em }
.bb-diamond { display:flex; justify-content:center; align-items:center; gap:14px; margin:26px auto }
.bb-diamond i { width:64px; height:1px; background:#cba86b66 }
.bb-diamond b { width:5px; height:5px; background:var(--accent); transform:rotate(45deg) }
.bb-hero-copy>.bb-tagline { font-family:Bodoni,Georgia,serif; font-size:clamp(24px,2.65vw,38px); line-height:1.35; margin:0 auto 25px }
.bb-place { font-size:9px; letter-spacing:.2em; display:block }
.bb-hero-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:28px }
.bb-hero-actions .brand-button,.bb-outline-button { min-height:48px; padding:15px 26px; font-size:11px; letter-spacing:.1em; text-transform:uppercase }
.bb-outline-button { border:1px solid var(--accent); display:inline-flex; align-items:center; transition:background .3s,color .3s }
.bb-outline-button:hover { background:var(--accent); color:var(--paper) }
.bb-ribbon{background:#121010;color:#cfc5b4;border-top:1px solid #cba86b30;border-bottom:1px solid #cba86b30;position:relative;padding:16px 0;overflow:hidden}
.bb-ribbon-track{display:flex;width:max-content;animation:bb-flow var(--ribbon-duration,44s) linear infinite;will-change:transform}
.bb-ribbon-group{display:flex;align-items:center;gap:28px;padding-right:28px;flex-shrink:0;white-space:nowrap}
.bb-ribbon-group span{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase}
.bb-ribbon-group b{width:4px;height:4px;flex:0 0 4px;background:var(--accent);transform:rotate(45deg)}
.bb-ribbon:hover .bb-ribbon-track{animation-play-state:paused}
@keyframes bb-flow{to{transform:translateX(-50%)}}
.bb-intro h2 { font-size:clamp(45px,4.6vw,70px) }
.bb-craft-heading h2 { font-family:Jost,Arial,sans-serif; font-weight:500; font-size:42px; text-transform:uppercase }
.bb-room-copy { background:linear-gradient(90deg,#191713e0,#19171390); border:0; padding:30px 35px }
.bb-closing h2 { font-size:clamp(60px,6vw,92px) }
@media(max-width:700px) {
 .bb-hero { min-height:710px; height:calc(100svh - 105px) }
 .bb-hero-copy { padding:35px 6vw 90px }
 .bb-hero-crest { width:104px; height:104px!important; margin-bottom:24px }
 .baron-site .bb-hero-copy h1 { font-size:clamp(31px,8.1vw,54px); letter-spacing:.015em }
 .bb-hero-copy>.bb-tagline { font-size:26px }
 .bb-hero-image img { height:100%; min-height:0; object-position:50% center }
 .bb-hero-image:after { background:radial-gradient(ellipse at 50% 40%,#100d0b50,#100d0bdf 95%),linear-gradient(0deg,#12100fee,transparent 70%) }
 .bb-place { font-size:7px; letter-spacing:.12em }
 .bb-ribbon { padding:15px 0 }
 .bb-ribbon-group span { font-size:10px }
 .bb-ribbon-group { gap:24px;padding-right:24px }
 .bb-craft-heading h2 { font-size:36px }
 .bb-room-copy { padding:25px }
 .bb-intro h2 { font-size:45px }
 .bb-closing h2 { font-size:60px }
}

/* A single working photograph balances the complete conversation block. */
.bb-intro{grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.bb-intro-photo{margin:0;align-self:center;position:relative}
.bb-intro-photo img{clip-path:inset(0 0 100%);transition:clip-path 1.15s cubic-bezier(.22,1,.36,1)}
.bb-intro-photo.in-view img{clip-path:inset(0)}
.bb-intro-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:91% center}
.bb-intro-photo figcaption{position:absolute;left:0;top:100%;margin-top:16px;font-size:8px;letter-spacing:.08em;opacity:.7}
.bb-intro-copy h2{margin-top:26px}
.bb-intro-copy p{max-width:450px}
@media(max-width:1000px){.bb-intro{grid-template-columns:.85fr 1.15fr;gap:6vw}.bb-intro h2{font-size:5.5vw}}
@media(max-width:700px){.bb-intro{display:flex;flex-direction:column;gap:52px;align-items:stretch}.bb-intro-photo{width:100%}.bb-intro-photo img{aspect-ratio:4/5;object-position:91% center}.bb-intro h2{font-size:45px;margin-top:22px}.bb-intro-photo figcaption{font-size:7px;margin-top:13px}}
@media(prefers-reduced-motion:reduce){.bb-intro-photo img{clip-path:inset(0)!important}}
@media(scripting:none){.bb-intro-photo img{clip-path:inset(0)}}

/* The navigation belongs to the shopfront, with no separate header surface. */
.baron-site .bb-hero>.brand-header{position:absolute;top:0;left:0;right:0;background:transparent;border:0;z-index:20}
.bb-hero{height:calc(100svh - 33px);min-height:820px;max-height:1100px}
.bb-hero-copy{padding-top:95px}
.bb-hero:after{top:98px;border-top:0}
@media(max-width:700px){.bb-hero{height:calc(100svh - 30px);min-height:790px}.bb-hero-copy{padding-top:100px;padding-bottom:100px}.bb-hero:after{top:86px}.baron-site .bb-hero #landing-nav.open{background:#191713f5;border:1px solid #cba86b40;margin:0 12px;padding:18px 6vw}}

/* The original reference keeps a light, compact navigation over the shopfront. */
.baron-site .bb-hero>.brand-header{gap:28px;padding-left:28px;padding-right:28px}
.bb-hero .brand-header nav{margin-left:auto;gap:30px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.bb-hero .brand-header>.brand-button{background:transparent;color:var(--accent);border:1px solid #cba86b80;letter-spacing:.1em;text-transform:uppercase}
.bb-hero .brand-header>.brand-button:hover{background:var(--accent);color:var(--paper)}
@media(min-width:701px){.bb-hero .brand-header>.baron-logo{visibility:hidden}}
@media(max-width:700px){.baron-site .bb-hero>.brand-header{padding-left:5vw;padding-right:5vw;gap:12px}.bb-hero .brand-header nav{margin-left:12px}.bb-hero .brand-header>.brand-button{font-size:9px;letter-spacing:.04em}.bb-room-image img{object-position:86% center}}

@media(max-width:700px){
 .bb-room{height:auto;min-height:0}
 .bb-room-image{position:relative;height:520px}
 .bb-room-copy{position:relative;left:auto;right:auto;bottom:auto;max-width:none;padding:38px 6vw 42px;background:#191713}
}