/* A quiet editorial rhythm using the existing serif/sans and navy/gold identity. */
:root { --rr-heading-1:clamp(32px,3.1vw,46px); --rr-heading-2:clamp(28px,2.5vw,36px); --rr-heading-3:clamp(22px,1.9vw,28px); --rr-chapter-line:#d9d5c94d; }
.rr-v15 h1,.rr-v15 .rr15-hero-title,.v15-product-hero h1 { font-size:var(--rr-heading-1); line-height:1.08; letter-spacing:-.035em; }
.rr15-section-heading h2,.rr15-editorial-copy h2,.rr15-founder-copy h2,.rr15-direction h2,.rr-business h2,.v15-product-intro h2,.v15-why-heading h2,.rr-product-collection .rr-range-heading h2 { font-size:var(--rr-heading-2); line-height:1.16; letter-spacing:-.025em; }
.rr15-card-copy h3,.rr15-feature-copy h3,.rr15-direction h3,.rr-business h3,.v15-sambal-copy h2,.rr-collection-heading h3 { font-size:var(--rr-heading-3); line-height:1.2; letter-spacing:-.02em; }
.v15-sambal-copy h3,.rr-business h4,.rr-product-card h3,.rr-product-card h4 { font-size:clamp(21px,1.7vw,25px); line-height:1.25; letter-spacing:-.02em; }
.rr15-editorial-copy>p:not(.eyebrow),.rr15-feature-copy>p,.rr15-direction p,.v15-sambal-copy>p:not(.taste-profile),.rr-product-card-copy>p,.rr-lazzat-feature .feature-copy>p:not(.eyebrow) { font-size:16px; line-height:1.75; }
.rr15-editorial-copy>p:not(.eyebrow),.v15-sambal-copy>p,.rr15-feature-copy>p { max-width:66ch; }
.rr15-direction .eyebrow,.rr-business .eyebrow { font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.14em; }
.rr15-direction .rule::after { width:36px; height:2px; margin-top:12px; }
/* Chapter boundaries are backgrounds and space, not additional sections. */
.rr15-company>.rr15-chapter+.rr15-chapter { border-top:1px solid var(--rr-chapter-line); }
.rr15-company #story .rr15-story-body { background:linear-gradient(var(--paper),#f8f6ef 15%,#f8f6ef 85%,var(--paper)); }
.rr15-company #innovation { background:linear-gradient(var(--paper),#eef5f3 20%,#eef5f3 80%,var(--paper)); }
.rr15-company #direction { background:var(--paper); }
.rr15-company #founder { background:#f7f4ec; border-block:1px solid var(--rr-chapter-line); }
.rr15-company .rr15-future { background:linear-gradient(#f7f4ec,#edf5f4 24%,#edf5f4 80%,var(--paper)); }
.rr-business { background:var(--paper); }
.rr15-home .rr15-brands { background:linear-gradient(var(--paper),#f7f4ec 24%,#f7f4ec 88%,var(--paper)); border-top:1px solid var(--rr-chapter-line); }
.rr15-home .rr15-founder { border-top:1px solid var(--rr-chapter-line); }
.v15-products .v15-why { background:#f7f5ed; border-block:1px solid var(--rr-chapter-line); }
.v15-products .v15-why-jars { background:transparent; }
.v15-products .v15-benefits article { background:transparent; border:0; border-top:1px solid #c8b98377; border-radius:0; padding:22px 0; }
.v15-products .rr-product-subcollection+.rr-product-subcollection { margin-top:44px; border-top:1px solid #c8b98377; }
.v15-products .rr-collection-heading { padding-left:18px; border-left:2px solid #c8a65b; }
.v15-products .certification-status { background:var(--rr-canvas); }
/* Shared alignment for Vision, Mission, Ambition and Founder. */
#direction { padding:64px max(24px,calc((100% - 1120px)/2)); }
#direction .rr15-direction-grid { grid-template-columns:1fr 1fr; gap:64px; }
#direction .rr15-direction-grid>article { min-width:0; }
#direction .rr15-direction-grid h2 { margin:18px 0 22px; max-width:21ch; }
#direction p:not(.eyebrow) { max-width:58ch; }
#direction .rr15-ambition { display:grid; grid-template-columns:1fr 1fr; gap:64px; max-width:none; margin:52px 0 0; padding-top:46px; border-top:1px solid #d7cfb7; }
#direction .rr15-ambition h2 { margin-top:18px; max-width:22ch; }
#direction .rr15-ambition h2 br { display:none; }
#direction .rr-direction-body>p:first-child { margin-top:0; }
#direction .rr15-priorities { grid-template-columns:1fr; gap:22px; margin-block:24px; }
#direction .rr15-priorities h3 { font:600 16px/1.5 var(--sans); letter-spacing:0; }
#direction .rr15-priorities p { margin-top:7px; font-size:15px; line-height:1.7; }
#direction .rr15-disclosure summary,#founder .rr15-disclosure summary { font-size:14px; font-weight:600; min-height:48px; padding-block:13px; border-color:#cfc5ab; }
#founder { padding:64px max(24px,calc((100% - 1120px)/2)); }
.rr-founder-layout { display:grid; grid-template-columns:minmax(240px,320px) minmax(0,1fr); gap:64px; align-items:start; }
.rr-founder-photo { margin:0; }
.rr-founder-photo-slot { position:relative; aspect-ratio:4/5; background:#eae6dc; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:28px; text-align:center; color:#59606a; }
.rr-founder-photo-slot>span { position:absolute; top:24px; font:600 10px/1.5 var(--sans); letter-spacing:.2em; color:#73716b; }
#founder .rr-founder-photo-slot>p { margin:0; font:400 24px/1.3 var(--serif); color:#59606a; }
.rr-founder-photo-slot>small { max-width:21ch; margin-top:12px; font:400 12px/1.6 var(--sans); color:#626770; }
.rr-founder-photo figcaption { font-size:11px; color:#626770; line-height:1.6; margin-top:10px; }
#founder .rr-founder-message-copy>.eyebrow { margin-top:0; }
#founder .rr-founder-message-copy>h2 { margin-top:18px; font-size:clamp(28px,2.5vw,36px); }
#founder .founder-attribution { margin-top:10px; font-size:13px; color:var(--muted); }
#founder blockquote { margin:26px 0 0; max-width:64ch; }
#founder blockquote>p { font:700 clamp(21px,1.8vw,25px)/1.45 var(--serif); margin-top:0; letter-spacing:-.01em; }
#founder blockquote .rr15-disclosure p { font-size:16px; line-height:1.75; }
.rr15-future p { max-width:67ch; }
/* Retain the complete floral motifs inside their existing decorative space. */
.rr15-floral-edge .botanical-sway { background-size:contain; background-repeat:no-repeat; }
.rr15-floral-edge { pointer-events:none; }
@media(max-width:900px) {
 #direction .rr15-direction-grid,#direction .rr15-ambition { gap:36px; }
 .rr-founder-layout { grid-template-columns:minmax(200px,260px) minmax(0,1fr); gap:36px; }
}
@media(max-width:700px) {
 :root { --rr-heading-1:clamp(30px,8vw,36px); --rr-heading-2:28px; --rr-heading-3:25px; }
 #direction,#founder { padding:42px 24px; }
 #direction .rr15-direction-grid,#direction .rr15-ambition,.rr-founder-layout { grid-template-columns:1fr; gap:32px; }
 #direction .rr15-direction-grid>article+article { padding-top:30px; border-top:1px solid #ded8ca; }
 #direction .rr15-direction-grid h2 { margin-top:16px; margin-bottom:18px; }
 #direction .rr15-ambition { margin-top:34px; padding-top:30px; gap:18px; }
 .rr-founder-layout { gap:28px; }.rr-founder-photo { width:min(100%,260px); }
 #founder .rr-founder-message-copy>h2 { font-size:29px; }
 #founder blockquote>p { font-size:22px; }
 .rr15-editorial-copy>p:not(.eyebrow),.rr15-feature-copy>p,.rr15-direction p,.v15-sambal-copy>p:not(.taste-profile),.rr-product-card-copy>p { font-size:16px; line-height:1.7; }
 .rr-business h2 { font-size:30px; }.rr-business h3 { font-size:27px; }.rr-business h4 { font-size:24px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* User-selected warm story canvas; preserve artwork and colored brand panels. */
:root { --rr-canvas:#f8f6ef; --paper:var(--rr-canvas); --ivory:var(--rr-canvas); }
body.rr-v15,.rr-v15 .rr15-header,.rr-v15 .rr15-header nav,.rr-v15 .rr15-footer,
.rr-v15 .rr15-brand-card,.rr15-authentic-trio.rr-jar-collection,
.rr15-feature-media.rr15-authentic-trio.rr-jar-collection,.rr15-ratu-art.rr-pouch-collection,
.v15-pack-shot,.v15-products #lazzat-range,.rr-halal-scope,.brand-card,.range-card,.certificate-card { background-color:var(--rr-canvas); }
.rr15-company #story .rr15-story-body { background:var(--rr-canvas); }
.rr15-company #founder { background:#f3efe5; }
.rr15-company .rr15-future { background:linear-gradient(#f3efe5,#edf3ef 24%,#edf3ef 80%,var(--paper)); }
.rr15-home .rr15-brands { background:linear-gradient(var(--paper),#f3efe5 24%,#f3efe5 88%,var(--paper)); }
.v15-products .v15-why { background:#f3efe5; }
.v15-products .certification-status { background:var(--rr-canvas); }
.v15-why-jars.rr-jar-collection { background:transparent; }
/* Chapters are separated by space and tone; no full-width boundary rules. */
.rr15-company>.rr15-chapter+.rr15-chapter,.rr15-company #founder,
.rr15-company .rr15-future,.rr15-home .rr15-brands,.rr15-home .rr15-founder,
.v15-products .v15-why,.rr-business,.rr-business-service,.rr-business-benefits,
.rr-halal-scope,.v15-sambal-row,#direction .rr15-ambition,
#direction .rr15-direction-grid>article+article,.v15-products .rr-product-subcollection+.rr-product-subcollection { border-block:0; }
/* Remove detached accents from centered chapter headings. */
.rr15-company .rr15-section-heading .rule::after,
.rr15-company .rr15-future>.rule::after { display:none; content:none; }
.rr15-company .rr15-section-heading .rr15-gold-rule { display:none; }
.v15-products,.v15-product-hero,.v15-sambal-section,.v15-sambal-row,.v15-products .ratu-section { background:var(--rr-canvas); }
.v15-sambal-row+.v15-sambal-row { border-top:0; }

/* One centered benefit heading, followed by compact, aligned benefit copy. */
#why-sambal { padding:64px max(24px,calc((100% - 1120px)/2)); }
#why-sambal .v15-why-heading { display:block; max-width:720px; margin:0 auto 42px; text-align:center; }
#why-sambal .v15-why-heading h2 { font-size:clamp(30px,2.8vw,38px); line-height:1.15; }
#why-sambal .v15-why-heading p:not(.eyebrow) { max-width:60ch; margin:18px auto 0; font-size:16px; line-height:1.7; }
#why-sambal .rule::after,#why-sambal .v15-food-pairing h3::before { content:none; display:none; }
#why-sambal .v15-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px 42px; }
#why-sambal .v15-benefits article { grid-template-columns:32px minmax(0,1fr); gap:0 14px; align-content:start; align-items:start; border:0; padding:0; }
#why-sambal .v15-benefit-icon { min-height:0; height:auto; border:0; padding:0; align-items:start; }
#why-sambal .v15-benefit-icon svg { width:30px; }
#why-sambal .v15-benefits h3 { font:600 17px/1.45 var(--sans); letter-spacing:0; }
#why-sambal .v15-benefits p { margin-top:9px; font:400 15px/1.7 var(--sans); color:var(--muted); }
#why-sambal .v15-food-pairing { margin-top:56px; }
#why-sambal .v15-food-pairing h3 { font-size:clamp(25px,2.2vw,31px); line-height:1.2; }
@media(max-width:900px) { #why-sambal .v15-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; } }
@media(max-width:600px) {
 #why-sambal { padding:42px 24px; }
 #why-sambal .v15-why-heading { margin-bottom:32px; }
 #why-sambal .v15-why-heading h2 { font-size:30px; }
 #why-sambal .v15-benefits { grid-template-columns:1fr; gap:28px; }
 #why-sambal .v15-benefits h3 { font-size:17px; }
}
.v15-products .v15-why { background:linear-gradient(var(--paper),#f3efe5 72px,#f3efe5 calc(100% - 72px),var(--paper)); }

/* Quiet closing section, with no patterned band or clipped floral ornaments. */
.rr-v15 .rr15-contact { min-height:0; padding:64px 24px 42px; background:linear-gradient(180deg,var(--paper) 0%,#edf3f2 20%,#e4f0f3 46%,#e8f1f2 70%,var(--paper) 100%); color:var(--navy); }
.rr15-contact::before { content:none; display:none; }
.rr-v15 .rr15-contact>.eyebrow { color:var(--muted); font:600 11px/1.5 var(--sans); letter-spacing:.14em; margin:0 0 18px; }
.rr-v15 .rr15-contact h2 { max-width:25ch; margin-inline:auto; color:var(--navy); font-size:clamp(28px,2.5vw,36px); line-height:1.2; }
.rr-v15 .rr15-contact>p:not(.eyebrow) { max-width:60ch; margin:18px auto 0; color:var(--muted); font-size:16px; line-height:1.7; }
.rr-v15 .rr15-contact .button { margin-top:26px; min-height:46px; padding:12px 24px; font-size:14px; background:var(--navy); color:var(--paper); }
.rr-v15 .rr15-contact>p.contact-pending { max-width:66ch; margin-top:24px; font-size:12px; line-height:1.7; }
.rr-v15 .rr15-footer { padding:26px max(24px,calc((100% - 1120px)/2)) 24px; background:var(--paper); }
.rr15-footer-line { gap:20px 32px; font-size:13px; }
.rr15-footer-line nav { flex-wrap:wrap; gap:8px 24px; }
.rr15-footer-line a { display:inline-flex; align-items:center; min-height:44px; padding-block:10px; }
.rr15-footer .prototype-note { max-width:100ch; margin-top:12px; font-size:11px; line-height:1.7; }
@media(max-width:700px) {
 .rr-v15 .rr15-contact { padding:46px 24px 32px; }
 .rr-v15 .rr15-contact h2 { font-size:29px; }
 .rr15-footer-line { flex-direction:column; align-items:center; gap:8px; text-align:center; }
 .rr15-footer-line nav { justify-content:center; gap:4px 20px; }
 .rr15-footer .prototype-note { text-align:center; }
}

/* V16.6: refine the existing Sambal opening, without adding a section. */
.rr-category-sambal .v15-product-hero { grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr); gap:32px; min-height:0; padding:50px max(24px,calc((100% - 1200px)/2)) 38px; }
.rr-category-sambal .v15-product-hero-copy { padding:0; max-width:480px; }
.rr-category-sambal .v15-product-hero h1 { font-size:clamp(29px,2.6vw,36px); line-height:1.16; letter-spacing:-.025em; margin:24px 0 0; }
.rr-category-sambal .v15-product-hero-copy>p { max-width:46ch; font-size:16px; line-height:1.7; margin-top:20px; }
.rr-category-sambal .v15-product-hero-copy>p::before { content:none; display:none; }
.rr-category-sambal .v15-product-hero-copy>.rr-sambal-tagline { font:600 14px/1.65 var(--sans); margin-top:18px; color:var(--navy); }
.rr-category-sambal .v15-product-lineup { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-self:center; align-items:center; gap:10px; width:100%; max-width:660px; height:auto; min-height:0; padding:0; margin-inline:auto; }
.rr-category-sambal .v15-lineup-item { width:100%; max-width:none; }
.rr-category-sambal .v15-product-intro { max-width:820px; margin:0 auto 32px; padding:14px 0 10px; }
.rr-category-sambal .v15-product-intro h2 { max-width:40ch; text-wrap:balance; margin-inline:auto; font-size:clamp(25px,2.1vw,29px); line-height:1.25; letter-spacing:-.02em; text-align:center; }
.rr-category-sambal .v15-product-intro p { max-width:74ch; margin:20px auto 0; font-size:16px; line-height:1.75; text-align:left; }
.rr-category-sambal .v15-product-intro .rr-retail-note { margin-top:20px; font-size:14px; }
@media(max-width:900px) {
 .rr-category-sambal .v15-product-hero { grid-template-columns:1fr; gap:20px; padding:34px 24px 24px; }
 .rr-category-sambal .v15-product-hero-copy { max-width:620px; width:100%; margin-inline:auto; }
 .rr-category-sambal .v15-product-lineup { max-width:620px; }
 .rr-category-sambal .v15-product-hero-copy>p { max-width:60ch; }
}
@media(max-width:500px) {
 .rr-category-sambal .v15-product-hero h1 { font-size:30px; }
 .rr-category-sambal .v15-product-lineup { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 18px; max-width:340px; }
 .rr-category-sambal .v15-product-intro { padding-top:0; }
 .rr-category-sambal .v15-product-intro h2 { font-size:26px; }
}

/* Restore the rich original About composition; no motion or separate panels. */
.rr15-company .rr15-heritage { margin-top:0; padding:72px 30px 48px; border:0; background:var(--rr-canvas); min-height:640px; overflow:visible; }
.rr15-company .rr15-heritage-art { inset:0 0 auto auto; width:100%; height:100%; display:block; }
.rr15-company .rr15-heritage-art img { width:100%; height:100%; max-height:none; object-fit:contain; object-position:right top; transform:none; animation:none; transition:none; }
.rr15-company .rr15-heritage h2 { font-size:clamp(30px,2.6vw,38px); line-height:1.05; max-width:6.5em; }
.rr15-company .rr15-heritage h2::before { content:none; }
@media(max-width:1100px) and (min-width:901px) {
 .rr15-company .rr15-heritage { padding-left:18px; }
 .rr15-company .rr15-heritage h2 { font-size:30px; }
}
@media(max-width:900px) {
 .rr15-company .rr15-about-body { display:block; padding:0 24px; }
 .rr15-company .rr15-about-body>.rr15-editorial-copy { padding:34px 0 28px; }
 .rr15-company .rr15-heritage { margin:0 -24px; min-height:560px; padding:72px 24px 42px; }
 .rr15-company .rr15-heritage-art { width:65%; max-width:302px; }
 .rr15-company .rr15-heritage h2 { font-size:32px; max-width:6.6em; }
}
@media(max-width:500px) {
 .rr15-company .rr15-heritage { min-height:500px; padding-top:60px; }
 .rr15-company .rr15-heritage-art { width:68%; }
 .rr15-company .rr15-heritage h2 { font-size:28px; }
}

/* Supplied founder portrait, with the face and held product fully visible. */
.rr-founder-photo img { display:block; width:100%; height:auto; aspect-ratio:2/3; object-fit:contain; }
.rr15-home .rr15-founder-media { display:flex; align-items:center; justify-content:center; padding:30px 32px; height:auto; aspect-ratio:auto; background:var(--rr-canvas); }
.rr15-home .rr15-founder-media>img { width:min(100%,320px); height:auto; max-height:480px; object-fit:contain; mask-image:none; }
.rr15-home .rr15-founder-media::after { content:none; }
.rr15-home .rr15-founder-media .rr15-image-note { display:none; }
@media(max-width:700px) { .rr-founder-photo { margin-inline:auto; }.rr15-home .rr15-founder-media { padding:0 24px 32px; } }
/* Original Story floral/ingredient pixels reused unchanged in the About quote. */
.rr15-company .rr15-heritage { min-height:660px; padding-top:80px; }
.rr15-company .rr15-heritage-art { right:8px; width:100%; }
.rr15-company .rr15-heritage-art img { object-position:right top; }
@media(max-width:900px) { .rr15-company .rr15-heritage-art { width:70%; max-width:390px; }.rr15-company .rr15-heritage { min-height:580px; } }
@media(max-width:500px) { .rr15-company .rr15-heritage-art { width:77%; }.rr15-company .rr15-heritage { min-height:460px; padding-top:60px; } }
/* Remove decorative heading strokes; preserve functional borders and focus. */
.rr-v15 .rule::after,.rr-v15 .rr15-gold-rule,.rr15-hero .breadcrumb::after { content:none; display:none; }
@media(min-width:901px) { .rr15-company .rr15-heritage-art { top:0; height:100%; } }
/* Match the original Story edge treatment without recolouring any pixels. */
.rr15-company .rr15-heritage-art { right:0; }
.rr15-company .rr15-heritage-art img { mask-image:linear-gradient(180deg,transparent,#000 3%,#000 97%,transparent); }

/* Supplied AEON frontal image: keep the full sign and entrance visible. */
.location-wangsa .location-photo { aspect-ratio:1080/628; object-fit:contain; height:auto; }
/* Final instruction audit: remove remaining purely decorative gold strokes. */
.rr15-hero-description::before,.rr15-card-copy .card-link::before { content:none; display:none; }
.rr-business-benefit-grid article,.rr-business-contact,.location-card { border-top:0; }

/* Homepage food art: original section, with a compact two-column phone composition. */
.rr15-hero-home .rr15-hero-media::after { background:linear-gradient(90deg,var(--rr-canvas),rgb(var(--rr-canvas-rgb) / .85) 9%,transparent 31%); }
.rr15-hero-home .rr15-hero-media>img { object-position:58% center; }
@media(max-width:700px) {
 .rr15-hero-home { display:grid; grid-template-columns:54% 46%; align-items:center; min-height:360px; }
 .rr15-hero-home .rr15-hero-copy { grid-column:1; width:auto; margin:0; padding:32px 0 36px 20px; }
 .rr15-hero-home h1 { font-size:clamp(27px,7vw,34px); line-height:1.04; letter-spacing:-.035em; }
 .rr15-hero-home .rr15-hero-subtitle { margin-top:16px; font-size:clamp(17px,4.1vw,20px); line-height:1.22; letter-spacing:-.015em; }
 .rr15-hero-home .rr15-hero-description { margin-top:16px; font-size:13px; line-height:1.6; max-width:20ch; }
 .rr15-hero-home .button { min-height:44px; margin-top:18px; padding:10px 13px; gap:8px; font-size:12px; line-height:1.4; }
 .rr15-hero-home .button>span { display:none; }
 .rr15-hero-home .rr15-hero-media { position:absolute; inset:0 0 0 auto; width:55%; height:100%; margin:0; aspect-ratio:auto; }
 .rr15-hero-home .rr15-hero-media>img { object-fit:cover; object-position:52% center; }
 .rr15-hero-home .rr15-hero-media::after { background:linear-gradient(90deg,var(--rr-canvas),rgb(var(--rr-canvas-rgb) / .9) 12%,transparent 44%); }
 .rr15-hero-home>.rr15-floral-edge { display:none; }
}

/* Reuse the sharper editorial food art in the existing About opening only. */
.rr15-hero-about { background:var(--rr-canvas); }
.rr15-hero-about .rr15-hero-media { mask-image:none; }
.rr15-hero-about .rr15-hero-media>img { object-position:58% center; mask-image:linear-gradient(180deg,#000 86%,transparent); }
.rr15-company .rr15-hero-about .rr15-hero-media::after { display:block; background:linear-gradient(90deg,var(--rr-canvas),rgb(var(--rr-canvas-rgb) / .85) 9%,transparent 31%); }
@media(max-width:700px) {
 .rr15-hero-about .rr15-hero-media>img { object-position:center; mask-image:linear-gradient(180deg,transparent,#000 6%,#000 90%,transparent); }
 .rr15-company .rr15-hero-about .rr15-hero-media::after { display:none; }
}

/* Ground the original cutout in a quiet tonal portrait composition. */
.rr-founder-portrait-stage { position:relative; isolation:isolate; width:100%; max-width:320px; margin-inline:auto; overflow:hidden; border-radius:160px 160px 10px 10px; background:linear-gradient(155deg,#f4f0e7 10%,#e9e0d0 100%); box-shadow:0 18px 26px -23px #26314b55; }
.rr-founder-portrait-stage>img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:2/3; object-fit:contain; mask-image:none; }
.rr15-home .rr15-founder-media { background:var(--rr-canvas); }
.rr15-company #founder { background:var(--rr-canvas); padding:64px max(24px,calc((100% - 1080px)/2)); }
#founder .rr-founder-layout { grid-template-columns:minmax(240px,300px) minmax(0,1fr); gap:72px; align-items:center; }
#founder:has(details[open]) .rr-founder-layout { align-items:start; }
#founder .rr-founder-photo { width:100%; margin:0; }
#founder .rr-founder-message-copy>.eyebrow { font-size:10px; line-height:1.6; letter-spacing:.16em; margin:0; }
#founder .rr-founder-message-copy>h2 { margin:13px 0 0; max-width:24ch; font:700 clamp(28px,2.4vw,34px)/1.18 var(--serif); letter-spacing:-.02em; }
#founder .founder-attribution { margin-top:9px; font:400 13px/1.7 var(--sans); }
#founder blockquote { margin:24px 0 0; max-width:56ch; }
#founder blockquote>p { margin:0; font:700 21px/1.45 var(--serif); letter-spacing:-.01em; color:var(--navy); }
#founder .rr15-disclosure { margin-top:16px; border:0; }
#founder .rr15-disclosure summary { min-height:44px; padding:10px 0; border:0; font:600 13px/1.7 var(--sans); color:var(--navy); text-decoration:underline; text-underline-offset:5px; text-decoration-color:#b6a780; }
#founder .rr15-disclosure summary::marker { color:var(--navy); }
#founder blockquote .rr15-disclosure p { max-width:62ch; font:400 15px/1.8 var(--sans); margin-top:18px; }
@media(max-width:900px) { #founder .rr-founder-layout { grid-template-columns:minmax(210px,260px) minmax(0,1fr); gap:36px; } }
@media(max-width:700px) {
 .rr15-company #founder { padding:42px 24px; }
 #founder .rr-founder-layout { grid-template-columns:1fr; gap:34px; }
 #founder .rr-founder-photo { width:min(100%,260px); margin-inline:auto; }
 #founder .rr-founder-message-copy>h2 { font-size:29px; }
 #founder blockquote { margin-top:20px; }
 #founder blockquote>p { font-size:21px; line-height:1.45; }
 .rr15-home .rr15-founder-media .rr-founder-portrait-stage { max-width:280px; }
}

/* Balanced Business benefits, with the exact certified scope kept readable. */
.rr-business-benefits { padding-top:38px; }
.rr-business-benefits>h3 { max-width:28ch; margin-top:13px; font:700 clamp(28px,2.5vw,34px)/1.2 var(--serif); letter-spacing:-.02em; }
.rr-business-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 56px; margin-top:34px; }
.rr-business-benefit-grid article { padding:0; border:0; }
.rr-business .rr-business-benefit-grid h4 { font:700 20px/1.35 var(--serif); letter-spacing:-.01em; }
.rr-business-benefit-grid p { max-width:49ch; margin-top:10px; font:400 15px/1.75 var(--sans); }
.rr-business-certification-scope { margin-top:30px; padding:20px 24px; background:#f0ebe0; border-radius:8px; }
.rr-business .rr-business-scope-title { margin:0; font:600 13px/1.6 var(--sans); color:var(--navy); }
.rr-business-scope-products { display:grid; grid-template-columns:1fr 1fr; gap:16px 40px; margin-top:12px; }
.rr-business .rr-business-scope-products p { margin:0; max-width:56ch; font:400 13px/1.75 var(--sans); }
.rr-business-scope-products strong { font-weight:600; }
.rr-business .rr-business-scope-limit { margin:12px 0 0; font:400 13px/1.7 var(--sans); }
@media(max-width:700px) {
 .rr-business-benefit-grid { grid-template-columns:1fr; gap:24px; margin-top:28px; }
 .rr-business .rr-business-benefit-grid h4 { font-size:20px; }
 .rr-business-certification-scope { padding:18px 20px; }
 .rr-business-scope-products { grid-template-columns:1fr; gap:12px; }
}

/* Close the Story in its narrative column, then enter the next chapter softly. */
.rr15-company #story .rr15-editorial-copy { padding-bottom:48px; }
.rr15-company #story .rr15-editorial-copy .rr-story-closing { margin-top:26px; max-width:35ch; font:700 25px/1.4 var(--serif); letter-spacing:-.01em; color:var(--navy); }
#story .rr15-story-art { bottom:30px; }
#story .rr15-story-art img { mask-image:linear-gradient(180deg,#000 96%,transparent); }
#story .rr15-story-art .botanical-parallax,#story .rr15-story-art .botanical-sway { transform:none!important; animation:none!important; transition:none!important; }
#what-we-do .rr15-hero { min-height:410px; }
#what-we-do .rr15-hero-copy { margin-left:13.2%; width:43%; padding-top:64px; padding-bottom:52px; }
#what-we-do .rr15-hero-title { font:700 clamp(30px,2.8vw,38px)/1.16 var(--serif); letter-spacing:-.02em; }
#what-we-do .rr15-hero-lead { font-weight:700; font-size:clamp(23px,2.1vw,29px); line-height:1.24; }
#what-we-do .rr15-hero-media>img { mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent); }
#what-we-do .rr15-hero>.rr15-floral-edge { mask-image:linear-gradient(180deg,transparent,#000 18%,#000 86%,transparent); }
@media(max-width:700px) {
 .rr15-company #story .rr15-editorial-copy { padding-bottom:34px; }
 .rr15-company #story .rr15-editorial-copy .rr-story-closing { font-size:23px; margin-top:24px; }
 #what-we-do .rr15-hero { min-height:0; }
 #what-we-do .rr15-hero-copy { margin:0; width:100%; padding:28px 24px 24px; }
 #what-we-do .rr15-hero-title { font-size:30px; }
 #what-we-do .rr15-hero-lead { font-size:23px; }
}

/* Comparable food/text chapters keep their two-column identity on phones. */
.rr15-company .rr15-hero-story,.rr15-company .rr15-hero-what-we-do { background:var(--rr-canvas); }
.rr15-company .rr15-hero-story .rr15-hero-media,.rr15-company .rr15-hero-what-we-do .rr15-hero-media { mask-image:none; }
.rr15-company .rr15-hero-story .rr15-hero-media>img,.rr15-company .rr15-hero-what-we-do .rr15-hero-media>img { object-position:65% center; mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent); }
.rr15-company .rr15-hero-story .rr15-hero-media::after,.rr15-company .rr15-hero-what-we-do .rr15-hero-media::after { display:block; background:linear-gradient(90deg,var(--rr-canvas),rgb(var(--rr-canvas-rgb) / .8) 10%,transparent 32%); }
@media(max-width:700px) {
 .rr15-company .rr15-hero { display:grid; grid-template-columns:55% 45%; align-items:center; min-height:330px; overflow:hidden; }
 .rr15-company .rr15-hero .rr15-hero-copy { grid-column:1; width:auto; min-width:0; margin:0; padding:32px 0 34px 20px; }
 .rr15-company .rr15-hero .rr15-hero-title { font-family:var(--serif); font-weight:700; font-size:clamp(25px,6.4vw,30px); line-height:1.06; letter-spacing:-.025em; white-space:normal; }
 .rr15-company .rr15-hero .rr15-hero-lead { max-width:none; margin-top:16px; font:400 clamp(15px,3.9vw,18px)/1.4 var(--sans); letter-spacing:-.01em; }
 .rr15-company .rr15-hero .rr15-hero-context { margin-top:16px; font:400 13px/1.65 var(--sans); max-width:none; }
 .rr15-company .rr15-hero .breadcrumb { flex-wrap:wrap; gap:5px; margin-bottom:18px; font-size:10px; line-height:1.5; padding:0; }
 .rr15-company .rr15-hero .rr15-hero-media { position:absolute; inset:50% 0 auto auto; transform:translateY(-50%); width:50%; height:84%; max-height:350px; aspect-ratio:auto; margin:0; mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent); }
 .rr15-company .rr15-hero .rr15-hero-media>img { height:100%; object-fit:cover; object-position:70% center; mask-image:none; }
 .rr15-company .rr15-hero .rr15-hero-media::after { display:block; background:linear-gradient(90deg,var(--rr-canvas),rgb(var(--rr-canvas-rgb) / .8) 10%,transparent 32%); }
 .rr15-company .rr15-hero>.rr15-floral-edge { display:none; }
 #what-we-do .rr15-hero-title { font-size:clamp(25px,6.4vw,30px); line-height:1.06; }
 #what-we-do .rr15-hero-lead { font-family:var(--serif); font-weight:700; font-size:clamp(16px,4.1vw,19px); line-height:1.28; }
 .rr15-company .rr15-hero-what-we-do .rr15-hero-media>img { object-position:55% center; }
}
@media(max-width:350px) { .rr15-company .rr15-hero-story .rr15-hero-title { font-size:23px; } }

/* Larger authentic mark from supplied vector artwork, without a baked shadow. */
.rr-halal-scope { max-width:760px; flex-direction:column; gap:22px; margin:32px auto; padding:24px; border:0; align-items:center; text-align:center; }
.rr-halal-scope>img { flex:0 0 auto; width:176px; height:176px; object-fit:contain; filter:none; box-shadow:none; }
.rr-halal-scope>div { max-width:64ch; }
.rr-v15 .rr-halal-scope h3 { font-family:var(--serif); font-weight:700; font-size:24px; line-height:1.2; }
.rr-halal-scope p { margin-top:10px; font-size:14px; line-height:1.7; }
.rr-halal-scope small { font-size:12px; line-height:1.6; }
@media(max-width:600px) {
 .rr-halal-scope { flex-direction:column; align-items:center; gap:20px; margin:28px 24px; padding:20px 0; text-align:center; }
 .rr-halal-scope>img { flex-basis:auto; width:144px; height:144px; }
 .rr-v15 .rr-halal-scope h3 { font-size:23px; }
}

/* The heritage sentence closes the About narrative in regular body type. */
.rr15-company .rr15-heritage-visual { margin:0; padding:0; min-height:0; align-self:stretch; }
.rr15-company .rr15-heritage-visual .rr15-heritage-art { top:0; height:100%; }
.rr15-company .rr-about-closing { font-family:var(--sans); font-weight:400; font-size:inherit; line-height:inherit; }
@media(max-width:900px) {
 .rr15-company .rr15-about-body { position:relative; }
 .rr15-company .rr15-about-body .rr-about-closing { max-width:calc(100% - 90px); min-height:140px; }
 .rr15-company .rr15-heritage-visual { position:absolute; right:24px; bottom:28px; width:78px; height:140px; min-height:0; margin:0; padding:0; }
 .rr15-company .rr15-heritage-visual .rr15-heritage-art { width:100%; max-width:none; height:100%; }
 .rr15-company .rr15-heritage-visual .rr15-heritage-art img { object-fit:contain; object-position:right top; mask-image:none; }
}

/* A complete editorial Sambal introduction; all supplied sentences retained. */
.rr-category-sambal .v15-product-hero { display:block; width:100%; max-width:1160px; min-height:0; margin:0 auto; padding:44px 24px 20px; }
.rr-category-sambal .v15-product-hero-copy { width:100%; max-width:none; padding:0; margin:0; }
.rr-sambal-opening-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; align-items:start; }
.rr-category-sambal .v15-product-hero h1 { max-width:none; margin:0; font:700 clamp(32px,2.65vw,38px)/1.14 var(--serif); letter-spacing:-.025em; }
.rr-category-sambal .rr-sambal-opening-copy>p { max-width:none; margin:0; font:400 16px/1.75 var(--sans); }
.rr-category-sambal .rr-sambal-opening-copy>.rr-sambal-tagline { margin-top:20px; font:600 14px/1.7 var(--sans); }
.rr-category-sambal .v15-product-intro { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; width:100%; max-width:1160px; margin:0 auto; padding:34px 24px 48px; text-align:left; }
.rr-category-sambal .v15-product-intro h2 { margin:0; max-width:none; font:700 clamp(26px,2.1vw,30px)/1.22 var(--serif); letter-spacing:-.02em; text-align:left; }
.rr-category-sambal .rr-sambal-narrative>p { max-width:none; margin:0; font:400 15px/1.8 var(--sans); }
.rr-category-sambal .rr-sambal-narrative>p+p { margin-top:18px; }
.rr-category-sambal .rr-sambal-narrative>.rr-retail-note { margin-top:22px; padding:14px 18px; background:#eee9df; border:0; border-radius:6px; font:500 13px/1.7 var(--sans); color:var(--navy); text-align:left; }
@media(max-width:800px) {
 .rr-sambal-opening-grid,.rr-category-sambal .v15-product-intro { grid-template-columns:1fr; gap:24px; }
 .rr-category-sambal .v15-product-hero { padding:30px 24px 16px; }
 .rr-category-sambal .v15-product-hero h1 { font-size:32px; max-width:20ch; }
 .rr-category-sambal .v15-product-intro { padding:14px 4px 38px; }
 .rr-category-sambal .v15-product-intro h2 { font-size:26px; max-width:24ch; }
 .rr-category-sambal .rr-sambal-opening-copy>p { font-size:15px; }
}

/* Category collections: readable introductions and consistent product rhythm. */
.rr-category-ratu .rr-category-heading,.rr-category-lazzat .rr-category-heading { width:100%; max-width:1160px; margin:auto; padding:36px 24px 0; }
.rr-category-ratu .rr-category-heading h1,.rr-category-lazzat .rr-category-heading h1 { font:700 clamp(32px,3vw,40px)/1.12 var(--serif); margin:20px 0 0; }
.rr-category-ratu .rr-category-heading h1,.rr-category-lazzat .rr-category-heading h1 { text-align:center; }
.rr-category-ratu .ratu-section { padding:30px 0 48px; }
.rr-category-ratu .ratu-section>.wrap,.rr-category-lazzat #lazzat-range { width:100%; max-width:1160px; margin:auto; padding:30px 24px 48px; }
.rr-product-collection .rr-range-heading { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; max-width:none; margin:0; text-align:left; align-items:center; }
.rr-product-collection .rr-range-heading h2 { font:700 clamp(28px,2.3vw,34px)/1.18 var(--serif); letter-spacing:-.02em; }
.rr-product-collection .rr-range-heading .eyebrow { margin-bottom:12px; font-size:10px; }
.rr-product-collection .rr-range-heading .rr-range-tagline { margin:16px 0 0; font:700 18px/1.4 var(--serif); }
.rr-product-collection .rr-range-intro>p { margin:0; max-width:60ch; font:400 15px/1.8 var(--sans); }
.rr-product-collection .rr-range-details { max-width:none; margin:24px 0 0; padding:0; border:0; }
.rr-product-collection .rr-range-details>div { max-width:78ch; }
.rr-product-collection details summary { min-height:44px; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#b6a780; }
.rr-product-collection .rr-product-details,.rr-product-collection .rr-detail-taste { border:0; }
.rr-product-collection .rr-product-subcollection { padding-top:48px; }
.rr-product-collection .rr-collection-heading { border:0; padding:0; max-width:760px; margin-bottom:24px; }
.rr-product-collection .rr-collection-heading h3 { font:700 28px/1.2 var(--serif); }
.rr-product-collection .rr-collection-heading p:not(.eyebrow) { margin-top:8px; }
.rr-product-collection .rr-product-grid { gap:24px; align-items:start; }
.rr-product-collection .rr-product-card { padding:26px; border:0; border-radius:10px; background:#f1ede4; }
.rr-product-collection .rr-product-card-art { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:22px; align-items:start; }
.rr-product-collection .rr-product-card h3,.rr-product-collection .rr-product-card h4 { font:700 24px/1.2 var(--serif); }
.rr-product-collection .rr-product-card-copy>p { font-size:14px; line-height:1.75; }
.rr-product-collection .rr-product-card-copy>.rr-product-tagline { font:700 17px/1.4 var(--serif); }
.rr-product-collection .rr-label-media { margin:0; }
.rr-product-collection .rr-label-media .packet-stage { max-width:190px; width:100%; height:280px; margin:0 auto; cursor:default; }
.rr-product-collection .rr-label-link { font-size:11px; }
.rr-product-collection .rr-product-details { margin-top:13px; }
.rr-product-collection .rr-product-details p { font-size:14px; line-height:1.75; }
.rr-product-collection .rr-lazzat-feature { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:56px; align-items:center; margin:42px 0 28px; padding:36px; border-radius:12px; background:#f1ede4; }
.rr-lazzat-feature .feature-media { width:100%; min-height:0; padding:0; margin:0; }
.rr-lazzat-feature .packet-stage { width:100%; max-width:260px; height:360px; margin:0 auto; cursor:default; }
.rr-lazzat-feature .feature-copy { padding:0; max-width:59ch; }
.rr-lazzat-feature .feature-copy h3 { font:700 30px/1.18 var(--serif); }
.rr-lazzat-feature .feature-copy>p:not(.eyebrow) { font-size:15px; line-height:1.75; }
.rr-lazzat-feature .feature-copy>.rr-product-tagline { font:700 18px/1.4 var(--serif); }
.rr-product-collection canvas[data-static-view] { cursor:default; }
.rr-product-collection .product-care-note { border:0; }
@media(max-width:1100px) and (min-width:801px) {
 .rr-product-collection .rr-product-card-art { grid-template-columns:1fr; }
 .rr-product-collection .rr-label-media .packet-stage { height:270px; }
}
@media(max-width:800px) {
 .rr-product-collection .rr-range-heading { grid-template-columns:1fr; gap:22px; }
 .rr-product-collection .rr-range-heading h2 { font-size:29px; }
 .rr-category-ratu .ratu-section { padding-top:0; }
 .rr-product-collection .rr-product-grid { grid-template-columns:1fr; }
 .rr-product-collection .rr-product-card { padding:24px; }
 .rr-product-collection .rr-product-card-art { grid-template-columns:1fr; gap:24px; }
 .rr-product-collection .rr-label-media .packet-stage { width:190px; height:275px; }
 .rr-product-collection .rr-collection-heading h3 { font-size:26px; }
 .rr-product-collection .rr-lazzat-feature { grid-template-columns:1fr; gap:28px; padding:26px 24px; margin-top:32px; }
 .rr-lazzat-feature .packet-stage { max-width:220px; height:310px; }
 .rr-lazzat-feature .feature-copy h3 { font-size:28px; }
}

/* Supporting lines stay in the established regular body family. */
.rr15-hero-home .rr15-hero-subtitle { font:400 clamp(19px,1.8vw,25px)/1.55 var(--sans); letter-spacing:0; margin-top:20px; }
#founder blockquote>p { font:400 18px/1.75 var(--sans); letter-spacing:0; }
.rr15-founder-copy>p:not(.eyebrow):not(.founder-attribution) { font-family:var(--sans); font-weight:400; }
.rr15-card-media.rr-discovery-photo { padding:0; height:238px; overflow:hidden; background:var(--rr-canvas); }
.rr15-card-media.rr-discovery-photo>img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.rr15-card-media.rr-discovery-outlet>img { object-position:center top; }
@media(max-width:700px) {
 .rr15-hero-home .rr15-hero-subtitle { font:400 clamp(14px,3.6vw,17px)/1.5 var(--sans); margin-top:16px; }
 .rr15-card-media.rr-discovery-photo { height:220px; }
 #founder blockquote>p { font-size:17px; line-height:1.75; }
}

/* Cohesive category openings: one heading, supporting introduction, then narrative. */
.rr-category-sambal .v15-product-hero { max-width:1160px; padding-bottom:0; }
.rr-sambal-opening-grid { display:block; text-align:center; max-width:840px; margin:26px auto 0; }
.rr-category-sambal .v15-product-hero h1 { max-width:none; font-size:38px; line-height:1.18; }
.rr-sambal-opening-copy { max-width:72ch; margin:22px auto 0; }
.rr-category-sambal .rr-sambal-opening-copy>p { font-size:15px; line-height:1.8; }
.rr-category-sambal .rr-sambal-opening-copy>.rr-sambal-tagline { margin-top:14px; font-size:13px; font-weight:400; color:var(--navy); }
.rr-category-sambal .v15-sambal-section { padding-top:0; }
.rr-category-sambal .v15-product-intro { display:block; max-width:808px; padding:34px 24px 34px; }
.rr-category-sambal .v15-product-intro h2 { text-align:center; max-width:none; font-size:27px; line-height:1.3; margin-bottom:20px; }
.rr-category-sambal .rr-sambal-narrative>p { font-size:15px; line-height:1.8; }
.rr-category-sambal .rr-sambal-narrative>.rr-retail-note { max-width:64ch; margin:24px auto 0; padding:0; background:none; border:0; border-radius:0; text-align:center; font-size:13px; line-height:1.7; font-weight:400; }
.rr-product-collection .rr-range-heading { display:block; max-width:780px; margin:0 auto; text-align:center; }
.rr-product-collection .rr-range-heading h2 { font-size:32px; }
.rr-product-collection .rr-range-heading .rr-range-tagline { font:400 14px/1.7 var(--sans); margin-top:14px; }
.rr-product-collection .rr-range-intro { margin:22px auto 0; max-width:72ch; }
.rr-product-collection .rr-range-intro>p { max-width:none; font-size:15px; }
.rr-product-collection>.wrap>.rr-range-details { max-width:780px; margin:20px auto 0; }
.rr-product-collection .rr-range-details#ratu-cooking-guide>summary { text-align:center; }
@media(max-width:800px) {
 .rr-sambal-opening-grid { margin-top:22px; }
 .rr-category-sambal .v15-product-hero h1 { font-size:31px; line-height:1.18; max-width:none; }
 .rr-category-sambal .rr-sambal-opening-copy { margin-top:20px; }
 .rr-category-sambal .v15-product-intro { padding:30px 4px 30px; }
 .rr-category-sambal .v15-product-intro h2 { font-size:25px; max-width:none; }
 .rr-product-collection .rr-range-heading h2 { font-size:29px; }
 .rr-product-collection .rr-range-intro>p { text-align:left; }
}

/* Discovery cards reflect the founder, business activities and actual IOI outlet. */
.rr15-card-media.rr-discovery-founder { position:relative; height:238px; padding:0; overflow:hidden; background:linear-gradient(135deg,#f2ecdf,#e8ddc7); }
.rr15-card-media.rr-discovery-founder .rr-discovery-brand { position:absolute; left:11%; top:50%; transform:translateY(-50%); width:25%; height:auto; object-fit:contain; }
.rr15-card-media.rr-discovery-founder .rr-discovery-person { position:absolute; right:8%; bottom:0; width:auto; height:96%; max-width:55%; object-fit:contain; object-position:bottom; }
.rr15-card-media.rr-discovery-business { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:12px; height:238px; padding:24px; background:linear-gradient(135deg,#e7eeec,#f1ecdf); }
.rr-discovery-business>span { display:flex; align-items:center; flex-direction:column; gap:18px; text-align:center; color:var(--navy); font:400 12px/1.5 var(--sans); }
.rr-discovery-business svg { width:58px; height:58px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.rr-discovery-business>span>span { min-height:36px; }
@media(max-width:700px) {
 .rr15-card-media.rr-discovery-founder,.rr15-card-media.rr-discovery-business { height:220px; }
 .rr15-card-media.rr-discovery-business { padding:20px 14px; gap:8px; }
 .rr-discovery-business svg { width:48px; height:48px; }
 .rr-discovery-business>span { font-size:11px; }
}

/* User correction, 22 October: show the supplied floral artwork without
   top/bottom fade masks. Keep food/portrait masks and page gradients intact. */
.rr-v15 .rr15-floral-edge,
.rr-v15 .rr15-floral-corner,
.rr-v15 .rr15-heritage-art img,
.rr-v15 .rr15-story-art img {
 -webkit-mask-image:none !important;
 mask-image:none !important;
}

/* Supplied PNG ornament,22 October: original pixels and colors; left-side crop
   explicitly authorized. Right-side instances mirror the same crop. */
.rr15-floral-edge { top:12px; bottom:12px; height:calc(100% - 24px); }
.rr15-floral-edge .botanical-sway,.rr15-floral-corner .botanical-sway { background-image:url('assets/v16/floral-edge-supplied.svg?v=20261022-1'); background-size:contain; background-position:left center; filter:none; }
.rr15-floral-edge,.rr15-floral-edge .botanical-parallax,.rr15-floral-edge .botanical-sway,.rr15-floral-corner,.rr15-floral-corner .botanical-parallax,.rr15-floral-corner .botanical-sway { animation:none!important; transition:none!important; transform:none!important; mask-image:none!important; -webkit-mask-image:none!important; }
.rr15-contact .rr15-floral-corner-right .botanical-sway { background-image:url('assets/v16/floral-edge-supplied.svg?v=20261022-1'); transform:scaleX(-1)!important; }
@media(max-width:759px){
 .rr15-floral-edge { top:12px; bottom:auto; height:145px; }
 .rr15-floral-edge .botanical-sway,.rr15-heritage-corner .botanical-sway { background-image:url('assets/v16/floral-edge-supplied.svg?v=20261022-1'); background-position:left center; }
}
:is(.rr15-home .rr15-brands,.rr15-company #innovation,.rr15-company #direction,.rr15-company .rr15-future,.rr-business-benefits,.rr-category-sambal .v15-product-hero,.rr-category-sambal .v15-product-intro,.v15-why,#ratu-range,#ratu-range .rr-product-subcollection:last-child,#lazzat-range,.rr-lazzat-stocks,.rr15-contact) { position:relative; isolation:isolate; }
/* This text-only opening has no overflow-dependent media. Allow only its new
   decoration to reach the viewport edge; layout metrics stay unchanged. */
.rr-category-sambal .v15-product-hero { overflow:visible; }
:is(.rr15-home .rr15-brands,.rr15-company #innovation,.rr15-company #direction,.rr15-company .rr15-future,.rr-business-benefits,.rr-category-sambal .v15-product-hero,.rr-category-sambal .v15-product-intro,.v15-why,#ratu-range,#ratu-range .rr-product-subcollection:last-child,#lazzat-range,.rr-lazzat-stocks,.rr15-contact)::before {
 content:""!important; display:block!important; position:absolute; z-index:-1; pointer-events:none;
 top:16px; bottom:auto; left:calc((100% - 100vw)/2); right:auto;
 width:110px; height:calc(100% - 32px); max-height:380px;
 background:url('assets/v16/floral-edge-supplied.svg?v=20261022-1') left center / contain no-repeat;
 opacity:.22; filter:none; mask-image:none!important; -webkit-mask-image:none!important;
 transform:none; animation:none!important; transition:none!important;
}
:is(.rr15-home .rr15-brands,.rr15-company #innovation,.rr15-company .rr15-future,.rr-business-benefits,.v15-why,#ratu-range .rr-product-subcollection:last-child,.rr-lazzat-stocks,.rr15-contact)::before { left:auto; right:calc((100% - 100vw)/2); transform:scaleX(-1); }
.rr15-contact::before { max-height:220px; }
@media(max-width:700px){
:is(.rr15-home .rr15-brands,.rr15-company #innovation,.rr15-company #direction,.rr15-company .rr15-future,.rr-business-benefits,.rr-category-sambal .v15-product-hero,.rr-category-sambal .v15-product-intro,.v15-why,#ratu-range,#ratu-range .rr-product-subcollection:last-child,#lazzat-range,.rr-lazzat-stocks,.rr15-contact)::before { width:64px; max-height:240px; opacity:.14; }
.rr15-contact::before { max-height:210px; }
}

/* Three supplied floral variants — additive ornament only, 22 October.
   Protected About/Story compositions and all existing edge motifs stay intact. */
:is(.rr15-home .rr15-brands,.rr-business-cta,
 .rr15-company .rr15-future,.v15-why,
 #ratu-range .rr-product-subcollection:first-of-type,.rr-lazzat-feature) {
 position:relative; isolation:isolate;
}
:is(.rr15-home .rr15-brands,.rr-business-cta,
 .rr15-company .rr15-future,.v15-why,
 #ratu-range .rr-product-subcollection:first-of-type,.rr-lazzat-feature)::after {
 content:""; display:block; position:absolute; z-index:-1; pointer-events:none;
 background-repeat:no-repeat; background-size:contain;
 filter:none; mask-image:none; -webkit-mask-image:none;
 animation:none!important; transition:none!important;
}
/* A complete corner fits the lower outer edge, away from the existing top spray. */
:is(.rr15-home .rr15-brands,.rr-business-cta)::after {
 background-image:url('assets/v16/floral-corner-supplied.png');
 background-position:left bottom; width:220px; height:220px;
 bottom:18px; left:calc((100% - 100vw)/2); opacity:.13;
}
.rr-v15 .rr-business-cta::after {
 left:auto; right:calc((100% - 100vw)/2); transform:scaleX(-1);
}
/* The wider garland rests in existing lower whitespace without adding a band. */
:is(.rr15-company .rr15-future,.v15-why)::after {
 background-image:url('assets/v16/floral-garland-supplied.png');
 background-position:left bottom; width:280px; height:94px;
 bottom:12px; left:calc((100% - 100vw)/2); opacity:.14;
}
/* Full native vertical canvas is retained; neither end is cropped. */
:is(#ratu-range .rr-product-subcollection:first-of-type,.rr-lazzat-feature)::after {
 background-image:url('assets/v16/floral-vertical-supplied.png');
 background-position:left top; width:112px; height:336px; max-height:calc(100% - 32px);
 top:16px; right:calc((100% - 100vw)/2); transform:scaleX(-1); opacity:.16;
}
@media(max-width:700px){
 :is(.rr15-home .rr15-brands,.rr-business-cta)::after {
  width:124px; height:124px; bottom:12px; opacity:.10;
 }
 :is(.rr15-company .rr15-future,.v15-why)::after {
  width:150px; height:50px; bottom:6px; opacity:.13;
 }
 :is(#ratu-range .rr-product-subcollection:first-of-type,.rr-lazzat-feature)::after {
  width:56px; height:168px; opacity:.13;
 }
}

/* User screenshot exclusions,22 October: remove only decoration in these zones.
   Last two accidentally supplied screenshots are explicitly not actioned. */
.rr-v15 #business .rr-business-cta::before,
.rr-v15 #business .rr-business-cta::after,
.rr-v15 #why-sambal.v15-why::before,
.rr-v15 #why-sambal.v15-why::after,
.rr-v15 #lazzat-range .rr-lazzat-stocks::before,
.rr-v15 #lazzat-range .rr-lazzat-stocks::after {
 content:none!important; display:none!important; background-image:none!important;
}

/* Two supplied blue PNGs, 22 October: additive background ornament only.
   Full transparent canvases retained; uniform opacity, no color/filter/fade
   changes. Existing section geometry, surfaces and decorations stay intact. */
.rr15-home .rr15-founder-copy { isolation:isolate; }
.rr15-home .rr15-founder-copy::after,
.rr15-company #direction::after {
 content:""; position:absolute; display:block; z-index:-1; pointer-events:none;
 background-color:transparent; background-repeat:no-repeat;
 background-size:contain; background-position:center;
 filter:none; mask-image:none; -webkit-mask-image:none; animation:none;
}
.rr15-home .rr15-founder-copy::after {
 background-image:url('assets/v16/floral-blue-medallion-supplied.png');
 width:280px; height:287px; top:24px; right:0; opacity:.09;
}
.rr15-company #direction::after {
 background-image:url('assets/v16/floral-blue-botanical-supplied.png');
 width:340px; height:340px; right:0; bottom:24px; opacity:.09;
}
@media(max-width:700px) {
 .rr15-home .rr15-founder-copy::after {
  width:156px; height:160px; top:18px; right:0; opacity:.08;
 }
 .rr15-company #direction::after {
  width:184px; height:184px; right:0; bottom:18px; opacity:.08;
 }
}

/* Screenshot-specific removal: only the lower-left garland in Heritage,
   Identity, Connection. Keep its right edge flower and all other ornaments. */
.rr-v15 .rr15-company .rr15-future::after {
 content:none!important; display:none!important; background-image:none!important;
}

/* Supplied JAKIM certificates: the two named restaurant premises only. */
.rr15-company #dining .rr-restaurant-halal {
 display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:20px; width:100%;
 margin:26px 0 0; text-align:left; color:var(--navy);
}
.rr15-company #dining .rr-restaurant-halal img {
 width:100px; height:auto; max-width:none; filter:none; box-shadow:none;
}
.rr15-company #dining .rr-restaurant-halal-copy { display:grid; gap:7px; min-width:0; }
.rr15-company #dining .rr-restaurant-halal h4 {
 margin:0; font-family:var(--serif); font-size:20px; font-weight:700; line-height:1.2;
}
.rr15-company #dining .rr-restaurant-halal p {
 margin:0; font-size:14px; line-height:1.6; letter-spacing:0;
}
.rr15-company #dining .rr-restaurant-halal a {
 font-size:14px; font-weight:600; line-height:1.6; text-underline-offset:3px;
}
.rr15-company #dining .rr-restaurant-halal small {
 font-size:12px; line-height:1.6; color:var(--muted);
}
@media(max-width:700px) {
 .rr15-company #dining .rr-restaurant-halal { grid-template-columns:72px minmax(0,1fr); gap:14px; }
 .rr15-company #dining .rr-restaurant-halal img { width:72px; }
}

/* Home phone reference: portrait first, then the complete Founder Vision copy. */
@media(max-width:700px) {
 .rr15-home .rr15-founder-media { order:-1; }
}

/* V16.10 typography, 23 October: one pixel for regular descriptions only.
   Keep the original responsive scale in --rr-copy-base; explicit bold text,
   headlines, navigation, metadata and unrelated controls retain their styles.
   The scoped size override resolves the older layered stylesheet cascade. */
body.rr-v15 :where(.rr15-editorial-copy>p:not(.eyebrow):not(.rr-story-closing), .rr15-feature-copy>p, .rr15-direction-intro>p, .rr15-direction-grid>article>p:not(.eyebrow), .rr-direction-body>p, .rr-direction-body>.rr15-disclosure>p, .rr15-future>p:not(.eyebrow):not(.rr15-closing-line), .rr-business-intro-copy>p, .rr-business-description>p, .rr-business-cta-copy>p, .rr-business-contact>p, .v15-sambal-copy>p:not(.taste-profile), .v15-why-heading p:not(.eyebrow), .rr15-contact>p:not(.eyebrow), .product-description>p:not(.eyebrow):not(:has(>a)),
 .rr15-priorities p, #founder blockquote .rr15-disclosure p, .rr-business-benefit-grid p, .rr-sambal-opening-copy>p, .rr-sambal-narrative>p, .v15-benefits p, .rr-lazzat-feature .feature-copy>p:not(.eyebrow):not(.rr-product-tagline):not(.rr-product-size), .location-details>p,
 .rr-restaurant-halal-copy>p, .rr-business-caveat, .rr-halal-scope p, .rr-collection-heading>p:not(.eyebrow), .rr-product-card-copy>p:not(.eyebrow):not(.rr-product-tagline), .rr-product-details p, .rr-range-details p,
 .rr-business-scope-products>p, .rr-business-scope-limit, .rr-sambal-opening-copy>.rr-sambal-tagline, .rr-sambal-narrative>.rr-retail-note,
 .rr-product-collection .product-care-note,
 #founder blockquote>p,
 .rr-range-heading p:not(.eyebrow),
 .rr15-hero-home .rr15-hero-subtitle,
 .rr15-hero-description,
 .rr15-hero-context,
 .rr15-brands .rr15-section-heading>p:not(.eyebrow),
 .rr15-card-copy>p,
 .rr15-founder-copy>p:not(.eyebrow):not(.founder-attribution),
 .v15-sambal-copy>.taste-profile) { font-size:calc(var(--rr-copy-base) + 1px) !important; }
body.rr-v15 :where(.rr15-editorial-copy>p:not(.eyebrow):not(.rr-story-closing), .rr15-feature-copy>p, .rr15-direction-intro>p, .rr15-direction-grid>article>p:not(.eyebrow), .rr-direction-body>p, .rr-direction-body>.rr15-disclosure>p, .rr15-future>p:not(.eyebrow):not(.rr15-closing-line), .rr-business-intro-copy>p, .rr-business-description>p, .rr-business-cta-copy>p, .rr-business-contact>p, .v15-sambal-copy>p:not(.taste-profile), .v15-why-heading p:not(.eyebrow), .rr15-contact>p:not(.eyebrow), .product-description>p:not(.eyebrow):not(:has(>a))) { --rr-copy-base:16px; }
body.rr-v15 :where(.rr15-priorities p, #founder blockquote .rr15-disclosure p, .rr-business-benefit-grid p, .rr-sambal-opening-copy>p, .rr-sambal-narrative>p, .v15-benefits p, .rr-lazzat-feature .feature-copy>p:not(.eyebrow):not(.rr-product-tagline):not(.rr-product-size), .location-details>p) { --rr-copy-base:15px; }
body.rr-v15 :where(.rr-restaurant-halal-copy>p, .rr-business-caveat, .rr-halal-scope p, .rr-collection-heading>p:not(.eyebrow), .rr-product-card-copy>p:not(.eyebrow):not(.rr-product-tagline), .rr-product-details p, .rr-range-details p) { --rr-copy-base:14px; }
body.rr-v15 :where(.rr-business-scope-products>p, .rr-business-scope-limit, .rr-sambal-opening-copy>.rr-sambal-tagline, .rr-sambal-narrative>.rr-retail-note) { --rr-copy-base:13px; }
body.rr-v15 :where(.rr-product-collection .product-care-note) { --rr-copy-base:12px; }
body.rr-v15 :where(#founder blockquote>p) { --rr-copy-base:18px; }
body.rr-v15 :where(.rr-range-heading p:not(.eyebrow)) { --rr-copy-base:16px; }
body.rr-v15 :where(.rr15-hero-home .rr15-hero-subtitle) { --rr-copy-base:clamp(19px,1.8vw,25px); }
body.rr-v15 :where(.rr15-hero-description) { --rr-copy-base:clamp(15px,1.25vw,18px); }
body.rr-v15 :where(.rr15-hero-context) { --rr-copy-base:clamp(15px,1.3vw,18px); }
body.rr-v15 :where(.rr15-brands .rr15-section-heading>p:not(.eyebrow)) { --rr-copy-base:clamp(16px,1.3vw,19px); }
body.rr-v15 :where(.rr15-card-copy>p) { --rr-copy-base:clamp(14px,1.1vw,16px); }
body.rr-v15 :where(.rr15-founder-copy>p:not(.eyebrow):not(.founder-attribution)) { --rr-copy-base:clamp(15px,1.2vw,17px); }
body.rr-v15 :where(.v15-sambal-copy>.taste-profile) { --rr-copy-base:clamp(12px,1.08vw,15px); }
body.rr-v15 :where(.rr15-editorial-copy>p:not(.eyebrow):not(.rr-story-closing), .rr15-feature-copy>p, .rr15-direction-intro>p, .rr15-direction-grid>article>p:not(.eyebrow), .rr-direction-body>p, .rr-direction-body>.rr15-disclosure>p, .rr15-future>p:not(.eyebrow):not(.rr15-closing-line), .rr-business-intro-copy>p, .rr-business-description>p, .rr-business-cta-copy>p, .rr-business-contact>p, .v15-sambal-copy>p:not(.taste-profile), .v15-why-heading p:not(.eyebrow), .rr15-contact>p:not(.eyebrow), .product-description>p:not(.eyebrow):not(:has(>a)),
 .rr15-priorities p, #founder blockquote .rr15-disclosure p, .rr-business-benefit-grid p, .rr-sambal-opening-copy>p, .rr-sambal-narrative>p, .v15-benefits p, .rr-lazzat-feature .feature-copy>p:not(.eyebrow):not(.rr-product-tagline):not(.rr-product-size), .location-details>p,
 .rr-restaurant-halal-copy>p, .rr-business-caveat, .rr-halal-scope p, .rr-collection-heading>p:not(.eyebrow), .rr-product-card-copy>p:not(.eyebrow):not(.rr-product-tagline), .rr-product-details p, .rr-range-details p,
 .rr-business-scope-products>p, .rr-business-scope-limit, .rr-sambal-opening-copy>.rr-sambal-tagline, .rr-sambal-narrative>.rr-retail-note,
 .rr-product-collection .product-care-note,
 #founder blockquote>p,
 .rr-range-heading p:not(.eyebrow),
 .rr15-hero-home .rr15-hero-subtitle,
 .rr15-hero-description,
 .rr15-hero-context,
 .rr15-brands .rr15-section-heading>p:not(.eyebrow),
 .rr15-card-copy>p,
 .rr15-founder-copy>p:not(.eyebrow):not(.founder-attribution),
 .v15-sambal-copy>.taste-profile) :is(strong,b) { font-size:var(--rr-copy-base) !important; }
@media(max-width:759px) {
 body.rr-v15 :where(.rr15-brands .rr15-section-heading>p:not(.eyebrow),.rr15-card-copy>p,.rr15-founder-copy>p:not(.eyebrow):not(.founder-attribution),.rr15-hero-description,.rr15-hero-context) { --rr-copy-base:15px; }
}
@media(max-width:700px) {
 body.rr-v15 :where(.rr15-hero-home .rr15-hero-subtitle) { --rr-copy-base:clamp(14px,3.6vw,17px); }
 body.rr-v15 :where(.rr15-hero-description,.rr15-hero-context,.v15-sambal-copy>.taste-profile) { --rr-copy-base:13px; }
 body.rr-v15 :where(#founder blockquote>p) { --rr-copy-base:17px; }
 body.rr-v15 :where(.rr-range-heading p:not(.eyebrow)) { --rr-copy-base:15px; }
}
/* Only the screenshot's text-and-arrow link family. Keep the arrow's weight. */
body.rr-v15 #restaurant-locations .section-head>p { --rr-copy-base:clamp(16px,1.35vw,19px); font-size:calc(var(--rr-copy-base) + 1px); }
@media(min-width:701px) and (max-width:900px) {
 body.rr-v15 :where(.product-description>p:not(.eyebrow):not(.product-lead):not(:has(>a))) { --rr-copy-base:15px; }
}
.rr-v15 .card-link { font-size:14px; font-weight:700; }
.rr-v15 .card-link>span { font-weight:400; }
/* Larger authentic header logo; the header's existing height/padding stay fixed. */
.rr-v15 .rr15-header .brand { width:auto; height:calc(clamp(84px,6.7vw,96px) - 8px); aspect-ratio:235/270; }
.rr-v15 .rr15-header .brand>img { width:100%; height:100%; object-fit:contain; }
@media(max-width:759px) { .rr-v15 .rr15-header .brand { height:68px; } }
/* Official restaurant contacts are scoped to dining and the locations dialog. */
.rr-restaurant-contacts { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; margin-top:22px; color:var(--navy); font:400 15px/1.6 var(--sans); }
.rr-restaurant-contacts>a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
.rr-restaurant-contacts>a:focus-visible { outline:2px solid var(--navy); outline-offset:4px; }

/* A more prominent arrival logo. Transform only the original artwork, leaving
   header/navigation geometry intact. The slight overhang uses existing clear
   space below the bar. Scrolling and the open phone menu use the compact mark. */
.rr-header-at-top .rr15-header:not(:has(#primary-nav.open)) .brand>img {
 transform:scale(1.4);
 transform-origin:left top;
}

/* Supplied replacement for this narrative only. Original PNG pixels/alpha;
   extra image-canvas width compensates for transparent left space. Contain
   keeps the complete vertical extent inside the unchanged section. */
.rr15-company #story .rr15-story-art.rr-story-supplied-layer {
 display:block; inset:16px 0 16px auto; width:50%; height:auto;
 overflow:visible; opacity:.5; pointer-events:none;
}
.rr15-company #story .rr-story-supplied-layer .botanical-parallax,
.rr15-company #story .rr-story-supplied-layer .botanical-sway {
 position:relative; width:100%; height:100%; pointer-events:none;
}
.rr15-company #story .rr-story-supplied-layer img {
 position:absolute; inset:0 0 auto auto; width:156.4%; max-width:none;
 height:100%; object-fit:contain; object-position:right center;
 filter:none; animation:none; transition:none; pointer-events:none;
}
.rr15-company #story .rr15-story-body::after { content:none; display:none; }
@media(max-width:1100px) {
 .rr15-company #story .rr15-story-art.rr-story-supplied-layer { opacity:.18; }
}
@media(max-width:759px) {
 .rr15-company #story .rr15-story-art.rr-story-supplied-layer { width:60%; }
}

/* Second supplied composition: About narrative only. Absolute decoration keeps
   existing copy geometry intact; the phone layer spans the full content width. */
.rr15-company #about .rr15-about-body { position:relative; isolation:isolate; }
.rr15-company #about .rr-about-supplied-layer {
 position:absolute; inset:16px 0 16px auto; z-index:1; width:50%; height:auto;
 min-height:0; margin:0; padding:0; border:0; background:transparent;
 overflow:visible; opacity:.5; pointer-events:none;
}
.rr15-company #about .rr-about-supplied-layer .rr15-heritage-art {
 inset:0; width:100%; max-width:none; height:100%; pointer-events:none;
}
.rr15-company #about .rr-about-supplied-layer img {
 width:100%; height:100%; max-width:none; max-height:none;
 object-fit:contain; object-position:right center; filter:none;
 animation:none; transition:none; transform:none; pointer-events:none;
}
@media(max-width:1100px) {
 .rr15-company #about .rr-about-supplied-layer { opacity:.18; }
}
@media(max-width:900px) {
 .rr15-company #about .rr-about-supplied-layer { width:100%; }
 .rr15-company #about .rr-about-supplied-layer img { object-position:right top; }
}

/* Phone-only placement correction: retain artwork dimensions/opacity and the
   accepted tablet/desktop treatment. Align artwork at bottom-right. */
@media(max-width:759px) {
 .rr15-company #about .rr-about-supplied-layer,
 .rr15-company #story .rr15-story-art.rr-story-supplied-layer { left:auto; right:0; }
 .rr15-company #about .rr-about-supplied-layer img {
  object-position:right bottom; transform:none;
 }
 .rr15-company #story .rr-story-supplied-layer img {
  left:auto; right:0; object-position:right bottom; transform:none;
 }
}

/* Emphasize only the directory name; keep the full existing link intact. */
.rr-halal-scope a.rr-halal-directory { font-weight:400; text-decoration:none; }
.rr-halal-scope a.rr-halal-directory>span { font-weight:700; text-decoration:underline; }

/* Supplied About Us banner: full available width and natural height, without cropping or a fixed-height frame. */
.rr15-card-media.rr-discovery-founder { height:auto; aspect-ratio:auto; }
.rr15-card-media.rr-discovery-founder > .rr-discovery-banner { display:block; width:100%; height:auto; object-fit:contain; object-position:center; }

/* Approved full-bleed discovery headers: matching frames with minimal edge crops. */
.rr15-brand-grid > .rr15-brand-card > .rr15-card-media {
 position:relative; display:block; width:100%; height:auto; aspect-ratio:2 / 1;
 padding:0; background:var(--rr-canvas);
}
.rr15-brand-grid > .rr15-brand-card > .rr15-card-media > img {
 position:absolute; inset:0; display:block; width:100%; height:100%;
 object-fit:cover; object-position:center;
}

.rr15-brand-grid > .rr15-brand-card > .rr-discovery-outlet > img {
 object-position:center top;
}

/* Exact supplied Lazzat photograph, with separate unretouched pack viewports. */
.rr-lazzat-stocks .rr-stock-photo {
 --stock-photo-height:300px; display:flex; align-items:center; justify-content:center;
 height:var(--stock-photo-height); margin:0 0 24px;
}
.rr-lazzat-stocks .rr-stock-photo svg {
 display:block; width:calc(var(--stock-photo-height) * var(--stock-photo-width) / 574);
 height:var(--stock-photo-height); max-width:100%; overflow:hidden;
}
@media(max-width:800px) {
 .rr-lazzat-stocks .rr-stock-photo { --stock-photo-height:280px; }
}

/* Supplied 27 October editorial reference. Scoped to the company opening only. */
.rr-story-reference #about,
.rr-story-reference #story,
.rr-story-reference #what-we-do > .rr15-hero { background:var(--rr-canvas); }
.rr-story-reference #about > .rr15-hero,
.rr-story-reference #what-we-do > .rr15-hero {
 display:block; min-height:clamp(400px,39vw,580px); overflow:hidden;
 background:var(--rr-canvas); isolation:isolate;
}
.rr-story-reference #about .rr15-hero-copy,
.rr-story-reference #what-we-do .rr15-hero-copy {
 width:35%; margin:0 0 0 11.1%; padding:60px 0 80px; z-index:3;
}
.rr-story-reference #about .breadcrumb { font:400 13px/1.5 var(--sans); margin:0 0 36px; padding:0; }
.rr-story-reference #about .rr15-hero-title {
 font:700 clamp(50px,5.4vw,80px)/.96 var(--serif); letter-spacing:-.035em;
}
.rr-story-reference #about .rr15-hero-title::after,
.rr-story-reference #what-we-do .rr15-hero-title::after,
.rr-story-reference #about .rr15-editorial-copy h2::after,
.rr-story-reference #story .rr15-editorial-copy h2::after {
 content:""; display:block; width:49px; height:2px; margin-top:20px;
 background:#d9a12f; pointer-events:none;
}
.rr-story-reference #about .rr15-hero-lead {
 font:400 clamp(22px,2.15vw,32px)/1.25 var(--sans); max-width:15em; margin:28px 0 0;
}
.rr-story-reference #about .rr15-hero-media,
.rr-story-reference #what-we-do .rr15-hero-media {
 position:absolute; inset:0 0 0 auto; width:56%; height:calc(100% - 16px);
 max-height:none; margin:0; transform:none; aspect-ratio:auto; overflow:hidden;
 outline:1px solid #d8aa55; outline-offset:9px;
 border-radius:18% 0 0 48% / 25% 0 0 72%; mask-image:none;
}
.rr-story-reference #about .rr15-hero-media > img,
.rr-story-reference #what-we-do .rr15-hero-media > img {
 display:block; width:100%; height:100%; object-fit:cover; object-position:65% center;
 border-radius:inherit; mask-image:none; filter:none;
}
.rr-story-reference #about .rr15-hero-media::after,
.rr-story-reference #what-we-do .rr15-hero-media::after { content:none; display:none; }
.rr-story-reference #about .rr15-hero-media > img {
 border-radius:0; transform:scale(1.14); transform-origin:65% center;
}
.rr-story-reference #about > .rr15-hero > .rr15-floral-edge,
.rr-story-reference #what-we-do > .rr15-hero > .rr15-floral-edge {
 display:block; inset:18px auto 18px 0; width:9%; max-width:130px;
 height:auto; opacity:.7; mask-image:none; pointer-events:none;
}
.rr-story-reference #about > .rr15-hero .botanical-sway,
.rr-story-reference #what-we-do > .rr15-hero .botanical-sway {
 background-size:contain; background-position:left center; transform:none!important;
 animation:none!important; filter:none; mask-image:none;
}
.rr-story-reference #about .rr15-about-body {
 display:block; position:relative; isolation:isolate; padding:58px 0 66px;
 margin:0; background:var(--rr-canvas); overflow:visible;
}
.rr-story-reference #about .rr15-about-body::before,
.rr-story-reference #story .rr15-story-body::before,
.rr-story-reference #what-we-do > .rr15-hero::before {
 content:""; display:block; position:absolute; z-index:4; left:0; right:0; top:-36px;
 height:70px; background:url("assets/v16/story-reference-wave.svg") center / 100% 100% no-repeat;
 pointer-events:none;
}
.rr-story-reference #about .rr15-about-body > .rr15-editorial-copy {
 width:55%; max-width:810px; margin-left:9%; padding:0 0 0; z-index:3;
}
.rr-story-reference #about .rr15-editorial-copy h2,
.rr-story-reference #story .rr15-editorial-copy h2 {
 font:700 clamp(32px,3.15vw,47px)/1.1 var(--serif); letter-spacing:-.025em;
 margin:0 0 22px; white-space:normal;
}
.rr-story-reference #about .rr15-editorial-copy h2::after,
.rr-story-reference #story .rr15-editorial-copy h2::after { margin-top:13px; }
.rr-story-reference #about .rr15-editorial-copy > p,
.rr-story-reference #story .rr15-editorial-copy > p:not(.eyebrow):not(.rr-reference-story-lead) {
 font:400 clamp(16px,1.2vw,18px)/1.6 var(--sans); letter-spacing:-.015em;
 max-width:none; color:var(--muted); margin:0; min-height:0;
}
.rr-story-reference #about .rr15-editorial-copy > p + p,
.rr-story-reference #story .rr15-editorial-copy > p + p { margin-top:20px; }
.rr-story-reference #story .rr15-editorial-copy > p:not(.eyebrow):not(.rr-reference-story-lead) { margin-bottom:16px; }
.rr-story-reference #story .rr15-editorial-copy > p:last-child { margin-bottom:0; }
.rr-story-reference #about .rr-about-supplied-layer {
 position:absolute; inset:24px 0 20px auto; width:43%; height:auto;
 z-index:1; opacity:.43; overflow:visible;
}
.rr-story-reference #about .rr-about-supplied-layer .rr15-heritage-art {
 position:absolute; inset:0; width:100%; max-width:none; height:100%;
}
.rr-story-reference #about .rr-about-supplied-layer img {
 width:100%; height:100%; object-fit:contain; object-position:right bottom;
 mask-image:none; filter:none; transform:none;
}
.rr-story-reference #story .rr15-story-body {
 display:block; position:relative; isolation:isolate; overflow:visible;
 padding:60px 0 70px; background:var(--rr-canvas);
}
.rr-story-reference #story .rr15-story-body > .rr15-editorial-copy {
 width:41%; max-width:650px; margin:0 5% 0 auto; padding:0; z-index:3;
}
.rr-story-reference #story .rr15-editorial-copy > .eyebrow {
 margin:0 0 16px; color:#a57b2d; font:500 12px/1.5 var(--sans); letter-spacing:.2em;
}
.rr-story-reference #story .rr15-editorial-copy > .rr-reference-story-lead {
 --rr-copy-base:clamp(20px,2vw,28px);
 font:400 clamp(21px,2vw,29px)/1.3 var(--sans); margin:0 0 22px; color:var(--navy);
 max-width:20em; letter-spacing:-.02em;
}
.rr-story-reference #story .rr15-story-art.rr-story-supplied-layer {
 position:absolute; inset:20px auto 20px 0; width:51%; height:auto;
 opacity:.43; z-index:1; overflow:visible; pointer-events:none;
}
.rr-story-reference #story .rr-story-supplied-layer img {
 inset:0 auto auto 0; width:156.4%; height:100%; max-width:none;
 object-fit:contain; object-position:right center; transform:scaleX(-1);
 transform-origin:center; mask-image:none; filter:none;
}
.rr-story-reference #what-we-do > .rr15-hero { overflow:visible; min-height:clamp(380px,33vw,485px); }
.rr-story-reference #what-we-do .rr15-hero-copy { width:39%; padding:68px 0 74px; }
.rr-story-reference #what-we-do .rr15-hero-copy::before {
 content:"WHAT WE DO"; display:block; margin:0 0 15px; color:#a57b2d;
 font:500 12px/1.5 var(--sans); letter-spacing:.2em;
}
.rr-story-reference #what-we-do .rr15-hero-title {
 font:700 clamp(36px,4.2vw,60px)/1.08 var(--serif); letter-spacing:-.025em;
}
.rr-story-reference #what-we-do .rr15-hero-lead {
 margin:24px 0 0; font:700 clamp(23px,2.4vw,34px)/1.16 var(--serif);
 max-width:18em; letter-spacing:-.015em;
}
.rr-story-reference #what-we-do .rr15-hero-context {
 margin:20px 0 0; max-width:39ch; font:400 clamp(16px,1.2vw,18px)/1.6 var(--sans);
}
.rr-story-reference #what-we-do .rr15-hero-media {
 inset:20px 0 14px auto; width:50%; height:calc(100% - 34px);
 border-radius:40% 0 0 58% / 35% 0 0 65%;
}
.rr-story-reference #what-we-do .rr15-hero-media > img { object-position:65% center; }
@media(max-width:1100px) {
 .rr-story-reference #about .rr15-hero-copy { padding-top:45px; }
 .rr-story-reference #about .rr15-hero-title { font-size:clamp(44px,5.5vw,60px); }
 .rr-story-reference #about .rr15-about-body > .rr15-editorial-copy { width:58%; }
 .rr-story-reference #about .rr-about-supplied-layer { opacity:.28; }
 .rr-story-reference #story .rr15-story-body > .rr15-editorial-copy { width:46%; margin-right:4%; }
 .rr-story-reference #story .rr15-story-art.rr-story-supplied-layer { opacity:.28; width:49%; }
}
@media(max-width:700px) {
 .rr-story-reference #about > .rr15-hero,
 .rr-story-reference #what-we-do > .rr15-hero {
  display:flex; flex-direction:column; min-height:0; overflow:hidden;
 }
 .rr-story-reference #about .rr15-hero-copy,
 .rr-story-reference #what-we-do .rr15-hero-copy {
  width:auto; margin:0; padding:40px 28px 24px;
 }
 .rr-story-reference #about .breadcrumb { margin-bottom:25px; font-size:11px; }
 .rr-story-reference #about .rr15-hero-title { font-size:clamp(42px,10.8vw,56px); }
 .rr-story-reference #about .rr15-hero-lead { max-width:19em; font-size:22px; margin-top:22px; }
 .rr-story-reference #about .rr15-hero-media,
 .rr-story-reference #what-we-do .rr15-hero-media {
  position:relative; inset:auto; align-self:flex-end; order:2; width:94%;
  height:auto; min-height:0; aspect-ratio:1.55; max-height:none; margin:4px -1px 30px 0;
  transform:none; mask-image:none;
 }
 .rr-story-reference #about .rr15-hero-media > img,
 .rr-story-reference #what-we-do .rr15-hero-media > img { width:100%; height:100%; mask-image:none; }
 .rr-story-reference #about > .rr15-hero > .rr15-floral-edge,
 .rr-story-reference #what-we-do > .rr15-hero > .rr15-floral-edge {
  inset:20px auto auto 0; width:75px; height:260px; opacity:.14;
 }
 .rr-story-reference #about .rr15-about-body,
 .rr-story-reference #story .rr15-story-body { padding:40px 24px 50px; overflow:hidden; }
 .rr-story-reference #about .rr15-about-body > .rr15-editorial-copy,
 .rr-story-reference #story .rr15-story-body > .rr15-editorial-copy { width:100%; max-width:none; margin:0; padding:0; }
 .rr-story-reference #about .rr15-editorial-copy h2,
 .rr-story-reference #story .rr15-editorial-copy h2 { font-size:32px; }
 .rr-story-reference #about .rr15-editorial-copy > p,
 .rr-story-reference #story .rr15-editorial-copy > p:not(.eyebrow):not(.rr-reference-story-lead) { font-size:16px; line-height:1.65; }
 .rr-story-reference #about .rr15-editorial-copy > p + p,
 .rr-story-reference #story .rr15-editorial-copy > p + p { margin-top:18px; }
 .rr-story-reference #about .rr-about-supplied-layer { inset:auto 0 0 auto; width:92%; height:74%; opacity:.1; }
 .rr-story-reference #story .rr15-story-art.rr-story-supplied-layer { inset:auto auto 0 0; width:94%; height:76%; opacity:.1; }
 .rr-story-reference #story .rr-story-supplied-layer img { object-position:right bottom; }
 .rr-story-reference #story .rr15-editorial-copy > .rr-reference-story-lead { --rr-copy-base:22px; font-size:23px; }
 .rr-story-reference #about .rr15-about-body::before,
 .rr-story-reference #story .rr15-story-body::before,
 .rr-story-reference #what-we-do > .rr15-hero::before { top:-17px; height:36px; }
 .rr-story-reference #what-we-do .rr15-hero-copy { padding:45px 26px 26px; }
 .rr-story-reference #what-we-do .rr15-hero-title { font-size:40px; }
 .rr-story-reference #what-we-do .rr15-hero-lead { font-size:26px; max-width:none; }
 .rr-story-reference #what-we-do .rr15-hero-context { font-size:16px; max-width:none; }
 .rr-story-reference #what-we-do .rr15-hero-media { width:96%; aspect-ratio:1.45; }
}
@media(prefers-reduced-motion:reduce) {
 .rr-story-reference #about [data-reveal],.rr-story-reference #story [data-reveal] {
  opacity:1; transform:none; transition:none;
 }
}