
.letoile-ai-teaser{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,6vw,100px);align-items:center;padding-block:18px}.letoile-ai-copy{max-width:610px}.letoile-ai-copy h2{margin:0 0 24px;font-size:clamp(32px,3.8vw,58px);line-height:1.08;letter-spacing:-.035em}.letoile-ai-copy p{color:#626267;font-size:16px;line-height:1.6;margin:0}.letoile-ai-lead{max-width:48ch}.letoile-ai-skill{margin-top:24px}.letoile-ai-skill h3{margin:0 0 7px;font-size:clamp(21px,2vw,29px);line-height:1.2}.letoile-ai-copy .artdeco-project-link{margin-top:28px}.letoile-ai-showcase{position:relative;display:block;min-width:0;aspect-ratio:1.08;overflow:hidden;border-radius:24px;background:#29282b;color:#f5f4f7;text-decoration:none;transition:transform 180ms,filter 180ms;border-color:transparent;}.letoile-ai-showcase-copy{position:relative;z-index:2;text-align:center;padding:clamp(24px,4vw,58px) 20px 0}.letoile-ai-showcase-copy span{font-size:14px;line-height:1.5;color:#e3e0e8}.letoile-ai-showcase-copy p{margin:22px 0;font-size:clamp(27px,3.2vw,49px);font-weight:700;line-height:1.12;letter-spacing:-.035em}.letoile-ai-fan{position:absolute;bottom:-13%;left:8%;right:8%;height:48%}.letoile-ai-fan img{position:absolute;bottom:0;width:27%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0005;transform-origin:center bottom}.letoile-ai-fan img:nth-child(1){left:0;transform:rotate(-30deg);z-index:1}.letoile-ai-fan img:nth-child(2){left:12%;transform:rotate(-20deg);z-index:2}.letoile-ai-fan img:nth-child(3){left:24%;transform:rotate(-10deg);z-index:3}.letoile-ai-fan img:nth-child(4){left:36%;transform:translateY(-12%);z-index:4}.letoile-ai-fan img:nth-child(5){left:48%;transform:rotate(10deg);z-index:3}.letoile-ai-fan img:nth-child(6){left:60%;transform:rotate(20deg);z-index:2}.letoile-ai-fan img:nth-child(7){left:72%;transform:rotate(30deg);z-index:1}.letoile-ai-showcase:hover{transform:scale(.992);filter:brightness(.96)}.letoile-ai-showcase:active{transform:scale(.984);filter:brightness(.92)}.letoile-ai-showcase:focus-visible{outline:3px solid #a588ff;outline-offset:5px}@media(max-width:850px){.letoile-ai-teaser{grid-template-columns:1fr;gap:28px}.letoile-ai-copy{max-width:680px}.letoile-ai-showcase{width:min(100%,650px);aspect-ratio:1.15}.letoile-ai-showcase-copy p{font-size:clamp(30px,7vw,48px)}.letoile-ai-showcase-copy{padding-top:32px}}@media(prefers-reduced-motion:reduce){.letoile-ai-showcase{transition:none;transform:none!important}}

/* Compact rectangular preview: copy and photographs stay close in the document flow. */
.letoile-ai-teaser{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,3vw,48px);padding-block:8px}
.letoile-ai-copy{max-width:560px}
.letoile-ai-copy h2{font-size:clamp(32px,3.2vw,48px);margin-bottom:18px}
.letoile-ai-skill{margin-top:18px}
.letoile-ai-skill h3{font-size:clamp(21px,1.8vw,26px)}
.letoile-ai-copy .artdeco-project-link{margin-top:22px}
.letoile-ai-showcase{display:flex;flex-direction:column;aspect-ratio:auto}
.letoile-ai-showcase-copy{padding:28px 20px 0}
.letoile-ai-showcase-copy p{font-size:clamp(28px,2.5vw,40px);margin:14px 0}
.letoile-ai-fan{position:relative;bottom:auto;left:auto;right:auto;width:84%;height:clamp(190px,19vw,280px);flex:none;margin:52px auto -45px}
@media(max-width:850px){.letoile-ai-teaser{grid-template-columns:1fr;gap:24px}.letoile-ai-showcase{width:min(100%,650px);aspect-ratio:auto}.letoile-ai-showcase-copy{padding-top:24px}.letoile-ai-showcase-copy p{font-size:clamp(28px,5vw,36px)}.letoile-ai-fan{height:clamp(180px,34vw,240px);margin-top:40px;margin-bottom:-35px}}


/* L’Etoile: карточки метрик и превью без внутренних рамок; клавиатурный focus остаётся видимым. */
.preview-metric{border:0}
.letoile-ai-showcase{border:0;box-shadow:none}

html[data-theme="dark"] .letoile-ai-copy p{color:#a6a4ab}
