#sr-full .studio-page{max-width:1040px;margin:0 auto;padding:0 28px 32px;color:#d8d8d2;background:#080808}
#sr-full .studio-heading{padding:38px 0 28px}
#sr-full .studio-heading h1{font-size:38px;font-weight:400;letter-spacing:-1px}
#sr-full .studio-page .filters{padding:0;gap:28px;border-bottom:1px solid #343430}
#sr-full .studio-page .filters button{color:#a7a79f;font-size:13px;min-width:44px}
#sr-full .studio-page .filters button[aria-pressed=true]{color:#ededdf;box-shadow:inset 0 -2px #d5d5ce}
#sr-full .studio-page .filters span{color:#9c9c94}
#sr-full .studio-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:24px}
#sr-full .collection-entry{display:block}
#sr-full .collection-entry:focus-visible{outline-offset:5px}
#sr-full .collection-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0 8px}
#sr-full .collection-caption h2{font-size:25px;letter-spacing:-.5px}
#sr-full .collection-caption span{font-size:12px;color:#a7a79f}
#sr-full .collection-entry:hover h2{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
#sr-full .image-note{font-size:11px;color:#95958e;padding:22px 0 24px}
#sr-full .studio-bottom{border-top:1px solid #343430;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:26px}
#sr-full .studio-bottom>span{font-size:19px}
#sr-full .back-link{display:inline-block;min-height:44px;padding:10px 0;margin:22px 0;color:#aaa99f;font-size:13px;text-decoration:underline;text-underline-offset:5px}
#sr-full .object-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:54px}
#sr-full .object-info h1{font-size:44px;font-weight:400;margin:14px 0 22px}
#sr-full .object-technology{font-size:12px;color:#a7a79f}
#sr-full .object-info p{color:#b0b0a7;font-size:15px;max-width:30ch}
#sr-full .object-info .clean-button{margin-top:30px}
#sr-full .object-info small{display:block;font-size:11px;color:#99998f;margin-top:18px;line-height:1.7}
#sr-full .brief-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:48px;align-items:start}
#sr-full .brief-visual{margin:0;min-width:0}
#sr-full .brief-visual figcaption{display:flex;justify-content:space-between;gap:12px;padding:16px 0;color:#999990;font-size:11px}
#sr-full .direction-picture.combined{aspect-ratio:3/2}
#sr-full .direction-picture.combined img{left:0;width:100%;height:100%}
#sr-full .studio-page fieldset{margin-bottom:24px}
#sr-full .studio-page legend{font-size:13px;margin-bottom:12px;letter-spacing:0}
#sr-full .studio-page .options{gap:8px}
#sr-full .studio-page .option{padding:12px;border-color:#42423e;color:#bfbfb6;font-size:12px;min-height:48px}
#sr-full .studio-page .option:has(input:checked){background:#d8d8ce;color:#111;border-color:#d8d8ce}
#sr-full .studio-page .option input{accent-color:#111;flex-shrink:0}
#sr-full .studio-page .field{color:#b9b9af;font-size:12px;margin-bottom:18px}
#sr-full .studio-page .field input,#sr-full .studio-page .field textarea,#sr-full .studio-page .field select{background:#121212;color:#e3e3d9;border-color:#42423e;padding:12px;min-height:48px;color-scheme:dark}
#sr-full .studio-page input::placeholder,#sr-full .studio-page textarea::placeholder{color:#85857d;opacity:1}
#sr-full .studio-page .field textarea{min-height:132px}
#sr-full .brief-extra{border-top:1px solid #343430;border-bottom:1px solid #343430;padding:0;margin:2px 0 24px}
#sr-full .brief-extra summary{font-size:13px;min-height:48px;padding:13px 0;color:#b9b9af}
#sr-full .brief-extra[open] summary{margin-bottom:8px}
#sr-full .brief-submit{width:100%}
#sr-full .form-note{font-size:11px;color:#99998f;margin-top:13px;line-height:1.6}
#sr-full .studio-page .result{border-color:#42423e;margin-top:26px}
#sr-full .studio-page .result h2{font-size:24px;margin-bottom:18px}
#sr-full .studio-page .result textarea{min-height:240px;font-size:14px;line-height:1.7}
#sr-full .studio-page .status{color:#b9b9af}
@media(max-width:700px){
 #sr-full .studio-page{padding:0 20px 28px}
 #sr-full .studio-heading{padding:28px 0 20px}
 #sr-full .studio-heading h1{font-size:32px}
 #sr-full .studio-page .filters{gap:24px}
 #sr-full .studio-page .filters span{width:auto;margin:0 0 0 auto}
 #sr-full .studio-catalog{grid-template-columns:1fr;gap:26px;padding-top:20px}
 #sr-full .collection-entry{max-width:480px;margin:0 auto}
 #sr-full .collection-caption{padding-top:15px}
 #sr-full .studio-page .direction-picture{max-width:480px}
 #sr-full .studio-bottom{flex-wrap:wrap}
 #sr-full .object-layout{grid-template-columns:1fr;gap:26px}
 #sr-full .object-info h1{font-size:36px;margin:10px 0 14px}
 #sr-full .object-info .clean-button{margin-top:22px}
 #sr-full .brief-layout{grid-template-columns:1fr;gap:22px}
 #sr-full .brief-visual{display:grid;grid-template-rows:280px auto;align-items:center}
 #sr-full .brief-visual .direction-picture{max-width:210px}
 #sr-full .brief-visual .direction-picture.combined{max-width:360px}
 #sr-full .brief-visual figcaption{justify-content:center;gap:18px;padding:12px 0 0}
 #sr-full .studio-page .options{grid-template-columns:1fr 1fr}
 #sr-full .studio-page .field-row{grid-template-columns:1fr 1fr}
 #sr-full .studio-page .result textarea{font-size:16px}
}
@media(max-width:360px){#sr-full .studio-page .filters{gap:18px}#sr-full .studio-page .filters span{display:none}#sr-full .studio-page .field-row{grid-template-columns:1fr}}
#sr-full .catalog-tools{display:grid;grid-template-columns:1fr 230px;gap:16px;margin-top:22px}
#sr-full .catalog-tools label{min-width:0}
#sr-full .catalog-tools input,#sr-full .catalog-tools select{display:block;width:100%;min-height:48px;padding:12px;background:#121212;color:#dddcd5;border:1px solid #42423e;border-radius:0;font:16px Manrope,Arial,sans-serif;color-scheme:dark}
#sr-full .studio-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
#sr-full .studio-catalog article{min-width:0}
#sr-full .asset-frame{aspect-ratio:1/1;position:relative;display:flex;align-items:center;justify-content:center;background:#e7e7e2;overflow:hidden;width:100%}
#sr-full .asset-frame img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}
#sr-full .asset-frame.empty-preview{background:#171717;color:#aaa99e;border:1px solid #30302d;flex-direction:column;gap:12px;padding:24px;text-align:center;font-size:14px}
#sr-full .empty-preview small{font-size:11px;color:#85857e}
#sr-full .studio-catalog .collection-caption{display:block;padding:15px 0 8px}
#sr-full .studio-catalog .collection-caption h2{font-size:20px;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.3px}
#sr-full .catalog-meta{display:flex;gap:8px 14px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:#aaa99f}
#sr-full .catalog-meta span:last-child{color:#89897f}
#sr-full .catalog-more{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:32px}
#sr-full .catalog-more span{font-size:12px;color:#99998f}
#sr-full .catalog-empty{padding:40px 0;color:#aaa99f;font-size:14px}
#sr-full .object-gallery{min-width:0}
#sr-full .object-gallery .asset-frame{aspect-ratio:3/4}
#sr-full .object-info{min-width:0}
#sr-full .studio-detail .object-info{order:2}
#sr-full .studio-detail .object-gallery{order:1}
#sr-full .object-info h1{font-size:36px;line-height:1.15;overflow-wrap:anywhere}
#sr-full .gallery-thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
#sr-full .gallery-thumb{width:68px;height:68px;background:#e7e7e2;padding:3px;border:1px solid #555}
#sr-full .gallery-thumb img{width:100%;height:100%;object-fit:contain;display:block}
#sr-full .gallery-thumb[aria-pressed=true]{outline:2px solid #dddcd5;outline-offset:2px}
@media(max-width:850px){#sr-full .studio-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#sr-full .catalog-tools{grid-template-columns:1fr 1fr;gap:10px}#sr-full .studio-page .filters span{width:100%;margin:0 0 12px;display:block}#sr-full .studio-catalog .collection-caption h2{font-size:19px}#sr-full .object-info h1{font-size:32px}}
@media(max-width:520px){#sr-full .studio-catalog{grid-template-columns:1fr;gap:30px}#sr-full .catalog-tools{grid-template-columns:1fr}#sr-full .studio-catalog .collection-caption h2{font-size:23px}}

/* Featured collections share the continuous stone scene from the homepage. */
#sr-full .collection-detail{max-width:1280px;min-height:calc(100svh - 100px);padding:0 40px 40px;background:transparent}
#sr-full .collection-detail .back-link{margin:20px 0 12px;color:#c4c4bc}
#sr-full .collection-detail .object-layout{display:flex;flex-direction:column;gap:28px;align-items:stretch}
#sr-full .collection-detail .object-info{order:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:center;padding:12px 16px 0}
#sr-full .collection-detail .object-technology{grid-column:1;font-size:13px;color:#b5b5ac;letter-spacing:.03em}
#sr-full .collection-detail .object-info h1{grid-column:1;font-family:var(--display-font);font-size:clamp(38px,5vw,68px);font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.04;margin:14px 0 0;text-wrap:balance;overflow-wrap:normal;text-shadow:0 4px 18px #000}
#sr-full .collection-detail .object-info .clean-button{grid-column:2;grid-row:1/3;margin:0;align-self:end;background:#08080880}
#sr-full .collection-detail .object-info .clean-button:hover{background:#deded7}
#sr-full .collection-detail .object-info [hidden],#sr-full .collection-detail [data-detail-note][hidden]{display:none}
#sr-full .collection-detail .asset-frame{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;aspect-ratio:auto;overflow:visible;background:transparent}
#sr-full .collection-detail .asset-frame.collection-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#sr-full .collection-image-link{display:block;position:relative;min-width:0;padding-bottom:54px}
#sr-full .collection-detail .asset-frame img{position:static;display:block;width:100%;height:auto;object-fit:contain;filter:grayscale(1);mask-image:linear-gradient(transparent,#000 5%,#000 92%,transparent),var(--edge-fade);mask-composite:intersect}
#sr-full .collection-image-action{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;position:absolute;right:16px;bottom:0;font-size:13px;text-decoration:underline;text-underline-offset:5px;color:#c4c4bc}
#sr-full .collection-image-link:hover .collection-image-action{color:#fff}
#sr-full .collection-image-link:focus-visible{outline-offset:0}
@media(max-width:850px){
 #sr-full .collection-detail{padding:0 24px 28px}
 #sr-full .collection-detail .object-info{grid-template-columns:minmax(0,1fr);gap:0;padding:8px 0 0}
 #sr-full .collection-detail .object-info .clean-button{grid-column:1;grid-row:auto;justify-self:start;margin-top:24px}
}
@media(max-width:600px){
 #sr-full .collection-detail{padding:0 16px 28px}
 #sr-full .collection-detail .back-link{margin:12px 0}
 #sr-full .collection-detail .object-info h1{font-size:clamp(34px,9vw,48px)}
 #sr-full .collection-detail .object-layout{gap:22px}
 #sr-full .collection-detail .asset-frame.collection-pair{grid-template-columns:minmax(0,1fr);gap:26px}
 #sr-full .collection-image-link{padding-bottom:48px}
 #sr-full .collection-image-action{right:4px}
}
/* Quiet collection canvas: the artwork carries the contrast. */
#sr-full.collection-scene{background:linear-gradient(#090909eb,#090909f5),url('/assets/page-stone.webp') center top/1600px auto repeat-y}
#sr-full .collection-detail{padding-bottom:72px}
#sr-full .collection-detail .object-info{padding-left:0;padding-right:0}
#sr-full .collection-detail .object-info h1{text-shadow:none}
#sr-full .collection-detail .asset-frame{gap:16px}
#sr-full .collection-detail .asset-frame img{mask-image:none}
#sr-full .collection-image-link{padding-bottom:0;background:#111;overflow:hidden}
#sr-full .collection-image-action{right:12px;bottom:12px;background:#090909d9;border:1px solid #555;color:#e4e4df;text-decoration:none;backdrop-filter:blur(8px)}
#sr-full .collection-image-link:hover .collection-image-action{background:#deded7;color:#111}
#sr-full .collection-overview-caption{grid-column:1/-1;color:#9b9b95;font-size:13px;line-height:1.5}
#sr-full .collection-study{margin-top:64px;padding-top:28px;border-top:1px solid #ffffff24}
#sr-full .study-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}
#sr-full .study-heading h2{font:600 clamp(28px,3vw,36px)/1.1 var(--display-font);text-transform:uppercase;letter-spacing:.01em}
#sr-full .study-heading>span{font-size:13px;color:#9b9b95}
#sr-full .character-picker{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 16px;margin:0 -4px 24px;scrollbar-color:#777 #202020;scrollbar-width:thin}
#sr-full .character-choice{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-height:142px;padding:12px 6px;background:#ffffff03;border:1px solid #ffffff20;font-size:13px;line-height:1.3;text-align:center}
#sr-full .character-choice img{width:48px;height:70px;object-fit:contain;filter:invert(1);opacity:.65}
#sr-full .character-choice span{max-width:100%;overflow-wrap:break-word}
#sr-full .character-choice[aria-pressed=true]{border-color:#cecec5;background:#ffffff0b;color:#fff}
#sr-full .character-choice[aria-pressed=true] img,#sr-full .character-choice:hover img{opacity:1}
#sr-full .character-choice:hover{border-color:#aaa}
#sr-full .character-choice:focus-visible{outline-offset:2px}
#sr-full .study-views{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#sr-full .study-views figure{min-width:0;margin:0}
#sr-full .drawing-stage{height:460px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1b1b1a,#101010 75%)}
#sr-full .drawing-stage img{display:block;width:100%;height:100%;object-fit:contain;padding:32px;filter:invert(1);opacity:.85}
#sr-full .character-detail .drawing-stage img{padding:0;object-fit:cover;object-position:50% 30%;transform:scale(1.65);transform-origin:50% 32%}
#sr-full .study-views figcaption{padding-top:16px;font-size:16px;color:#d6d6cf}
#sr-full .character-detail figcaption{color:#9b9b95;font-size:13px}
@media(max-width:850px){
 #sr-full .drawing-stage{height:380px}
 #sr-full .character-choice{flex-basis:104px}
}
@media(max-width:600px){
 #sr-full .collection-detail{padding-bottom:44px}
 #sr-full .collection-detail .asset-frame.collection-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #sr-full .collection-pair .collection-image-action{position:static;width:100%;justify-content:center;border:0;border-top:1px solid #ffffff20;padding:0 4px;font-size:12px;background:#101010}
 #sr-full .collection-image-action{right:8px;bottom:8px}
 #sr-full .collection-study{margin-top:40px;padding-top:24px}
 #sr-full .study-heading{display:block;margin-bottom:20px}
 #sr-full .study-heading>span{display:block;margin-top:10px}
 #sr-full .character-picker{margin-bottom:20px}
 #sr-full .character-choice{flex-basis:96px;min-height:134px}
 #sr-full .study-views{grid-template-columns:1fr;gap:28px}
 #sr-full .drawing-stage{height:380px}
 #sr-full .character-detail .drawing-stage{height:260px}
 #sr-full .drawing-stage img{padding:24px}
 #sr-full .study-views figcaption{padding-top:12px}
}
