/* Centered native scrolling, lit active card, smaller/dimmer adjacent cards. */
.blonde-studio .studio-carousel{--sc-card-width:520px;--sc-gap:22px;position:relative;width:100%;min-width:0;margin:0;isolation:isolate}
.blonde-studio .studio-carousel:before{content:"";position:absolute;z-index:-1;left:50%;bottom:67px;width:var(--sc-card-width);height:40px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#ef9fc459,transparent 70%);filter:blur(10px);pointer-events:none}
.blonde-studio .studio-carousel .sc-track{position:relative;display:flex!important;align-items:stretch;gap:0!important;grid-template-columns:none;width:100%!important;max-width:100%!important;margin:0!important;padding:34px max(0px,calc((100% - var(--sc-card-width))/2)) 48px!important;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(0px,calc((100% - var(--sc-card-width))/2));scrollbar-width:none;touch-action:pan-x pan-y;perspective:1500px;filter:none!important;transform:none!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;isolation:isolate;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.blonde-studio .studio-carousel .sc-track::-webkit-scrollbar{display:none}
.blonde-studio .studio-carousel .sc-track>.sc-card{position:relative;flex:0 0 var(--sc-card-width)!important;min-width:0;width:var(--sc-card-width)!important;max-width:none!important;max-height:none;scroll-snap-align:center;scroll-snap-stop:always;margin:0 var(--sc-gap) 0 0!important;opacity:1!important;filter:brightness(var(--sc-brightness,1))!important;transform:translateY(var(--sc-lift,0px)) scale(var(--sc-scale,1)) rotateY(var(--sc-angle,0deg))!important;transform-origin:50% 50%;transition:box-shadow .35s,border-color .35s;z-index:1;backface-visibility:hidden}
.blonde-studio .studio-carousel .sc-track>.sc-card:last-child{margin-right:0!important}
.blonde-studio .studio-carousel .sc-track>.sc-card.is-current{z-index:3;border-color:#f7abc6!important;box-shadow:4px 7px 0 #9b6a7c66,0 0 0 1px #f7abc65c,0 0 30px #ef9fc43b,0 22px 38px #30141f30!important}
.blonde-studio .sc-nav{display:grid;grid-template-columns:42px minmax(0,1fr) 42px 68px;align-items:center;gap:16px;width:min(570px,100%);margin:0 auto;color:var(--pink)}
.blonde-studio .sc-nav[hidden]{display:none}
.blonde-studio .sc-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #f5bad052;border-radius:50%;background:transparent;color:inherit;font:22px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,opacity .2s}
.blonde-studio .sc-arrow:hover:not(:disabled){background:#f6a7c41a}
.blonde-studio .sc-arrow:disabled{opacity:.28;cursor:default}
.blonde-studio .sc-dots{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.blonde-studio .sc-dot{display:grid;place-items:center;flex:0 1 27px;height:34px;min-width:16px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.blonde-studio .sc-dot:before{content:"";display:block;width:5px;height:5px;border-radius:5px;background:currentColor;opacity:.3;transition:width .25s,opacity .25s}
.blonde-studio .sc-dot[aria-current=true]:before{width:22px;opacity:1}
.blonde-studio .sc-count{font:10px/1 Arial,sans-serif;letter-spacing:.09em;font-variant-numeric:tabular-nums;text-align:right;color:#ad949e;white-space:nowrap}
.blonde-studio .sc-arrow:focus-visible,.blonde-studio .sc-dot:focus-visible,.blonde-studio .sc-track:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.blonde-studio .sc--results .sc-nav,.blonde-studio .sc--works .sc-nav,.blonde-studio .sc--fragments .sc-nav{color:var(--deep)}
.blonde-studio .sc--results .sc-arrow,.blonde-studio .sc--works .sc-arrow,.blonde-studio .sc--fragments .sc-arrow{border-color:#a3456945}
.blonde-studio .sc--results .sc-count,.blonde-studio .sc--works .sc-count,.blonde-studio .sc--fragments .sc-count{color:#8c7379}
/* Result cards */
.blonde-studio .sc--results .result-card{min-height:340px;padding:35px 36px;border-radius:26px}
.blonde-studio .sc--results .result-no{font-size:11px;margin-bottom:45px}
.blonde-studio .sc--results .result-card h3{font-size:37px;max-width:100%;line-height:1.12;margin-bottom:20px}
.blonde-studio .sc--results .result-card p{font-size:16px;max-width:100%;line-height:1.65}
/* Program: original six lesson nodes become six complete cards. */
.blonde-studio .book-scene{position:relative;perspective:none;max-width:100%;margin-top:32px}
.blonde-studio .book-scene>.bookmark{position:absolute!important;right:5%;top:-3px;width:58px;height:65px;margin:0!important;z-index:5;font-size:10px;line-height:1.2;color:var(--ink);pointer-events:none}
.blonde-studio .sc--lessons .lesson{display:grid;grid-template-columns:39px minmax(0,1fr);grid-template-rows:1fr auto;gap:20px 15px;align-items:start;min-height:480px;padding:34px 30px 27px;border:1px solid #f9e4d0!important;border-radius:26px;color:var(--ink);background:linear-gradient(140deg,#fff8ed,#e9d8c8);box-shadow:4px 7px 0 #ab9181}
.blonde-studio .sc--lessons .lesson-no{grid-column:1;grid-row:1;width:37px;height:37px;font:500 19px/1 var(--display);border-radius:10px}
.blonde-studio .sc--lessons .lesson>div:not(.lesson-shot){grid-column:2;grid-row:1;min-width:0}
.blonde-studio .sc--lessons .lesson h3{font-size:30px;line-height:1.15;margin:0 0 14px;text-transform:none}
.blonde-studio .sc--lessons .lesson p{font-size:14px;line-height:1.65}
.blonde-studio .sc--lessons .lesson-shot{grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:auto;aspect-ratio:16/9;margin:0;border-radius:14px;overflow:hidden;transform:none!important;align-self:end}
.blonde-studio .sc--lessons .lesson-shot img{object-fit:contain;object-position:center}
/* All eight bonuses retain their original direct-parent styling. */
.blonde-studio .sc-bonus-heading{margin-top:75px;padding-bottom:25px;display:flex}
.blonde-studio .sc-bonus-heading h2{font-size:clamp(35px,4vw,54px)}
.blonde-studio .sc--bonuses .bonus-suite>.extra-card:nth-of-type(n){min-height:355px;padding:35px 34px;border-radius:13px 27px 27px 13px}
.blonde-studio .sc--bonuses .bonus-suite>.extra-card b{font-size:10px;letter-spacing:.13em;margin-bottom:55px;min-height:15px}
.blonde-studio .sc--bonuses .bonus-suite>.extra-card h3{font-size:33px;font-family:Georgia,serif;line-height:1.15;margin-bottom:19px;hyphens:none;overflow-wrap:break-word;padding-right:0}
.blonde-studio .sc--bonuses .bonus-suite>.extra-card p{font-size:15px;line-height:1.65}
.blonde-studio .sc--bonuses .bonus-index{top:27px;right:25px;font-size:18px}
/* Portfolio: the feature image and four existing optional photos. */
.blonde-studio .sc--works .work-feature,.blonde-studio .sc--works .work-card{height:auto;min-height:0;aspect-ratio:4/5;border:7px solid var(--paper);border-radius:35px;padding:0;overflow:hidden;background:#2a2225}
.blonde-studio .sc--works .work-feature>img,.blonde-studio .sc--works .work-card>img{height:100%;object-fit:cover}
.blonde-studio .sc--works .work-feature-note{left:12px;right:12px;bottom:12px;padding:17px;border-radius:15px}
.blonde-studio .sc--works .work-feature-note b{font-size:23px;line-height:1.2}
.blonde-studio .sc--works .work-feature-note span{font-size:11px}
/* Fragments and existing reviews get the same visual focus treatment. */
.blonde-studio .sc--fragments .fragment-card{border-radius:26px;padding:10px 10px 24px}
.blonde-studio .sc--fragments .fragment-video{aspect-ratio:9/12}
.blonde-studio .sc--fragments .fragment-copy{padding:22px 15px 0}
.blonde-studio .sc--fragments .fragment-copy h3{font-size:30px}
.blonde-studio .sc--reviews .review{min-height:400px;padding:34px 32px;border-radius:26px}
.blonde-studio .sc--reviews .review p{font-size:24px;line-height:1.5}
.blonde-studio .sc--reviews .review-result{font-size:13px}
.blonde-studio .sc--reviews .review footer{font-size:12px}
/* Show each complete cover. object-fit:cover used to cut off its typography. */
.blonde-studio #materials .mock-sheet{height:auto!important;aspect-ratio:3/4;overflow:hidden;padding:0}
.blonde-studio #materials .mock-cover{inset:5px;border-radius:9px;overflow:hidden}
.blonde-studio #materials .mock-cover img{width:100%;height:100%;object-fit:contain!important;object-position:center;background:#fff9f0}
.blonde-studio #materials .mock-sheet:after{border-radius:12px}
.blonde-studio #materials .fallback-cover-content{padding:30px}
/* A positioned ticket keeps its decorative border inside the ticket. */
@media(max-width:820px){
 .blonde-studio #offer .ticket{position:relative;top:auto;isolation:isolate}
 .blonde-studio #offer .ticket:before{inset:9px;top:9px;left:9px;right:9px;bottom:9px;width:auto;height:auto}
 .blonde-studio .studio-carousel{width:calc(100% + 40px);max-width:none;margin-inline:-20px}
 .blonde-studio .studio-carousel .sc-track{padding-top:30px!important;padding-bottom:37px!important;scroll-padding-inline:max(0px,calc((100% - var(--sc-card-width))/2))}
 .blonde-studio .studio-carousel:before{bottom:60px}
 .blonde-studio .sc-nav{width:calc(100% - 40px);grid-template-columns:36px minmax(0,1fr) 36px 54px;gap:9px}
 .blonde-studio .sc-arrow{width:36px;height:36px;font-size:20px}
 .blonde-studio .sc-count{font-size:9px;letter-spacing:.05em}
 .blonde-studio .sc-dot{min-width:12px;flex-basis:23px;height:32px}
 .blonde-studio .sc-dot[aria-current=true]:before{width:19px}
 .blonde-studio .sc-dots{gap:2px}
 .blonde-studio .sc--results .result-card{min-height:330px;padding:30px 25px}
 .blonde-studio .sc--results .result-card h3{font-size:32px;margin-bottom:18px}
 .blonde-studio .sc--results .result-card p{font-size:14px;line-height:1.6}
 .blonde-studio .sc--results .result-no{font-size:10px;margin-bottom:36px}
 .blonde-studio .book-scene>.bookmark{right:7%;top:-2px;width:52px;height:60px}
 .blonde-studio .sc--lessons .lesson{min-height:440px;padding:30px 23px 23px;grid-template-columns:31px minmax(0,1fr);gap:22px 12px}
 .blonde-studio .sc--lessons .lesson-no{width:31px;height:34px;font-size:17px}
 .blonde-studio .sc--lessons .lesson h3{font-size:28px;margin-bottom:13px}
 .blonde-studio .sc--lessons .lesson p{font-size:13px;line-height:1.6}
 .blonde-studio .sc--lessons .lesson-shot{aspect-ratio:4/3}
 .blonde-studio .sc-bonus-heading{margin-top:65px;flex-direction:column;align-items:flex-start;gap:20px}
 .blonde-studio .sc--bonuses .bonus-suite>.extra-card:nth-of-type(n){min-height:340px;padding:31px 27px}
 .blonde-studio .sc--bonuses .bonus-suite>.extra-card b{font-size:9px;margin-bottom:47px}
 .blonde-studio .sc--bonuses .bonus-suite>.extra-card h3{font-size:31px;line-height:1.18}
 .blonde-studio .sc--bonuses .bonus-suite>.extra-card p{font-size:14px}
 .blonde-studio .sc--works .work-feature-note b{font-size:21px}
 .blonde-studio .sc--works .work-feature-note span{font-size:10px}
 .blonde-studio .sc--works .work-feature,.blonde-studio .sc--works .work-card{border-radius:27px}
 .blonde-studio .sc--fragments .fragment-copy h3{font-size:27px}
 .blonde-studio .sc--reviews .review{min-height:425px;padding:30px 25px}
 .blonde-studio .sc--reviews .review p{font-size:22px}
 .blonde-studio .sc--reviews .review-result{font-size:12px}
 .blonde-studio #materials .mockup-stack{min-height:calc(100vw * 1.13);max-height:550px}
}
@media(max-width:370px){
 .blonde-studio .studio-carousel{width:calc(100% + 32px);margin-inline:-16px}
 .blonde-studio .sc-nav{width:calc(100% - 32px);gap:6px;grid-template-columns:33px minmax(0,1fr) 33px 48px}
 .blonde-studio .sc-arrow{width:33px;height:33px}
 .blonde-studio .sc-dot{min-width:10px;flex-basis:20px}
 .blonde-studio .sc--results .result-card{min-height:340px;padding:28px 23px}
 .blonde-studio .sc--results .result-card h3{font-size:30px}
 .blonde-studio .sc--bonuses .bonus-suite>.extra-card:nth-of-type(n){padding:28px 23px;min-height:360px}
 .blonde-studio .sc--bonuses .bonus-suite>.extra-card h3{font-size:29px}
 .blonde-studio .sc--lessons .lesson{padding:28px 21px 21px;gap:20px 10px;min-height:460px}
 .blonde-studio .sc--lessons .lesson h3{font-size:26px}
 .blonde-studio .sc--works .work-feature-note{padding:12px;left:9px;right:9px;bottom:9px}
 .blonde-studio .sc--works .work-feature-note b{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.blonde-studio .studio-carousel *,.blonde-studio .studio-carousel *:before,.blonde-studio .studio-carousel *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
