:root{--ink:#201442;--purple:#7418dc;--cyan:#049db7;--cream:#fff8e8;--muted:#625a74}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.container{width:min(1250px,88%);margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:999}.skip-link:focus{top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;min-height:46px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.3;transition:transform .25s,box-shadow .25s;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(155deg,#d18af0,#9b27df 35%,#7013d1 72%,#5012a6);border-color:#ffffff82;box-shadow:inset 0 1px 2px #fff7,0 9px 23px #7829b42e}.btn-light{border-color:#772ac42e;background:#fff9;color:#641bb1}.section-space{padding:58px 0}.section-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:#8423ce;margin:0 0 13px}.section-title{font-family:inherit;font-size:clamp(28px,3.05vw,43px);line-height:1.12;letter-spacing:-.045em;margin:0;font-weight:800}.section-title em{font-style:normal;color:var(--cyan)}.section-description{font-size:15px;line-height:1.65;color:#574c68;max-width:560px;margin:16px 0 24px}.title-motion{animation:title-appear .8s cubic-bezier(.2,.7,.2,1) both}@keyframes title-appear{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.title-in-view{animation:title-appear .75s cubic-bezier(.2,.7,.2,1) both}
/* One desktop composition at normal browser zoom, including short laptop displays. */
.md-universe-home .nav-shell{display:grid;align-items:center;margin:auto;width:min(1360px,88%)!important;min-height:90px!important;height:90px;grid-template-columns:100px 1fr auto!important}.brand{display:flex;align-items:center}.md-universe-home .brand img{width:92px!important;height:84px;max-height:84px!important;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;font-weight:700;white-space:nowrap}.desktop-nav a{position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--purple)}.desktop-nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:18px;height:2px}.header-actions{display:flex;align-items:center;gap:12px}.mobile-menu{display:none}.menu-toggle{color:#6323a6}.md-universe-home .header-actions .btn-small{font-weight:700}.md-universe-home .universe-pin{height:100svh;min-height:550px;max-height:850px}.universe-layout{width:min(1360px,86%);grid-template-columns:36% 64%;padding-top:92px;padding-bottom:40px}.universe-copy{padding-bottom:5px}.universe-copy h1{font-size:clamp(37px,4.1vw,59px);line-height:1.035}.universe-script{font-size:clamp(21px,2vw,28px);margin-bottom:12px}.universe-description{font-size:14px;line-height:1.6;max-width:340px;margin:19px 0 17px}.universe-explore{padding:13px 23px;min-height:46px;font-size:12px}.universe-proof{gap:16px;margin-top:23px;width:330px;font-size:11px}.universe-proof .art-icon{width:39px;margin-bottom:6px}.universe-proof strong{font-size:12px}.universe-proof small{font-size:11px;line-height:1.45}.universe-scene{height:clamp(420px,calc(100svh - 135px),630px);min-height:0;--card-width:clamp(145px,13.4vw,207px);--card-height:clamp(193px,18vw,265px)}.universe-planet{top:-15px;width:clamp(270px,27vw,400px);margin-left:calc(clamp(270px,27vw,400px) / -2)}.orbit-card{top:50%}.orbit-card-surface{border-radius:23px}.orbit-card-content{background:linear-gradient(180deg,transparent 0%,#24102a08 24%,#28103966 49%,#261030ef 100%);padding:12px 10px}.orbit-card h2{font-size:clamp(16px,1.45vw,20px)}.orbit-card p{font-size:12px;line-height:1.4}.orbit-card-cta{font-size:10px;margin-top:8px}.orbit-card-4 img{object-position:25% center}.orbit-icon{height:34px;width:34px;flex-basis:34px;margin-bottom:7px}.orbit-icon svg{width:22px;height:22px}.orbit-controls{left:12%;right:8%;bottom:0}.orbit-prev,.orbit-next{width:auto;height:30px;padding:0 12px;border-radius:20px;font-size:10px;font-weight:600}.orbit-dots{gap:13px}.universe-scroll{bottom:12px;font-size:10px}.universe-ring{top:41%;height:31%;border-width:1px}.universe-backdrop{background-position:center}.orbit-enhanced .universe-track{height:245vh}
/* Transparent rendered 3D artwork atlas; cropping is performed only in CSS. */
.art-icon{display:block;flex-shrink:0;width:90px;aspect-ratio:315/340;background-image:url('/assets/home/icons-3d.webp');background-repeat:no-repeat;background-size:398.095% 368.824%;background-position:1.065% 10.394%;filter:drop-shadow(0 6px 6px #35265b16)}.art-1,.art-5,.art-9{background-position-x:34.079%}.art-2,.art-6,.art-10{background-position-x:67.093%}.art-3,.art-7,.art-11{background-position-x:100%}.art-4,.art-5,.art-6,.art-7{background-position-y:48.687%}.art-8,.art-9,.art-10,.art-11{aspect-ratio:315/395;background-size:398.095% 317.468%;background-position-y:91.968%}
/* Real LIVE room, with a screenshot fallback while the isolated preview loads. */
.studio-live{background:linear-gradient(125deg,#fff8e6,#fffdf9 52%,#f3e5ff);border-block:1px solid white}.studio-live-grid{display:grid;grid-template-columns:34% 63%;gap:3%;align-items:center}.live-editorial .section-title{font-size:clamp(28px,2.6vw,38px)}.live-editorial .section-description{font-size:14px;line-height:1.65}.live-benefit-list{display:grid;gap:10px;margin:22px 0 26px;font-size:12px;color:#4d3865}.live-benefit-list span{padding-left:16px;position:relative}.live-benefit-list span:before{content:'';width:6px;height:6px;border-radius:50%;background:#15b9d2;box-shadow:0 0 0 4px #0dbad214;position:absolute;left:0;top:6px}.live-browser{border:1px solid #fff;border-radius:21px;padding:9px;background:linear-gradient(135deg,#e2bcfa,#f7edfe 50%,#cfacfb);box-shadow:0 15px 40px #8f4db12b,inset 0 1px 0 #fff;transform:perspective(1400px) rotateY(-2deg);transition:transform .5s}.live-browser:hover{transform:perspective(1400px) rotateY(0deg)}.browser-bar{display:flex;align-items:center;gap:12px;min-height:32px;padding:0 7px 7px;font-size:10px;color:#5e3381}.browser-lights{display:flex;gap:4px}.browser-lights i{width:6px;height:6px;background:#b383d1;border-radius:50%}.browser-lights i:nth-child(2){background:#ffd143}.browser-lights i:nth-child(3){background:#1bc6d6}.preview-badge{margin-left:auto;font-size:9px;padding:3px 7px;border-radius:12px;background:#fff8}.live-browser-viewport{aspect-ratio:1867/850;position:relative;overflow:hidden;background:#fff;border-radius:12px}.live-preview-fallback{width:100%;height:100%;object-fit:cover;object-position:left top}.live-frame-holder{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s}.live-frame-holder.is-ready{opacity:1}.live-frame-holder iframe{position:absolute;left:0;top:0;width:1867px;height:850px;border:0;max-width:none;transform-origin:top left;transform:scale(var(--live-scale,.4));background:#fff}.live-preview-open{position:absolute;inset:0;display:flex;align-items:end;justify-content:center;padding-bottom:12px}.live-preview-open span{padding:8px 18px;border-radius:30px;background:#6515c9;color:#fff;font-size:11px;box-shadow:0 4px 18px #4b1c7240;opacity:0;transform:translateY(5px);transition:.2s}.live-preview-open:hover span,.live-preview-open:focus-visible span{opacity:1;transform:none}.browser-caption{display:flex;gap:8px;align-items:center;justify-content:center;font-size:10px;padding:11px 5px 3px;color:#613877}.live-dot{height:6px;width:6px;flex:0 0 6px;background:#08b5ca;border-radius:50%;box-shadow:0 0 0 4px #13c5df1c;animation:dot-breathe 3s ease-in-out infinite}@keyframes dot-breathe{50%{box-shadow:0 0 0 7px #13c5df08}}
/* A single vivid category collection replaces three repetitive galleries. */
.studio-occasions{background:#fffbf0}.studio-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.studio-section-head .section-description{margin-bottom:0}.studio-section-head .btn{font-size:11px;min-height:42px}.occasion-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.occasion{position:relative;border-radius:21px;padding:13px 13px 19px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;color:white;border:1px solid #fff8;box-shadow:inset 0 1px 2px #fff8,0 9px 20px #401a5620;transition:transform .3s,box-shadow .3s;overflow:hidden}.occasion:hover{transform:translateY(-5px);box-shadow:inset 0 1px 2px #fff9,0 15px 25px #622b6d30}.occasion .art-icon{width:90px;height:103px;margin:2px auto 5px;flex:0 0 103px}.occasion strong{font-size:15px;font-weight:750;display:block;line-height:1.2;margin-bottom:7px;letter-spacing:-.02em}.occasion>span:last-child{display:block;font-size:12px;line-height:1.4;max-width:125px;opacity:.94}.occasion-violet{background:radial-gradient(at 30% 15%,#c970ff,transparent 65%),linear-gradient(150deg,#9425e8,#5210bd)}.occasion-pink{background:radial-gradient(at 30% 15%,#ff9ec9,transparent 65%),linear-gradient(150deg,#eb337e,#ab155f)}.occasion-blue{background:radial-gradient(at 30% 15%,#79aeff,transparent 65%),linear-gradient(150deg,#4a55e6,#3d169c)}.occasion-cyan{background:radial-gradient(at 30% 15%,#65f0f2,transparent 65%),linear-gradient(150deg,#00a9bf,#007897)}.occasion-gold{background:radial-gradient(at 30% 15%,#ffe890,transparent 65%),linear-gradient(150deg,#eab744,#ad6f11);color:#452804}.occasion-navy{background:radial-gradient(at 30% 15%,#428ddd,transparent 65%),linear-gradient(150deg,#235a95,#173861)}
/* Four distinct sculptural steps, with clear readable supporting copy. */
.studio-process{background:radial-gradient(ellipse at 50% 35%,#fffef6 10%,#fff2c9 90%);border-block:1px solid white}.center-heading{text-align:center}.center-heading .section-description{margin:13px auto 28px}.studio-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:0;margin:0;text-align:center}.studio-steps li{position:relative}.step-art{height:143px;position:relative;width:135px;margin:auto;display:flex;align-items:center;justify-content:center}.step-art .art-icon{width:101px;position:relative;z-index:2;transition:transform .4s;animation:step-float 6s ease-in-out infinite}.studio-steps li:nth-child(2) .art-icon{animation-delay:-1s}.studio-steps li:nth-child(3) .art-icon{animation-delay:-2s}.studio-steps li:nth-child(4) .art-icon{animation-delay:-3s}@keyframes step-float{50%{transform:translateY(-5px)}}.step-number{position:absolute;bottom:0;right:0;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#b960f8,#7115ce);color:#fff;border:2px solid #fff7;box-shadow:0 5px 10px #7523a73b;font-size:11px;font-weight:800;z-index:3}.studio-steps li:nth-child(2) .step-number{background:linear-gradient(145deg,#24dbe9,#078fba)}.studio-steps h3{font-size:18px;letter-spacing:-.025em;margin:18px 0 7px}.studio-steps p{font-size:13px;color:#584765;line-height:1.65;max-width:210px;margin:0 auto}
.studio-quote{background:#fffdf8}.quote-layout{display:grid;grid-template-columns:43% 51%;gap:6%;align-items:center}.contact-direct{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;margin-top:12px;color:#71558b}.contact-direct strong{color:#6024a5}.studio-form{background:linear-gradient(120deg,#f7ecff,#fff8ee);padding:28px;border-radius:24px;border:1px solid #eadef7;display:grid;gap:16px}.studio-form label{font-size:11px;font-weight:700;display:grid;gap:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-form input,.studio-form textarea,.studio-form select{width:100%;min-width:0;border:1px solid #e7d9ef;border-radius:10px;background:#fff;padding:12px;color:#37254c;font-size:12px;outline-offset:3px}.studio-form textarea{min-height:90px;resize:vertical}.studio-form small{font-size:10px;color:#796585}.studio-form .btn{width:100%}.studio-footer{padding:30px 0 20px;background:linear-gradient(120deg,#231948,#302265);color:#e7dcfa;font-size:11px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-logo{display:block;width:78px;background:#fff5e8;border-radius:16px;padding:6px}.footer-logo img{height:87px;width:100%;object-fit:contain}.footer-main p{line-height:1.7;opacity:.85}.footer-main nav{display:flex;flex-direction:column;align-items:start;gap:8px;padding-top:7px}.footer-main h3{font-size:12px;color:white;margin:0 0 5px}.footer-bottom{border-top:1px solid #ffffff21;padding-top:15px;margin-top:23px;display:flex;justify-content:space-between;font-size:10px}.studio-footer a:hover{color:#61e8f4}
@media(min-width:901px){.orbit-enhanced .universe-pin{min-height:550px;height:100vh;max-height:none}.universe-copy{max-width:400px}.universe-conversion{align-self:start}}
@media(min-width:901px) and (max-width:1120px){.md-universe-home .nav-shell{width:92%!important;gap:10px!important}.md-universe-home .desktop-nav{gap:15px!important;font-size:11px!important}.universe-layout{width:91%;grid-template-columns:37% 63%}.universe-copy h1{font-size:38px}.universe-description{font-size:13px;max-width:290px}.universe-proof{width:280px;gap:12px}.universe-proof small{font-size:10px}.universe-planet{width:280px;margin-left:-140px}.universe-scene{--card-width:145px;--card-height:195px}.orbit-card h2{font-size:15px}.orbit-card p{font-size:10px}.orbit-controls{left:9%;right:3%}.occasion strong{font-size:13px}.occasion .art-icon{width:74px;height:85px;flex-basis:85px}}
@media(max-width:900px){.orbit-enhanced .universe-track{height:auto}.md-universe-home .universe-pin{height:auto;max-height:none;min-height:0}.md-universe-home .nav-shell{grid-template-columns:1fr auto!important}.md-universe-home .desktop-nav{display:none!important}.universe-layout{width:100%;padding:95px 0 30px;grid-template-columns:1fr}.universe-copy{padding-inline:6%;max-width:none}.universe-copy h1{font-size:clamp(37px,6.8vw,57px)}.universe-description{margin:15px auto 12px;max-width:450px}.universe-scene{height:415px;--card-width:180px;--card-height:227px}.universe-planet{width:245px;margin-left:-122.5px;top:-15px}.orbit-services{top:148px;bottom:33px}.orbit-card{top:auto}.orbit-controls{left:20%;right:20%;bottom:0}.universe-conversion{grid-area:3/1;margin-top:15px;text-align:center}.universe-proof{margin:22px auto 0;text-align:left;width:320px}.universe-scroll{display:none}.studio-live-grid{grid-template-columns:1fr;gap:28px}.live-editorial{max-width:600px}.live-benefit-list{display:flex;flex-wrap:wrap;gap:20px}.live-browser{transform:none}.section-space{padding:42px 0}.occasion-grid{grid-template-columns:repeat(3,1fr);gap:12px}.occasion .art-icon{width:87px}.studio-steps{gap:15px}.quote-layout{grid-template-columns:1fr;gap:25px}.studio-section-head{align-items:start}.container{width:89%}}
@media(max-width:550px){.md-universe-home .nav-shell{height:80px;min-height:80px!important}.md-universe-home .brand img{height:73px;max-height:73px!important;width:72px!important}.universe-layout{padding-top:81px}.universe-copy h1{font-size:clamp(35px,10.3vw,50px)}.universe-script{font-size:22px}.universe-description{font-size:13px;max-width:310px}.universe-scene{height:401px;--card-width:170px;--card-height:219px}.orbit-controls{left:8%;right:8%}.universe-proof{width:290px}.universe-proof strong{font-size:11px}.universe-proof small{font-size:10px}.section-title{font-size:30px}.section-description{font-size:13px}.studio-section-head{display:block}.studio-section-head .btn{margin-top:15px}.occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.occasion{padding:12px 10px 17px}.occasion .art-icon{width:84px;height:96px;flex-basis:96px}.occasion strong{font-size:15px}.studio-steps{grid-template-columns:1fr 1fr;gap:26px 18px}.studio-steps h3{font-size:17px}.studio-steps p{font-size:12px}.step-art{height:124px;width:110px}.step-art .art-icon{width:89px}.studio-form{padding:20px}.field-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:22px}.footer-main>div{grid-column:1/-1;display:flex;gap:18px;align-items:center}.footer-main p{margin:0}.footer-logo{flex-shrink:0}.browser-bar{font-size:8px;gap:6px}.preview-badge{display:none}.browser-caption{font-size:8px}.live-benefit-list{display:grid;gap:9px}.live-preview-open span{opacity:1;font-size:9px;padding:5px 12px}.browser-bar{min-height:27px}.footer-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.title-motion,.title-in-view,.live-dot,.step-art .art-icon{animation:none!important;transform:none}.orbit-enhanced .universe-track{height:auto}.orbit-enhanced .universe-pin{position:relative}.occasion,.live-browser,.btn{transition:none}.universe-float{animation:none}}