/* One interior language for all StudioDetails dialogs, including nested help. */
.studio-detail{--ink:#38291e;--muted-ink:#65503a;--brass:#ae8548;background:#271e19;border:6px double #c29b60;border-radius:9px;color:var(--ink);box-shadow:0 0 0 3px #302219,0 0 0 8px #0c111bc9,0 24px 100px #000e;scrollbar-color:#99703e #dfc797;font:18px/1.65 Georgia,'Times New Roman',serif}
.studio-detail::backdrop{background:#030913bd;backdrop-filter:blur(6px)}
.studio-detail .detail-shell{padding:0;background:radial-gradient(ellipse at 18% 15%,#fff8e2aa,transparent 50%),repeating-linear-gradient(5deg,#76552a05 0 1px,transparent 1px 4px),linear-gradient(95deg,#d0ad72,#f0dfb8 9%,#f4e6c6 50%,#ead4a5 92%,#c4a16b);box-shadow:inset 0 0 36px #70431540;min-width:0}
.studio-detail .detail-header{padding:25px 28px 24px;margin:0;border:0;border-bottom:5px double #c29b60;background:radial-gradient(ellipse at 50% 0,#31465d99,transparent 85%),repeating-linear-gradient(90deg,#0001 0 1px,transparent 1px 7px),#101d2d;box-shadow:0 6px 12px #65401d40;align-items:center}
.studio-detail .detail-header h2{font:600 32px/1.2 Georgia,serif;color:#f5d796;margin:0;text-shadow:0 2px 3px #000;letter-spacing:.01em}
.studio-detail .detail-header:after{content:'✦';bottom:-16px;left:calc(50% - 18px);width:36px;box-sizing:border-box;text-align:center;padding:0;background:#17283b;color:#e5bb71;border:1px solid #c29b60;transform:rotate(0deg);font:20px/26px Georgia}
.studio-detail .detail-shell>div{padding:24px 30px 28px;min-width:0}
.studio-detail .detail-shell>p{margin:28px 30px;color:var(--ink)}
.studio-detail .detail-note,.studio-detail .portfolio-lead,.studio-detail .review-intro>p,.studio-detail .review-form-lead,.studio-detail .review-rating-label{color:var(--muted-ink)}
.studio-detail .about-modal-lead{color:#583a22;border-left:4px double #94703f;padding:14px 18px;background:#fff5d655;font-size:25px}
.studio-detail button{background:linear-gradient(#32475b,#16293b 52%,#101d2b);color:#ffe1a6;border:3px double #c5a066;border-radius:3px;box-shadow:0 3px 0 #654725,0 5px 8px #38271625,inset 0 0 9px #0007;font:600 17px/1.35 Georgia;padding:11px 18px}
.studio-detail button:hover{background:linear-gradient(#415b70,#233b50);border-color:#eac78a;filter:none}
.studio-detail button:disabled{opacity:.55;cursor:wait}
.studio-detail .detail-close{align-self:center;font:15px Georgia;box-shadow:inset 0 0 5px #0006;padding:9px 12px}
.studio-detail input:not([type=checkbox]):not([type=radio]),.studio-detail textarea,.studio-detail select{background:#fff7e1;color:#342619;border:1px solid #987546;border-bottom:3px double #987546;box-shadow:inset 0 2px 5px #66421715;border-radius:2px;font:17px/1.5 Georgia}
.studio-detail input::placeholder,.studio-detail textarea::placeholder{color:#76634f;opacity:1}
.studio-detail input[type=checkbox]{appearance:none;width:21px;height:21px;flex:none;background:#fff5dc;border:2px solid #896b43;display:grid;place-content:center;margin:0 5px 0 0;cursor:pointer}
.studio-detail input[type=checkbox]:checked:after{content:'✓';color:#38281a;font:bold 21px/1 Georgia}
.studio-detail :is(button,input,textarea,select):focus-visible{outline:3px solid #376787;outline-offset:3px}
.studio-detail fieldset{border:3px double #94704488;background:#fff9e32b;margin:24px 0;padding:16px 18px;box-shadow:inset 0 0 15px #81572009}
.studio-detail legend,.studio-detail .portfolio-scope h3,.studio-detail .portfolio-scope h4{color:#543921;font-family:Georgia}
.studio-detail .calculator-option{padding:10px 0;border-bottom:1px solid #9b774d40}
.studio-detail .calculator-price{color:#51361e;font:600 17px Georgia}
.studio-detail .calculator-total{background:linear-gradient(100deg,#203044,#142233,#293c4c);color:#ffe1a4;border:4px double #b69356;box-shadow:0 5px 10px #56351435;font:600 26px Georgia;top:0}
.studio-detail .option-info{border-radius:50%;width:29px;height:29px;flex-basis:29px;padding:0;font:italic bold 19px Georgia;box-shadow:none}
.studio-detail.option-explanation .detail-shell>p{background:none;border:0;box-shadow:none;padding:0;color:#38291e;font-size:19px}
.studio-detail.option-explanation .detail-shell>p:last-child{border-top:3px double #a7814b;padding-top:15px;padding-bottom:22px;font-weight:bold}
.studio-detail .portfolio-gallery{background:#172536;border:5px double #a58048;box-shadow:0 6px 14px #4c341b45}
.studio-detail .portfolio-scope>h3{border-color:#8c683d66}.studio-detail .portfolio-scope li::marker{color:#805824}
.studio-detail .review-kicker{color:#785323}.studio-detail .review-rating{background:none;box-shadow:none;border:0}
.studio-detail .review-star span{color:#937e5e}.studio-detail .review-star.selected span{color:#986517;text-shadow:0 1px #ffedbc}.studio-detail .review-star:hover span{color:#b2741b}
.studio-detail .review-parchment{box-shadow:0 5px 12px #56391e30}.studio-detail .review-empty{box-shadow:0 5px 12px #56391e30;background:#fff5db80}
.studio-detail .detail-status{overflow-wrap:anywhere}.studio-detail form>button+button{margin-left:10px}
@media(max-width:600px){.studio-detail{width:calc(100vw - 24px);max-height:92dvh;font-size:17px}.studio-detail .detail-header{padding:20px 15px;gap:10px}.studio-detail .detail-header h2{font-size:25px}.studio-detail .detail-shell>div{padding:22px 16px}.studio-detail .detail-shell>p{margin:24px 16px}.studio-detail .detail-close{font-size:13px;padding:8px}.studio-detail .calculator-total{font-size:22px}.studio-detail .about-modal-lead{font-size:22px}.studio-detail fieldset{padding:12px 10px}.studio-detail form>button{margin:8px 6px 0 0!important}}
.studio-detail .detail-shell{display:flow-root}

.studio-detail.book-emerging::backdrop{background:transparent;backdrop-filter:none}

.review-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-detail .review-actions button{margin:0;min-width:0}.studio-detail .review-site{display:inline-block;margin-top:14px;color:#65400e;text-decoration:underline;text-underline-offset:4px}@media(max-width:420px){.studio-detail .review-actions button{padding:10px 8px;font-size:14px}}

/* Portfolio directions must remain visibly distinct from the detailed body copy. */
.studio-detail .portfolio-scope>section{margin:28px 0 32px}
.studio-detail .portfolio-scope>section>h4{font:700 25px/1.3 Georgia,serif;letter-spacing:.01em;color:#17334d;border-top:3px double #a58048;border-bottom:1px solid #a5804866;padding:13px 0 11px;margin:0 0 12px;text-shadow:0 1px #fff5db}
.studio-detail .portfolio-scope>section>ul{color:var(--ink)}
@media(max-width:600px){.studio-detail .portfolio-scope>section>h4{font-size:23px}.studio-detail .portfolio-scope>section{margin:24px 0 28px}}

.book-spread-preview{position:absolute;inset:0;z-index:5;pointer-events:none}
.book-preview-half{position:absolute;left:0;top:0;overflow:hidden;transform-origin:0 0;pointer-events:none}
.studio-detail.book-preview-content{position:absolute;top:0;margin:0;max-width:none;max-height:none;box-sizing:border-box;overflow:hidden;pointer-events:none;border-radius:0}
.book-preview-half:first-child:after,.book-preview-half:last-child:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 70%,#35221344)}
.book-preview-half:last-child:after{background:linear-gradient(90deg,#35221344,transparent 30%)}

.studio-detail.book-emerging{overflow:hidden;scrollbar-width:none}.studio-detail.book-emerging::-webkit-scrollbar{display:none}

/* Stable geometry while asynchronous review content arrives. */
.studio-detail.review-book-window{height:min(620px,90dvh);box-sizing:border-box}

.studio-detail.review-book-window{scrollbar-width:none}
.studio-detail.review-book-window::-webkit-scrollbar{display:none}
.studio-detail.book-emerging::backdrop{animation:book-room-dim 3400ms cubic-bezier(.42,0,.28,1) both}
@keyframes book-room-dim{0%,22%{background:transparent;backdrop-filter:blur(0px)}100%{background:#030913bd;backdrop-filter:blur(6px)}}

.book-window-sketch{position:absolute!important;inset:0;pointer-events:none;background:linear-gradient(135deg,#f0dfba,#d8bd89);color:#695036;overflow:hidden;z-index:9;box-shadow:inset 0 0 0 2px #94744766,inset 0 0 55px #80603a25}
.book-window-sketch button,.book-window-sketch input,.book-window-sketch textarea{box-shadow:none!important;border-color:#94744788!important}

.book-sketch-lines{margin:28px 0;padding:28px;border:1px solid #97774666}.book-sketch-lines i{display:block;height:1px;margin:22px 0;background:linear-gradient(90deg,transparent,#97774699 8%,#97774699 82%,transparent);width:90%}.book-sketch-lines i:nth-child(even){width:72%}