/* Preview image proportions and compact metadata for the Ozon storefront. */
.letoile-ozon-preview-meta{color:#595761;font-size:13px;line-height:1.5}
.letoile-ozon-feature-row img,.letoile-ozon-categories img{aspect-ratio:auto;object-fit:contain}
/* Company projects and tools each remain in one row. */
#letoile-projects>.project-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:stretch}
#letoile-projects .project-entry-copy h3{font-size:clamp(18px,1.6vw,25px);overflow-wrap:anywhere}
.letoile-overview .letoile-tools .tools.resume-tools{flex-wrap:wrap;overflow:visible;padding-bottom:0;max-width:100%;gap:6px}
.letoile-overview .letoile-tools .resume-tools .tool{flex:0 1 auto;white-space:normal;min-height:38px;padding:3px 8px 3px 3px;gap:6px;font-size:13px;border-radius:10px}
.letoile-overview .letoile-tools .resume-tools .tool>span:last-child{white-space:normal;overflow-wrap:break-word}
@media(max-width:1100px){#letoile-projects>.project-card-grid{grid-template-columns:repeat(6,230px);overflow-x:auto;padding:6px 0 16px;scroll-snap-type:x proximity}#letoile-projects .project-entry{scroll-snap-align:start}}
@media(max-width:600px){#letoile-projects>.project-card-grid{grid-template-columns:repeat(6,min(76vw,280px));gap:16px}}
/* The photo fan is a single decorative preview, not individual photo controls. */
.letoile-ai-fan,.letoile-ai-fan img{pointer-events:none!important}
.letoile-ai-showcase,.letoile-ai-showcase:hover,.letoile-ai-showcase:active{transform:none!important;filter:none!important;transition:none}

/* Each fan photograph responds individually to hover. */
.letoile-ai-fan{pointer-events:auto!important}
.letoile-ai-fan img{pointer-events:auto!important;cursor:pointer;transition:translate .2s ease,scale .2s ease,filter .2s ease}
.letoile-ai-fan img:hover{translate:0 -24px;scale:1.08;filter:brightness(1.06);z-index:10}
@media(prefers-reduced-motion:reduce){.letoile-ai-fan img{transition:none}.letoile-ai-fan img:hover{translate:none;scale:none;filter:brightness(1.06)}}

/* Выравнивание ссылок внутри ряда проектов. */
#letoile-projects .project-entry{display:flex;flex-direction:column}
#letoile-projects .project-entry-copy{display:flex;flex:1;flex-direction:column}
#letoile-projects .artdeco-preview-actions{margin-top:auto;padding-top:4px}

/* Larger case previews and readable reverse faces. */
#letoile-projects>.project-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;overflow:visible}
#letoile-projects .project-entry-copy h3{font-size:clamp(25px,2.2vw,32px)}
#letoile-projects .artdeco-flip-back{padding:26px}
#letoile-projects .artdeco-flip-back .artdeco-back-headline{font-size:clamp(30px,2.8vw,40px)}
#letoile-projects .artdeco-back-step h4{font-size:20px}
#letoile-projects .artdeco-back-step p{font-size:17px;line-height:1.5}
#letoile-projects .artdeco-back-step>span,#letoile-projects .artdeco-flip-back .artdeco-back-label{font-size:13px}
#letoile-projects .artdeco-back-step .artdeco-metric-note{font-size:14px}
@media(max-width:1100px){#letoile-projects>.project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#letoile-projects>.project-card-grid{grid-template-columns:minmax(0,1fr);gap:32px}#letoile-projects .artdeco-flip-back{padding:24px}}

/* Both faces share a natural-height grid: all reverse content stays visible. */
#letoile-projects .artdeco-flip-scene{aspect-ratio:auto;height:auto}
#letoile-projects .artdeco-flip-inner{display:grid;height:auto;min-height:100%}
#letoile-projects .artdeco-flip-front,#letoile-projects .artdeco-flip-back{position:relative;inset:auto;grid-area:1/1;min-width:0;box-sizing:border-box}
#letoile-projects .artdeco-flip-front{min-height:0;aspect-ratio:3/4;align-self:stretch}
#letoile-projects .artdeco-flip-front img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#letoile-projects .artdeco-flip-back{overflow:visible;max-height:none;height:auto;align-self:stretch}
#letoile-projects .artdeco-flip-back .preview-metrics{margin-top:18px}
#letoile-projects .preview-metric{padding:12px;gap:5px}
#letoile-projects .artdeco-flip-back .preview-metrics-note{margin-bottom:0}