/* Independent visual layer for the local studio concept. */
@import url('./modern/carousel.css');
html{overflow-x:hidden}
:root{--ink:#291b33;--wine:#6936bd;--paper:#faf7f2;--gold:#dcfc8b;--font:'Manrope',system-ui,sans-serif;--muted:#766b7d;--line:#e0d8e5}
html{scroll-padding-top:110px}body{background:var(--paper);overflow-x:clip}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{transition:background .22s,color .22s,box-shadow .22s,transform .22s}h1,h2,h3{font-family:var(--font)}h2{font-size:clamp(38px,5vw,66px);font-weight:600;letter-spacing:-.065em;line-height:1.05}h2 em{font-style:normal;color:#8251bd}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:#dcfc8b;padding:12px;border-radius:12px}.skip-link:focus{top:10px}.preview-bar{display:flex;justify-content:center;align-items:center;gap:28px;padding:8px 24px;background:#e9dfef;font-size:10px;font-weight:800;letter-spacing:.1em;color:#4c3359}.preview-bar span{font-weight:500;letter-spacing:0}.preview-bar a{text-decoration:underline;text-underline-offset:3px}
.modern-site header{position:sticky;top:0;z-index:30;padding:19px 5%;max-width:none;background:rgba(250,247,242,.91);backdrop-filter:blur(20px);border-bottom:1px solid #291b3310;transition:box-shadow .3s}.modern-site header.is-scrolled{box-shadow:0 8px 40px #291b3310}.brand{font-size:35px;font-weight:600;letter-spacing:-.08em}.brand span{color:#8251bd}.brand div{font-size:13px;letter-spacing:.13em}.brand small{font-size:9px;letter-spacing:.2em}nav{gap:32px;font-size:12px;font-weight:600}.nav-cta{border:1px solid var(--ink);border-radius:50px;background:var(--ink);color:#fff;padding:12px 22px}.nav-cta:hover{background:#6936bd;border-color:#6936bd;transform:translateY(-2px)}.menu-toggle{display:none}.button{border-radius:50px;padding:17px 27px;font-size:13px;font-weight:700;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:24px}.button:hover{background:#542598;transform:translateY(-3px);box-shadow:0 10px 24px #6936bd25}.button:active{transform:translateY(0)}.button span{font-size:20px;line-height:1}button:disabled{transform:none}.text-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:600;font-size:13px}.social-link{gap:10px}.actions{gap:25px}
.modern-hero{position:relative;max-width:none;min-height:710px;grid-template-columns:1.15fr 1fr;padding:60px 7% 95px;gap:60px;overflow:hidden;background:radial-gradient(ellipse at 76% 42%,#e6d5f399,transparent 55%),var(--paper)}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;color:#62546c}.live-dot{width:7px;height:7px;border-radius:50%;background:#8251bd;box-shadow:0 0 0 4px #8251bd14}.modern-hero h1{position:relative;font-size:clamp(56px,6.7vw,103px);font-weight:600;line-height:.99;letter-spacing:-.073em;margin:30px 0}.modern-hero h1 em{position:relative;color:#8754b6;font-weight:600;font-style:normal}.modern-hero h1 em:after{content:'';position:absolute;left:3%;right:-2%;bottom:-9px;height:12px;border-top:2px solid #8754b6;border-radius:50%;transform:rotate(-3deg)}.title-spark{position:absolute;color:#6936bd;font-size:55px;left:95%;top:30%;animation:turn 25s linear infinite}.modern-hero .intro{font-size:15px;line-height:1.9;max-width:450px;color:#766b7d;margin:30px 0}.hero-explore{font-size:12px;display:flex;gap:16px;align-items:center;font-weight:600}.hero-explore span{font-size:22px}.hero-details{display:flex;align-items:center;gap:15px;margin-top:40px}.hero-details p{font-size:10px;line-height:1.9;color:#776b7e;margin:0}.hero-details strong{font-weight:500;color:#49384f}.tiny-star{border:1px solid #ddd0e5;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:27px;color:#8050ab}.hero-scene{height:510px;position:relative;isolation:isolate}.scene-orbit{position:absolute;inset:20px -18px 5px;border:1px solid #d8c6e5;border-radius:50%;transform:rotate(-20deg)}.scene-orbit:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#ba91d0;left:18px;top:80px}.modern-hero .hero-art{position:absolute;left:7%;top:20px;width:83%;border:0;border-radius:160px 160px 20px 20px;transform:rotate(6deg);padding:10px;background:white;box-shadow:0 22px 60px #51246322;animation:float-main 7s ease-in-out infinite}.modern-hero .hero-art img{height:350px;border-radius:150px 150px 10px 10px;object-fit:cover}.modern-hero .hero-art figcaption{text-align:left;padding:14px 12px 10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-art figcaption span{font-size:8px;letter-spacing:.08em;color:#8e7c96}.hero-art figcaption strong{font-size:11px;font-weight:600;color:#49384f}.floating-piece{position:absolute;left:-6%;bottom:0;width:42%;max-width:210px;background:#fff;padding:8px;margin:0;border-radius:16px;transform:rotate(-12deg);box-shadow:0 25px 40px #51246326;animation:float-small 6s ease-in-out infinite}.floating-piece img{width:100%;height:150px;display:block;object-fit:cover;border-radius:10px}.floating-piece figcaption{font-size:10px;font-weight:600;text-align:center;padding:12px 4px 4px}.scene-sticker{position:absolute;right:-4%;bottom:70px;background:var(--gold);color:#3c3c24;width:119px;height:119px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(13deg);font-size:12px;font-weight:700;line-height:1.4;box-shadow:0 10px 20px #35431513}.scene-sticker span{font-size:25px;margin-bottom:5px}.scene-tag{position:absolute;right:-5%;top:3px;background:#fff;border-radius:50px;padding:13px 18px;box-shadow:0 5px 25px #5124630c;font-size:10px;font-weight:600;transform:rotate(-5deg)}.scene-tag span{color:#8251bd;margin-right:6px;font-size:16px}.scroll-hint{position:absolute;bottom:24px;left:7%;display:flex;align-items:center;gap:10px;font-size:8px;font-weight:700;letter-spacing:.15em;color:#766b7d}.scroll-hint span{font-size:17px}
.ribbon{background:#dbcaed;overflow:hidden;display:block;padding:24px 0;transform:rotate(-1deg);margin:0 -4px;letter-spacing:-.03em;font-size:23px;font-weight:600;white-space:nowrap}.ribbon-track{display:flex;gap:55px;align-items:center;width:max-content;animation:marquee 28s linear infinite}.ribbon-track b{font-weight:400;font-size:31px;color:#6936bd}.ribbon:hover .ribbon-track{animation-play-state:paused}
.collection{max-width:1380px;padding:105px 7%}.section-head{align-items:center}.section-head>p{font-size:13px;color:#766b7d;line-height:1.9}.filters{margin:34px 0 38px;gap:9px}.filters button{border:1px solid #e4dce7;background:#fff;font-size:11px;padding:12px 20px}.filters button.active{background:var(--ink);color:white}.filters button:hover{transform:translateY(-2px);border-color:#9a75ba}.products{gap:35px 25px}.card{position:relative;min-width:0;border-radius:22px;background:#fff;padding:10px 10px 25px;box-shadow:0 3px 12px #291b3303;border:1px solid #ede7ef;transition:transform .35s,box-shadow .35s}.card:hover{transform:translateY(-8px);box-shadow:0 16px 36px #291b3310}.card .image-wrap{border-radius:15px;position:relative;background:#e9e0ef;overflow:hidden}.card img{height:310px;border-radius:15px;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.card:hover img{transform:scale(1.07)}.card h3{font-size:20px;margin:22px 15px 8px;letter-spacing:-.04em}.card p{font-size:12px;line-height:1.8;margin:0 15px 22px;color:#82728b}.card button{margin:0 15px;color:#6936bd;border:0;display:flex;gap:18px;align-items:center;font-size:11px;font-weight:700}.card button:after{content:'↗';font-size:21px}.collection-number{position:absolute;top:14px;left:14px;z-index:1;font-size:9px;background:#ffffffe6;border-radius:20px;padding:7px 11px;color:#4c3359;font-weight:700;backdrop-filter:blur(8px)}.image-note{font-size:10px;color:#9c8ba4;max-width:700px;margin-top:32px;line-height:1.8}
.process{margin:0 3%;border-radius:35px;background:#291b33;position:relative;overflow:hidden;grid-template-columns:1fr 1fr;gap:90px;padding:80px 7%}.process:before{content:'✳';font-size:330px;color:#ffffff05;position:absolute;bottom:-150px;left:25%;line-height:1}.process .eyebrow{color:#ccafe6}.process h2{color:#fff}.process h2 em{color:#d7bcf0}.process p{font-size:13px;line-height:1.9;color:#bdb0c6}.process li{border-bottom:1px solid #ffffff16;padding:26px 0;gap:28px}.process li:last-child{border:0}.process li>span{color:#dcfc8b;font-size:14px;font-weight:600;min-width:25px}.process li h3{font-size:22px;color:#eee6f3}.process li p{font-size:12px;max-width:360px}.studio{padding:115px 7%;gap:100px;max-width:1380px}.studio img{height:440px;border-radius:30px 150px 30px 30px;box-shadow:18px 18px 0 #e8d9f0}.studio p{font-size:14px;line-height:1.9;color:#82728b}.studio .eyebrow{font-size:11px}.studio .text-link{display:inline-flex;margin-top:15px;color:#6936bd}.review-card,.offer-card{background:#fff;border:1px solid #e5dce9;border-radius:22px;padding:30px}.review-card blockquote{font-size:15px;line-height:1.9}.offer-card h3{font-size:23px}.stars{color:#8754b6}.enquiry{background:#e9ddf2;margin:0 3%;border-radius:35px;padding:85px 7%;gap:90px;align-items:start}.enquiry h2{font-size:clamp(44px,5.5vw,73px)}.enquiry>div>p{font-size:14px;line-height:1.9;color:#74627f}.enquiry .privacy{font-size:10px;max-width:340px;color:#897692}.enquiry form{background:#fff9;border:1px solid #fff;padding:30px;border-radius:24px;backdrop-filter:blur(10px)}label{font-size:11px;font-weight:600;margin-bottom:18px;color:#665271}input,select,textarea{border:1px solid #e3d8e9;border-radius:12px;background:#fffafc;padding:13px 15px;font-size:12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#9d74bc;outline:0;box-shadow:0 0 0 4px #a77ac315}input::placeholder,textarea::placeholder{color:#aa9cb1}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6936bd;outline-offset:2px}.enquiry form>.button{width:100%;margin-top:5px}#prepared{border-top:1px solid #d5c3df;padding-top:24px}#delivery-status,#status{font-size:11px;line-height:1.8}.faq{padding:105px 7%;max-width:1000px}.faq h2{font-size:42px;margin-bottom:38px}.faq details{border-color:#e2d8e7;padding:24px 0}.faq summary{font-size:14px;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:24px;font-weight:400;color:#8251bd}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.9;color:#82728b}.modern-site footer{background:#291b33;color:#e9ddf2;border:0;min-height:160px;padding:40px 6%}.modern-site footer p,.modern-site footer small{font-size:10px;color:#bfadc9}.modern-site footer a{font-size:12px}.modern-site footer .brand{font-size:30px}.modern-site footer .brand span{color:#dcfc8b}.modern-site footer .brand div{font-size:12px}.modern-site footer .brand small{font-size:9px}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:#8754b6;z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}
.modern-admin{background:#f6f1f9}.modern-admin header{background:#fff;border-color:#e3d8e9}.modern-admin .admin-panel{background:#fff;border:1px solid #e6ddeb;border-radius:20px}.modern-admin .admin-sidebar{top:160px}.modern-admin .admin-sidebar button{background:#fff;border-color:#e5dce9;border-radius:12px;font-size:13px}.modern-admin .admin-sidebar button.active{background:#6936bd;color:#fff}.modern-admin .draft-row button{border-radius:30px;border-color:#e1d4e9;font-size:11px}.modern-admin .draft-row{border-color:#ece2f1}.modern-admin .order-card{background:#faf6fc}.modern-admin .order-card h3{font-size:24px}.modern-admin .admin-actions .button{padding:12px 20px}.modern-admin .admin-shell h1{font-weight:700}.modern-admin .admin-panel h2{font-weight:600}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes float-main{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-10px) rotate(4deg)}}@keyframes float-small{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(8px) rotate(-9deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1500px){.modern-hero{padding-left:max(7%,calc((100vw - 1320px)/2));padding-right:max(7%,calc((100vw - 1320px)/2))}.modern-hero h1{font-size:103px}}
@media(max-width:1100px){.modern-hero{gap:35px;padding:50px 6% 80px;min-height:650px}.modern-hero h1{font-size:73px}.hero-scene{height:455px}.modern-hero .hero-art img{height:310px}.hero-art figcaption span{display:none}.scene-sticker{width:100px;height:100px;font-size:11px}.scene-tag{right:-2%}.floating-piece img{height:120px}.title-spark{left:91%;font-size:35px}.card img{height:250px}.process,.enquiry{gap:45px}.studio{gap:65px}.studio img{height:380px}}
@media(max-width:760px){.preview-bar{font-size:8px;gap:16px;padding:8px 12px}.preview-bar span{display:none}.modern-site header{padding:16px 5%}.brand{font-size:28px}.brand div{font-size:11px}.brand small{font-size:8px}nav .nav-cta{font-size:10px;padding:10px 14px;max-width:none}nav{gap:10px}.menu-toggle{display:block;border:1px solid #d9cce2;border-radius:50%;background:transparent;width:36px;height:36px;font-size:19px;cursor:pointer}.modern-site nav.is-open{position:absolute;top:100%;left:0;right:0;padding:22px 6%;background:#faf7f2;box-shadow:0 10px 20px #291b3310;flex-wrap:wrap;border-top:1px solid #e3d8e9}.modern-site nav.is-open>a{display:block!important}.modern-site nav.is-open .menu-toggle{margin-left:auto}.modern-hero{padding:40px 7% 75px;grid-template-columns:1fr;gap:40px;min-height:auto}.modern-hero h1{font-size:clamp(52px,11.5vw,83px);max-width:550px;margin:25px 0}.modern-hero .intro{font-size:13px;max-width:420px}.hero-copy .eyebrow{font-size:9px}.title-spark{left:85%;top:38%;font-size:33px}.modern-hero .actions{gap:20px}.modern-hero .button{padding:15px 22px;font-size:11px;gap:14px}.hero-explore{font-size:10px;gap:12px}.hero-details{margin-top:25px}.hero-scene{width:min(90%,440px);margin:0 auto;height:440px}.modern-hero .hero-art{left:10%;width:83%;top:10px}.modern-hero .hero-art img{height:310px}.floating-piece{left:0;bottom:0;width:40%}.floating-piece img{height:125px}.scene-sticker{right:-5%;bottom:40px}.scene-tag{right:-5%;font-size:9px;top:-7px}.scroll-hint{font-size:7px;bottom:20px}.ribbon{padding:18px 0;font-size:19px}.ribbon-track{gap:32px}.ribbon-track b{font-size:25px}.collection{padding:65px 6%}.section-head>p{font-size:12px}.filters{gap:7px;margin:26px 0}.filters button{font-size:10px;padding:10px 14px}.products{gap:24px 14px}.card{padding:7px 7px 20px;border-radius:17px}.card img{height:215px}.card .image-wrap,.card img{border-radius:11px}.card h3{font-size:17px;margin:16px 9px 9px;line-height:1.25}.card p{font-size:11px;margin:0 9px 16px}.card button{margin:0 9px;font-size:10px;gap:12px}.collection-number{font-size:7px;top:10px;left:10px;padding:5px 8px}.process,.studio,.enquiry{grid-template-columns:1fr;gap:30px;padding:50px 7%}.process,.enquiry{margin:0 4%;border-radius:25px}.process li{padding:22px 0}.studio{padding:80px 8%}.studio img{height:370px;box-shadow:12px 12px 0 #e8d9f0}.enquiry form{padding:24px 20px;border-radius:20px}.enquiry h2{font-size:52px}.enquiry>div>p{font-size:13px}.faq{padding:70px 7%}.faq h2{font-size:35px}.faq summary{font-size:13px}.modern-site footer{gap:24px;min-height:180px}.modern-admin .admin-sidebar{position:static}.modern-admin .admin-panel{padding:22px}.modern-admin .order-card h3{font-size:21px}}
@media(max-width:420px){.hero-scene{height:390px;width:94%}.modern-hero .hero-art img{height:270px}.floating-piece img{height:105px}.scene-sticker{width:86px;height:86px;font-size:10px;right:-2%}.modern-hero h1{font-size:56px}.title-spark{left:93%;font-size:26px}.card img{height:180px}.card h3{font-size:15px}.studio img{height:300px}.hero-explore{gap:7px}.button{padding:14px 20px}.modern-admin .draft-row{gap:10px}}
@media(max-width:350px){.products{grid-template-columns:1fr}.card img{height:270px}.modern-hero h1{font-size:48px}.brand small{letter-spacing:.09em}.hero-scene{height:360px}.modern-hero .hero-art img{height:240px}.hero-explore{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card:hover,.button:hover,.nav-cta:hover{transform:none}.ribbon-track{transform:none}}
