@import url('base.css?v=comercial-20261024-1');

.commercial{--section-space:clamp(56px,7vw,112px);--gutter:clamp(20px,5vw,88px);background:var(--paper);color:var(--ink)}
.commercial :is(h1,h2,h3){text-wrap:balance}
.commercial :is(a,button,summary){text-underline-offset:5px}
.commercial .eyebrow{font-family:var(--body);font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px}
.commercial-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--gutter);background:#121212f5;color:var(--paper);backdrop-filter:blur(12px)}
.commercial-logo{flex-shrink:0;width:190px}.commercial-logo img{width:100%;height:auto}
.main-nav{display:flex;gap:30px;align-items:center;font-size:13px}.main-nav>a:not(.button):hover{color:#d6a49f}.menu-toggle{display:none}
.commercial .button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:14px 22px;background:var(--paper);color:var(--ink);border:1px solid transparent;font-family:var(--body);font-size:14px;font-weight:700;line-height:1.4;text-align:center;transition:background .2s,transform .2s}
.commercial .button:hover{background:#fff;transform:translateY(-2px)}
.commercial .button-red{background:var(--red);color:#fff}.commercial .button-red:hover{background:#8f3f3d}
.commercial .button-dark{background:var(--ink);color:var(--paper)}.commercial .button-dark:hover{background:#282121}
.commercial .button-small{min-height:44px;padding:11px 18px;font-size:12px}
.commercial .quiet-link{display:inline-block;font-size:13px;border-bottom:1px solid #eae6e16b;padding-bottom:5px}
.commercial-hero{min-height:640px;height:min(790px,calc(100svh - 90px));max-height:none;color:var(--paper);display:flex;align-items:center}
.commercial-hero .hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:55% 48%;filter:brightness(.75);transform:scale(1.06)}
.commercial-hero::after{inset:0;z-index:0;background:linear-gradient(90deg,#121212ee 0%,#121212aa 44%,#12121222 100%)}
.hero-content{position:relative;z-index:2;padding:60px var(--gutter) 126px;width:100%}
.hero-content h1{font-size:clamp(52px,6.8vw,108px);line-height:1.04;max-width:1020px;letter-spacing:-.035em}
.hero-content h1 em{font-style:normal;color:#e6b5ab}
.hero-description{font-size:clamp(16px,1.35vw,21px);line-height:1.7;max-width:535px;margin-top:25px}
.button-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.hero-footnote{max-width:460px;font-size:11px;line-height:1.7;color:#eae6e1bb;margin-top:24px}
.commercial-hero .hero-marquee{height:80px;bottom:0;font-size:31px;opacity:.7}
.intro-ribbon{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px var(--gutter);background:var(--red);color:var(--paper);font-size:13px}.intro-ribbon>span:first-child{font-family:var(--display);font-size:20px}.intro-ribbon>a{border-bottom:1px solid}
.commercial-section{padding:var(--section-space) var(--gutter);scroll-margin-top:100px}
.section-heading{max-width:900px;margin-bottom:44px}.section-heading>h2,.people-intro h2,.process-section h2,.faq-section h2,.contact-commercial h2{font-size:clamp(34px,4vw,62px);line-height:1.16;letter-spacing:-.02em;margin-bottom:25px}
.section-heading>p:not(.eyebrow){max-width:790px;font-size:17px;line-height:1.8}.commercial .cream{color:var(--ink)}.cream .eyebrow,.cream h2,.cream h3{color:var(--red)}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.offer-card{border-top:1px solid #a74d4a66;padding-top:22px}.index-number{display:block;font-size:11px;letter-spacing:.14em;color:var(--red);margin-bottom:30px}.offer-card h3{font-size:25px;margin-bottom:16px}.offer-card p{font-size:14px;line-height:1.8}.offer-card ul{list-style:none;padding:0;margin:22px 0 0;font-size:12px;line-height:1.7}.offer-card li{border-top:1px solid #12121219;padding:10px 0}
.section-action{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding-top:30px;border-top:1px solid #12121226}.section-action p{font-size:14px;line-height:1.8}
.atmosphere-section{overflow:hidden}.commercial .events-carousel{margin-inline:calc(-1 * var(--gutter))}.commercial .events-carousel .carousel-track{grid-auto-columns:19.2%}
.gallery-context{font-size:11px;line-height:1.7;color:#eae6e1a3;margin-top:22px;max-width:800px}
.example-notice{border-left:3px solid var(--red);padding:10px 16px;font-size:12px;line-height:1.7;background:#a74d4a0b;margin-bottom:28px}
.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.concept-card{min-width:0}.concept-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#332c2a}.concept-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.concept-card:hover .concept-image img{transform:scale(1.03)}.concept-image>span{position:absolute;left:0;bottom:0;background:#121212d9;color:var(--paper);padding:10px 14px;font-size:10px;letter-spacing:.04em}
.concept-card h3{font-size:27px;margin:22px 0 13px}.concept-card>p{font-size:14px;line-height:1.8}.concept-card details{margin-top:20px;font-size:13px}.commercial summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:16px 0;border-top:1px solid #12121226;font-weight:700}.commercial summary::-webkit-details-marker{display:none}.commercial details[open] summary>span{transform:rotate(45deg)}.commercial details p{font-size:13px;line-height:1.8;padding-bottom:16px}.inline-cta{display:inline-block;border-bottom:1px solid currentColor;font-size:12px;line-height:1.6;margin-top:22px;padding-bottom:5px;color:var(--red)}
.process-section{background:#a74d4a;color:var(--paper);display:grid;grid-template-columns:1fr 1.3fr;gap:10vw}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:flex;align-items:flex-start;gap:24px;padding:25px 0;border-top:1px solid #eae6e15c}.process-list li>span{font-size:11px;padding-top:5px}.process-list h3{font-size:25px;margin-bottom:10px}.process-list p{font-size:14px;line-height:1.8}
.complementary-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px}.complementary-grid .video-frame,.content-preview{aspect-ratio:16/10;background:#282525}.content-preview img{width:100%;height:100%;object-fit:cover}.complementary-grid h3{font-size:27px;margin:23px 0 13px}.complementary-grid p{font-size:14px;line-height:1.8;max-width:540px}.booking-note{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:35px;margin-top:45px;border-top:1px solid #12121226}.booking-note .eyebrow{margin:0;max-width:180px}.booking-note p{font-size:13px}.booking-note .inline-cta{margin-top:0;white-space:nowrap}
.people-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:8vw}.people-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;margin-bottom:20px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.people-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.people-grid .fer-portrait{object-position:65% 50%}.people-grid h3{font-size:25px;margin:20px 0 12px}.people-grid p{font-size:13px;line-height:1.9;color:#eae6e1c9}
.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw}.faq-list summary{padding:22px 0;font-size:16px}.faq-list details p{max-width:650px}
.contact-commercial{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--red);color:var(--paper)}.contact-commercial>div>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:450px}.contact-email{display:inline-block;margin-top:28px;font-size:14px;border-bottom:1px solid #eae6e1a0;overflow-wrap:anywhere}.contact-commercial .contact-small{font-size:11px!important;line-height:1.8;margin-top:14px;color:#eae6e1c9}.contact-commercial label{font-size:13px}.contact-commercial input,.contact-commercial textarea,.contact-commercial select{border:1px solid transparent;background:var(--paper);color:var(--ink);font-size:16px;padding:13px;width:100%;margin-top:7px;border-radius:0}.contact-commercial select{min-height:49px}.contact-commercial .form-status{padding:15px;background:#12121224;line-height:1.8;font-size:13px}.contact-commercial .form-status:empty{display:none}
.commercial-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px var(--gutter);background:var(--ink);color:var(--paper)}.commercial-footer .footer-brand{color:#d8a09a}.commercial-footer>span,.commercial-footer>a:last-child{font-size:12px}.mobile-contact{display:none!important}.commercial .motion-toggle{bottom:16px}.commercial :is(input,textarea,select):focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:1100px){.main-nav{gap:18px}.commercial-logo{width:160px}.commercial-hero{min-height:650px}.offer-grid{gap:24px}.offer-card h3{font-size:23px}.concept-grid{gap:18px}.people-section{gap:40px}.people-grid{gap:20px}.commercial .events-carousel .carousel-track{grid-auto-columns:30%}.booking-note{flex-wrap:wrap}}
@media(max-width:800px){.commercial-header{padding-block:13px;flex-wrap:wrap}.commercial-logo{width:150px}.menu-toggle{display:flex;align-items:center;gap:14px;min-height:44px;border:1px solid #eae6e166;background:transparent;color:var(--paper);padding:8px 14px;font-size:12px}.main-nav{display:none;flex-direction:column;align-items:stretch;gap:0;width:100%;padding-top:12px}.main-nav.is-open{display:flex}.main-nav>a:not(.button){padding:15px 0;border-top:1px solid #eae6e12b}.main-nav .button{margin-top:12px}.commercial-hero{height:auto;min-height:680px}.hero-content{padding-top:65px;padding-bottom:135px}.hero-content h1{font-size:clamp(44px,8.8vw,72px)}.hero-description{max-width:450px}.intro-ribbon{flex-wrap:wrap;gap:12px}.intro-ribbon>span:nth-child(2){display:none}.offer-grid{grid-template-columns:1fr}.offer-card{display:grid;grid-template-columns:40px 1fr;gap:0 10px}.offer-card .index-number{grid-row:1/4;margin-top:7px}.offer-card p,.offer-card ul{grid-column:2}.offer-card ul{margin-top:14px}.section-action{align-items:flex-start;flex-direction:column}.concept-grid{grid-template-columns:1fr;gap:42px}.concept-image{aspect-ratio:6/5;max-height:420px}.concept-image img{object-position:50% 38%}.concept-card h3{margin-top:18px}.process-section,.people-section,.faq-section,.contact-commercial{grid-template-columns:1fr;gap:38px}.complementary-grid{gap:30px}.commercial-footer{flex-wrap:wrap}.commercial-section{scroll-margin-top:85px}}
@media(max-width:540px){.commercial{--gutter:20px;--section-space:58px}.commercial-hero{min-height:680px}.hero-content h1{font-size:44px;line-height:1.1}.hero-description{font-size:16px;line-height:1.8}.hero-content .eyebrow{font-size:10px}.button-row{align-items:flex-start;gap:20px;flex-direction:column}.hero-footnote{max-width:300px}.commercial-hero::after{background:linear-gradient(90deg,#121212eb,#1212128a)}.commercial-hero .hero-marquee{font-size:25px}.intro-ribbon{padding-block:20px}.intro-ribbon>span:first-child{font-size:16px}.intro-ribbon>a{font-size:11px}.section-heading{margin-bottom:32px}.section-heading>h2,.people-intro h2,.process-section h2,.faq-section h2,.contact-commercial h2{font-size:36px}.section-heading>p:not(.eyebrow){font-size:15px}.commercial .events-carousel .carousel-track{grid-auto-columns:72%}.offer-card h3{font-size:24px}.process-list h3{font-size:23px}.complementary-grid{grid-template-columns:1fr;gap:40px}.people-grid{gap:20px}.people-grid h3{font-size:21px}.people-grid p{font-size:12px}.people-grid img{aspect-ratio:3/4}.booking-note{display:block}.booking-note p{margin-top:14px}.booking-note .inline-cta{margin-top:16px}.faq-list summary{font-size:14px}.contact-commercial{padding-bottom:80px}.commercial-footer{padding-bottom:100px;flex-direction:column;align-items:flex-start}.mobile-contact{display:inline-flex!important;position:fixed;left:14px;right:65px;bottom:12px;z-index:12;box-shadow:0 4px 25px #0004}.commercial .motion-toggle{bottom:19px;right:14px}.commercial .button{font-size:13px}.contact-email{font-size:12px}.commercial .lightbox{padding-bottom:90px}}
@media(max-width:359px){.hero-content h1{font-size:39px}.people-grid{grid-template-columns:1fr}.people-grid img{max-height:360px}.section-heading>h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.commercial .button:hover{transform:none}}

/* Equal media columns and a definite frame prevent intrinsic image heights
   from stretching the photo independently of the adjacent video. */
.commercial .complementary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.commercial .complementary-grid .video-frame,.commercial .content-preview{position:relative;aspect-ratio:16/10;min-height:0;overflow:hidden}
.commercial .complementary-grid .video-frame video,.commercial .content-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Use the same portrait frame, with each person's actual position in mind. */
.commercial .people-grid img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:23% 50%}
.commercial .people-grid .fer-portrait{object-position:84% 50%}
@media(max-width:640px){
  .commercial .people-grid{grid-template-columns:1fr;gap:40px}
  .commercial .people-grid>article{width:100%;max-width:460px;margin-inline:auto}
  .commercial .people-grid h3{font-size:25px}
  .commercial .people-grid p{font-size:14px;line-height:1.8}
}
@media(max-width:540px){.commercial .complementary-grid{grid-template-columns:1fr}}