/* MOKUREI v2.0.0 — Studio Edition
   Scoped visual changes to the selected-works introduction and to Knives & Handles.
   Existing photographic cabinet, material archive, store pages, and forms remain unchanged. */

/* An editorial selection, not an animated carousel. Every photograph links to its own work. */
.studio-catalogue-v2.object-feature {
  display:grid;
  grid-template-columns:minmax(0, 41fr) minmax(138px, 17fr) minmax(0, 42fr);
  min-height:540px;
  background:#cfc5b9;
  color:#e8dbc9;
  gap:0;
}
.studio-selection-main{position:relative;min-width:0;background:#292622;overflow:hidden;display:flex;min-height:540px}
.studio-selection-feature{display:flex;width:100%;height:100%;min-height:540px;align-items:center;justify-content:center;overflow:hidden}
.studio-selection-feature img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .65s ease}
.studio-selection-feature:hover img{transform:scale(1.018)}
.studio-selection-index{position:absolute;bottom:19px;left:23px;color:#d5b185;font:500 9px/1.3 var(--sans);letter-spacing:.17em;pointer-events:none}
.studio-selection-rail{background:#d1c6ba;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;padding:0 13px;min-height:540px}
.studio-selection-thumbnail{min-width:0;min-height:0;display:block;overflow:hidden;background:#28231f;position:relative;outline-offset:3px}
.studio-selection-thumbnail img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .55s ease,filter .3s ease}
.studio-selection-thumbnail:hover img,.studio-selection-thumbnail:focus-visible img{transform:scale(1.05);filter:brightness(1.12)}
.studio-selection-copy.feature-meta{min-width:0;min-height:540px;background:#25201a;padding:38px clamp(24px,3.2vw,60px) 32px;border-left:0}
.studio-selection-copy-inner{padding:20px 0}
.studio-selection-copy h3{font:400 clamp(43px,4.2vw,74px)/.94 var(--serif);letter-spacing:-.045em;margin:16px 0 24px;max-width:640px}
.studio-selection-copy h3 em{color:#cbad83}
.studio-selection-copy p{font:300 clamp(12px,1vw,14px)/1.85 var(--sans);color:#c8bbab;max-width:530px;margin:0 0 14px}
.studio-selection-copy p em{font-style:italic}
.studio-selection-copy .studio-selection-epilogue{color:#d9c4a7;font:italic 400 clamp(19px,1.7vw,26px)/1.25 var(--serif);max-width:510px;margin:23px 0 24px}
.studio-catalogue-v2 .curated-works-cta{color:#ead8bf;border-color:#b9a07c;margin-top:4px;background:transparent;max-width:100%}
.studio-catalogue-v2 .curated-works-cta:hover,.studio-catalogue-v2 .curated-works-cta:focus-visible{color:#17130f;background:#d7b990;border-color:#d7b990}
.studio-catalogue-v2 a:focus-visible{outline:2px solid #ebcba1;outline-offset:3px}
.studio-catalogue-v2 .feature-foot{margin-top:18px}

/* Catalogue's introductory object photograph: retain the original uncropped artwork. */
.works-page .works-hero-image img[src*="figured-walnut-brass/47525"]{object-position:center center}

/* Three photographic studies of the method, with captions that explain the techniques. */
.studio-method-plates figure{height:clamp(400px,36vw,610px)}
.studio-method-plates img{object-fit:cover;object-position:center 48%}
.studio-method-plates figure:nth-child(1) img{object-position:48% 50%}
.studio-method-plates figure:nth-child(2) img{object-position:48% 53%}
.studio-method-plates figure:nth-child(3) img{object-position:48% 50%}
.studio-method-plates figcaption{padding:75px 25px 23px;gap:8px}
.studio-method-plates figcaption strong{font-size:clamp(25px,2.6vw,35px)}
.studio-method-plates figcaption small{font:300 12px/1.5 var(--sans);color:#d8caba;max-width:390px}
.studio-method .knife-seo-process-grid{margin-top:82px}

/* Service lives INSIDE the original Knives & Handles page. No new landing pages. */
.studio-commission.knife-commission{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:6vw}
.studio-commission .knife-commission-main>p:not(.section-number){max-width:650px}
.studio-commission .knife-commission h2{max-width:680px}
.studio-commission .ordering-custom-note{margin-top:20px}
.studio-commission-journey{align-self:center;min-width:0;border-top:1px solid rgba(198,170,133,.45);padding-top:16px}
.studio-roadmap{list-style:none;padding:0;margin:0}
.studio-roadmap li{display:grid;grid-template-columns:34px minmax(90px,.6fr) minmax(0,1.4fr);gap:13px;align-items:start;border-bottom:1px solid rgba(198,170,133,.25);padding:18px 0;color:#e1d2be}
.studio-roadmap-number{font:500 9px/1.5 var(--sans);letter-spacing:.13em;color:#bca17e;padding-top:4px}
.studio-roadmap strong{font:400 clamp(22px,2vw,31px)/1.1 var(--serif);letter-spacing:-.015em}
.studio-roadmap p{margin:0;font:300 12px/1.75 var(--sans);color:#beaf9b}
.studio-commission-journey small{display:block;color:#a58c6d;font:500 9px/1.5 var(--sans);letter-spacing:.19em;margin-top:28px}

@media(max-width:1180px){
 .studio-catalogue-v2.object-feature{grid-template-columns:minmax(0,38fr) minmax(122px,17fr) minmax(0,45fr)}
 .studio-selection-copy.feature-meta{padding:28px}
 .studio-selection-copy h3{font-size:clamp(40px,4.3vw,61px)}
 .studio-selection-rail{padding:0 9px;gap:8px}
 .studio-roadmap li{grid-template-columns:27px minmax(75px,.65fr) minmax(0,1.35fr);gap:9px}
}
@media(max-width:800px){
 .studio-catalogue-v2.object-feature{grid-template-columns:minmax(0, 1fr) minmax(100px,26%);grid-template-rows:minmax(360px,64vw) auto}
 .studio-selection-main,.studio-selection-feature,.studio-selection-rail{min-height:0;height:100%}
 .studio-selection-rail{padding:0 9px}
 .studio-selection-copy.feature-meta{grid-column:1/-1;grid-row:2;min-height:0;padding:42px 7vw 32px}
 .studio-selection-copy h3{font-size:clamp(57px,8.4vw,81px)}
 .studio-selection-copy p{max-width:650px;font-size:14px}
 .studio-commission.knife-commission{grid-template-columns:1fr;gap:48px}
 .studio-method-plates figure{height:360px}
}
@media(max-width:560px){
 .studio-catalogue-v2.object-feature{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;margin:0 -5vw}
 .studio-selection-main{height:70vw;min-height:240px;max-height:410px}
 .studio-selection-feature{min-height:0}
 .studio-selection-rail{height:25vw;min-height:80px;max-height:125px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);padding:8px 10px;gap:8px}
 .studio-selection-copy.feature-meta{grid-column:1;grid-row:3;padding:30px 7vw;min-height:0}
 .studio-selection-copy h3{font-size:clamp(50px,11.5vw,68px)}
 .studio-selection-copy p{font-size:13px}
 .studio-selection-copy .studio-selection-epilogue{font-size:24px}
 .studio-catalogue-v2 .feature-label{font-size:8px}
 .studio-selection-index{font-size:8px;bottom:12px;left:15px}
 .studio-method-plates figure{height:390px}
 .studio-method-plates figcaption small{font-size:11px}
 .studio-commission .studio-roadmap li{grid-template-columns:30px 1fr;gap:4px 11px}
 .studio-roadmap li p{grid-column:2}
}
@media(prefers-reduced-motion:reduce){.studio-selection-feature img,.studio-selection-thumbnail img{transition:none}}

/* Desktop composition: match the original photograph ratio to avoid letterbox bands.
   Constrain the reading panel rather than stretching the picture to the text's height. */
@media(min-width:1181px){
 .studio-catalogue-v2.object-feature{height:520px;min-height:520px;grid-template-columns:minmax(0,45fr) minmax(145px,13fr) minmax(0,42fr)}
 .studio-selection-main,.studio-selection-feature,.studio-selection-rail{height:520px;min-height:0}
 .studio-selection-feature img{object-fit:cover}
 .studio-selection-copy.feature-meta{height:520px;min-height:0;padding:27px clamp(27px,3vw,44px) 25px}
 .studio-selection-copy-inner{padding:7px 0}
 .studio-selection-copy h3{font-size:clamp(46px,3.9vw,60px);margin:12px 0 17px}
 .studio-selection-copy p{font-size:13px;line-height:1.64;margin-bottom:10px}
 .studio-selection-copy .studio-selection-epilogue{font-size:22px;margin:17px 0 15px}
 .studio-selection-copy .feature-foot{margin-top:9px}
}