/* Homepage Layout V7 — local REVIEW only; Elena-selected spacious Beauty composition */
.page-home-layout-v2{
  --layout-grey:#6f7b83;
  --layout-warm:#ebe9e8;
  --layout-cool:#f5f6f8;
  --layout-black:#070707;
  font-family:var(--sans);
}

.page-home-layout-v2 .site-header{
  position:fixed;
  right:0;
  left:0;
  color:#fff;
  background:transparent;
  border-bottom-color:transparent;
  backdrop-filter:none;
  transform:translate3d(0,0,0);
  transition:transform .38s cubic-bezier(.22,.61,.36,1),background-color .3s ease,color .3s ease,border-color .3s ease,backdrop-filter .3s ease;
  will-change:transform;
}
.page-home-layout-v2 .site-header.is-header-hidden{transform:translate3d(0,calc(-100% - 2px),0)}
.page-home-layout-v2 .site-header.is-header-scrolled,
.page-home-layout-v2 .site-header.is-menu-open{
  color:var(--ink);
  background:rgba(255,255,255,.96);
  border-bottom-color:var(--line);
  backdrop-filter:blur(12px);
}
.page-home-layout-v2 .site-header:not(.is-header-scrolled):not(.is-menu-open) .site-nav,
.page-home-layout-v2 .site-header:not(.is-header-scrolled):not(.is-menu-open) .menu-toggle{
  text-shadow:0 1px 12px rgba(0,0,0,.7);
}
.page-home-layout-v2 .story-hero-video{margin-bottom:clamp(76px,8vw,128px)}
.page-home-layout-v2 .story-hero-video,
.page-home-layout-v2 .hero-video-shell{min-height:100svh}
.wordmark-image{display:block;width:clamp(128px,9.1vw,175px);height:auto;line-height:0}
.wordmark-image img{width:100%;height:auto;object-fit:contain}
.page-home-layout-v2 .wordmark-image img{filter:invert(1);transition:filter .3s ease}
.page-home-layout-v2 .site-header.is-header-scrolled .wordmark-image img,
.page-home-layout-v2 .site-header.is-menu-open .wordmark-image img{filter:none}

.page-home-layout-v2 .hero-lockup{
  width:min(535px,52vw);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 2px 14px rgba(0,0,0,.58));
}
.page-home-layout-v2 .hero-final-frame{
  position:absolute;
  inset:0;
  z-index:1;
  display:none;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#000;
}
.page-home-layout-v2 [data-hero-video].is-final-frame .hero-final-frame{display:block}
.page-home-layout-v2 [data-hero-video].is-final-frame .hero-phase{opacity:0!important;visibility:hidden!important}
.page-home-layout-v2 .hero-phase-opening .hero-kicker{margin-top:clamp(38px,6vh,70px)}
.page-home-layout-v2 .hero-message{font-weight:300;letter-spacing:.012em}
.page-home-layout-v2 .hero-message-emphasis{font-weight:300;letter-spacing:.01em}
.page-home-layout-v2 .hero-worlds-lead{
  max-width:34ch;
  font-size:clamp(27px,3.2vw,50px);
  font-weight:300;
  letter-spacing:-.02em;
  text-transform:none;
}
.page-home-layout-v2 .hero-worlds-result{
  max-width:34ch;
  font-size:clamp(30px,3.8vw,60px);
  font-weight:300;
  letter-spacing:-.025em;
  text-transform:none;
}
.hero-video-shell.is-cutting::after{
  position:absolute;
  inset:0;
  z-index:2;
  background:#080808;
  opacity:.32;
  content:"";
  pointer-events:none;
  animation:hero-cut-fade .32s ease both;
}
@keyframes hero-cut-fade{0%,100%{opacity:0}50%{opacity:.34}}

.layout-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  min-height:clamp(680px,63vw,930px);
  overflow:hidden;
}
.layout-media{position:relative;min-width:0;margin:0;overflow:hidden;background:#111}
.layout-media>img{width:100%;height:100%;object-fit:cover}
.layout-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(64px,8vw,138px) clamp(42px,7vw,120px);
}
.layout-copy h2,
.collaborations-copy h2,
.section-heading h2,
.positioning-list h2{
  margin:0 0 24px;
  font-family:var(--sans);
  font-size:clamp(18px,1.52vw,29px);
  font-weight:300;
  line-height:1.04;
  letter-spacing:-.035em;
}
.layout-copy p,
.collaborations-copy>p{
  max-width:62ch;
  margin:0 0 16px;
  font-size:clamp(10px,.625vw,12px);
  font-weight:350;
  line-height:1.58;
}
.layout-copy .cta,.collaborations-copy .cta{align-self:flex-start}
.layout-copy h2,.collaborations-copy h2{white-space:nowrap}

.commitment-v2{background:var(--layout-warm)}
.commitment-v2-media{background:#050505}
.commitment-v2-media>img:first-child{filter:grayscale(1);object-position:center 48%}
.commitment-v2-media .commitment-mark{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:min(29%,250px);
  height:auto;
  object-fit:contain;
  opacity:.48;
  transform:translate(-50%,-50%);
}
.commitment-v2 .layout-copy h2{font-size:clamp(18px,1.56vw,30px);letter-spacing:-.02em;white-space:nowrap}

.collaborations-v2{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.35fr);
  gap:clamp(48px,7vw,116px);
  align-items:center;
  min-height:760px;
  background:#fff;
}
.collaborations-copy h2{text-transform:none}
.collaborations-copy .activity-list{
  margin-top:24px;
  color:#545454;
  font-size:10px;
  line-height:1.7;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.collaboration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fff}
.collaboration-grid figure{position:relative;aspect-ratio:1/1;margin:0;overflow:hidden;background:#111}
.collaboration-grid img{transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.collaboration-grid figure:hover img{transform:scale(1.035)}
.collaboration-grid figure::after{
  position:absolute;
  inset:48% 0 0;
  z-index:1;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));
  content:"";
}
.collaboration-grid figcaption{
  position:absolute;
  z-index:2;
  right:14px;
  bottom:12px;
  left:14px;
  color:#fff;
  font-size:9px;
  font-weight:450;
  line-height:1.3;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 1px 6px rgba(0,0,0,.8);
}
.collaboration-layout-reference{
  width:100%;
  margin:0;
  overflow:hidden;
  background:#fff;
}
.collaboration-layout-reference img{
  width:100%;
  height:auto;
  object-fit:contain;
}

.caviar-world-v2{background:var(--layout-cool)}
.caviar-world-media{background:#fff}
.caviar-world-media>img{
  filter:none;
  object-fit:cover;
  object-position:center 43%;
  transform:scale(1.075);
  transform-origin:center 43%;
}
html[data-beauty-crop="spacious"] .caviar-world-media>img{
  object-fit:contain;
  object-position:center;
  transform:none;
}
.caviar-world-v2 .layout-copy h2{text-transform:none}
.caviar-logo-composition{position:relative;width:100%;max-width:650px;margin:38px 0 12px}
.caviar-logo-composition>img{display:block;width:100%;height:auto}
.caviar-logo-composition .logo-hotspot{position:absolute;display:block;border:0;background:transparent}
.caviar-logo-composition .logo-hotspot:focus-visible{outline:2px solid #111;outline-offset:4px}
.logo-kya-bya{left:0;top:0;width:22%;height:52%}
.logo-caviar-jadore{left:22%;top:0;width:26%;height:52%}
.logo-caviar-district{left:48%;top:0;width:23%;height:52%}
.logo-de-gursky{left:71%;top:0;width:29%;height:52%}
.logo-caviar-deli{left:0;top:52%;width:23%;height:48%}
.logo-caviar-of-gods{left:23%;top:52%;width:27%;height:48%}

.brand-story .layout-copy h2{max-width:none;font-size:clamp(15px,1.3vw,25px);white-space:nowrap}
.brand-story .layout-copy h2 strong{font-weight:550}
.brand-lockup{display:block;height:auto;margin:42px 0 0;object-fit:contain;object-position:left center}
.brand-lockup-ultima{width:clamp(132px,7.25vw,170px);filter:invert(1)}
.brand-lockup-cattleblack{width:clamp(100px,5.3vw,130px)}
.brand-lockup-two-gangs{display:block;width:clamp(92px,8vw,154px);height:auto;margin:38px 0 0;object-fit:contain}
.brand-story-ultima,.brand-story-two-gangs{background:var(--layout-grey);color:#f5f5f3}
.brand-story-ultima .layout-copy p,.brand-story-two-gangs .layout-copy p{color:rgba(255,255,255,.82)}
.brand-story-ultima .layout-media>img{object-position:center 50%}
.brand-story-cattleblack{background:var(--layout-warm)}
.brand-story-cattleblack .layout-media>img{filter:grayscale(1);object-position:center 36%}
.brand-story-two-gangs .two-gangs-media>img{object-position:center top}

.positioning-v2{min-height:700px;background:#f5f5f4}
.positioning-bull>img{filter:grayscale(1);object-position:center}
.positioning-bull::after{position:absolute;inset:0;background:rgba(0,0,0,.18);content:""}
.positioning-bull>p{
  position:absolute;
  z-index:3;
  inset:50% auto auto 50%;
  margin:0;
  color:#fff;
  font-size:clamp(27px,3vw,50px);
  font-weight:300;
  line-height:1.02;
  letter-spacing:-.03em;
  text-align:center;
  transform:translate(-50%,-50%);
}
.positioning-bull>p span{display:block;white-space:nowrap}
.positioning-bull .positioning-mark{
  position:absolute;
  z-index:2;
  left:50%;
  top:60%;
  width:min(33%,250px);
  height:auto;
  object-fit:contain;
  opacity:.34;
  transform:translate(-50%,-50%);
}
.positioning-list{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(54px,7vw,105px);
}
.positioning-list article{padding:22px 0;border-bottom:1px solid rgba(0,0,0,.14)}
.positioning-list article:last-child{border-bottom:0}
.positioning-list h2{margin:0 0 7px;font-size:clamp(36px,4vw,66px)}
.positioning-list p{max-width:39ch;margin:0;font-size:13px;line-height:1.48}

.newsroom-v2{padding:clamp(80px,8vw,128px) max(var(--page-pad),calc((100vw - 1370px)/2));background:#fff}
.newsroom-v2 .section-heading{max-width:980px;margin:0 auto 30px}
.newsroom-v2 .section-heading h2{font-size:clamp(38px,4.3vw,68px)}
.newsroom-v2 .news-card p{font-size:10px;line-height:1.45}

.newsletter-v2{padding:58px var(--page-pad);background:var(--soft);text-align:center}
.newsletter-v2 h2{margin:0 auto 26px;font-size:12px;font-weight:450;letter-spacing:.02em}
.newsletter-v2 form{display:flex;max-width:620px;margin:0 auto}
.newsletter-v2 input{flex:1;min-width:0;padding:12px 14px;border:1px solid #e3e3e3;background:#fff;font-size:10px}
.newsletter-v2 button{padding:12px 28px;border:1px solid #000;background:#000;color:#fff;font-size:9px;text-transform:uppercase;cursor:pointer}
.newsletter-v2>p{max-width:620px;margin:11px auto 0;color:#777;font-size:8px}

@media(max-width:1000px){
  .layout-split{min-height:650px}
  .collaborations-v2{grid-template-columns:1fr;gap:46px}
  .collaborations-copy{max-width:720px}
}

@media(max-width:900px){
  .page-home-layout-v2 .story-hero-video{margin-bottom:56px}
  .page-home-layout-v2 .hero-video{object-fit:cover}
  .page-home-layout-v2 .hero-lockup{width:min(82vw,535px)}
  .page-home-layout-v2 .site-nav{color:var(--ink);text-shadow:none!important}
  .layout-split{grid-template-columns:1fr;min-height:0}
  .layout-media{min-height:0;aspect-ratio:4/3}
  .layout-copy{min-height:520px;padding:66px var(--page-pad)}
  .layout-copy h2,.collaborations-copy h2{font-size:clamp(22px,6vw,32px);white-space:normal}
  .layout-copy p,.collaborations-copy>p{font-size:clamp(12px,3.4vw,15px)}
  .commitment-v2 .layout-copy h2,.brand-story .layout-copy h2{font-size:clamp(21px,5.8vw,30px);white-space:normal}
  .commitment-v2-media{aspect-ratio:1.1/1}
  .collaborations-v2{padding-block:78px}
  .collaboration-grid{grid-template-columns:repeat(2,1fr)}
  .caviar-world-v2 .caviar-world-media{order:1}
  html:not([data-beauty-crop="spacious"]) .caviar-world-v2 .caviar-world-media{aspect-ratio:1/1}
  html:not([data-beauty-crop="spacious"]) .caviar-world-media>img{
    object-position:center 25%;
    transform:scale(1.035);
    transform-origin:center 25%;
  }
  html[data-beauty-crop="spacious"] .caviar-world-v2 .caviar-world-media{aspect-ratio:1902/2636}
  .caviar-world-v2 .layout-copy{order:2}
  .brand-story-ultima .layout-copy,.brand-story-two-gangs .layout-copy{order:2}
  .brand-story-ultima .layout-media,.brand-story-two-gangs .layout-media{order:1}
  .brand-story .layout-media{aspect-ratio:4/5}
  .positioning-v2 .positioning-bull{aspect-ratio:1/1}
  .positioning-v2 .positioning-list{min-height:570px}
}

@media(max-width:600px){
  .site-header{min-height:66px}
  .wordmark-image{width:126px}
  .page-home-layout-v2 .hero-message{font-size:clamp(27px,7.8vw,39px)}
  .page-home-layout-v2 .hero-message-emphasis{font-size:clamp(30px,8.7vw,43px)}
  .page-home-layout-v2 .hero-worlds-lead{font-size:clamp(21px,5.6vw,29px)}
  .page-home-layout-v2 .hero-worlds-result{font-size:clamp(24px,6.6vw,35px)}
  .collaboration-grid{grid-template-columns:1fr 1fr}
  .caviar-logo-composition{max-width:650px}
  .newsroom-v2 .news-grid{grid-template-columns:1fr;gap:42px}
  .newsroom-v2 .news-card p{font-size:11px}
  .newsletter-v2 form{flex-direction:column}
  .newsletter-v2 button{min-height:44px}
}

@media(prefers-reduced-motion:reduce){
  .page-home-layout-v2 .site-header{transition:none}
  .page-home-layout-v2 .hero-phase-opening{display:flex;opacity:1;visibility:visible;transform:none}
  .page-home-layout-v2 .hero-phase-opening>*{opacity:1;transform:none;transition:none}
  .collaboration-grid img{transition:none}
  .collaboration-grid figure:hover img{transform:none}
}