/* Dark glass circle and generated model follow the supplied composition reference. */
.letoile-brand-page{padding-block:32px 28px}
.brand-intro{padding:0 0 40px;text-align:left}
.brand-eyebrow{display:table;margin:0 0 20px;border:1px solid currentColor;border-radius:999px;padding:7px 20px;font-size:14px;font-weight:600;line-height:1.3;color:var(--ink)}
.brand-intro h1{max-width:1000px;margin:0;font-size:clamp(42px,5vw,68px);font-weight:750;line-height:1.02;letter-spacing:-.045em}
.brand-intro-lead{max-width:900px;margin:20px 0 0;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.5}
.brand-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:64px}
.brand-stage{display:flex;min-width:0;min-height:130px;flex-direction:column;justify-content:center;padding:28px;border:0;border-radius:30px;background:color-mix(in srgb,var(--bg) 88%,var(--ink));color:var(--ink);text-decoration:none;transition:transform .2s ease,background-color .2s ease,filter .2s ease}
.brand-stage h2{margin:0 0 7px;font-size:clamp(19px,1.55vw,25px);font-weight:700;line-height:1.2;letter-spacing:-.025em}
.brand-stage p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
@media(hover:hover){.brand-stage:hover{transform:translateY(-3px);filter:brightness(1.04)}}
.brand-stage:active{transform:scale(.99);filter:brightness(.96)}
.brand-stage:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.letoile-brand-page .letoile-material-section{margin:0 0 56px;padding:0;border:0}
.letoile-brand-page #brand-categories{scroll-margin-top:145px}

/* Remove the white Ozon mockup frame while keeping every supplied image unchanged. */
.letoile-brand-page .letoile-ozon-preview{padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none}
.letoile-brand-page .letoile-ozon-feature-row,.letoile-brand-page .letoile-ozon-categories{padding:0;border-radius:0;background:transparent}
.letoile-brand-page .letoile-ozon-preview-meta,.letoile-brand-page .letoile-ozon-preview figcaption{color:#c8c4ce}
:root[data-theme="light"] .letoile-brand-page .letoile-ozon-preview-meta,:root[data-theme="light"] .letoile-brand-page .letoile-ozon-preview figcaption{color:#55515c}

/* Clickable project images use the quiet press response from the reference. */
.letoile-brand-teaser .project-cover img{height:auto;object-fit:contain}

@media(max-width:1100px){.brand-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .letoile-brand-page{padding-top:28px}
 .brand-intro{padding:0 0 28px}
 .brand-eyebrow{margin-bottom:16px;padding:6px 16px;font-size:12px}
 .brand-intro h1{font-size:clamp(36px,9vw,52px)}
 .brand-intro-lead{margin-top:16px;font-size:18px}
 .brand-stage-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px}
 .brand-stage{min-height:0;padding:19px;border-radius:24px}
 .brand-stage h2{font-size:20px}
 .brand-stage p{font-size:14px}
 .letoile-brand-page .letoile-material-section{margin-bottom:36px}
}

@media(prefers-reduced-motion:reduce){
 .brand-stage{transition:none}
}

.brand-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;isolation:isolate}
.brand-glass-circle{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;overflow:hidden;padding:12%;color:#fff;background:radial-gradient(ellipse at 27% 18%,rgba(255,255,255,.14),transparent 47%),radial-gradient(ellipse at 74% 88%,rgba(158,145,183,.13),transparent 52%),#19191e;border:1px solid transparent;box-shadow:inset 0 2px 5px rgba(255,255,255,.35),inset 0 -8px 16px rgba(0,0,0,.65),inset 9px 0 18px rgba(255,255,255,.06),0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(20px);text-align:center}
.brand-glass-circle:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.brand-glass-copy{position:relative;z-index:1}
.brand-glass-circle .brand-eyebrow{margin:0 auto 24px;color:#fff;font-size:12px}
.brand-glass-circle h1{font-size:clamp(30px,3.4vw,58px);line-height:1.07;color:#fff;text-wrap:balance}
.brand-glass-circle .brand-intro-lead{margin:22px auto 0;color:#e4e1e9;font-size:clamp(16px,1.5vw,23px);line-height:1.5;text-wrap:balance}
.brand-model{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:28px;aspect-ratio:.88;background:#538fca}
.brand-model-copy{position:absolute;z-index:1;top:0;left:0;right:0;padding:clamp(24px,3vw,52px);color:#081b2c;text-align:left}
.brand-model-copy .brand-model-title{margin:0 0 16px;color:inherit;font-size:clamp(24px,2.5vw,42px);font-weight:650;line-height:1.12;letter-spacing:-.03em}
.brand-model-copy p{max-width:31ch;margin:0;color:inherit;font-size:clamp(16px,1.45vw,23px);line-height:1.4}
@media(min-width:621px) and (max-width:1000px){.brand-model-copy{padding:22px}.brand-model-copy .brand-model-title{font-size:23px;margin-bottom:12px}.brand-model-copy p{font-size:15px}}
@media(max-width:620px){.brand-model-copy{padding:24px}.brand-model-copy .brand-model-title{font-size:clamp(24px,6vw,34px)}.brand-model-copy p{font-size:16px}}
.brand-model img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%}
.brand-stage-grid{grid-column:1/-1;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.brand-stage{min-height:130px;background:#141418;color:#fff;padding:28px;border-color:transparent;}
.brand-stage:nth-child(even){background:#45228f}
.brand-stage p{color:#ebe7f1}
.brand-stage h2{font-size:clamp(21px,2vw,30px)}
@media(max-width:850px){.brand-intro{gap:18px}.brand-glass-circle{padding:11%}.brand-glass-circle h1{font-size:clamp(24px,3.7vw,34px)}.brand-glass-circle .brand-intro-lead{font-size:15px;margin-top:16px}.brand-glass-circle .brand-eyebrow{font-size:10px;margin-bottom:16px;padding:6px 12px}.brand-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:620px){.brand-intro{grid-template-columns:minmax(0,1fr);gap:18px}.brand-glass-circle{padding:13% 10%}.brand-glass-circle h1{font-size:clamp(27px,7.5vw,42px)}.brand-glass-circle .brand-intro-lead{font-size:clamp(14px,3.7vw,18px)}.brand-model{aspect-ratio:.88;border-radius:24px}.brand-stage-grid{grid-column:1;grid-template-columns:minmax(0,1fr);gap:12px}.brand-stage{padding:22px}}

/* A soft glass reflection follows the pointer inside the title circle. */
/* These showcased images are static and do not invite zooming. */
.letoile-brand-page #letoile-brand-zone img,.letoile-brand-page #letoile-banners img,.letoile-brand-page #letoile-mailings img{cursor:default!important}
.glass-ray{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:blur(4px);opacity:0;transition:opacity .55s ease}
.glass-ray.is-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.glass-ray{display:none}}
@media(max-width:1100px){.brand-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Local typography and responsive review, 4 November 2026. */
.letoile-brand-page :is(h1,h2,h3,p){overflow-wrap:break-word}
.letoile-brand-page :is(h1,h2,h3){text-wrap:balance}
.letoile-brand-page p{text-wrap:pretty}
.brand-glass-circle{overflow:visible;min-width:0}
.brand-glass-copy{min-width:0;max-width:100%}
.brand-glass-circle .glass-ray{border-radius:50%;overflow:hidden}
.letoile-brand-page .letoile-material-group>h2{margin:0 0 18px;font-size:clamp(22px,2.6vw,36px);line-height:1.2;letter-spacing:-.02em}
.letoile-brand-page .letoile-banner-window:hover .letoile-banner-track,
.letoile-brand-page .letoile-banner-window:focus-within .letoile-banner-track{animation-play-state:paused}
@media(max-width:1000px){
 .brand-model{display:flex;flex-direction:column;aspect-ratio:auto}
 .brand-model-copy{position:static;order:-1;padding:24px;background:#dbeaff;color:#081b2c}
 .brand-model-copy p{max-width:none}
 .brand-model img{height:auto;aspect-ratio:1856/2304;object-fit:contain}
}
@media(max-width:620px){
 .brand-stage-grid{grid-template-columns:minmax(0,1fr)}
 .brand-glass-circle .brand-intro-lead{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
 .brand-stage,.brand-stage:hover,.brand-stage:active{transform:none;transition:none}
}

/* Requested blue stamp and return-to-top button, local to this case. */
html body>.footer .case-return-top .case-return-top-link{background:#2f5bd3;color:#fff}
html body>.footer .case-return-top .case-return-top-link:hover{background:#2449ac;color:#fff}
html body>.footer .case-return-top .case-return-top-link:active{background:#1c3988;color:#fff}
html body>.footer .case-return-top .case-return-top-link:focus-visible{outline:3px solid #83a4ff;outline-offset:4px}