/* Approved studio concept: independent artwork layers, native copy and controls. */
header{position:absolute;inset:0 0 auto;z-index:20;background:transparent}header nav{font-weight:650}main{overflow:clip}h1,h2{font-family:'Times New Roman',Georgia,serif;font-weight:700}.studio-hero{position:relative;min-height:740px;height:min(890px,100svh);display:grid;grid-template-columns:41% 59%;align-items:center;padding:145px 5.5% 100px;background:linear-gradient(90deg,#f6f2ed66,transparent 65%),url('/assets/service-studio.webp') center/cover;color:#352238;isolation:isolate}.studio-hero:before{content:'';position:absolute;inset:0;background:#211328d9;z-index:-1;transition:background .4s}[data-theme=light] .studio-hero:before{background:transparent}.studio-hero{color:var(--fg)}.studio-copy{position:relative;z-index:6;align-self:center}.studio-back{display:inline-block;font-size:11px;letter-spacing:.1em;margin-bottom:26px;opacity:.7}.studio-copy .eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.2em}.studio-copy h1{font-size:clamp(60px,6.9vw,116px);line-height:.86;letter-spacing:-.065em;margin:22px 0 26px}.studio-lead{font-size:clamp(16px,1.5vw,21px);line-height:1.45;max-width:27ch}.studio-cta{background:none;border:0;display:inline-flex;align-items:center;gap:17px;padding:0;margin-top:29px;font-size:14px;text-align:left}.studio-cta>b{display:grid;place-items:center;width:58px;height:58px;background:#dcef69;color:#352238;border-radius:50%;font-size:27px;font-weight:400;transition:transform .3s,box-shadow .3s}.studio-cta:hover>b{transform:rotate(45deg);box-shadow:0 0 0 7px #dcef6922}.hero-composition{position:relative;height:510px;align-self:center;margin-right:-3vw;perspective:1600px}.layer{position:absolute;will-change:transform;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .9s;transform:translate3d(calc(var(--pointer-x,0px)*var(--depth,1)),calc(var(--pointer-y,0px)*var(--depth,1)),0)}.hero-machine{width:102%;left:-7%;top:12%;--depth:.4;filter:drop-shadow(0 25px 15px #27142b35)}.hero-phone{width:25%;left:-6%;bottom:0;z-index:3;--depth:.8;filter:drop-shadow(0 16px 13px #21132844)}.widget{background:linear-gradient(130deg,#fffdf9,#eee6df);color:#352238;border:1px solid #fff9;border-radius:9px;box-shadow:0 20px 35px #24182b30,inset 0 0 0 1px #35223810;padding:18px;font-size:11px;line-height:1.5}.widget b{font-size:12px;display:block;font-weight:600;margin-bottom:13px}.widget small{font-size:10px;display:block}.hero-widget{width:29%;right:-1%;top:-2%;--depth:.7;rotate:-3deg;z-index:4}.hero-palette{width:29%;right:-2%;bottom:8%;--depth:.55;rotate:2deg;z-index:4}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;font-size:8px;margin:16px 0;text-align:center}.mini-calendar span{padding:2px}.mini-calendar .chosen{background:#352238;color:white;border-radius:3px}.widget-bottom{display:block;background:#352238;color:#fffaf3;border-radius:5px;padding:9px 10px;margin-top:15px;font-size:9px}.widget-bottom i{float:right}.swatches{display:flex;align-items:center;gap:10px;margin:17px 0}.swatches i{width:25px;height:25px;border-radius:50%;background:#352238;border:1px solid #35223820}.swatches i:nth-child(2){background:#d6cbea}.swatches i:nth-child(3){background:#dcef69}.swatches span{font:28px Georgia;margin-left:auto}.hero-composition figcaption{position:absolute;bottom:-43px;right:5%;font-size:9px;letter-spacing:.05em;opacity:.7}.hero-caption{position:absolute;bottom:35px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:end}.hero-caption span{font-size:9px;letter-spacing:.2em;border-left:1px solid;padding-left:12px;line-height:1.7}.hero-caption a{font-size:25px}.editor-lines{display:grid;gap:9px}.editor-lines span{font-size:9px;opacity:.7}.editor-lines strong{font:22px/1 Georgia}.editor-progress{height:26px;background:linear-gradient(90deg,#d6cbea 65%,#fff6 65%);border-radius:3px}.cart-photo{height:90px;width:100%;object-fit:cover;border-radius:3px}.studio-capabilities{position:relative;display:grid;grid-template-columns:40% 60%;gap:0;padding:85px 5.5% 75px;color:#f6f2ed;background:radial-gradient(ellipse at 65% 100%,#65466c 0,transparent 46%),#2e1d33;isolation:isolate}.studio-capabilities:after{content:'';position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(0deg,#110a1844,transparent);pointer-events:none;z-index:-1}.cap-copy{padding-right:32px;position:relative;z-index:5}.cap-copy h2{font-size:clamp(38px,4.4vw,68px);line-height:.95;margin:23px 0 34px}.cap-tabs{display:grid;max-width:420px;gap:3px}.cap-tabs button{display:flex;gap:17px;align-items:center;text-align:left;border:0;border-bottom:1px solid #d6cbea30;background:transparent;color:#f6f2ed;padding:20px 10px;font-size:14px;transition:background .35s,transform .35s,box-shadow .35s}.cap-tabs button span{font-size:11px;opacity:.8}.cap-tabs button b{margin-left:auto;font-size:18px;font-weight:400}.cap-tabs button[aria-selected=true]{background:#dcef69;color:#352238;border-radius:10px;padding-left:20px;transform:translateX(5px);box-shadow:0 12px 25px #0e06164d}.cap-content{min-height:180px;max-width:43ch;padding:24px 5px 0}.cap-content h3{font:600 14px Instrument,sans-serif;margin:0 0 10px}.cap-content p{font-size:13px;line-height:1.65;color:#dfd1e4}.cap-content [hidden]{display:none}.cap-track{position:relative;display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.13em;padding-top:19px;border-top:1px solid #d6cbea66;margin-top:20px}.cap-track span{position:absolute;top:-2px;left:var(--progress,0%);height:3px;width:28%;background:#dcef69;transition:left .5s}.cap-track i{font-style:normal}.cap-art{position:relative;min-height:550px;align-self:stretch;perspective:1500px}.concept-note{position:absolute;right:0;top:0;font-size:9px;color:#dbcee2}.cap-screen{width:89%;left:7%;top:11%;--depth:.3;rotate:3deg;filter:drop-shadow(0 26px 16px #11081880)}.alma-screen{padding:10px;border-radius:14px;background:linear-gradient(120deg,#a28bac,#3c2742 15%,#302037 92%,#9a80a6);box-shadow:inset 0 0 0 1px #e6cae9a0;transform:perspective(1200px) rotateY(-9deg)}.sample-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;font-size:9px}.sample-nav b{font:22px Georgia}.sample-nav i{font-style:normal;font-size:9px}.alma-cover{position:relative;height:330px;overflow:hidden;background:#302037}.alma-cover>img{width:60%;height:100%;object-fit:cover;margin-left:auto;border-radius:100px 0 0 0}.alma-cover>div{position:absolute;top:15%;left:5%;width:63%;text-shadow:0 2px 20px #241029}.alma-cover h3{font:40px/.95 'Times New Roman',serif;letter-spacing:-.05em;margin:0 0 16px;font-weight:700}.alma-cover p{font-size:11px;margin-bottom:17px;max-width:24ch}.sample-link{display:inline-block;background:#d6cbea;color:#352238;border-radius:25px;padding:10px 14px;font-size:9px}.event-card{width:29%;left:-2%;bottom:3%;z-index:3;--depth:.7;rotate:-3deg}.event-card>img{height:125px;width:100%;object-fit:cover;margin-bottom:14px;border-radius:4px}.event-card h3{font:24px/.95 'Times New Roman',serif;margin:8px 0}.event-card p{font-size:10px}.booking-card{width:31%;right:9%;bottom:0;z-index:4;--depth:.8;rotate:2deg}.demo-caption{font-size:9px;color:#75667a}.date-picker{display:flex;gap:7px;margin:22px 0}.date-picker button{border:1px solid #35223833;border-radius:5px;background:transparent;width:35px;height:35px;color:#352238;transition:background .2s}.date-picker button[aria-pressed=true]{background:#352238;color:white}.demo-confirm{background:#352238;border:0;color:white;border-radius:5px;width:100%;font-size:10px;padding:12px 5px}.demo-result{font-size:9px;margin-top:11px;min-height:30px;line-height:1.5}.connection-card{width:27%;right:-3%;top:32%;z-index:2;--depth:.6;rotate:5deg;opacity:0;pointer-events:none;transform:translate3d(25px,15px,0)}.connection-check{display:grid;place-items:center;width:44px;height:44px;background:#dcef69;border-radius:50%;font-size:24px;margin:0 auto 20px}.connection-nodes{display:flex;justify-content:space-between;font-size:10px;margin-top:25px}.cap-art[data-active='0'] .booking-card{opacity:.85}.cap-art[data-active='1'] .booking-card{transform:translate3d(-22px,-20px,55px) scale(1.1);box-shadow:0 25px 45px #0e031b66}.cap-art[data-active='1'] .event-card{transform:translate3d(-12px,-5px,15px)}.cap-art[data-active='2'] .connection-card{opacity:1;transform:translate3d(0,-15px,40px)}.cap-art[data-active='2'] .booking-card{transform:translate3d(-90px,0,0) scale(.92)}.cap-art[data-active='2'] .cap-screen{transform:translate3d(-20px,-10px,0) scale(.94)}.studio-detail{position:relative;display:grid;grid-template-columns:54% 46%;background:var(--bg);padding:80px 5.5% 70px;gap:0}.detail-art{position:relative;min-height:550px;margin-left:-6vw;perspective:1300px;background:linear-gradient(90deg,transparent,#f6f2ed88),url('/assets/service-studio.webp') 65% 80%/cover;border-radius:0 50px 0 0}.detail-copy{padding-left:45px;align-self:center}.detail-copy h2{font-size:clamp(50px,5.7vw,90px);line-height:.89;margin:20px 0 28px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:23px}.detail-columns article+article{border-left:1px solid var(--line);padding-left:23px}.detail-columns h3{font-size:15px;line-height:1.3;margin:0 0 12px}.detail-columns p{font-size:13px;line-height:1.65;color:var(--muted)}.html-laptop{position:relative;padding-bottom:5%;filter:drop-shadow(0 20px 15px #21132830)}.laptop-screen{background:#141416;padding:2%;border-radius:12px;box-shadow:inset 0 0 0 1px #aaa;overflow:hidden}.laptop-base{position:absolute;width:112%;left:-6%;height:6%;bottom:0;background:linear-gradient(#bcbcbc,#555 70%,#d3d3d3);clip-path:polygon(5% 0,95% 0,100% 75%,97% 100%,3% 100%,0 75%);border-radius:0 0 30px 30px}.laptop-base:before{content:'';position:absolute;width:20%;height:25%;background:#666;left:40%;border-radius:0 0 8px 8px}.sample-site{background:#f7f2e9;color:#30212c;overflow:hidden}.sample-cover{position:relative;height:300px}.sample-cover>img{width:100%;height:100%;object-fit:cover}.sample-cover>div{position:absolute;left:5%;top:18%;width:58%}.sample-cover h3{font:700 42px/.93 'Times New Roman',serif;letter-spacing:-.055em;margin:0 0 17px}.sample-cover p{font-size:11px;margin-bottom:18px;max-width:19ch}.sample-cover .sample-link{background:#352238;color:white}.sample-foot{font-size:8px;padding:14px 20px}.detail-machine{width:84%;left:5%;top:14%;rotate:-5deg;--depth:.35;transform:perspective(1100px) rotateY(8deg)}.detail-phone{width:24%;right:4%;bottom:8%;border:6px solid #151517;border-radius:25px;overflow:hidden;box-shadow:0 18px 25px #21132850;--depth:.8;background:#f6f2ed;padding-top:14px}.phone-speaker{width:38%;height:8px;background:#151517;border-radius:10px;position:absolute;left:31%;top:6px;z-index:3}.detail-phone .sample-nav,.hero-phone .sample-nav{padding:10px;font-size:9px}.detail-phone .sample-nav b,.hero-phone .sample-nav b{font-size:15px}.detail-phone .sample-nav span,.hero-phone .sample-nav span{display:none}.detail-phone .sample-cover,.hero-phone .sample-cover{height:250px}.detail-phone .sample-cover>img,.hero-phone .sample-cover>img{object-position:66% center}.detail-phone .sample-cover>div,.hero-phone .sample-cover>div{width:90%;top:6%}.detail-phone h3,.hero-phone h3{font-size:24px}.detail-phone .sample-cover p,.hero-phone .sample-cover p{font-size:8px}.detail-phone .sample-link,.hero-phone .sample-link{font-size:7px;padding:6px 10px}.detail-phone .sample-foot,.hero-phone .sample-foot{padding:9px;font-size:7px}.hero-phone:has(.sample-site){border:5px solid #151517;border-radius:23px;overflow:hidden;background:#f6f2ed;padding-top:15px;box-shadow:0 18px 30px #21132840}.style-editor{width:25%;right:1%;top:3%;--depth:.6;z-index:3}.editor-aa{display:flex;align-items:center;gap:10px;font:32px Georgia}.editor-aa small{font:9px Instrument,sans-serif}.style-editor .swatches{gap:6px}.style-editor .swatches i{width:22px;height:22px}.detail-concept{position:absolute;bottom:16px;left:12%;color:#352238;font-size:9px}.integration-map{margin-top:25px;background:linear-gradient(135deg,#d1bde9,#e5d9f0);color:#352238;border-radius:12px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:10px 38px;position:relative}.integration-map>span{background:#352238;color:#fff;padding:14px;border-radius:12px;align-self:center;text-align:center;font-size:13px;position:relative}.integration-map>span:after{content:'';position:absolute;width:38px;height:1px;right:-38px;top:50%;background:#705278}.integration-map>div{display:grid;gap:8px;border-left:1px solid #705278;padding-left:16px}.integration-map b{background:#f6f2ed77;border-radius:8px;padding:9px;font-size:11px;font-weight:500}.integration-map p{font-size:12px;line-height:1.4}.studio-process{background:radial-gradient(ellipse at 85% 120%,#b49ace,transparent 65%),#d6cbea;color:#352238;padding:55px 5.5% 65px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin-top:30px}.process-grid article{position:relative}.process-grid article:not(:last-child):after{content:'';position:absolute;top:40px;left:100px;right:0;height:1px;background:#35223855}.process-grid article>span{font:700 88px/.85 'Times New Roman',serif;letter-spacing:-.07em}.process-grid h2{font-size:40px;margin:12px 0 20px}.process-grid p{font-size:13px;line-height:1.7;max-width:36ch}.service-summary{padding:48px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:8%;border-bottom:1px solid var(--line)}.service-summary>p{max-width:80ch;font-size:14px;color:var(--muted)}.service-summary .studio-cta{margin:0;flex-shrink:0}.faq{padding:65px 5.5%;grid-template-columns:44% 1fr;gap:0 5%}.faq>h2{font-size:clamp(48px,5.3vw,78px);line-height:.95}.faq summary{font-size:15px}.faq details p{font-size:14px}.related{padding:40px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.related h2{font-size:58px;margin:0;grid-column:1;grid-row:2/4}.related p:not(.eyebrow){grid-column:2;margin:0}.related a{position:static;grid-column:2;justify-self:start;align-self:end}.more{padding:36px 5.5%}.more>div{justify-content:space-between}.more a{font-size:15px}.art-stage.animated:not(.visible) .layer{opacity:0;transform:translate3d(0,55px,-70px) rotate(2deg)}.art-stage.visible .layer:nth-child(2){transition-delay:.13s}.art-stage.visible .layer:nth-child(3){transition-delay:.25s}.art-stage.visible .layer:nth-child(4){transition-delay:.38s}.art-stage.visible .layer:nth-child(5){transition-delay:.48s}.reveal.animated{transition-duration:1s;transition-delay:.12s}.process-grid article:nth-child(2){transition-delay:.25s}.process-grid article:nth-child(3){transition-delay:.4s}
@media(min-width:1700px){.studio-hero{padding-left:max(5.5%,calc((100vw - 1700px)/2));padding-right:max(5.5%,calc((100vw - 1700px)/2))}.hero-composition{height:590px}.studio-capabilities,.studio-detail{padding-left:max(5.5%,calc((100vw - 1700px)/2));padding-right:max(5.5%,calc((100vw - 1700px)/2))}}
@media(max-width:1100px){.studio-hero{min-height:700px;padding-left:5%;padding-right:5%;grid-template-columns:43% 57%}.studio-copy h1{font-size:7.7vw}.hero-composition{height:430px}.hero-widget{padding:12px}.hero-palette{padding:12px}.widget b{font-size:10px}.hero-palette small{font-size:8px}.swatches{gap:6px}.swatches i{width:18px;height:18px}.cap-art{min-height:500px}.cap-copy{padding-right:25px}.cap-tabs button{font-size:12px;padding:17px 8px;gap:10px}.cap-content{min-height:195px}.cap-screen{top:16%}.alma-cover{height:280px}.alma-cover h3{font-size:32px}.booking-card{width:34%;padding:13px}.event-card{padding:12px;width:32%}.event-card>img{height:85px}.event-card h3{font-size:20px}.connection-card{padding:12px}.detail-art{min-height:520px}.detail-copy{padding-left:30px}.sample-cover{height:260px}.sample-cover h3{font-size:32px}.detail-columns{gap:14px}.detail-columns article+article{padding-left:14px}.detail-columns p{font-size:12px}.style-editor{padding:12px;width:29%}.detail-phone{width:27%;right:1%}.detail-phone .sample-cover{height:210px}.detail-phone h3{font-size:20px}}
@media(max-width:760px){header{position:absolute;padding:22px 6%;min-height:0;gap:12px}header .brand{width:170px}header nav{order:3;justify-content:space-between;width:100%;font-size:12px;padding-top:8px}header nav button{padding:9px 17px}.theme-toggle{width:34px;height:34px}.studio-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:150px 6% 55px;background-position:65% bottom}.studio-copy{width:100%;align-self:start}.studio-back{margin-bottom:22px}.studio-copy .eyebrow{font-size:9px}.studio-copy h1{font-size:clamp(58px,13.5vw,91px);line-height:.9;margin:20px 0}.studio-copy h1 br:nth-child(2){display:none}.studio-lead{font-size:16px;max-width:32ch}.studio-cta{margin-top:23px;font-size:13px;gap:13px}.studio-cta>b{width:48px;height:48px}.hero-composition{width:100%;height:auto;aspect-ratio:1.16;margin:28px -1% 20px 0;align-self:stretch}.hero-machine{top:13%;left:0;width:96%}.hero-phone{width:26%;left:-2%;bottom:0}.hero-widget{width:29%;top:0;right:-1%;padding:9px;rotate:-2deg}.widget b{font-size:8px;margin-bottom:8px}.widget small{font-size:7px}.mini-calendar{gap:2px;font-size:6px;margin:8px 0}.mini-calendar span{padding:1px}.widget-bottom{padding:7px;font-size:7px;margin-top:9px}.hero-palette{width:30%;right:-2%;bottom:9%;padding:10px}.hero-palette .swatches{margin:8px 0;gap:5px}.swatches span{font-size:19px}.hero-composition figcaption{bottom:-25px;right:0;font-size:8px}.hero-caption{display:none}.editor-lines{gap:6px}.editor-lines span{font-size:7px}.editor-lines strong{font-size:16px}.editor-progress{height:17px}.cart-photo{height:60px}.hero-widget p{font-size:8px}.hero-phone:has(.sample-site){border-width:3px;border-radius:15px;padding-top:10px}.hero-phone .phone-speaker{height:5px;top:4px}.hero-phone .sample-cover{height:135px}.hero-phone .sample-nav{padding:7px}.hero-phone .sample-nav b{font-size:10px}.hero-phone h3{font-size:17px}.hero-phone .sample-cover p{font-size:6px}.hero-phone .sample-link{font-size:5px;padding:5px}.hero-phone .sample-foot{font-size:5px;padding:6px}.studio-capabilities{display:flex;flex-direction:column;padding:48px 6% 45px}.cap-copy{padding:0}.cap-copy h2{font-size:clamp(38px,9vw,62px);margin:18px 0 26px}.cap-tabs{max-width:none}.cap-tabs button{font-size:13px;padding:16px 8px}.cap-content{min-height:0;padding:22px 4px 0}.cap-content h3{font-size:14px}.cap-content p{font-size:13px}.cap-track{margin-top:25px;font-size:6px}.cap-art{min-height:0;aspect-ratio:.94;margin-top:28px;width:100%}.concept-note{font-size:8px;top:0}.cap-screen{width:90%;top:12%;left:5%;rotate:2deg}.alma-screen{padding:6px;border-radius:9px}.sample-nav{padding:12px;font-size:7px}.sample-nav b{font-size:17px}.sample-nav i{font-size:7px}.alma-cover{height:220px}.alma-cover h3{font-size:27px}.alma-cover p{font-size:8px}.sample-link{font-size:7px;padding:7px 10px}.event-card{width:29%;padding:9px;left:0;bottom:0}.event-card>img{height:80px;margin-bottom:8px}.event-card h3{font-size:17px}.event-card p{font-size:8px}.booking-card{width:36%;padding:12px;right:9%;bottom:0}.booking-card b{font-size:10px}.demo-caption{font-size:8px}.date-picker{margin:14px 0;gap:5px}.date-picker button{width:29px;height:32px;font-size:10px}.demo-confirm{font-size:8px;padding:10px 2px}.demo-result{font-size:8px;min-height:32px}.connection-card{width:29%;padding:10px;right:-1%;top:31%}.connection-card b{font-size:10px}.connection-check{width:32px;height:32px;margin-bottom:14px}.connection-nodes{font-size:8px;gap:4px;margin-top:17px}.cap-art[data-active='1'] .booking-card{transform:translate3d(-8px,-14px,0) scale(1.06)}.cap-art[data-active='2'] .booking-card{transform:translate3d(-46px,0,0) scale(.9)}.studio-detail{display:flex;flex-direction:column;padding:0 0 45px}.detail-art{margin:0;width:100%;min-height:0;aspect-ratio:1.12;border-radius:0}.detail-machine{width:76%;left:8%;top:18%}.sample-cover{height:210px}.sample-cover h3{font-size:29px}.sample-cover p{font-size:9px}.sample-foot{font-size:7px;padding:10px 14px}.detail-phone{width:23%;right:5%;bottom:8%;border-width:4px;border-radius:17px;padding-top:10px}.detail-phone .sample-cover{height:167px}.detail-phone .sample-nav{padding:7px}.detail-phone .sample-nav b{font-size:12px}.detail-phone h3{font-size:18px}.detail-phone .sample-cover p{font-size:6px}.detail-phone .sample-link{font-size:5px;padding:6px}.detail-phone .sample-foot{font-size:5px;padding:7px}.phone-speaker{height:5px;top:4px}.style-editor{width:24%;padding:10px;right:5%;top:6%}.style-editor b{font-size:8px}.style-editor .swatches{gap:5px;margin:10px 0}.style-editor .swatches i{width:18px;height:18px}.editor-aa{font-size:23px;gap:5px}.editor-aa small{font-size:6px}.detail-concept{bottom:13px;left:6%;font-size:7px}.detail-copy{padding:38px 6% 0}.detail-copy h2{font-size:clamp(51px,12vw,75px);margin:18px 0 28px}.detail-columns{gap:20px}.detail-columns article+article{padding-left:20px}.detail-columns h3{font-size:14px}.detail-columns p{font-size:12px}.integration-map{padding:20px;margin-top:24px}.studio-process{padding:42px 6%}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid article{display:grid;grid-template-columns:70px 1fr;gap:8px 20px}.process-grid article>span{font-size:66px;grid-row:1/3}.process-grid h2{font-size:33px;margin:0}.process-grid p{font-size:13px;grid-column:2;max-width:none}.process-grid article:not(:last-child):after{display:none}.service-summary{padding:32px 6%;display:block}.service-summary>p{font-size:13px}.service-summary .studio-cta{margin-top:22px}.faq{display:block;padding:45px 6%}.faq>h2{font-size:50px;margin:18px 0 28px}.faq summary{font-size:14px}.faq details p{font-size:13px}.related{display:block;padding:34px 6%}.related h2{font-size:48px;margin:14px 0}.related a{margin-top:18px}.more{padding:32px 6%}.more>div{gap:8px}.more a{font-size:14px}}
@media(max-width:380px){.studio-copy h1{font-size:13vw}.hero-composition{aspect-ratio:1.05}.hero-widget{width:31%}.cap-art{aspect-ratio:.86}.alma-cover{height:210px}.sample-cover{height:170px}.sample-cover h3{font-size:24px}.detail-columns{display:block}.detail-columns article+article{border:0;padding:22px 0 0}.detail-phone .sample-cover{height:140px}}
.product-demo .date-picker{gap:4px}.product-demo .date-picker button{width:auto;flex:1;font-size:9px;padding:5px 2px}.wordpress-shop[hidden],.wordpress-brand[hidden]{display:none}
.sample-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f2e9aa,transparent 75%);pointer-events:none}.sample-cover>div{z-index:1}
@media(max-width:760px){.studio-copy h1 br:nth-child(2){display:initial}.studio-copy h1{font-size:clamp(53px,13.4vw,86px)}.hero-phone{width:34%;left:-5%;bottom:-2%}.hero-phone:has(.sample-site){width:26%;left:0;bottom:0}.detail-phone .sample-cover:after,.hero-phone .sample-cover:after{background:linear-gradient(#f7f2e9b0,transparent 85%)}.hero-composition{margin-top:22px}}
@media(max-width:760px){.detail-art{aspect-ratio:.95}.detail-machine{top:14%}.hero-phone h3{font-size:14px}.detail-phone h3{font-size:15px}.hero-phone .sample-cover p{font-size:6px}.hero-machine:has(.html-laptop){top:10%}.hero-machine .sample-cover{height:180px}.hero-machine .sample-cover h3{font-size:28px}.hero-composition:has(.html-laptop){aspect-ratio:1.05}.product-demo .date-picker button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.layer{will-change:auto;transition:none!important;transform:none!important}.art-stage.animated:not(.visible) .layer{opacity:1}.reveal.animated{transition:none;opacity:1;transform:none}.studio-cta>b{transition:none}}

/* Tighten each chapter to the approved composition; demos are native interactive layers. */
.studio-v30 .studio-hero{height:760px;min-height:720px;padding-top:125px;padding-bottom:65px}.studio-v30 .studio-copy h1{font-size:clamp(60px,6.8vw,112px)}.studio-v30 .studio-back{margin-bottom:20px}.studio-v30 .hero-composition{height:500px}.studio-v30 .hero-machine{top:15%;left:-7%;width:105%}.studio-v30 .hero-widget{width:clamp(192px,31%,270px);right:-1%;top:-3%;rotate:-2deg;padding:17px;z-index:5}.studio-v30 .hero-palette{width:26%;right:0;bottom:-1%;padding:16px;rotate:2deg}.studio-v30 .hero-phone{width:29%;left:-7%;bottom:0}.studio-v30 .hero-composition figcaption{bottom:-28px;right:5%}.studio-v30 .hero-caption{bottom:26px}
.studio-v30 .studio-capabilities{padding:54px 5.5% 48px;grid-template-columns:39% 61%}.studio-v30 .cap-copy{padding-right:25px}.studio-v30 .cap-copy h2{font-size:clamp(39px,4.2vw,65px);margin:20px 0 28px;line-height:.93}.studio-v30 .cap-tabs button{padding:17px 10px;font-size:13px}.studio-v30 .cap-tabs button[aria-selected=true]{padding-left:18px}.studio-v30 .cap-content{min-height:92px;padding-top:19px;max-width:39ch}.studio-v30 .cap-content p{font-size:12px;line-height:1.65}.studio-v30 .cap-track{margin-top:14px}.studio-v30 .cap-art{min-height:465px}.studio-v30 .cap-screen{width:105%;left:-1%;top:-2%;rotate:0deg;filter:drop-shadow(0 25px 17px #10061966)}.cap-screen>img{width:100%;height:auto}.studio-v30 .event-card{left:0;bottom:0;width:25%;padding:14px;rotate:-3deg}.studio-v30 .event-card>img{height:110px}.studio-v30 .event-card h3{font-size:25px}.studio-v30 .booking-card{width:clamp(216px,35%,290px);right:8%;bottom:-1%;rotate:2deg;z-index:6;padding:18px;opacity:1!important}.studio-v30 .connection-card{width:25%;right:-3%;top:22%;padding:18px;rotate:4deg;z-index:5}.studio-v30 .cap-art[data-active='1'] .booking-card{transform:translate3d(-10px,-9px,20px) scale(1.03)}.studio-v30 .cap-art[data-active='2'] .booking-card{transform:translate3d(-65px,0,0) scale(.94)}.studio-v30 .connection-card.has-result{opacity:1;transform:translate3d(8px,-18px,35px)}.studio-v30 .connection-card.has-result~*{transition-delay:0s}.studio-v30 .studio-detail{padding-top:46px;padding-bottom:42px}.studio-v30 .detail-art{min-height:490px}.studio-v30 .detail-copy{padding-left:40px}.studio-v30 .detail-copy h2{font-size:clamp(55px,5.8vw,86px)}.studio-v30 .detail-columns p{font-size:13px;line-height:1.55}.studio-v30 .detail-machine{top:12%;width:85%;left:7%}.studio-v30 .detail-concept{left:10%}.studio-v30 .studio-process{position:relative;padding:40px 5.5% 42px;overflow:hidden}.studio-v30 .process-grid{margin-top:24px;gap:7%;padding-right:9%}.studio-v30 .process-grid article>span{font-size:78px}.studio-v30 .process-grid h2{font-size:37px;margin:10px 0 15px}.studio-v30 .process-grid p{font-size:13px;line-height:1.55}.process-signature{position:absolute;right:4%;bottom:44px;font-size:8px;letter-spacing:.18em;line-height:1.6}.studio-v30 .studio-process:after{content:'';position:absolute;right:-70px;top:-30px;width:200px;height:230px;border-radius:50%;transform:rotate(-35deg);background:linear-gradient(110deg,#b09bc755,#f8f1ff);box-shadow:-18px 22px 35px #7c5a9620;pointer-events:none}.studio-v30 .faq{padding:46px 5.5%}.studio-v30 .faq>h2{font-size:clamp(48px,5vw,74px)}.studio-v30 .related{padding-top:30px;padding-bottom:30px}.studio-v30 .related h2{font-size:48px}
.studio-v30 .widget{background:linear-gradient(120deg,#fffdf9f7,#ece5e0f7);border:1px solid #fff9;border-radius:8px;box-shadow:0 18px 30px #1b0b282e,1px 0 0 #c8bacb,-3px 2px 0 #e0d5e5,inset 0 0 0 1px #fff4;backdrop-filter:blur(12px)}.widget-heading>span{font-size:7px;letter-spacing:.15em;display:block;margin-bottom:9px;color:#716174}.widget-heading>b{font-size:13px;font-weight:550;line-height:1.2;margin:0 0 13px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:5px}.calendar-head strong{text-transform:capitalize;font-size:10px;font-weight:500}.calendar-head button{width:25px;height:25px;border:0;background:#35223809;border-radius:50%;color:#352238;font-size:18px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.calendar-week{font-size:7px;opacity:.65;margin-bottom:6px}.calendar-days button{padding:0;border:0;background:transparent;color:#55405a;height:23px;font-size:9px;border-radius:4px;transition:background .25s,color .25s,transform .25s}.calendar-days button:hover{background:#d6cbea}.calendar-days button[aria-pressed=true]{background:#352238;color:#fff;box-shadow:0 3px 9px #35223830;transform:translateY(-2px)}.time-slots{display:flex;gap:7px;border-top:1px solid #35223819;padding-top:10px;margin:10px 0}.time-slots button,.font-options button{flex:1;font-size:9px;padding:7px 5px;border:1px solid #35223825;border-radius:5px;color:#352238;background:transparent;transition:background .25s}.time-slots button[aria-pressed=true],.font-options button[aria-pressed=true]{background:#d6cbea;border-color:#c4afd2}.confirm-booking,.add-demo{border:0;border-radius:5px;background:#352238;color:#f6f2ed;padding:12px 11px;font-size:10px;width:100%;display:flex;justify-content:space-between;align-items:center;transition:background .3s,box-shadow .3s}.confirm-booking:hover,.add-demo:hover{background:#54375c;box-shadow:0 6px 15px #35223830}.booking-feedback,.shop-feedback,.style-feedback{font-size:8px!important;line-height:1.4!important;min-height:24px;margin:10px 0 0;color:#68516c}.play-demo{display:block;border:0;border-top:1px solid #35223819;padding:9px 0 0;margin-top:7px;width:100%;background:none;color:#352238;text-align:left;font-size:8px;text-decoration:none}.play-demo:hover{text-decoration:underline}.widget.demo-running{box-shadow:0 18px 35px #1b0b2840,0 0 0 2px #dcef69aa,1px 0 0 #c8bacb}.widget.demo-confirmed .confirm-booking,.widget.demo-confirmed .add-demo{background:#6b7650}.connection-card.has-result .connection-check{animation:confirm-pop .65s cubic-bezier(.2,.7,.3,1)}@keyframes confirm-pop{0%{transform:scale(.7);opacity:.1}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}.live-type{padding:14px 12px;background:var(--preview-paper,#f4eee4);color:var(--preview-ink,#352238);border:1px solid #35223810;border-radius:5px;transition:background .55s,color .55s}.live-type>span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:7px;margin-bottom:12px}.live-type>strong{display:block;font:700 29px/.94 var(--preview-font,'Times New Roman'),serif;letter-spacing:-.05em}.live-type>i{font-style:normal;font-size:7px;display:block;margin-top:14px;line-height:1.4}.style-swatches{display:flex;gap:10px;margin:15px 0}.style-swatches button{width:27px;height:27px;border-radius:50%;border:1px solid #35223820;background:#d8c8b7;position:relative;transition:transform .25s,box-shadow .25s}.style-swatches button[data-palette=lavanda]{background:#c8b1de}.style-swatches button[data-palette=oliva]{background:#778163}.style-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 3px #352238;transform:scale(1.05)}.font-options{display:flex;gap:6px}.font-options button[data-font=editorial]{font-family:Georgia,serif}.product-options{display:grid;grid-template-columns:1fr;gap:6px;margin:20px 0}.product-options button{padding:10px 12px;text-align:left;border:1px solid #35223820;border-radius:5px;background:transparent;color:#352238;font-size:11px;transition:background .25s,transform .25s}.product-options button[aria-pressed=true]{background:#d6cbea;transform:translateX(3px);border-color:#bca4c9}.product-summary{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:0 0 15px}.product-summary strong{font:700 27px 'Times New Roman',serif;letter-spacing:-.05em}.mini-bag{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:9px}.mini-bag .bag-count{display:inline-grid;place-items:center;font:500 9px Instrument,sans-serif;background:#dcef69;width:20px;height:20px;border-radius:50%;margin:0 0 0 3px}.reset-bag{font-size:8px;background:none;border:0;text-decoration:underline;padding:3px;color:#6f5a73}.dev-mobile{background:#f6f2ed;color:#352238;border:6px solid #19151d;border-radius:24px;overflow:hidden;padding:22px 10px 14px;box-shadow:0 15px 25px #21132844}.dev-mobile>span:first-of-type{font:15px Georgia;letter-spacing:.1em}.dev-mobile>img{width:100%;height:110px;object-fit:cover;border-radius:5px;margin:14px 0}.dev-mobile h3{font:700 22px/.95 'Times New Roman',serif;letter-spacing:-.04em;margin:10px 0}.dev-mobile p{font-size:9px;line-height:1.5}.dev-mobile .mobile-label{font-size:7px;background:#352238;color:#f6f2ed;border-radius:6px;padding:9px 6px;display:block;margin-top:13px}
body[data-preview-palette=lavanda]{--preview-paper:#e7daf2;--preview-ink:#3a2349}body[data-preview-palette=oliva]{--preview-paper:#e8ebd6;--preview-ink:#394334}body[data-preview-palette=arena]{--preview-paper:#f4eee4;--preview-ink:#352238}body[data-preview-font=moderna]{--preview-font:Instrument}body[data-preview-font=editorial]{--preview-font:'Times New Roman'}[data-service=design] .detail-art .sample-site{background:var(--preview-paper,#f7f2e9);color:var(--preview-ink,#352238);transition:background .6s,color .6s}[data-service=design] .detail-art .sample-cover h3{font-family:var(--preview-font,'Times New Roman'),serif}[data-service=design] .detail-art .sample-cover:after{background:linear-gradient(90deg,var(--preview-paper,#f7f2e9),transparent 90%);opacity:.7;transition:background .5s}
@media(min-width:1500px){.studio-v30 .studio-hero{height:850px}.studio-v30 .hero-composition{height:560px}.studio-v30 .cap-art{min-height:520px}.studio-v30 .cap-screen{top:-5%}.studio-v30 .detail-art{min-height:550px}.studio-v30 .detail-copy{max-width:660px}}
@media(max-width:1100px) and (min-width:761px){.studio-v30 .studio-hero{height:730px;min-height:700px}.studio-v30 .hero-composition{height:460px}.studio-v30 .hero-widget{width:180px;padding:14px}.studio-v30 .hero-palette{width:150px;bottom:-8%}.studio-v30 .hero-machine{top:22%;width:112%;left:-12%}.studio-v30 .cap-content{min-height:110px}.studio-v30 .cap-art{min-height:480px}.studio-v30 .cap-screen{top:3%;width:115%;left:-5%}.studio-v30 .booking-card{width:200px;right:0;padding:14px}.studio-v30 .event-card{width:28%;left:-5%;padding:10px}.studio-v30 .event-card h3{font-size:20px}.studio-v30 .event-card>img{height:80px}.studio-v30 .connection-card{right:-2%;width:28%;top:10%}.studio-v30 .cap-art[data-active='2'] .booking-card{transform:translate3d(-32px,0,0) scale(.94)}.studio-v30 .detail-columns{display:block}.studio-v30 .detail-columns article+article{padding:18px 0 0;border:0}.studio-v30 .detail-copy{padding-left:30px}.studio-v30 .detail-art{align-self:stretch}.studio-v30 .detail-machine{top:23%}}
@media(max-width:760px){.studio-v30 .studio-hero{display:flex;height:auto;min-height:0;padding:145px 6% 40px}.studio-v30 .studio-copy h1{font-size:clamp(51px,13.4vw,86px)}.studio-v30 .hero-composition{height:auto;min-height:0;aspect-ratio:auto;padding-top:195px;margin-top:25px;margin-right:0}.studio-v30 .hero-machine{top:0;left:-2%;width:102%;max-height:265px;object-fit:contain}.studio-v30 .hero-phone{width:31%;left:-3%;bottom:auto;top:134px}.studio-v30 .hero-phone:has(.sample-site){top:108px;left:0;width:28%}.studio-v30 .hero-widget{position:relative;width:70%;max-width:270px;left:auto;right:auto;top:auto;bottom:auto;margin-left:auto;rotate:0deg;padding:18px;z-index:5}.studio-v30 .hero-palette{display:none}.studio-v30 .hero-composition figcaption{position:static;text-align:right;margin-top:18px;font-size:8px}.studio-v30 .hero-caption{display:none}.studio-v30 .widget-heading>b{font-size:14px}.studio-v30 .widget-heading>span{font-size:7px}.studio-v30 .studio-capabilities{padding:40px 6% 42px;display:block}.studio-v30 .cap-copy{padding:0}.studio-v30 .cap-copy h2{font-size:clamp(37px,9.2vw,60px);margin:18px 0 25px}.studio-v30 .cap-tabs button{padding:16px 10px;font-size:12px}.studio-v30 .cap-content{min-height:0;padding-top:20px;max-width:none}.studio-v30 .cap-content p{font-size:13px}.studio-v30 .cap-track{margin-top:24px}.studio-v30 .cap-art{height:auto;min-height:0;aspect-ratio:auto;padding-top:200px;margin-top:28px}.studio-v30 .cap-screen{top:5px;left:-5%;width:110%}.studio-v30 .concept-note{position:relative;display:block;text-align:right;top:-200px;font-size:7px}.studio-v30 .event-card{width:28%;left:-1%;bottom:auto;top:160px;padding:9px;rotate:-3deg}.studio-v30 .event-card>img{height:80px}.studio-v30 .event-card h3{font-size:18px}.studio-v30 .event-card p{font-size:8px}.studio-v30 .booking-card{position:relative;width:70%;max-width:280px;right:auto;bottom:auto;left:auto;margin-left:auto;rotate:1deg;padding:17px;min-width:0}.studio-v30 .cap-art[data-active='1'] .booking-card,.studio-v30 .cap-art[data-active='2'] .booking-card{transform:none}.studio-v30 .connection-card{position:relative;right:auto;top:auto;left:auto;margin:20px 0 0 auto;width:70%;display:none;rotate:0deg;padding:17px;transform:none}.studio-v30 .connection-card.has-result,.studio-v30 .cap-art[data-active='2'] .connection-card{display:block;opacity:1;transform:none}.studio-v30 .connection-check{width:32px;height:32px;margin:0 10px 0 0;float:left;font-size:19px}.studio-v30 .connection-card b{font-size:12px}.studio-v30 .connection-card small{font-size:10px}.studio-v30 .connection-nodes{margin-top:17px}.studio-v30 .studio-detail{padding:0 0 36px}.studio-v30 .detail-art{min-height:0;aspect-ratio:.95}.studio-v30 .detail-machine{top:14%;width:77%;left:8%}.studio-v30 .detail-copy{padding:35px 6% 0}.studio-v30 .detail-copy h2{font-size:clamp(50px,12vw,76px)}.studio-v30 .detail-columns p{font-size:13px}.studio-v30 .studio-process{padding:35px 6% 38px}.studio-v30 .process-grid{padding-right:0;gap:25px}.studio-v30 .process-grid article>span{font-size:62px}.studio-v30 .process-grid h2{font-size:32px;margin:0 0 4px}.studio-v30 .process-grid p{font-size:13px}.studio-v30 .studio-process:after,.process-signature{display:none}.studio-v30 .faq{padding:40px 6%}.studio-v30 .faq>h2{font-size:49px}.dev-mobile{border-width:3px;padding:14px 6px 9px;border-radius:15px}.dev-mobile>span:first-of-type{font-size:10px}.dev-mobile>img{height:70px;margin:9px 0}.dev-mobile h3{font-size:16px}.dev-mobile p{font-size:7px}.dev-mobile .mobile-label{font-size:5px;padding:7px 4px}.calendar-days button{height:25px;min-width:0;font-size:9px}.calendar-head strong{font-size:10px}.calendar-head button{width:27px;height:27px}.booking-feedback,.shop-feedback,.style-feedback{font-size:9px!important}.time-slots button,.font-options button{padding:9px 4px;font-size:10px}.confirm-booking,.add-demo{padding:13px 10px;font-size:10px}.play-demo{font-size:9px;padding-top:10px}.style-swatches button{width:30px;height:30px}.live-type>strong{font-size:32px}.product-options button{font-size:11px;padding:12px}.mini-bag{font-size:10px}.reset-bag{font-size:10px}.studio-v30 .hero-phone .sample-cover{height:150px}}
@media(max-width:350px){.studio-v30 .hero-composition{padding-top:165px}.studio-v30 .hero-phone{top:115px}.studio-v30 .hero-widget{width:73%;padding:13px}.studio-v30 .cap-art{padding-top:180px}.studio-v30 .booking-card{width:73%;padding:13px}.studio-v30 .event-card{top:150px;width:25%;padding:7px}.studio-v30 .event-card h3{font-size:14px}.studio-v30 .event-card>img{height:60px}.calendar-days{gap:1px}.calendar-days button{height:25px}.studio-v30 .concept-note{top:-180px}.studio-v30 .cap-copy h2{font-size:35px}}
.studio-v30 .hero-composition{height:550px}.studio-v30 .hero-phone.dev-mobile{left:-1%}.studio-v30 .hero-machine{height:94%;max-height:560px;top:10%;left:-5%;width:100%;object-fit:contain}.studio-v30 .hero-machine>img{width:100%;height:100%;object-fit:contain}.studio-v30 .hero-phone{width:26%;bottom:-1%}
.booking-demo .widget-heading>b{margin-bottom:7px}.booking-demo .widget-heading>span{margin-bottom:6px}.booking-demo .calendar-head{margin-bottom:7px}.booking-demo .calendar-days{gap:2px}.booking-demo .calendar-days button{height:20px}.booking-demo .time-slots{padding-top:6px;margin:6px 0}.booking-demo .time-slots button{padding:6px}.booking-demo .confirm-booking{padding:10px}.booking-demo .booking-feedback{min-height:20px;margin-top:6px}.booking-demo .play-demo{padding-top:6px;margin-top:5px}.studio-v30 .cap-art:has(.connection-card.has-result) .booking-card{transform:translate3d(-96px,0,0) scale(.96)}.studio-v30 .cap-art[data-active='2'] .booking-card{transform:translate3d(-96px,0,0) scale(.96)}.studio-v30 .connection-card{width:24%;right:-3%}.studio-v30 .hero-palette{bottom:-1%}
.style-editor.style-demo{padding:14px}.style-editor.style-demo .widget-heading>span{display:none}.style-editor.style-demo .widget-heading>b{font-size:11px;margin-bottom:8px}.style-editor.style-demo .live-type{padding:0;background:none;border:0}.style-editor.style-demo .live-type>strong{font-size:30px}.style-editor.style-demo .live-type>span,.style-editor.style-demo .live-type>i{display:none}.style-editor.style-demo .style-swatches{margin:12px 0;gap:8px}.style-editor.style-demo .style-swatches button{width:22px;height:22px}.style-editor.style-demo .font-options button{font-size:7px;padding:6px 3px}.style-editor.style-demo .style-feedback{display:none}.style-editor.style-demo .play-demo{font-size:7px}.detail-art .sample-site{background:var(--preview-paper,#f7f2e9);color:var(--preview-ink,#352238);transition:background .5s,color .5s}.detail-art .sample-cover h3{font-family:var(--preview-font,'Times New Roman'),serif}.detail-art .sample-cover:after{background:linear-gradient(90deg,var(--preview-paper,#f7f2e9),transparent 90%);opacity:.7}
@media(max-width:760px){.studio-v30 .hero-composition{height:auto}.studio-v30 .hero-machine{height:240px;max-height:none;top:0;left:-3%;width:106%}.studio-v30 .hero-phone{width:31%;bottom:auto}.studio-v30 .hero-phone.dev-mobile{width:28%}.studio-v30 .detail-art .html-laptop{max-width:100%}.studio-v30 .cap-art:has(.connection-card.has-result) .booking-card,.studio-v30 .cap-art[data-active='2'] .booking-card{transform:none}.booking-demo .calendar-days button{height:27px}.studio-v30 .connection-card{width:70%;right:auto}.style-editor.style-demo{width:29%;padding:10px;right:3%;top:3%}.style-editor.style-demo .style-swatches button{width:24px;height:24px}.style-editor.style-demo .style-swatches{gap:5px}.style-editor.style-demo .font-options{display:grid;gap:4px}.style-editor.style-demo .font-options button{font-size:8px}.style-editor.style-demo .play-demo{font-size:7px}}
@media(max-width:350px){.studio-v30 .hero-machine{height:210px}}
@media(prefers-reduced-motion:reduce){.connection-card.has-result .connection-check{animation:none}.live-type,.sample-site,.style-swatches button,.calendar-days button{transition:none}.studio-v30 .art-stage.animated:not(.visible) .layer{opacity:1;transform:none}}
/* Real, responsive example screens. Controls affect only their own scene. */
[data-preview-scope]{--preview-paper:#f4eee4;--preview-ink:#302820;--preview-accent:#795d40;--preview-font:'Times New Roman',serif}
.studio-v30 .hero-machine.live-laptop{height:auto;max-height:none;aspect-ratio:3/2;top:17%;width:100%;left:-5%}
.studio-v30 .live-laptop>img{display:block;width:100%;height:auto}
.live-screen{position:absolute;left:16.3%;top:11.9%;width:67.5%;height:60.1%;overflow:hidden;container-type:inline-size;background:var(--preview-paper)}
.live-site{height:100%;width:100%;display:flex;flex-direction:column;background:var(--preview-paper);color:var(--preview-ink);transition:background .65s,color .65s;overflow:hidden;text-shadow:none}
.live-nav{height:16%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:4%;font:500 1.7cqw Instrument,sans-serif}
.live-nav>b{font:400 3.5cqw Georgia,serif;letter-spacing:.2em;margin:0;color:inherit}
.live-nav>i{font-size:2.4cqw;font-style:normal}.live-nav>span{font-size:1.65cqw;white-space:nowrap}
.live-cover{flex:1;position:relative;min-height:0;display:grid;grid-template-columns:42% 58%;padding:0 3% 0 5%;isolation:isolate}
.live-cover>img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;grid-column:2;grid-row:1;border-radius:0;transition:filter .65s,border-radius .65s}
.live-copy{grid-column:1;grid-row:1;align-self:center;padding:6% 8% 6% 0;z-index:1}
.live-copy>small{font:500 1.35cqw Instrument,sans-serif;letter-spacing:.14em;display:block;margin:0 0 10%;color:inherit}
.live-copy>h3{font:700 7.1cqw/.93 var(--preview-font);letter-spacing:-.055em;margin:0 0 9%;color:inherit;transition:font-size .5s,letter-spacing .5s;overflow-wrap:normal}
.live-copy>p{font:400 1.9cqw/1.5 Instrument,sans-serif;max-width:22ch;margin:0 0 12%;color:inherit}
.live-cta{display:inline-block;font:500 1.65cqw Instrument,sans-serif;background:var(--preview-accent);color:white;padding:7% 9%;border-radius:2px;transition:background .5s,border-radius .5s}
.live-bottom{display:flex;justify-content:space-between;align-items:center;padding:2% 5%;font:500 1.3cqw Instrument,sans-serif;letter-spacing:.1em}
.studio-v30 .hero-phone.live-phone{width:28%;border:0;padding:0;border-radius:0;background:none;overflow:visible;box-shadow:none;bottom:0}
.live-phone>img{display:block;width:100%;height:auto}.live-phone-screen{position:absolute;left:17.35%;top:6.2%;width:65.4%;height:87.65%;border-radius:12% / 6%;overflow:hidden;container-type:inline-size;background:var(--preview-paper)}
.live-island{position:absolute;left:40%;top:7.2%;width:20.5%;height:3.8%;border-radius:100px;background:#050505;z-index:2;box-shadow:inset -3px 0 2px #1c1c28}
.live-site-mobile .live-nav{height:13%;padding-top:10%;font-size:3cqw}.live-site-mobile .live-nav>b{font-size:8cqw}.live-site-mobile .live-nav>span{display:none}.live-site-mobile .live-nav>i{font-size:6cqw}
.live-site-mobile .live-cover{display:flex;flex-direction:column;padding:0;gap:0}.live-site-mobile .live-copy{width:100%;padding:8% 8% 9%;box-sizing:border-box;flex:none;align-self:stretch}.live-site-mobile .live-copy>small{font-size:2.5cqw;margin-bottom:8%}.live-site-mobile .live-copy>h3{font-size:18cqw;margin-bottom:7%}.live-site-mobile .live-copy>p{font-size:3.8cqw;margin-bottom:7%;max-width:25ch}.live-site-mobile .live-cta{font-size:3.2cqw;padding:5% 7%}.live-site-mobile .live-cover>img{flex:1;height:0;min-height:25%;width:100%;object-position:center}.live-site-mobile .live-bottom{font-size:2.3cqw;padding:6%}
[data-preview-font=moderna] .live-copy>h3{font-size:6.1cqw;letter-spacing:-.07em;line-height:1.02}[data-preview-font=moderna] .live-site-mobile .live-copy>h3{font-size:15.5cqw}[data-preview-font=moderna] .live-cta{border-radius:50px}
[data-layout=immersive] .live-cover{display:block;padding:0 3%;position:relative}[data-layout=immersive] .live-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}[data-layout=immersive] .live-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17120bba,transparent 95%);z-index:0}[data-layout=immersive] .live-copy{position:absolute;left:5%;bottom:6%;width:60%;padding:0;color:#fffaf2}[data-layout=immersive] .live-copy>h3{font-size:8cqw}[data-layout=immersive] .live-copy>small{margin-bottom:5%}[data-layout=immersive] .live-copy>p{margin-bottom:5%}[data-layout=immersive] .live-cta{padding:4% 6%;background:var(--preview-paper);color:var(--preview-ink)}[data-layout=immersive] .live-site-mobile .live-cover{flex:1}[data-layout=immersive] .live-site-mobile .live-copy{left:8%;bottom:9%;width:84%}[data-layout=immersive] .live-site-mobile .live-copy>h3{font-size:19cqw}[data-layout=immersive] .live-site-mobile .live-cover:after{background:linear-gradient(0deg,#17120bdf,transparent)}
.control-eyebrow{font:500 7px Instrument,sans-serif;letter-spacing:.15em;display:block;margin-bottom:8px}.layout-control b{font-size:12px;margin-bottom:12px}.layout-options{display:flex;gap:8px}.layout-options button{flex:1;min-width:0;border:1px solid #35223826;background:#fff4;border-radius:5px;color:#352238;font:500 9px Instrument,sans-serif;padding:8px 4px;transition:background .3s,box-shadow .3s}.layout-options button[aria-pressed=true]{background:#e3ecc1;border-color:#7b8853;box-shadow:0 2px 5px #35223817}.layout-icon{display:block;height:20px;width:30px;border:1px solid #776879;border-radius:2px;margin:0 auto 6px;background:linear-gradient(90deg,transparent 45%,#9a88a9 45%)}.layout-icon.full{background:linear-gradient(15deg,#776879,#c1b6c8);position:relative}.layout-icon.full:after{content:'';position:absolute;left:4px;bottom:4px;width:14px;height:3px;background:#f7f2ed}.layout-control small{font-size:8px;margin:10px 0 0;line-height:1.4}
.studio-v30 .hero-palette.layout-control{width:27%;bottom:-2%;padding:14px}.studio-v30 .hero-widget.style-demo{top:-2%;padding:15px}.hero-widget.style-demo .live-type{padding:11px}.hero-widget.style-demo .live-type strong{font-size:25px}.hero-widget.style-demo .live-type i{display:none}.hero-widget.style-demo .style-feedback{min-height:24px}
.studio-v30 .cap-screen.interactive-alma{width:86%;left:6%;top:10%;rotate:3deg}.alma-live-frame{aspect-ratio:1.55;border:8px solid #5f4766;border-radius:13px;box-shadow:0 0 0 1px #d6bade,inset 0 0 0 2px #b597bd,0 22px 24px #10051e80;overflow:hidden;container-type:inline-size;transform:perspective(1200px) rotateY(-7deg)}.live-alma .live-cover>img{border-radius:40% 40% 0 0;object-position:center}.live-event{container-type:inline-size;aspect-ratio:.53;padding:5px!important;overflow:hidden}.live-event .live-site-mobile .live-nav{padding-top:0}.live-event .live-site-mobile .live-copy>h3{font-size:16cqw}.live-event .live-site-mobile .live-cover>img{border-radius:0}.live-event .live-site-mobile .live-nav>b{font-size:8cqw}
.layout-inline{position:absolute;left:10%;bottom:8%;z-index:4;background:#faf7f1f2;color:#352238;padding:12px;border-radius:8px;border:1px solid #fff;box-shadow:0 9px 20px #35223824;width:175px;rotate:-3deg}.layout-inline .control-eyebrow{font-size:7px}.layout-inline b,.layout-inline small{display:none}.layout-inline .layout-icon{height:13px;width:24px}.layout-inline .layout-options button{font-size:8px;padding:6px}
[data-preview-scope] .sample-site{background:var(--preview-paper);color:var(--preview-ink);transition:background .65s,color .65s}[data-preview-scope] .sample-cover h3{font-family:var(--preview-font)}[data-preview-scope] .sample-link{background:var(--preview-accent);color:#fff}[data-preview-scope] .sample-cover:after{background:linear-gradient(90deg,var(--preview-paper),transparent 90%)}[data-layout=immersive] .sample-cover>div{top:auto;bottom:8%;color:#fff;text-shadow:0 1px 12px #20141b}[data-layout=immersive] .sample-cover:after{background:linear-gradient(0deg,#191511bb,transparent);opacity:1}[data-layout=immersive] .sample-cover .sample-link{background:var(--preview-paper);color:var(--preview-ink)}
@media(max-width:1100px) and (min-width:761px){.studio-v30 .hero-palette.layout-control{width:180px;bottom:-3%}.studio-v30 .hero-machine.live-laptop{top:24%;width:112%;left:-12%}.studio-v30 .hero-widget.style-demo{width:180px}.hero-widget.style-demo .live-type strong{font-size:23px}}
@media(max-width:760px){.studio-v30 .hero-machine.live-laptop{width:124%;left:-12%;height:auto;top:0;max-height:none}.studio-v30 .hero-phone.live-phone{width:39%;left:-6%;top:120px;bottom:auto}.studio-v30 .hero-composition:has(.live-laptop){padding-top:265px}.studio-v30 .hero-widget.style-demo{position:relative;top:auto;width:64%;padding:14px}.studio-v30 .hero-palette.layout-control{display:block;position:relative;top:auto;bottom:auto;right:auto;width:64%;margin:15px 0 0 auto;rotate:0deg;box-sizing:border-box}.hero-widget.style-demo .live-type{display:none}.hero-widget.style-demo .widget-heading b{margin-bottom:10px}.hero-widget.style-demo .style-swatches{margin:12px 0}.hero-widget.style-demo .style-feedback{font-size:8px!important}.studio-v30 .cap-screen.interactive-alma{top:24px;width:94%;left:2%}.studio-v30 .live-event{width:29%;top:160px}.layout-inline{left:8%;bottom:9%;width:140px;padding:9px}.layout-inline .layout-options button{min-height:34px}.layout-control .layout-options button{min-height:44px}.layout-control button:focus-visible{outline:2px solid #352238;outline-offset:3px}}
@media(max-width:350px){.studio-v30 .hero-composition:has(.live-laptop){padding-top:225px}.studio-v30 .hero-phone.live-phone{top:100px}.studio-v30 .hero-widget.style-demo,.studio-v30 .hero-palette.layout-control{width:65%;padding:11px}.layout-options{gap:4px}.layout-control b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.live-site,.live-copy>h3,.live-cta,[data-preview-scope] .sample-site{transition:none}}

/* Keep mobile controls below the previews rather than covering the phone. */
@media(max-width:760px){.studio-v30 .detail-art{aspect-ratio:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:330px 5% 40px;box-sizing:border-box}.studio-v30 .detail-machine{top:35px;left:5%;width:84%}.studio-v30 .detail-phone{top:130px;bottom:auto;right:5%}.studio-v30 .detail-art .style-editor.style-demo{position:relative;top:auto;right:auto;left:auto;width:100%;padding:14px;rotate:0deg;grid-column:2;grid-row:1}.studio-v30 .detail-art .layout-inline{position:relative;top:auto;bottom:auto;left:auto;width:100%;box-sizing:border-box;rotate:0deg;align-self:start;grid-column:1;grid-row:1;padding:14px}.studio-v30 .detail-art .layout-inline b{display:block;font-size:11px;margin-bottom:12px}.studio-v30 .detail-art .layout-inline .layout-options{flex-direction:column}.studio-v30 .detail-art .layout-inline .layout-options button{display:flex;align-items:center;gap:8px;font-size:10px;padding:10px}.studio-v30 .detail-art .layout-icon{margin:0}.studio-v30 .detail-art .style-editor .font-options button{min-height:32px;font-size:10px}.studio-v30 .detail-art .style-editor .style-swatches{gap:10px}.studio-v30 .detail-art .style-editor .style-swatches button{width:26px;height:26px}.studio-v30 .detail-art .style-editor .play-demo{font-size:9px}.studio-v30 .detail-art .detail-concept{left:5%;font-size:7px}}
@media(min-width:550px) and (max-width:760px){.studio-v30 .detail-art{padding-top:390px}.studio-v30 .detail-phone{top:110px}}
@media(max-width:350px){.studio-v30 .detail-art{padding-top:295px}.studio-v30 .detail-phone{top:110px}.studio-v30 .detail-art .style-editor .style-swatches{gap:6px}.studio-v30 .detail-art .style-editor .style-swatches button{width:23px;height:23px}}
@media(max-width:549px){.studio-v30 .detail-art{padding-top:390px}}
@media(max-width:350px){.studio-v30 .detail-art{padding-top:355px}}