html:has(.page-studio-collection){background:#eeeae2;scrollbar-gutter:auto}
.page-studio-collection{--ink:#8d8d8d;--hover:#696761;--muted:#aaa6a0;background:#eeeae2;color:#8d8d8d}
.page-studio-collection .site-header{background:transparent;color:#fff}
.page-studio-collection.is-past-film .site-header{color:#8d8d8d}
.page-studio-collection.menu-open .site-header{color:#8d8d8d}
.studio-detail-nav{position:fixed;z-index:109;top:20px;left:10px;right:10px;color:#fff;pointer-events:none;transition:color .3s ease,opacity .3s ease,visibility .3s ease}
.studio-detail-nav .studio-side-nav{pointer-events:auto}
.studio-detail-nav .studio-info-copy{top:0;color:#fff}
.page-studio-collection:not(.is-past-film) .studio-detail-nav,.page-studio-collection:not(.is-past-film) .studio-detail-brand{text-shadow:0 1px 5px rgba(0,0,0,.55)}
.page-studio-collection:not(.is-past-film) .studio-info-trigger:hover{color:#fff}
.page-studio-collection:not(.is-past-film) .studio-info-backdrop{background:rgba(0,0,0,.25)}
.page-studio-collection.is-past-film .studio-detail-nav,.page-studio-collection.is-past-film .studio-detail-nav .studio-info-copy{color:#8d8d8d}
.page-studio-collection.menu-open .studio-detail-nav{opacity:0;visibility:hidden;pointer-events:none}
.page-studio-collection.studio-info-open .studio-detail-nav{z-index:115}
.page-studio-collection.studio-info-open .site-header{filter:none;pointer-events:none}
.page-studio-collection.studio-info-open .site-header .menu-toggle{filter:blur(8px)}
.studio-detail-brand{position:absolute;top:20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--sans);font-size:var(--product-heading-size);font-weight:400;line-height:1.03;letter-spacing:-.025em;transition:opacity .28s ease,visibility .28s ease}
.studio-detail-brand sup{position:absolute;top:2px;left:calc(100% + 5px);white-space:nowrap;font-family:var(--mono);font-size:var(--body-size);font-weight:400;line-height:var(--body-leading);letter-spacing:-.01em}
.page-studio-collection.menu-open .studio-detail-brand{opacity:0;visibility:hidden;pointer-events:none}
.umbral-film{position:relative;width:100%;height:100svh;overflow:hidden;background:#1a1a18}
.umbral-film video{display:block;width:100%;height:100%;object-fit:cover}
.umbral-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding:110px 10px 105px}
.umbral-intro-copy{grid-column:6/9;display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:10px;max-width:270px;text-align:left}
.umbral-intro h1{grid-column:1;grid-row:1;white-space:nowrap;font-family:var(--sans);font-size:var(--body-size);line-height:var(--body-leading);font-weight:700;letter-spacing:-.01em}
.umbral-intro .umbral-byline{grid-column:2;grid-row:1;white-space:nowrap}
.umbral-intro .umbral-byline,.umbral-intro p{font-family:var(--mono);font-size:var(--body-size);line-height:var(--body-leading);font-weight:400;letter-spacing:-.01em}
.umbral-intro p{grid-column:2;grid-row:2;margin-top:16px;text-wrap:pretty}
.umbral-editorial{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:0;row-gap:125px;padding:0 10px;font-family:var(--mono);font-size:var(--body-size);line-height:var(--body-leading)}
.umbral-editorial-head{grid-column:1/13;display:flex;justify-content:space-between;row-gap:0;margin-bottom:-105px}
.umbral-editorial-image{position:relative;min-width:0;align-self:start}
.umbral-editorial-image img{display:block;width:100%;height:auto}
.umbral-editorial-image figcaption{padding-top:7px}
.editorial-one{grid-column:2/6;grid-row:2}
.editorial-two{grid-column:7/13;grid-row:2;margin-top:100px}
.editorial-three{grid-column:5/11;grid-row:4}
.editorial-four{grid-column:1/7;grid-row:5}
.editorial-five{grid-column:8/12;grid-row:5;margin-top:175px}
.umbral-editorial-note{max-width:220px;text-wrap:pretty}
.note-one{grid-column:2/5;grid-row:3;margin:0 0 0 0}
.note-two{grid-column:5/8;grid-row:6;margin:0}
.editorial-mark{position:absolute;width:150px;height:auto;overflow:visible;fill:none;stroke:#8d8d8d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.editorial-mark-circle{right:18px;top:32%;width:185px;transform:rotate(-9deg)}
.editorial-mark-arrow{left:-105px;top:35%;width:170px;transform:rotate(4deg)}
.editorial-mark-line{right:-58px;bottom:15%;width:170px;transform:rotate(13deg)}
.umbral-products{row-gap:0;margin-top:170px}
.umbral-products-head{grid-column:1/13;display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:20px;font-family:var(--mono);font-size:var(--body-size);line-height:var(--body-leading)}
.umbral-products-head h2{font:inherit}
.umbral-products-grid{grid-column:1/13;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:75px 8px}
.umbral-products-grid figure{min-width:0;overflow:hidden;transition:opacity .35s ease,filter .35s ease}
.umbral-products-grid figure:nth-child(3){grid-column:3;grid-row:2}
.umbral-products-grid figure:nth-child(4){grid-column:4;grid-row:2}
.umbral-products-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#e1ded8;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.umbral-products-grid figure>a{display:block;overflow:hidden}
.umbral-products-grid figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding-top:7px;font-family:var(--mono);font-size:var(--body-size);line-height:var(--body-leading)}
.umbral-products-grid figcaption span:last-child{white-space:nowrap}
@media(hover:hover){.umbral-products-grid:has(figure:hover) figure:not(:hover){opacity:.42;filter:grayscale(.75)}.umbral-products-grid figure:hover img{transform:scale(1.025);filter:contrast(1.035)}}
.page-studio-collection .site-footer{margin-top:175px;color:#8d8d8d}
@media(max-width:650px){
  .studio-detail-brand{top:19px}
  .studio-detail-brand sup{font-size:9px}
  .studio-detail-nav{top:118px;left:8px;right:8px}
  .studio-detail-nav .studio-side-nav{position:static;top:auto;left:auto;width:200px}
  .umbral-intro{padding:90px 8px 90px}
  .umbral-intro-copy{grid-column:3/11;max-width:none}
  .umbral-editorial{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:70px;padding:0 8px}
  .umbral-editorial-head{grid-column:1/7;margin-bottom:-50px}
  .editorial-one{grid-column:1/5;grid-row:2}
  .editorial-two{grid-column:2/7;grid-row:3;margin-top:0}
  .note-one{grid-column:1/5;grid-row:4}
  .editorial-three{grid-column:1/7;grid-row:5}
  .editorial-four{grid-column:1/6;grid-row:6}
  .editorial-five{grid-column:3/7;grid-row:7;margin-top:0}
  .note-two{grid-column:1/5;grid-row:8}
  .editorial-mark-circle{right:8px;width:105px}
  .editorial-mark-arrow{left:-6px;top:30%;width:105px}
  .editorial-mark-line{right:-8px;width:90px}
  .umbral-products{margin-top:105px}
  .umbral-products-head{margin-bottom:18px}
  .umbral-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 8px}
  .umbral-products-grid figure:nth-child(3),.umbral-products-grid figure:nth-child(4){grid-column:auto;grid-row:auto}
  .umbral-products-grid figcaption{flex-direction:column;gap:3px}
  .page-studio-collection .site-footer{margin-top:130px}
}
@media(prefers-reduced-motion:reduce){.studio-detail-brand,.umbral-products-grid figure,.umbral-products-grid img{transition:none}}

/* La colección conserva la identidad gris de Studio después del video. */
html:has(.page-studio-collection){background:#969892}
.page-studio-collection{background:#969892;color:#f5f1e8}
.page-studio-collection.is-past-film .site-header,.page-studio-collection.menu-open .site-header{color:#eeeae2}
.page-studio-collection.is-past-film .studio-detail-nav,.page-studio-collection.is-past-film .studio-detail-nav .studio-info-copy{color:#eeeae2}
.page-studio-collection .site-footer{color:#eeeae2}
.editorial-mark{stroke:#eeeae2}
.umbral-products-grid img{background:#a1a39d}
@media(max-width:650px){
  .studio-detail-nav{top:20px;left:20px;right:20px}
  .studio-detail-nav .studio-side-nav{width:200px}
}