/* Direction 05: a single photographic scene, with accessible live copy. */
.gathering-hero{position:relative;isolation:isolate;width:100%;height:56.25vw;min-height:600px;margin:-104px auto 28px;padding-top:clamp(145px,10vw,190px);overflow:hidden;background:#f8f5ef url('assets/branded/home-arc-05-original-logo.webp') center bottom/100% auto no-repeat;color:#123650}
.gathering-copy{position:relative;z-index:2;text-align:center;margin:0 auto;padding:0 24px;max-width:1000px}
.gathering-copy h1{font-family:inherit;font-size:clamp(44px,5.3vw,86px);line-height:1.08;font-weight:700;margin:0 0 16px;letter-spacing:-.025em}
.gathering-copy p{font-size:clamp(20px,2.1vw,32px);line-height:1.4;margin:0 0 24px;color:#123650}
.gathering-actions{display:flex;justify-content:center;gap:14px}
.gathering-actions .btn{min-height:48px;min-width:166px;padding:11px 24px;border-radius:28px;font-size:18px;display:inline-flex;align-items:center;justify-content:center;background:#123650;color:#f8f5ef;border:1px solid #123650}
.gathering-actions .btn.secondary{background:transparent;color:#123650}
@media(max-width:1100px) and (min-width:801px){.gathering-hero{min-height:650px}.gathering-copy h1{font-size:52px}}
@media(max-width:800px){.gathering-hero{margin-top:-88px;padding-top:128px;height:calc(310px + 39vw);min-height:0;background-size:100% auto}.gathering-copy h1{font-size:42px}.gathering-copy p{font-size:21px;margin-bottom:20px}.gathering-actions{gap:12px}.gathering-actions .btn{min-width:0;flex:1;max-width:180px;min-height:48px;padding:10px 14px;font-size:17px}}
@media(max-width:380px){.gathering-copy h1{font-size:36px}.gathering-copy p{font-size:18px}}

.gathering-actions .btn{gap:14px}.gathering-actions .arrow{display:inline-block;transform:none;direction:ltr}
@media(max-width:800px){.gathering-hero{background-image:linear-gradient(to bottom,#f8f5ef 0%,rgba(248,245,239,0) 32%),url('assets/branded/home-arc-05-original-logo.webp');background-size:100% 56.25vw,100% auto;background-position:center bottom;background-repeat:no-repeat}}

.gathering-actions .hero-icon-button{direction:rtl;gap:12px;white-space:nowrap}
.hero-brand-icon{display:block;flex:0 0 32px;width:32px;height:28px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:145% auto;filter:drop-shadow(.65px 0 0 currentColor) drop-shadow(-.65px 0 0 currentColor) drop-shadow(0 .65px 0 currentColor) drop-shadow(0 -.65px 0 currentColor)}
.croissant-brand-icon{mask-image:url('assets/croissant-icon.webp')}
.tray-brand-icon{mask-image:url('assets/serving-tray-icon.webp');mask-size:145% auto}
.gathering-actions .builder-clean-arrow{flex-shrink:0;width:20px;height:20px}
@media(max-width:800px){.gathering-actions .hero-icon-button{gap:7px;padding-inline:10px}.hero-brand-icon{flex-basis:26px;width:26px;height:25px}.gathering-actions .builder-clean-arrow{width:16px;height:16px}}

.gathering-actions .croissant-brand-image{width:34px;height:28px;object-fit:contain;flex-shrink:0;filter:drop-shadow(.8px 0 0 #123650) drop-shadow(-.8px 0 0 #123650) drop-shadow(0 .8px 0 #123650) drop-shadow(0 -.8px 0 #123650)}
@media(max-width:800px){.gathering-actions .croissant-brand-image{width:28px;height:25px}}