/* Meja Rasa: an open product display with a centered editorial voice. */
#brand{--table-paper:#f5f3df;--table-red:#e31e26;--table-ink:#5c1d25;--table-line:#d7cdb9;background:var(--table-paper);color:var(--table-ink);padding-top:100px;padding-bottom:75px}
#brand>.section-heading{display:block;text-align:center;margin:0 auto 22px;max-width:900px}
#brand>.section-heading .eyebrow{justify-content:center;font-size:11px;letter-spacing:.12em}
#brand #brands-title{font-family:var(--tintin-display);font-weight:900;font-style:normal;font-synthesis:none;font-size:clamp(38px,4.5vw,76px);line-height:1.08;letter-spacing:-.025em;color:var(--table-red);margin:22px 0 0}
#brand #brands-title em{font:inherit;color:inherit}
#brand>.section-heading>p{max-width:none;padding:0;margin:16px auto 0;font-size:15px;color:var(--table-ink)}
#brand .brand-panel{display:grid;grid-template-columns:53% 47%;grid-template-areas:'product identity' 'footer footer';align-items:center;min-height:0;border-radius:0;overflow:visible;background:var(--table-paper);color:var(--table-ink);padding:0;max-width:1320px;margin:0 auto;transition:none}
#brand .brand-identity{grid-area:identity;min-width:0;padding:32px 35px;text-align:center;z-index:2}
#brand #brand-name{font-family:var(--sans);font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--table-red);max-width:none;margin:0 auto 21px}
#brand .brand-promise{font-family:var(--serif);font-size:clamp(30px,3.3vw,52px);line-height:1.1;font-weight:400;letter-spacing:-.04em;max-width:none;margin:0 auto 22px}
#brand .brand-body{font-size:16px;line-height:1.6;max-width:325px;margin:0 auto 28px;opacity:1;color:var(--table-ink)}
#brand .brand-cta{background:var(--table-red);color:var(--table-paper);font-size:14px;gap:25px;min-height:52px;margin:0 auto;padding-left:24px}
#brand .brand-cta .button-icon{background:transparent;color:inherit;width:29px;height:29px}
#brand .brand-art{grid-area:product;position:relative;min-width:0;height:535px;min-height:0;padding:30px 35px 116px;isolation:isolate;overflow:visible}
#brand .brand-halo,#brand .brand-art-letter,#brand .brand-art-label,#brand .brand-star{display:none}
#brand .brand-art:before{content:'';position:absolute;left:5%;right:5%;bottom:91px;height:92px;background:#e9dfc4;border-radius:50%;border-bottom:3px solid var(--table-red);z-index:0;pointer-events:none}
#brand .product-viewer{inset:15px 16px 108px;border-radius:10px}
#brand .product-viewer:focus-visible{outline-color:var(--table-red)}
#brand .product-object.is-packshot{height:370px;transform:rotate(-5deg)}
#brand .product-ground{bottom:108px;width:36%;height:18px;background:#683a25;opacity:.23;filter:blur(12px);z-index:1}
#brand .product-caption{bottom:60px;font-size:13px;left:12px;right:12px;line-height:1.4;color:var(--table-ink)}
#brand .product-view-controls{bottom:23px;left:0;right:0;gap:16px;color:var(--table-ink)}
#brand .product-interaction-hint{font-size:9px;letter-spacing:.06em;opacity:.85}
#brand .product-view-controls>button{font-size:13px;border-bottom:1px solid var(--table-line);padding:6px 0;min-height:32px}
#brand .product-view-controls>button>span{font-size:11px}
#brand .brand-bottom{grid-area:footer;position:static;display:flex;align-items:center;justify-content:space-between;border:0;padding:8px 0 18px;gap:20px;font-size:10px;letter-spacing:.1em;color:var(--table-ink);opacity:1}
#brand .brand-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;flex-wrap:nowrap;border-top:1px solid var(--table-line);margin:0 auto;max-width:1320px}
#brand .brand-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;min-height:126px;border:0;border-radius:0;padding:22px 12px;background:transparent;color:var(--table-ink);font-size:16px;transition:background .2s;text-align:center}
#brand .brand-tab+.brand-tab{border-left:1px solid var(--table-line)}
#brand .brand-tab:after{content:'';position:absolute;top:-2px;left:0;right:0;height:3px;background:transparent}
#brand .brand-tab.active:after{background:var(--table-red)}
#brand .brand-tab.active .brand-tab-name{color:var(--table-red)}
#brand .brand-tab:hover{background:#e9dfc440;color:var(--table-ink)}
#brand .brand-tab-thumb{width:40px;height:70px;display:flex;align-items:center;justify-content:center;flex:none}
#brand .brand-tab-thumb>img{width:100%;height:100%;object-fit:contain}
#brand .brand-tab-copy{min-width:0}
#brand .brand-tab-name{display:block;font-size:18px;line-height:1.3;font-weight:700;margin-bottom:7px}
#brand .brand-tab-moment{display:block;font-size:12px;line-height:1.4;font-weight:400}
#brand .brands-bottom{max-width:1320px;margin:27px auto 0;color:var(--table-ink)}
#brand .other-brands{max-width:1320px;margin:30px auto 0}
@media(min-width:1700px){#brand .brand-art{height:585px;padding-top:35px}#brand .product-object.is-packshot{height:420px}#brand .product-viewer{inset:15px 20px 108px}}
@media(max-width:1150px){#brand{padding-top:85px;padding-bottom:70px}#brand .brand-art{height:470px;padding:25px 24px 116px}#brand .product-object.is-packshot{height:320px}#brand .brand-identity{padding:25px 15px 25px 25px}#brand .brand-body{font-size:15px;max-width:280px}#brand .brand-tab{gap:10px;padding:20px 8px}#brand .brand-tab-name{font-size:17px}}
@media(max-width:850px){#brand .brand-panel{grid-template-columns:52% 48%;grid-template-areas:'product identity' 'footer footer'}#brand #brands-title{font-size:clamp(38px,6.3vw,54px)}#brand .brand-art{height:420px;padding:18px 20px 116px}#brand .product-object.is-packshot{height:275px}#brand .brand-art:before{left:2%;right:2%;height:70px}#brand .brand-identity{padding:20px 5px 20px 20px}#brand .brand-promise{font-size:clamp(28px,4vw,35px)}#brand .brand-body{font-size:14px;margin-bottom:22px}#brand .brand-cta{font-size:12px;gap:14px;padding-left:18px;min-height:48px}#brand .product-caption{font-size:11px}#brand .product-view-controls{gap:10px}#brand .product-interaction-hint{font-size:8px;max-width:145px}#brand .product-view-controls>button>span{font-size:10px}#brand .brand-tab{min-height:112px;gap:10px;padding:18px 7px}#brand .brand-tab-thumb{width:30px;height:57px}#brand .brand-tab-name{font-size:15px}#brand .brand-tab-moment{font-size:11px}}
@media(max-width:560px){#brand{padding-top:67px;padding-bottom:60px}#brand>.section-heading{margin-bottom:6px}#brand>.section-heading .eyebrow{font-size:9px;letter-spacing:.1em}#brand #brands-title{font-size:clamp(31px,8.8vw,45px);margin-top:20px}#brand>.section-heading>p{font-size:14px;margin-top:14px}#brand .brand-panel{grid-template-columns:1fr;grid-template-areas:'product' 'identity' 'footer'}#brand .brand-art{height:378px;padding:16px 30px 112px}#brand .product-object.is-packshot{height:260px}#brand .product-viewer{inset:8px 16px 108px}#brand .brand-art:before{left:10%;right:10%;height:67px;bottom:91px}#brand .product-caption{font-size:11px;bottom:56px}#brand .product-view-controls{bottom:19px;gap:13px}#brand .product-interaction-hint{font-size:8px;max-width:none}#brand .product-view-controls>button>span{font-size:11px}#brand .brand-identity{padding:10px 4px 28px}#brand #brand-name{font-size:12px;margin-bottom:14px}#brand .brand-promise{font-size:32px;line-height:1.12;margin-bottom:17px}#brand .brand-body{font-size:14px;max-width:290px;margin-bottom:21px}#brand .brand-cta{font-size:13px;gap:25px;min-height:48px;padding-left:21px}#brand .brand-bottom{font-size:8px;letter-spacing:.08em;padding:8px 0 16px;gap:12px}#brand .brand-tab{flex-direction:column;gap:9px;padding:16px 3px;min-height:126px}#brand .brand-tab-thumb{height:48px;width:32px}#brand .brand-tab-name{font-size:14px;margin-bottom:5px}#brand .brand-tab-moment{font-size:11px}#brand .brands-bottom{text-align:center;font-size:12px;margin-top:24px}#brand .brands-bottom>.text-link{display:flex;width:fit-content;margin:13px auto 0;font-size:12px}#brand .other-brands{margin-top:25px}#brand .brand-tab:focus-visible{outline-offset:-4px}}
@media(prefers-reduced-motion:reduce){#brand .brand-tab{transition:none}#brand .product-object{transform:none}}
