/* Sabban&Co · stable canvases, tactile details and purposeful motion. */
.polish-intro { max-width:760px; position:relative; z-index:2; }
.polish-intro > p:not([class]) { font-size:16px; line-height:1.8; max-width:590px; margin:24px 0; color:#cbb9c6; }
.polish-tabs { display:flex; flex-wrap:wrap; gap:9px; margin:28px 0; }
.polish-tabs button { border:1px solid #ffffff38; color:inherit; background:#ffffff06; padding:13px 19px; border-radius:999px; font:inherit; font-size:14px; line-height:1.3; cursor:pointer; transition:background .2s,color .2s; min-height:44px; }
.polish-tabs button:hover { background:#ffffff14; }.polish-tabs button[aria-pressed=true] { background:#fff5ef; color:#411d2d; border-color:#fff5ef; }
.polish-tabs button:focus-visible,.celebrate-button:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
[data-polish-tilt] { transform:perspective(1200px) rotateX(var(--polish-rx,0deg)) rotateY(var(--polish-ry,0deg)); transition:transform .35s ease-out; }
.polish-rail { display:flex; flex-wrap:wrap; gap:18px 35px; border-top:1px solid #ffffff25; padding-top:27px; margin-top:60px; font-size:13px; color:#c5a9b8; }
/* Branding: a luminous oxblood world, with an actual live identity study. */
.branding-world .bw-hero { background:radial-gradient(ellipse at var(--polish-x,76%) var(--polish-y,24%),#602837,transparent 65%),#160d17; color:#fff5f2; --sw-muted:#cab5c3; --sw-line:#ffffff29; --sw-accent:#e6b6cc; }
.branding-world .bw-hero .bw-hero-copy > p { color:#cbb9c6; }
.branding-world .bw-hero .sw-bottomline { color:#baa6b2; }
.bw-hero .bw-identity-sheet { box-shadow:0 35px 100px #0007; background:#772c48; }
.bw-hero .bw-identity-card,.bw-hero .bw-type-card { color:#531f2b; }
.identity-lab { padding:70px clamp(24px,5vw,76px); color:#fff5f2; background:radial-gradient(ellipse at var(--polish-x,70%) var(--polish-y,45%),#54223c,transparent 65%),#180e1d; overflow:hidden; }
.identity-lab h3 { color:inherit; }.identity-stage { --identity-paper:#eee2d4; --identity-ink:#531f2b; --identity-accent:#b28b62; position:relative; min-height:520px; max-width:950px; margin:60px auto 0; }
.identity-primary { position:absolute; left:10%; top:5%; width:60%; height:82%; padding:36px; display:flex; flex-direction:column; justify-content:space-between; background:var(--identity-paper); color:var(--identity-ink); box-shadow:0 25px 70px #0005; transform:rotate(-5deg); transition:background .45s,color .45s; }
.identity-primary > img { width:100px; height:100px; opacity:.85; }
.identity-primary > span { font-size:clamp(32px,4vw,56px); font-family:Georgia,serif; line-height:1.02; letter-spacing:-.04em; }.identity-primary > small { font-size:12px; letter-spacing:.05em; }
.identity-specimen { position:absolute; right:2%; top:16%; width:35%; min-height:240px; background:var(--identity-ink); color:var(--identity-paper); padding:30px; transform:rotate(5deg); box-shadow:0 20px 50px #0006; transition:background .45s,color .45s; }
.identity-specimen > span { display:block; font-size:105px; line-height:1; font-family:Georgia,serif; }.identity-specimen > small { display:block; font-size:14px; line-height:1.6; margin-top:22px; }
.identity-swatches { position:absolute; right:8%; bottom:2%; width:43%; display:flex; flex-wrap:wrap; gap:0; padding:18px; background:#fef9f2; color:#531f2b; transform:rotate(-2deg); box-shadow:0 20px 35px #0005; }.identity-swatches i { width:33.333%; height:64px; background:var(--identity-ink); transition:background .45s; }.identity-swatches i:nth-child(2){background:var(--identity-accent)}.identity-swatches i:nth-child(3){background:var(--identity-paper)}.identity-swatches span{font-size:12px;margin-top:15px;}
.identity-ticket{position:absolute;left:0;top:0;padding:18px 23px;background:#ffffff12;border:1px solid #ffffff29;backdrop-filter:blur(12px);}.identity-ticket small{display:block;font-size:11px;letter-spacing:.1em;color:#ceb4c2}.identity-ticket span{display:block;font-size:15px;margin-top:9px}
[data-direction=electric] .identity-stage{--identity-paper:#d8f760;--identity-ink:#172444;--identity-accent:#8f9cfc}[data-direction=electric] .identity-primary>span,[data-direction=electric] .identity-specimen>span{font-family:Arial,sans-serif;font-weight:700}
[data-direction=essential] .identity-stage{--identity-paper:#f0f0ed;--identity-ink:#212225;--identity-accent:#9ea4a7}[data-direction=essential] .identity-primary>span,[data-direction=essential] .identity-specimen>span{font-family:inherit;font-weight:200}
/* Rebranding: the culinary metaphor becomes an explorable composition. */
.rebranding-world .rw-hero { color:#fff5ee; --sw-muted:#d7b9ba;--sw-line:#ffffff25;--sw-accent:#edc7b6;background:linear-gradient(90deg,#15080cec 0%,#18080cb3 43%,#18080c00 78%),url('/assets/sabban-co-rebranding-kitchen.webp') 65% center/cover; }
.rebranding-world .rw-hero-layout { grid-template-columns:1fr; min-height:600px; padding-block:65px 95px; }.rebranding-world .rw-hero-copy{max-width:680px}.rebranding-world .rw-hero-copy>p {color:#d7b9ba;max-width:420px}.rebranding-world .rw-dna-stage {display:none;}.rebranding-world .rw-hero-copy :is(h1,h2){font-size:clamp(46px,5.7vw,78px)}
.recipe-lab{background:#1a0d13;color:#fff1e6;overflow:hidden}.recipe-workbench{position:relative;min-height:470px}.recipe-workbench>img{display:block;width:100%;height:470px;object-fit:cover;object-position:center}.recipe-workbench::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#160911a8,transparent 80%);pointer-events:none}.recipe-workbench>div{position:absolute;z-index:1;left:6%;top:15%;max-width:58%}.recipe-workbench h3{font-size:clamp(36px,4.5vw,64px)!important;color:#fff1e6}.recipe-workbench p:last-child{color:#d5b2ac;margin-top:24px;line-height:1.7}
.recipe-console{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:65px clamp(24px,5vw,76px);background:radial-gradient(ellipse at var(--polish-x,80%) var(--polish-y,40%),#49212c,transparent 70%)}.recipe-console h4{font-size:32px;line-height:1.12;max-width:450px;margin:30px 0 20px}.recipe-console p:not(.sw-kicker){color:#cfb8bd;font-size:16px;line-height:1.8}.recipe-console .recipe-note{font-size:12px!important;margin-top:30px;color:#aa8e99!important}
.recipe-scale{padding:30px;border:1px solid #dcad813b;background:linear-gradient(135deg,#351927,#190e16);box-shadow:0 30px 70px #0004;align-self:center}.recipe-scale header>span{display:block;font-size:12px;letter-spacing:.1em;color:#d2ab8c}.recipe-scale header strong{font-size:64px;font-weight:200;letter-spacing:-.05em;line-height:1.2;display:block;margin:20px 0 30px;font-variant-numeric:tabular-nums}.recipe-scale header small{display:block;font-size:12px;letter-spacing:.05em;color:#bda493;margin-top:7px}.recipe-ingredient{display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:22px;font-size:14px}.recipe-ingredient output{color:#edc9a9;font-variant-numeric:tabular-nums}.recipe-ingredient>i{grid-column:1/-1;height:5px;background:#ffffff12}.recipe-ingredient b{display:block;height:100%;background:linear-gradient(90deg,#a45e64,#eac098);transition:width .6s ease}.recipe-scale footer{margin-top:32px;font-size:12px;color:#c8a997;border-top:1px solid #ffffff19;padding-top:23px}
/* APP: real recordings in layers, actual data and a celebratory finish. */
.lerosa-hero {position:relative;isolation:isolate;overflow:hidden}.lerosa-hero>.experience-copy,.lerosa-hero>.app-hero-visual{position:relative;z-index:1}.lerosa-ambient{position:absolute;inset:-20%;z-index:0;opacity:.07;pointer-events:none;filter:blur(2px);transform:rotate(-14deg) scale(1.1)}.lerosa-ambient video{width:100%;height:100%;object-fit:cover}.lerosa-showcase .app-hero-visual{perspective:1300px}.lerosa-showcase .hero-phone{transform:rotateY(-12deg) rotateZ(5deg);box-shadow:18px 28px 60px #0007}.lerosa-showcase .hero-watch{filter:drop-shadow(0 25px 20px #0008)}
.app-live-lab,.app-finish{position:relative;color:#eee9ff;background:radial-gradient(ellipse at var(--polish-x,80%) var(--polish-y,45%),#29203f,transparent 70%),#090913;padding:70px clamp(24px,5vw,76px);overflow:hidden}.lerosa-showcase .app-live-lab h3,.lerosa-showcase .app-finish h3{font-size:clamp(34px,4.4vw,62px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 25px}.app-live-lab .polish-intro>p{color:#b6aeca}.app-live-lab .polish-tabs button[aria-pressed=true]{background:#c7bcf0;color:#141022;border-color:#c7bcf0}.app-live-stage{max-width:1050px;margin:50px auto 0;border:1px solid #c1adff33;background:#0c0b16;box-shadow:0 35px 80px #0005;border-radius:18px;padding:38px;min-height:470px}.app-live-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:390px}.app-live-panel[hidden]{display:none!important}.app-live-screen{height:390px;background:#000;border-radius:26px;max-width:360px;margin:auto;overflow:hidden;box-shadow:12px 20px 0 #292533,16px 26px 40px #0008;transform:rotate(-4deg)}.app-live-screen video{display:block;width:100%;height:100%;object-fit:contain}.app-live-caption>span{font-size:12px;letter-spacing:.09em;color:#ae9bcc}.app-live-caption h4{font-size:32px;line-height:1.15;font-weight:300;margin:24px 0 20px}.app-live-caption p{font-size:16px;line-height:1.8;color:#b9afcc}.app-live-caption small{display:block;font-size:12px;color:#968aa8;margin-top:20px;line-height:1.7}.app-metric-screen{grid-column:1/-1;border:1px solid #a49aba38;box-shadow:0 18px 40px #0006;border-radius:18px;overflow:hidden;transform:rotate(-2deg)}.app-metric-screen video{display:block;width:100%;height:auto}.app-live-panel[data-app-panel=metrics]{grid-template-columns:1fr;gap:32px}.app-analysis-screen{padding:0;border:1px solid #776c9444;border-radius:18px;background:#000;width:min(100%,240px);height:390px;overflow:hidden;margin:auto;cursor:zoom-in;box-shadow:12px 20px 0 #292533,16px 26px 40px #0008;transform:rotate(-4deg)}.app-analysis-screen img{display:block;width:100%;height:auto}
.app-finish{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center;border-top:1px solid #ffffff16;min-height:650px}.app-finish-copy{position:relative;z-index:2}.app-finish-copy p:not(.showcase-kicker){color:#bab0ca;font-size:16px;line-height:1.8;max-width:510px}.celebrate-button{display:inline-flex;gap:25px;align-items:center;padding:16px 24px;border-radius:999px;border:1px solid #e882f2;background:#e882f212;color:#f1bcf5!important;font:inherit;font-size:15px;margin:20px 0;cursor:pointer}.celebrate-button:hover{background:#e882f22c}.celebrate-status{display:block;color:#a495b5;font-size:12px}.app-finish-art{position:relative;padding:20px;max-width:370px;width:100%;margin:auto;}.app-finish-art>img{display:block;width:100%;height:auto;border-radius:48px;box-shadow:18px 22px 0 #29262e,28px 36px 60px #0007;transform:rotate(7deg)}.finish-note{display:block;position:relative;background:#e8a0df;color:#30172e;width:83%;padding:20px 25px;transform:rotate(-5deg);box-shadow:0 20px 35px #0004;font-size:15px;line-height:1.5;margin-top:-15px;margin-left:-20px}.app-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:8}.app-confetti i{position:absolute;left:var(--cx);top:5%;opacity:0;animation:polish-confetti var(--fall) var(--delay) ease-in forwards;will-change:transform}.app-confetti i:nth-child(3n){border-radius:50%;height:6px!important}.app-confetti i:nth-child(5n){clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%)}@keyframes polish-confetti{0%{opacity:0;transform:translate(0,-40px) rotate(0)}8%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(var(--drift),700px) rotate(var(--turn))}}
/* Reliable 80/20 split: one fixed presentation area, no squeezed text. */
.aj-heading>div>p:last-child{margin:24px 0 0;color:#80606b;font-size:16px;line-height:1.7}.aj-split{display:flex!important;grid-template-columns:none!important;position:relative;height:760px;min-height:0;transition:none!important}.aj-pane{flex:1 1 0%;padding:0!important;min-width:0;overflow:hidden;transition:flex-grow .65s cubic-bezier(.22,.7,.2,1)!important}.aj-pane.is-active{flex-grow:4}.aj-expanded{position:absolute;top:0;bottom:0;left:0;width:var(--aj-open-width,80vw);padding:35px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(16px);transition:opacity .2s,transform .4s,visibility .2s;animation:none!important}.aj-professional .aj-expanded{left:auto;right:0;transform:translateX(-16px)}.aj-pane.is-active .aj-expanded{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity .35s .2s,transform .55s,visibility 0s}.aj-pane-heading>span{font-size:12px;letter-spacing:.08em;margin-bottom:14px}.showcase-content.ai-experience .aj-pane.is-active .aj-pane-heading h3{font-size:clamp(29px,3.8vw,48px);line-height:1.08}.aj-pane-heading p{font-size:15px;line-height:1.7;max-width:560px;margin:18px 0 0;opacity:.8}.aj-film{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0;min-height:0;border:0;border-radius:2px;margin:0!important;overflow:hidden}.aj-film video{height:100%;min-height:0;max-height:100%;object-fit:contain;width:100%}.aj-film figcaption{font-size:12px;padding:12px 20px;color:#80616c}.aj-proof{display:flex;gap:15px;justify-content:space-between;border-top:1px solid currentColor;padding-top:17px;opacity:.7;font-size:12px;line-height:1.5}.aj-rail{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:34px 22px;width:100%;height:100%;border:0;border-radius:0;color:inherit!important;background:none;text-align:left;cursor:pointer;overflow:hidden}.aj-rail>span{font-size:11px;letter-spacing:.08em;line-height:1.7}.aj-rail strong{font-size:clamp(21px,2.2vw,30px);line-height:1.12;font-weight:300;letter-spacing:-.04em}.aj-rail>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white;border-radius:50%;margin-top:30px}.aj-rail>b{font-size:32px;font-weight:200;margin-top:auto}.aj-rail:hover>b{translate:4px -4px}.aj-rail[hidden]{display:none!important}.aj-pane.is-active .aj-pane-heading{writing-mode:horizontal-tb!important}.aj-switch{position:relative}.ai-jewelry.motion-paused .aj-pane,.ai-jewelry.motion-paused .aj-expanded{transition:none!important}
@media(max-width:900px){.recipe-console{gap:30px}.app-live-panel{gap:30px}.app-live-stage{padding:25px}.identity-primary{left:4%;width:68%}.identity-specimen{right:0}.app-finish{gap:30px}.aj-expanded{padding:27px}.aj-proof{flex-direction:column;gap:7px}.aj-split{height:780px}}
@media(max-width:650px){.identity-lab,.app-live-lab,.app-finish{padding:48px 24px}.identity-stage{min-height:420px;margin-top:40px}.identity-primary{height:76%;padding:24px;left:3%;top:10%;width:75%}.identity-primary>img{width:70px;height:70px}.identity-primary>span{font-size:34px}.identity-primary>small{font-size:10px}.identity-specimen{width:40%;min-height:170px;padding:18px;top:28%}.identity-specimen>span{font-size:65px}.identity-specimen>small{font-size:12px;margin-top:15px}.identity-swatches{width:61%;right:1%;bottom:0}.identity-swatches i{height:45px}.identity-ticket{padding:14px 18px}.identity-ticket span{font-size:12px}.polish-tabs{gap:7px}.polish-tabs button{padding:12px 14px;font-size:13px}.recipe-console{grid-template-columns:1fr;padding:42px 24px;gap:35px}.recipe-workbench{min-height:400px}.recipe-workbench>img{height:400px;object-position:68% center;opacity:.55}.recipe-workbench>div{max-width:86%;left:7%}.recipe-workbench h3{font-size:38px!important}.recipe-scale{padding:24px}.recipe-scale header strong{font-size:56px}.rebranding-world .rw-hero-layout{min-height:550px}.rebranding-world .rw-hero{background-position:60% center}.rebranding-world .rw-hero-copy{max-width:90%}.app-live-panel{grid-template-columns:1fr;gap:35px}.app-live-stage{min-height:0;margin-top:30px;padding:24px 20px;transform:none}.app-live-screen{height:340px;max-width:280px}.app-live-caption h4{font-size:28px}.app-live-caption p{font-size:15px}.app-finish{grid-template-columns:1fr;gap:40px}.app-finish-art{max-width:280px}.app-finish-art>img{border-radius:35px}.app-analysis-screen{height:360px;width:210px}.lerosa-showcase .hero-phone{transform:rotate(4deg)}.aj-split{height:730px}.aj-expanded{padding:23px 16px;gap:18px}.aj-pane-heading>span{font-size:10px}.showcase-content.ai-experience .aj-pane.is-active .aj-pane-heading h3{font-size:30px}.aj-pane-heading p{font-size:14px;line-height:1.65}.aj-film figcaption{font-size:11px;padding:12px 10px}.aj-proof{font-size:11px;gap:8px}.aj-rail{padding:25px 10px;align-items:center;gap:24px}.aj-rail>span{writing-mode:vertical-rl;font-size:10px}.aj-rail>strong{writing-mode:vertical-rl;line-height:1.25;font-size:22px}.aj-rail>img{display:none}.aj-rail>b{font-size:27px}}
@media(prefers-reduced-motion:reduce){[data-polish-tilt]{transform:none!important;transition:none!important}.recipe-ingredient b,.identity-stage *,.aj-pane,.aj-expanded{transition:none!important}.app-confetti{display:none}.lerosa-ambient{display:none}}
.motion-paused [data-polish-tilt]{transform:none!important}.motion-paused .app-confetti i{animation-play-state:paused}.motion-paused .lerosa-ambient{opacity:.035}

.aj-heading { padding-block:28px; }.aj-heading .ai-kicker { margin-bottom:16px; }.showcase-content.ai-experience .aj-heading h2 { font-size:clamp(38px,4.5vw,62px); }.aj-heading>div>p:last-child { margin-top:16px; font-size:15px; }.aj-switch { position:sticky; top:0; }.aj-split { height:clamp(610px,calc(100dvh - 300px),760px); }
@media(max-width:650px) { .aj-split { height:710px; }.showcase-content.ai-experience .aj-heading h2 { font-size:38px; } }
/* Keep the emphasis readable on the new dark identity and recipe stages. */
.branding-world .identity-lab h3 em { color:#dfb6ce; }
.rebranding-world .recipe-workbench h3 em { color:#ecc5a4; }