/* Two art-directed layouts, with the same editable colour and type system. */
.live-cover>.immersive-art{display:none}
.live-bottom i{font-style:normal;opacity:.65}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-nav{height:14%;border-bottom:1px solid color-mix(in srgb,var(--preview-ink) 18%,transparent);margin:0 5%;padding:0;box-sizing:border-box}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-cover{display:grid;grid-template-columns:27% 73%;grid-template-rows:32% 68%;padding:3% 5% 0;gap:0}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-copy{display:contents}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-copy>small{display:none}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-copy>h3{grid-column:1/3;grid-row:1;font-size:10.2cqw;line-height:.92;letter-spacing:-.06em;margin:0;align-self:start;white-space:nowrap}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-copy>h3 br{display:none}
[data-layout=editorial][data-preview-font=moderna] .live-site:not(.live-site-mobile) .live-copy>h3{font-size:8.9cqw;letter-spacing:-.075em}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-copy>p{grid-column:1;grid-row:2;align-self:start;margin:4% 12% 0 0;font-size:1.7cqw;line-height:1.6;max-width:16ch}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-cta{grid-column:1;grid-row:2;align-self:end;justify-self:start;background:transparent;color:var(--preview-ink);border-bottom:1px solid var(--preview-accent);padding:0 0 7%;margin:0 9% 3% 0;border-radius:0;font-size:1.55cqw;white-space:nowrap}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-cover>img{grid-column:2;grid-row:2;border-radius:0;object-position:center 57%;width:100%;height:100%}
[data-layout=editorial] .live-site:not(.live-site-mobile) .live-bottom{height:9%;box-sizing:border-box;padding:2% 5%;font-size:1.35cqw}
[data-layout=editorial] .live-site-mobile .live-copy{padding:8% 8% 7%}
[data-layout=editorial] .live-site-mobile .live-copy>small{font-size:2.5cqw;letter-spacing:.16em;margin-bottom:7%}
[data-layout=editorial] .live-site-mobile .live-copy>h3{font-size:22cqw;line-height:.87;margin-bottom:8%}
[data-layout=editorial][data-preview-font=moderna] .live-site-mobile .live-copy>h3{font-size:19cqw;letter-spacing:-.075em}
[data-layout=editorial] .live-site-mobile .live-copy>p{font-size:3.6cqw;max-width:24ch;margin-bottom:6%}
[data-layout=editorial] .live-site-mobile .live-cta{background:none;color:var(--preview-ink);padding:0 0 3%;border-bottom:1px solid var(--preview-accent);border-radius:0}
[data-layout=editorial] .live-site-mobile .live-cover>img{margin:0 7%;width:86%;min-height:32%;object-position:center}
[data-layout=editorial] .live-site-mobile .live-bottom{font-size:2.4cqw;padding:6% 7%;height:9%;box-sizing:border-box}
.live-site-mobile .live-bottom i{display:none}
/* Inmersiva changes the photograph, hierarchy, navigation and caption. */
[data-layout=immersive] .live-site{position:relative;background:#252a22;color:#fff9ed}
[data-layout=immersive] .live-site .live-nav{position:absolute;left:0;right:0;top:0;z-index:3;height:16%;color:#fffaf2;background:linear-gradient(#151d2270,transparent);border:none}
[data-layout=immersive] .live-site .live-cover{position:absolute;inset:0;padding:0;height:100%}
[data-layout=immersive] .live-cover>.editorial-art{display:none}
[data-layout=immersive] .live-cover>.immersive-art{display:block;position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center}
[data-layout=immersive] .live-cover:after{background:linear-gradient(90deg,#131c2090,transparent 80%),linear-gradient(0deg,#101b2480,transparent 60%)}
[data-layout=immersive] .live-copy{left:6%;bottom:18%;width:72%;display:block}
[data-layout=immersive] .live-copy>h3{font-size:11.5cqw;line-height:.85;letter-spacing:-.055em;margin:0 0 5%;font-weight:500;text-shadow:0 3px 20px #16202630}
[data-layout=immersive][data-preview-font=moderna] .live-copy>h3{font-size:10.5cqw;line-height:.95;font-weight:550;letter-spacing:-.075em}
[data-layout=immersive] .live-copy>small{display:block;font-size:1.4cqw;margin-bottom:4%;letter-spacing:.2em}
[data-layout=immersive] .live-copy>p{font-size:1.65cqw;margin-bottom:4%;max-width:38ch}
[data-layout=immersive] .live-cta{padding:2.5% 4%;font-size:1.65cqw;background:var(--preview-paper);color:var(--preview-ink);border-radius:40px;border:1px solid #fff6}
[data-layout=immersive] .live-bottom{position:absolute;bottom:0;left:5%;right:5%;z-index:3;padding:3% 0;border-top:1px solid #ffffff50;color:#fff;font-size:1.35cqw}
[data-layout=immersive] .live-site-mobile .live-nav{height:13%;padding-top:10%}
[data-layout=immersive] .live-site-mobile .live-copy{left:8%;bottom:16%;width:84%}
[data-layout=immersive] .live-site-mobile .live-copy>h3{font-size:24cqw;line-height:.9}
[data-layout=immersive][data-preview-font=moderna] .live-site-mobile .live-copy>h3{font-size:21cqw}
[data-layout=immersive] .live-site-mobile .live-copy>small{font-size:2.6cqw;margin-bottom:8%}
[data-layout=immersive] .live-site-mobile .live-copy>p{font-size:3.7cqw;line-height:1.5;margin-bottom:9%}
[data-layout=immersive] .live-site-mobile .live-cta{font-size:3.4cqw;padding:5% 7%}
[data-layout=immersive] .live-site-mobile .live-bottom{font-size:2.5cqw;padding:7% 0;left:8%;right:8%}
[data-layout=immersive] .live-site-mobile .live-cover>.immersive-art{object-position:57% center}
/* Matching control surfaces, with deliberately different visual weights. */
.studio-v30 .hero-widget.design-console{background:linear-gradient(140deg,#fffcf8,#f0e8e1);width:clamp(205px,31%,260px);padding:20px;border-radius:13px;rotate:-3deg;border:1px solid #fff;box-shadow:0 22px 42px #22152c29,-3px 3px 0 #d3c5cc,inset 0 0 0 1px #ffffff70;top:-1%}
.console-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;color:#75616f;font:500 7px Instrument,sans-serif;letter-spacing:.12em}.console-top i{font-style:normal;font-size:6px;letter-spacing:.07em;white-space:nowrap}.design-console .console-top i:before{content:'';display:inline-block;width:4px;height:4px;background:#899952;border-radius:50%;margin-right:4px;box-shadow:0 0 0 3px #89995215}
.design-console .widget-heading>b{font:500 28px/.97 'Times New Roman',serif;letter-spacing:-.05em;margin:0 0 22px}
.console-label{display:flex;justify-content:space-between;align-items:center;font:500 8px Instrument,sans-serif;letter-spacing:.03em}.console-label b{font:400 8px Instrument,sans-serif;margin:0;color:#8c737f}
.design-console .style-swatches{gap:12px;margin:12px 0 22px}.design-console .style-swatches button{width:31px;height:31px;border:2px solid #fff9;box-shadow:inset 0 1px 3px #35223815;transition:transform .3s,box-shadow .3s}.design-console .style-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #f6f0e9,0 0 0 3px #846c82;transform:translateY(-2px)}
.design-console .font-options{margin-top:10px;gap:8px}.design-console .font-options button{display:flex;flex-direction:column;align-items:start;text-align:left;padding:9px 10px;border:1px solid #38243e18;background:#ffffff45;border-radius:7px;color:#352238;gap:5px}.design-console .font-options button strong{font:400 25px/.9 Georgia,serif;letter-spacing:-.06em}.design-console .font-options button[data-font=moderna] strong{font-family:Instrument,sans-serif;font-weight:600}.design-console .font-options button span{font:400 8px Instrument,sans-serif}.design-console .font-options button[aria-pressed=true]{background:#e3d8eb;border-color:#bba6ca;box-shadow:0 3px 8px #35223809}.design-console .style-feedback{font-size:7px!important;min-height:0;margin:12px 0;color:#887582}
.design-console .play-demo{font-size:8px;display:flex;align-items:center;gap:7px;border-top:1px solid #35223815;margin-top:13px;padding-top:12px;text-decoration:none}.design-console .play-demo>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ded0e8;color:#352238;font-size:10px}.design-console .play-demo:hover>span{background:#dcef69}
.studio-v30 .hero-palette.composition-console{width:32%;right:-2%;bottom:-2%;padding:17px 18px;border-radius:12px;background:linear-gradient(130deg,#47334e,#2e2035);color:#faf6ef;border:1px solid #92789a;box-shadow:0 18px 30px #21102844,3px 3px 0 #281a2f,inset 0 1px 0 #b396c15c;rotate:3deg}
.composition-console .console-top{color:#baa7c4;margin-bottom:12px}.composition-console>b{font:500 19px/.97 'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 15px}.composition-console .layout-options{gap:9px}.composition-console .layout-options button{border:1px solid #d4bcdf30;border-radius:6px;background:#ffffff08;color:#efe5f4;padding:5px;overflow:hidden;transition:background .3s,border-color .3s,transform .3s}.composition-console .layout-options button[aria-pressed=true]{background:#ffffff12;border-color:#dcef69;box-shadow:0 0 0 1px #dcef6920;transform:translateY(-2px)}
.layout-thumb{display:block;position:relative;aspect-ratio:1.55;overflow:hidden;border-radius:3px;text-align:left;background:#f4eee4;color:#352238}.layout-thumb>i{font:700 7px/.95 Georgia,serif;display:block;padding:5px;font-style:normal;letter-spacing:-.03em}.thumb-editorial>em{position:absolute;top:35%;bottom:6%;left:31%;right:6%;background:url('/assets/service-forma-interior.webp') center/cover}.thumb-immersive{background:linear-gradient(90deg,#131c2080,transparent),url('/assets/service-forma-coast.webp') center/cover;color:white}.thumb-immersive>i{position:absolute;left:0;bottom:4px;font-weight:400;font-size:10px}.composition-console .layout-options button>span:last-child{display:flex;justify-content:space-between;font:400 8px Instrument,sans-serif;padding:7px 2px 2px}.composition-console .layout-options button>span:last-child>i{font-style:normal;opacity:.5}.composition-console .layout-options button[aria-pressed=true]>span:last-child>i{color:#dcef69;opacity:1}.composition-console small{font-size:7px;color:#bfaeca;margin-top:12px}
.design-console button:focus-visible,.composition-console button:focus-visible{outline:2px solid #ab83c6;outline-offset:4px}.composition-console button:focus-visible{outline-color:#dcef69}
@media(min-width:761px) and (max-width:1100px){.studio-v30 .hero-widget.design-console{width:185px;padding:15px;top:-2%}.design-console .widget-heading>b{font-size:24px;margin-bottom:17px}.design-console .style-swatches{margin-bottom:16px}.design-console .font-options button{padding:8px}.studio-v30 .hero-palette.composition-console{width:195px;bottom:-9%;padding:14px}.composition-console>b{font-size:18px}.console-top{font-size:6px;letter-spacing:.06em}}
@media(max-width:760px){.studio-v30 .hero-widget.design-console{width:65%;padding:17px;top:auto;rotate:-2deg;margin-top:0}.design-console .console-top{font-size:6px;margin-bottom:15px}.design-console .widget-heading>b{font-size:25px;display:block;margin-bottom:17px}.design-console .style-swatches{margin:12px 0 17px}.design-console .font-options button{padding:10px;min-height:58px}.design-console .font-options button span{font-size:9px}.design-console .style-feedback{font-size:7px!important}.studio-v30 .hero-palette.composition-console{width:69%;right:auto;bottom:auto;margin:18px 1% 0 auto;padding:16px;rotate:2deg}.composition-console .layout-options button{min-height:78px}.composition-console .layout-options button>span:last-child{font-size:9px}.composition-console small{font-size:8px}.design-console .play-demo{min-height:36px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.design-console button,.composition-console button{transition:none}}
/* Final spacing: the two controls remain separate, with no hidden headings. */
.studio-v30 .hero-widget.design-console{top:-4%;padding:18px}.design-console .console-top{margin-bottom:12px}.design-console .widget-heading>b{margin-bottom:15px}.design-console .style-swatches{margin:10px 0 16px}.design-console .font-options button{padding:8px 10px}.design-console .font-options button strong{font-size:23px}.hero-widget.design-console .style-feedback{min-height:0;margin:9px 0;font-size:7px!important}.design-console .play-demo{margin-top:9px;padding-top:9px}.studio-v30 .hero-palette.composition-console{bottom:-4%}
[data-layout=editorial] .live-alma:not(.live-site-mobile) .live-copy>h3{font-size:7.3cqw}[data-layout=editorial][data-preview-font=moderna] .live-alma:not(.live-site-mobile) .live-copy>h3{font-size:6.5cqw}
@media(max-width:760px){.studio-v30 .hero-widget.design-console{top:auto;padding:17px}.studio-v30 .hero-palette.composition-console{bottom:auto}}