/* Original studio composition. Catalogue artwork and production colours are untouched. */
html body #main-content#main-content.cl-library{--studio-orange:#ef5500;--studio-ink:#40200f;--studio-paper:#ffe0c2;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:#ef5500!important;color:#40200f!important;isolation:isolate}
html body #main-content#main-content.cl-library:not(.cl-detail){background:linear-gradient(120deg,#ffd0a4 0%,#fca66e 44%,#ef5500 100%)!important}
html body #main-content#main-content .studio-arrival{min-height:82svh;padding:clamp(96px,12vw,180px) 7vw 80px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;background:radial-gradient(ellipse at 10% 0%,#fff1de99,transparent 65%)!important;color:#40200f!important}
html body #main-content#main-content .studio-arrival h1{font:400 clamp(56px,8.2vw,130px)/.98 Georgia,serif!important;letter-spacing:-.055em!important;max-width:1050px!important;margin:24px 0!important;color:#40200f!important}
html body #main-content#main-content .studio-arrival h1 em{font-weight:400}
html body #main-content#main-content .studio-arrival p,html body #main-content#main-content .studio-stop-heading p{font:400 17px/1.55 Arial,sans-serif!important;color:#40200f!important;background:none!important;max-width:550px}
html body #main-content#main-content .studio-eyebrow{font:700 11px/1.6 Arial,sans-serif!important;letter-spacing:.17em!important;text-transform:uppercase}
html body #main-content#main-content .studio-waypoints{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
html body #main-content#main-content .studio-waypoints a{display:flex;align-items:center;min-height:48px;padding:12px 18px!important;border:1px solid #6e311e!important;border-radius:2px;color:#40200f!important;background:#ffe7cf70!important;font:600 14px/1.4 Arial,sans-serif!important;text-decoration:none!important;transition:background .2s,transform .2s}
html body #main-content#main-content .studio-waypoints a:hover{background:#fff0dc!important;transform:translateY(-3px)}
html body #main-content#main-content .studio-terms{font-size:13px!important}
html body #main-content#main-content .studio-stop{position:relative!important;overflow:visible!important;margin:0!important;padding:75px 6vw 100px!important;border:0!important;scroll-margin-top:75px;background:linear-gradient(170deg,#ffc18f,#f98b45 65%,#ed641d)!important;box-shadow:inset 0 1px #fff3!important}
html body #main-content#main-content .studio-stop:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#77340b12,transparent 15%,transparent 85%,#77340b14);z-index:-1}
html body #main-content#main-content .studio-stop-heading{position:relative!important;margin:0 0 40px!important;padding:0!important;background:none!important;border:0!important;color:#40200f!important}
html body #main-content#main-content .studio-stop-heading h2{font:400 clamp(46px,6vw,82px)/1.05 Georgia,serif!important;color:#40200f!important;margin:12px 0!important}
html body #main-content#main-content .studio-stop .cl-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:48px 24px!important;margin:0!important;padding:0!important;perspective:1400px}
html body #main-content#main-content .studio-stop:not([data-studio-stop="christmas"]) .cl-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body #main-content#main-content .studio-stop .cl-card{min-width:0!important;position:relative!important;display:flex!important;flex-direction:column!important;overflow:visible!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
html body #main-content#main-content .studio-stop .cl-art{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;margin:0!important;overflow:visible!important;background:transparent!important;border:0!important;transform:translateY(var(--studio-lift,0px)) rotateY(var(--studio-turn,0deg))!important;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s!important;filter:drop-shadow(0 18px 12px #71320c26);z-index:1}
html body #main-content#main-content .studio-stop .cl-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;aspect-ratio:3/4!important;border-radius:2px!important;transform:none!important;background:transparent!important}
html body #main-content#main-content .studio-stop .cl-art:hover,html body #main-content#main-content .studio-stop .cl-art:focus-visible{--studio-lift:-12px;--studio-turn:-4deg;filter:drop-shadow(0 27px 18px #71320c48);z-index:2}
html body #main-content#main-content .studio-stop .cl-card:after{content:'';position:absolute;left:-8%;right:-8%;top:calc((100vw - 12vw - 96px)/5 * 4/3 + 3px);height:8px;background:#f7a167;box-shadow:0 9px 14px #7e300d30;pointer-events:none;z-index:-1}
html body #main-content#main-content .studio-stop .cl-card-copy{padding:23px 0 0!important;background:transparent!important;color:#40200f!important;border:0!important}
html body #main-content#main-content .studio-stop .cl-reference{display:none!important}
html body #main-content#main-content .studio-stop h3,html body #main-content#main-content .studio-stop h3 a{font:500 20px/1.2 Georgia,serif!important;color:#40200f!important;letter-spacing:0!important;margin:0 0 10px!important;text-decoration:none!important}
html body #main-content#main-content .studio-stop .cl-price{font:600 14px/1.4 Arial,sans-serif!important;color:#40200f!important;margin:8px 0!important}
html body #main-content#main-content .studio-stop .cl-overview{font:500 13px/1.5 Arial,sans-serif!important;color:#40200f!important;text-underline-offset:4px;margin-top:12px!important}
html body #main-content#main-content .collection-picker{display:flex!important;align-items:center!important;gap:12px!important;margin:16px 0!important;background:transparent!important}
html body #main-content#main-content .collection-picker button{min-width:44px!important;min-height:44px!important;padding:8px 12px!important;border:1px solid #753a21!important;border-radius:2px!important;background:#ffe2c8!important;color:#40200f!important;font:600 14px Arial,sans-serif!important}
html body #main-content#main-content .collection-picker button:disabled{opacity:.5!important}
html body #main-content#main-content .collection-picker output{min-width:20px;text-align:center;color:#40200f!important}
html body #main-content#main-content a:focus-visible,html body #main-content#main-content button:focus-visible{outline:3px solid #40200f!important;outline-offset:5px!important}
html body #main-content#main-content.cl-detail{padding:40px 6vw 75px!important;background:#fff5eb!important}
html body #main-content#main-content.cl-detail .cl-back{color:#40200f!important;font:14px Arial,sans-serif!important}
html body #main-content#main-content.cl-detail .cl-detail-layout{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;gap:7vw!important;align-items:start!important;padding-top:30px!important;background:transparent!important}
html body #main-content#main-content.cl-detail .cl-view-gallery{margin:0!important;min-width:0!important;background:transparent!important}
html body #main-content#main-content.cl-detail .cl-view-gallery>img{max-height:75svh!important;object-fit:contain!important;background:#ef5500!important}
html body #main-content#main-content.cl-detail .studio-product-info{position:sticky;top:100px;padding:30px 0!important;color:#40200f!important;background:transparent!important}
html body #main-content#main-content.cl-detail h1{font:400 clamp(34px,3vw,50px)/1.08 Georgia,serif!important;color:#40200f!important;letter-spacing:-.025em!important}
html body #main-content#main-content.cl-detail p,html body #main-content#main-content.cl-detail summary,html body #main-content#main-content.cl-detail figcaption,html body #main-content#main-content.cl-detail a{color:#40200f!important;font-family:Arial,sans-serif!important;line-height:1.6!important}
html body #main-content#main-content.cl-detail .cl-price{font-size:22px!important;font-weight:600!important}
html body #main-content#main-content.cl-detail .studio-product-info>.cl-overview{display:block!important;text-align:center!important;background:#40200f!important;color:#fff5eb!important;padding:16px 22px!important;border:0!important;text-decoration:none!important;min-height:50px!important;margin:24px 0!important}
html body #main-content#main-content.cl-detail .studio-product-details{border-top:1px solid #40200f55;padding:20px 0;margin-top:20px}
html body #main-content#main-content.cl-detail summary{cursor:pointer;font-weight:600!important;min-height:44px}
@media(max-width:1000px){html body #main-content#main-content .studio-stop .cl-grid,html body #main-content#main-content .studio-stop:not([data-studio-stop="christmas"]) .cl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}html body #main-content#main-content .studio-stop .cl-card:after{display:none}}
@media(max-width:600px){html body #main-content#main-content .studio-arrival{min-height:75svh;padding:100px 6vw 55px!important}html body #main-content#main-content .studio-arrival h1{font-size:56px!important}html body #main-content#main-content .studio-waypoints{gap:8px}html body #main-content#main-content .studio-waypoints a{font-size:12px!important;padding:12px!important}html body #main-content#main-content .studio-stop{padding:55px 6vw 70px!important}html body #main-content#main-content .studio-stop .cl-grid,html body #main-content#main-content .studio-stop:not([data-studio-stop="christmas"]) .cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:35px 16px!important}html body #main-content#main-content .studio-stop h3,html body #main-content#main-content .studio-stop h3 a{font-size:19px!important}html body #main-content#main-content.cl-detail .cl-detail-layout{grid-template-columns:1fr!important;gap:20px!important}html body #main-content#main-content.cl-detail .studio-product-info{position:static;padding:0!important}html body #main-content#main-content.cl-detail .cl-view-gallery>img{max-height:60svh!important}}
@media(prefers-reduced-motion:reduce){html body #main-content#main-content .cl-art,html body #main-content#main-content .studio-waypoints a{transition:none!important;transform:none!important}}

html body #main-content#main-content .cl-grid{background:transparent!important;border:0!important}
html body #main-content#main-content :is(p,h1,h2,h3,a,span,output,button,summary){-webkit-text-fill-color:currentColor!important}
html body #main-content#main-content .studio-stop .cl-card{translate:0 calc((1 - var(--studio-enter,1))*22px);rotate:calc((1 - var(--studio-enter,1))*-2deg);transition:translate .25s ease-out,rotate .25s ease-out!important}
html body #main-content#main-content .studio-arrival{background-image:linear-gradient(90deg,#ffcfaaed,#ffcfaa70),var(--room-image,none)!important;background-size:cover!important;background-position:center!important}
html body #main-content#main-content .studio-stop.has-room{background-image:linear-gradient(#ffd3b5da,#ffbc8ad9),var(--room-image)!important;background-size:cover!important;background-position:center!important;background-attachment:scroll!important}
html body #main-content#main-content .studio-travel{height:170svh;position:relative;background:#ef5500}
html body #main-content#main-content .studio-travel-sticky{position:sticky;top:0;height:100svh;overflow:hidden}
html body #main-content#main-content .studio-travel video{width:100%;height:100%;object-fit:cover;display:block}
html body #main-content#main-content .studio-travel-skip{position:absolute;bottom:50px;right:6vw;padding:16px 22px;min-height:48px;background:#ffe3c8!important;color:#40200f!important;border:1px solid #40200f;text-decoration:none;font:600 14px Arial,sans-serif}
@media(prefers-reduced-motion:reduce){html body #main-content#main-content .studio-stop .cl-card{translate:none;rotate:none;transition:none!important}}
html body #main-content#main-content .studio-arrival h1 em{color:#8e310b!important;-webkit-text-fill-color:currentColor!important}
/* Latest direction: a single-orange sculptural space, not a realistic workshop. */
html body #main-content#main-content.cl-library:not(.cl-detail),html body #main-content#main-content .studio-arrival,html body #main-content#main-content .studio-stop{background-color:#ef5500!important;background-image:none!important}
html body #main-content#main-content .studio-arrival{min-height:85svh}
html body #main-content#main-content .studio-arrival h1{font:600 clamp(54px,7.4vw,112px)/.98 Arial,sans-serif!important;letter-spacing:-.065em!important;max-width:1000px!important}
html body #main-content#main-content .studio-arrival h1 em{font-style:normal!important;color:#40200f!important}
html body #main-content#main-content .studio-stop-heading h2{font:500 clamp(48px,6vw,88px)/1 Arial,sans-serif!important;letter-spacing:-.06em!important}
html body #main-content#main-content .studio-stop h3,html body #main-content#main-content .studio-stop h3 a{font:600 17px/1.3 Arial,sans-serif!important;letter-spacing:-.02em!important}
html body #main-content#main-content .studio-stop{box-shadow:none!important}
html body #main-content#main-content .studio-stop .cl-grid{position:relative;transform-style:preserve-3d}
html body #main-content#main-content .studio-stop .cl-card:after{background:#e84d00;box-shadow:0 13px 17px #7e300d38;border-top:1px solid #ff8b44}
html body #main-content#main-content .studio-waypoints a,html body #main-content#main-content .collection-picker button{background:#ef5500!important;border-radius:999px!important}
html body #main-content#main-content .studio-waypoints a:hover,html body #main-content#main-content .collection-picker button:not(:disabled):hover{background:#40200f!important;color:#ffbf98!important}
html body #main-content#main-content .studio-arrival.has-room{background-image:linear-gradient(90deg,#ef5500e0,#ef550030),var(--room-image)!important}
html body #main-content#main-content .studio-stop.has-room{background-image:linear-gradient(#ef550080,#ef5500a8),var(--room-image)!important}
/* Card objects are registered to the delivered podium coordinates, not a floating grid. */
html body #main-content#main-content .studio-stop.has-podium{background-image:none!important;padding-inline:0!important}
html body #main-content#main-content .has-podium>.studio-stop-heading{padding-inline:6vw!important}
html body #main-content#main-content .studio-podium{position:relative;min-height:calc(var(--groups,1)*90svh)}
html body #main-content#main-content .studio-podium-frame{position:sticky;top:80px;aspect-ratio:16/9;width:min(100%,calc((100svh - 100px)*16/9));margin:auto;overflow:visible;isolation:isolate}
html body #main-content#main-content .studio-podium-room{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
html body #main-content#main-content .studio-podium-group[hidden]{display:none!important}
html body #main-content#main-content .studio-podium-card{display:block;position:absolute;left:var(--card-x);top:var(--card-ground);width:var(--card-width);height:auto;transform:translate(-50%,-100%) perspective(900px) rotateY(var(--card-angle,-3deg));transform-origin:50% 100%;transition:transform .3s ease,filter .3s ease;color:#40200f!important;text-decoration:none;z-index:2;filter:drop-shadow(5px 6px 4px #57210955)}
html body #main-content#main-content .studio-podium-card>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:1px;pointer-events:none;box-shadow:2px 0 0 #b24013}
html body #main-content#main-content .studio-podium-card:before{content:'';position:absolute;left:-8%;width:116%;height:11%;bottom:-4%;border-radius:50%;background:#74300b70;filter:blur(5px);transform:rotateX(65deg);z-index:-1;pointer-events:none}
html body #main-content#main-content .studio-podium-card:hover,html body #main-content#main-content .studio-podium-card:focus-visible{transform:translate(-50%,calc(-100% - 10px)) perspective(900px) rotateY(0deg) scale(1.04);z-index:3;filter:drop-shadow(5px 12px 8px #57210960)}
html body #main-content#main-content .studio-podium-label{display:block;position:absolute;top:calc(100% + 17px);left:-14%;width:128%;font:600 clamp(11px,1vw,16px)/1.25 Arial,sans-serif;text-align:center;color:#40200f!important;text-shadow:0 1px #ffac6655}
html body #main-content#main-content .studio-podium-controls{position:absolute;bottom:3%;left:6%;right:6%;display:flex;justify-content:center;align-items:center;gap:16px;color:#40200f;font:600 14px/1.4 Arial,sans-serif}
html body #main-content#main-content .studio-podium-controls button{min-height:44px;padding:10px 18px;border:1px solid #40200f;border-radius:24px;background:#ef5500;color:#40200f;font:600 13px Arial,sans-serif;cursor:pointer}
html body #main-content#main-content .studio-all-designs{margin:30px 6vw;color:#40200f}
html body #main-content#main-content .studio-all-designs>summary{padding:18px 0;min-height:48px;cursor:pointer;font:600 16px Arial,sans-serif}
html body #main-content#main-content .studio-all-designs[open]>.cl-grid{padding-top:35px!important}
@media(prefers-reduced-motion:reduce){html body #main-content#main-content .studio-podium{min-height:0}html body #main-content#main-content .studio-podium-frame{position:relative;top:0}html body #main-content#main-content .studio-podium-card{transition:none!important}html body #main-content#main-content .studio-podium-card:hover,html body #main-content#main-content .studio-podium-card:focus-visible{transform:translate(-50%,-100%)} }

html body #main-content#main-content .studio-podium-card:before{display:none}
html body #main-content#main-content .studio-podium-shadow{position:absolute;left:var(--card-x);top:var(--card-ground);width:calc(var(--card-width)*1.15);height:2%;transform:translate(-46%,-30%);border-radius:50%;background:#74300b70;filter:blur(5px);pointer-events:none;z-index:1}

html body #main-content#main-content .studio-podium-card>img{aspect-ratio:auto}
/* One sticky room carries both the camera move and the interactive collection. */
html body #main-content#main-content .studio-podium{min-height:calc((var(--groups,1)*.9 + var(--travel,0))*100svh)}
html body #main-content#main-content .has-podium{padding-top:0!important}
html body #main-content#main-content .studio-podium-frame>.studio-stop-heading{position:absolute!important;top:4%;left:6%;margin:0!important;z-index:4;pointer-events:none;padding:0!important}
html body #main-content#main-content .studio-podium-frame>.studio-stop-heading h2{font-size:clamp(30px,3.8vw,62px)!important;margin:5px 0!important}
html body #main-content#main-content .studio-podium-frame>.studio-stop-heading p:last-child{display:none}
html body #main-content#main-content .studio-scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;z-index:0}
html body #main-content#main-content .studio-scene-video.is-ready{opacity:1}
html body #main-content#main-content .studio-podium-frame .studio-travel-skip{position:absolute;bottom:4%;right:6%;z-index:5;cursor:pointer;border-radius:24px}
html body #main-content#main-content .studio-podium-frame:not(.is-travelling) .studio-travel-skip{display:none}
html body #main-content#main-content .studio-podium-frame.is-travelling .studio-podium-controls{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){html body #main-content#main-content .studio-podium{min-height:0}}
html body #main-content#main-content .studio-podium-controls :is(button,span){color:#40200f!important;-webkit-text-fill-color:currentColor!important;font-weight:600!important}
html body #main-content#main-content .studio-podium-controls button{background:#ef5500!important;border-color:#40200f!important}
html body #main-content#main-content .studio-podium-card>img{aspect-ratio:var(--card-aspect,3/4);object-fit:contain}
html body #main-content#main-content .studio-podium-frame.is-held .studio-podium-room{z-index:1}
html body #main-content#main-content .studio-podium-controls{z-index:4}
@media(max-width:600px){html body #main-content#main-content .studio-stop.has-room{background-image:none!important}html body #main-content#main-content .studio-mobile-room{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:0 0 30px;background:transparent}}
html body #main-content#main-content .studio-podium-frame:before{content:'';position:absolute;inset:0 0 50%;background:linear-gradient(180deg,#602000c9,#60200088 40%,transparent);z-index:1;pointer-events:none}
html body #main-content#main-content .studio-podium-frame>.studio-stop-heading :is(h2,p){color:#fff2e6!important;-webkit-text-fill-color:currentColor!important}
html body #main-content#main-content .studio-podium-frame:before{z-index:2}
html body #main-content#main-content .studio-podium-card{z-index:3}
/* Ordinary mobile cards must paint reliably while scrolling and capturing tall lists. */
@media(max-width:600px){html body #main-content#main-content .studio-stop .cl-grid{perspective:none!important;transform-style:flat!important}html body #main-content#main-content .studio-stop .cl-card{translate:none!important;rotate:none!important}html body #main-content#main-content .studio-stop .cl-art{transform:none!important;filter:none!important}}

html body #main-content#main-content .studio-cover-mask{display:block;width:100%;height:auto;aspect-ratio:var(--card-aspect);overflow:visible}
