html:has(.page-studio){background:#eeeae2;scrollbar-gutter:auto}
.page-studio{--ink:#8d8d8d;--hover:#696761;--muted:#aaa6a0;--menu-muted:#c0bdb7;background:#eeeae2;color:#8d8d8d}
.page-studio .skip-link{background:#eeeae2;color:#5d5952}
.page-studio .menu-panel{background:rgba(238,234,226,.38);color:#302f2d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.page-studio.menu-open .menu-panel{background:rgba(238,234,226,.68)}
.page-studio .menu-panel-content{left:50%}
.page-studio .site-header{background:transparent;pointer-events:none}
.page-studio .site-header .menu-toggle{justify-self:end;pointer-events:auto}
.page-studio .site-header .studio-menu-brand{visibility:hidden;opacity:0;pointer-events:none;filter:grayscale(1) brightness(0) opacity(.55)}
.page-studio.menu-open .site-header .studio-menu-brand{visibility:visible;opacity:1;pointer-events:auto}
.page-studio a:hover,.page-studio button:hover{color:#696761}
.page-studio a:focus-visible,.page-studio button:focus-visible{outline-color:#8d8d8d}
.studio-main{font-family:var(--mono);font-size:var(--body-size);line-height:var(--body-leading);letter-spacing:-.01em}
.studio-masthead{position:sticky;z-index:8;top:0;height:205px;align-items:start;padding-top:20px;background:transparent;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
.page-studio.menu-open .studio-masthead{opacity:0;visibility:hidden}
.studio-masthead a,.studio-masthead button,.studio-side-nav{pointer-events:auto}
.studio-side-nav{grid-column:1/4;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:210px}
.studio-side-nav button{padding:0;border:0;background:none;text-align:left;cursor:pointer}
.studio-side-nav>span{cursor:default}
.studio-info-trigger{margin-bottom:12px}
.studio-info-paren{white-space:nowrap}
.studio-info-mark{display:inline-block;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.studio-info-trigger:hover .studio-info-mark{transform:rotate(90deg)}
.studio-info-open .studio-info-trigger .studio-info-mark{transform:rotate(45deg)}
.studio-shop{position:relative;width:100%}
.studio-shop-submenu{display:flex;flex-direction:column;gap:3px;max-height:0;overflow:hidden;padding-top:0;color:#b9b5ae;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:max-height .3s ease,padding .3s ease,opacity .25s ease,transform .3s ease,visibility .3s ease}
.studio-shop:hover .studio-shop-submenu,.studio-shop:focus-within .studio-shop-submenu,.studio-shop.is-open .studio-shop-submenu{max-height:120px;padding-top:8px;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.studio-info-copy{position:absolute;z-index:2;top:20px;left:var(--studio-info-left,190px);width:min(300px,calc(100vw - var(--studio-info-left,190px) - 10px));color:#8d8d8d;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}
.studio-info-backdrop{position:fixed;z-index:100;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(238,234,226,.12);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;visibility:hidden;pointer-events:none;cursor:default;transition:opacity .3s ease,visibility .3s ease}
.studio-info-open .studio-info-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.studio-info-open .studio-masthead{z-index:115}
.studio-info-open .studio-info-copy{opacity:1;visibility:visible;transform:translateY(0)}
.studio-info-open .site-header,.studio-info-open .studio-view-switch,.studio-info-open .studio-progress,.studio-info-open .studio-side-nav>a,.studio-info-open .studio-side-nav>span,.studio-info-open .studio-shop{filter:blur(8px);pointer-events:none}
.studio-info-open .studio-side-nav{pointer-events:none}
.studio-info-open .studio-info-trigger{pointer-events:auto}
.studio-masthead-center{grid-column:4/10;grid-row:1;justify-self:center;min-width:0;text-align:center}
.studio-title{position:relative;display:inline-block;font-family:var(--sans);font-size:var(--product-heading-size);font-weight:400;line-height:1.03;letter-spacing:-.025em}
.studio-title sup{position:absolute;top:2px;left:calc(100% + 5px);margin:0;white-space:nowrap;font-family:var(--mono);font-size:var(--body-size);line-height:var(--body-leading);font-weight:400;letter-spacing:-.01em}
.studio-view-switch{display:grid;grid-template-columns:88px 14px 44px;align-items:start;width:146px;margin:16px auto 0;white-space:nowrap}
.studio-view-switch button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.studio-view-switch button:first-child{text-align:right}
.studio-view-switch button:last-child{text-align:left}
.studio-view-switch button[aria-pressed="false"]{opacity:.55}
.studio-view-switch button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:3px}
.studio-progress{display:flex;flex-direction:column;gap:3px;width:146px;margin:14px auto 0}
.studio-progress li{display:none}
.studio-progress li.is-visited{display:block}
.studio-progress a{display:grid;grid-template-columns:88px 14px max-content;width:146px;white-space:nowrap}
.studio-progress a span:first-child{grid-column:1;text-align:right}
.studio-progress a span:last-child{grid-column:3;text-align:left}
.studio-progress li.is-current a{color:#68645e}
.studio-progress li:not(.is-current) a{color:#aaa6a0}
.studio-archive{position:relative;padding:0 10px 55svh;scroll-margin-top:205px}
.studio-collection-grid{display:grid;grid-template-columns:1fr}
.studio-collection{position:relative;min-height:86svh;display:grid;place-items:center;padding:10px 0 90px;scroll-margin-top:175px}
.studio-collection-entry{position:absolute;z-index:2;inset:0}
.studio-collection figure{width:min(38vw,530px)}
.studio-image-row{display:grid;grid-template-columns:1fr}
.studio-image-row img{width:100%;max-height:65svh;aspect-ratio:4/5;object-fit:cover;object-position:center}
.studio-image-row img:not(:first-child){display:none}
.studio-archive.is-index .studio-collection-grid{gap:0}
.studio-archive.is-index .studio-collection{min-height:72svh;padding:40px 0 75px}
.studio-archive.is-index .studio-collection figure{width:100%}
.studio-archive.is-index .studio-image-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.studio-archive.is-index .studio-image-row img{display:block;max-height:none;aspect-ratio:4/5}
.page-studio.studio-info-open{overflow:hidden}
.page-studio .site-footer{min-height:0;align-content:end;row-gap:12px;margin-top:105px;padding-top:0;padding-bottom:10px;color:#8d8d8d}
.page-studio .site-footer .footer-places,.page-studio .site-footer .footer-contact,.page-studio .site-footer .footer-links,.page-studio .site-footer .footer-credit{grid-row:2}
.studio-footer-logo{grid-column:1/13;grid-row:1;display:block;width:100%;margin:0;line-height:0}
.studio-footer-logo img{display:block;width:100%;max-width:none;height:auto;filter:grayscale(1) brightness(0) opacity(.5)}
@media(max-width:900px){.studio-collection figure{width:min(52vw,480px)}}
@media(max-width:650px){
  .page-studio .menu-panel-content{left:20px}
  .studio-masthead{height:275px;padding-top:20px}
  .studio-side-nav{position:absolute;top:118px;left:10px;width:200px;max-width:none}
  .studio-info-copy{top:118px}
  .studio-masthead-center{grid-column:3/11}
  .studio-title sup{font-size:9px}
  .studio-view-switch{margin-top:13px}
  .studio-progress{margin-top:10px}
  .studio-archive{scroll-margin-top:275px}
  .studio-collection{min-height:73svh;padding:25px 0 40px;scroll-margin-top:250px}
  .studio-collection figure{width:min(76vw,420px)}
  .studio-image-row img{max-height:60svh}
  .studio-archive.is-index .studio-collection{min-height:50svh;padding:30px 0 55px}
  .studio-archive.is-index .studio-image-row{gap:5px}
  .page-studio .site-footer{row-gap:12px;margin-top:85px}
  .page-studio .site-footer .footer-places,.page-studio .site-footer .footer-contact{grid-row:2}
  .page-studio .site-footer .footer-links{grid-row:3}
  .page-studio .site-footer .footer-credit{grid-row:4}
}
@media(prefers-reduced-motion:reduce){.studio-info-mark,.studio-info-copy,.studio-info-backdrop,.studio-shop-submenu,.studio-masthead{transition:none}}

/* Studio: gris continuo, tipografía y trazos en hueso. */
html:has(.page-studio){background:#969892}
.page-studio{--ink:#f5f1e8;--hover:#fffaf1;--muted:#e3ded4;--menu-muted:#d9d4ca;background:#969892;color:#f5f1e8}
.page-studio .skip-link{background:#eeeae2;color:#4d4f4b}
.page-studio .menu-panel{background:rgba(71,73,69,.16);color:#eeeae2}
.page-studio.menu-open .menu-panel{background:rgba(71,73,69,.30)}
.page-studio .site-header{color:#eeeae2}
.page-studio .site-header .studio-menu-brand{filter:none}
.page-studio .site-header .studio-menu-brand img{filter:brightness(0) invert(1) opacity(.94)}
.page-studio a:hover,.page-studio button:hover{color:#fffaf1}
.page-studio a:focus-visible,.page-studio button:focus-visible{outline-color:#eeeae2}
.studio-shop-submenu{color:#d0cdc5}
.studio-info-copy{color:#eeeae2}
.studio-info-backdrop{background:rgba(70,72,68,.14)}
.studio-progress li.is-current a{color:#eeeae2}
.studio-progress li:not(.is-current) a{color:#d0cdc5}
.page-studio .site-footer{color:#eeeae2}
.studio-footer-logo img{filter:brightness(0) invert(1) opacity(.94)}

@media(max-width:650px){
  .studio-masthead{height:275px}
  .studio-masthead .studio-side-nav{top:0;left:12px;gap:3px}
  .studio-info-trigger{position:fixed;z-index:116;left:20px;bottom:var(--studio-info-bottom,20px);margin:0;white-space:nowrap}
  .studio-info-copy{position:fixed;z-index:116;top:auto!important;left:20px;width:min(320px,calc(100vw - 40px));bottom:calc(var(--studio-info-bottom,20px) + 31px);transform:translateY(6px)}
  .studio-info-open .studio-info-copy{transform:translateY(0)}
}