.form-card,.form-card input,.form-card textarea,.form-card select,.form-card button{font-family:"Segoe UI",Arial,sans-serif}.form-card .button{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:10px}.form-card .button span{font-family:"Segoe UI",Arial,sans-serif}
/* SE-sized portrait: top 28% scene, bottom 70% shared enquiry. */
@media (orientation:portrait) and (max-width:400px) and (max-height:740px){
html[data-form-align] #enquiry.contact{display:block;position:relative;min-height:100svh;height:auto;padding:28svh 14px 2svh;box-sizing:border-box}
html[data-form-align] #enquiry .core-caption{display:block;position:absolute;top:12px;left:0;width:100%;margin:0;text-align:center}
#enquiry .core-caption .eyebrow,#enquiry .core-caption .enquiry-intro{display:none}
#enquiry .core-caption .enquiry-code{margin:0;font-size:10px;line-height:16px}
html[data-form-align] #enquiry .form-card{position:relative;top:auto;bottom:auto;align-self:auto;margin:0;width:100%;max-width:none;padding:14px 16px;box-sizing:border-box}
.form-card .step-indicator{font-size:10px;margin:0 0 12px;padding:0 0 10px;gap:14px}
.form-card h3{font-size:22px;line-height:1.15;margin:0 0 6px;letter-spacing:-.8px}
.form-card .muted{font-size:11px;line-height:1.3;margin:0 0 12px}
.form-card .enquiry-field{margin:0 0 9px}
.form-card label{font-size:11px;line-height:14px;margin:0 0 5px}
.form-card label small{font-size:10px}
.form-card input,.form-card textarea,.form-card .country-picker summary{font-size:16px;line-height:20px;padding:7px 9px;min-height:36px;height:36px;box-sizing:border-box}
.form-card textarea{height:48px;min-height:48px}
.form-card .phone-fields{gap:8px;margin:0}
.form-card #phoneHint{display:none}
.form-card .country-picker summary{font-size:12px}
.form-card .country-name{display:none}
.form-card .button{font-size:12px;line-height:18px;padding:10px 12px;min-height:38px;margin:4px 0 0;width:100%}
}

.country-picker .country-chevron{display:block;flex:0 0 12px;align-self:center;transition:transform .2s}.country-picker[open] .country-chevron{transform:rotate(180deg)}
@media (orientation:portrait) and (max-width:400px) and (max-height:740px){
html[data-form-align] #enquiry.contact{padding-top:35svh}
html[data-form-align] #enquiry .form-card{padding:12px 14px}
.form-card .step-indicator{margin-bottom:9px;padding-bottom:8px}
.form-card .muted{margin-bottom:9px}
.form-card .enquiry-field{margin-bottom:7px}
.form-card input,.form-card textarea{font-size:12px;line-height:18px;min-height:32px;height:32px;padding:6px 9px}
.form-card textarea{height:42px;min-height:42px}
.contact .form-card .country-picker summary{height:32px;min-height:32px;padding:6px 8px;line-height:18px;font-size:11px;align-items:center}
.contact .form-card .selected-country{align-items:center;line-height:18px}
.contact .form-card .button{font-size:11px;line-height:16px;min-height:34px;padding:8px 10px;margin:2px 0 0}
}

@media (orientation:portrait) and (max-width:400px) and (max-height:740px){html[data-form-align] #enquiry.contact{padding-top:38svh}}

.editable-country .country-entry{display:flex;align-items:center;gap:4px;height:100%;min-height:36px;background:#090d13;border:1px solid #454e59;border-radius:4px;padding:0 6px;box-sizing:border-box}
.form-card .editable-country input.dial-code{width:40px;min-width:0;flex:1;border:0;background:transparent;padding:0;min-height:30px;height:30px;font-size:12px;box-shadow:none}
.editable-country .country-toggle{display:flex;align-items:center;justify-content:center;align-self:stretch;width:24px;flex:none;border:0;background:transparent;color:#dfeaf3;padding:0;cursor:pointer}
.editable-country .country-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.editable-country.opens-up .country-options{top:auto;bottom:calc(100% + 6px)}
.editable-country .country-options[hidden],.editable-country img[hidden]{display:none}
.editable-country .country-options{overscroll-behavior:contain}
@media (orientation:portrait) and (max-width:400px) and (max-height:740px){.contact .phone-fields{grid-template-columns:110px minmax(0,1fr)}.editable-country .country-entry{min-height:32px;height:32px}.contact .editable-country img{width:18px;height:13px}.form-card .editable-country input.dial-code{font-size:11px}}

/* Shared portrait composition: Earth/code 38%, enquiry about 59%, breathing room 3%. */
@media (orientation:portrait) and (max-width:1100px){
html[data-form-align] #enquiry.contact{display:block;position:relative;min-height:100svh;height:auto;padding:38svh 3.733vw 2svh;box-sizing:border-box}
html[data-form-align] #enquiry .core-caption{display:block;position:absolute;top:1.8svh;left:0;width:100%;margin:0;text-align:center}
#enquiry .core-caption .eyebrow,#enquiry .core-caption .enquiry-intro{display:none}
#enquiry .core-caption .enquiry-code{font-size:1.5svh;line-height:2.4svh;margin:0}
html[data-form-align] #enquiry .form-card{position:relative;top:auto;bottom:auto;align-self:auto;margin:0 auto;width:100%;max-width:820px;padding:1.8svh 2.1svh;box-sizing:border-box}
#enquiry .form-card .step-indicator{font-size:1.5svh;line-height:2.1svh;margin:0 0 1.35svh;padding:0 0 1.2svh;gap:2.1svh}
#enquiry .form-card h3{font-size:3.3svh;line-height:1.15;margin:0 0 .9svh;letter-spacing:-.12svh}
#enquiry .form-card .muted{font-size:1.65svh;line-height:1.3;margin:0 0 1.35svh}
#enquiry .form-card .enquiry-field{margin:0 0 1.05svh}
#enquiry .form-card label{font-size:1.65svh;line-height:2.1svh;margin:0 0 .75svh}
#enquiry .form-card label small{font-size:1.5svh}
#enquiry .form-card input,#enquiry .form-card textarea{font-size:1.8svh;line-height:2.7svh;padding:.9svh 1.35svh;height:4.8svh;min-height:4.8svh;box-sizing:border-box}
#enquiry .form-card textarea{height:6.3svh;min-height:6.3svh}
#enquiry .phone-fields{grid-template-columns:calc(16.5svh) minmax(0,1fr);gap:1.2svh;margin:0}
#enquiry #phoneHint,#enquiry .country-name{display:none}
#enquiry .editable-country .country-entry{height:4.8svh;min-height:4.8svh;padding:0 .9svh;gap:.6svh}
#enquiry .editable-country input.dial-code{font-size:1.65svh;min-height:0;height:4.5svh;padding:0;line-height:2.7svh}
#enquiry .editable-country img{width:2.7svh;height:1.95svh}
#enquiry .editable-country .country-toggle{width:3.6svh}
#enquiry .form-card .button{font-size:1.65svh;line-height:2.4svh;min-height:5.1svh;padding:1.2svh 1.5svh;margin:.3svh 0 0;width:100%}
}
@media (orientation:portrait) and (max-width:1100px){#enquiry .core-caption .enquiry-code{text-align:center!important;max-width:none;width:100%}}

@media (orientation:landscape){
html[data-form-align] #enquiry.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;align-items:start;min-height:100svh}
html[data-form-align] #enquiry .form-card{grid-column:2;width:90%;max-width:660px;justify-self:center;position:sticky;align-self:start;box-sizing:border-box;top:max(10px,calc((100svh - var(--form-height,650px))/2));margin:max(10px,calc((100svh - var(--form-height,650px))/2)) 0 10px}
#enquiry .core-caption{grid-column:1;grid-row:1}
}
@media (orientation:landscape) and (max-height:649px){
html[data-form-align] #enquiry .form-card{padding:10px 12px;width:94%}
#enquiry .form-card .step-indicator{font-size:9px;line-height:12px;margin:0 0 6px;padding:0 0 5px;gap:12px}
#enquiry .form-card h3{font-size:19px;line-height:22px;margin:0 0 3px}
#enquiry .form-card .muted{font-size:10px;line-height:12px;margin:0 0 7px}
#enquiry #leadForm{display:block}
#enquiry .form-card .enquiry-field{margin:0 0 5px}
#enquiry .form-card label{font-size:10px;line-height:12px;margin:0 0 3px}
#enquiry .form-card label small{font-size:9px}
#enquiry .form-card input,#enquiry .form-card textarea{font-size:11px;line-height:15px;padding:4px 7px;min-height:25px;height:25px;box-sizing:border-box}
#enquiry .form-card textarea{height:32px;min-height:32px}
#enquiry .phone-fields{grid-template-columns:100px minmax(0,1fr);gap:6px;margin:0}
#enquiry #phoneHint{display:none}
#enquiry .editable-country .country-entry{height:25px;min-height:25px}
#enquiry .editable-country input.dial-code{font-size:10px;height:23px;min-height:0;padding:0}
#enquiry .form-card .button{font-size:10px;line-height:14px;padding:7px 8px;min-height:28px;margin:2px 0 0;width:100%}
}

@media (orientation:landscape){
html[data-form-align] #enquiry .core-caption{display:block;position:sticky;grid-column:1;grid-row:1;align-self:start;justify-self:center;top:73svh;width:92%;margin:73svh 0 0;text-align:center!important}
#enquiry .core-caption .eyebrow{display:block;text-align:center;font-size:clamp(9px,1.6svh,18px);line-height:1.3;letter-spacing:.08em}
#enquiry .core-caption .enquiry-intro{display:block;font-family:inherit;font-size:clamp(12px,2.3svh,28px);line-height:1.35;text-align:center!important;max-width:none;margin:1svh 0!important}
#enquiry .core-caption .enquiry-code{display:block;font-size:clamp(9px,1.5svh,17px);line-height:1.4;text-align:center!important;max-width:none;margin:1svh 0!important;color:var(--accent,#cd7523)!important}
}
#enquiry .core-caption .enquiry-code{color:var(--accent,#cd7523)!important}
#enquiry .core-caption .enquiry-code{opacity:1!important}

#enquiry .idea-accent{color:var(--accent,#cd7523)}
@media (orientation:landscape){
html[data-form-align] #enquiry .core-caption{top:0;margin:0;width:100%;height:100svh;pointer-events:none}
#enquiry .core-caption .enquiry-code{position:absolute;top:3svh;left:0;width:100%;margin:0!important;font-size:clamp(11px,2svh,22px);line-height:1.4}
#enquiry .core-caption .eyebrow{position:absolute;top:73svh;left:0;width:100%;font-size:clamp(10px,1.9svh,21px)}
#enquiry .core-caption .enquiry-intro{position:absolute;top:77svh;left:3%;width:94%;margin:0!important;font-size:clamp(14px,2.8svh,32px);line-height:1.35}
}

.website-mobile-enquiry{display:none}
@media (orientation:portrait) and (max-width:1100px){
.mobile-website-flow #website-intro{height:100svh;min-height:100svh;padding:0 6%;display:block;background:#080c12}
.mobile-website-flow .opening-copy{position:absolute;top:15svh;left:6%;right:6%;height:35svh;text-align:center}
.mobile-website-flow .opening-copy .eyebrow{font-size:1.25svh;letter-spacing:.1em}
.mobile-website-flow .opening-copy h1{font-size:6svh;line-height:1.03;letter-spacing:-.2svh;margin:1.4svh 0}
.mobile-website-flow .opening-copy .opening-lead{font-size:1.8svh;line-height:1.4;margin:0 auto;max-width:320px}
.mobile-website-flow .opening-copy>p:not(.opening-lead),.mobile-website-flow .opening-copy .edit-scenes-link,.mobile-website-flow .opening-platforms{display:none}
.mobile-website-flow #enter-studio{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:90%;min-height:0;padding:1.6svh 8px;font-size:1.8svh;line-height:1.4;white-space:nowrap;gap:12px}
.mobile-website-flow .website-mobile-enquiry{display:block;background:#080c12}
.mobile-website-flow .opening-robot-preview{position:fixed!important;top:var(--opening-top)!important;left:0!important;right:0!important;width:100%!important;height:var(--opening-height)!important;min-height:0!important;max-height:none!important;margin:0!important;z-index:2;border-radius:0;pointer-events:none}
.mobile-website-flow .opening-robot-preview .scene-caption,.mobile-website-flow .opening-robot-preview .scene-legend,.mobile-website-flow .opening-robot-preview .scene-speech{display:none!important}
.mobile-website-flow .website-mobile-enquiry .form-card,.mobile-website-flow .website-mobile-enquiry .core-caption{z-index:3}
}
.mobile-website-flow .opening-robot-preview .story-copy{display:none!important}

.mobile-delivery-copy,.opening-proof{display:none}
@media(orientation:portrait) and (max-width:1100px){
.mobile-website-flow #studio-story{height:100svh;min-height:100svh;display:block;mask-image:none}
.mobile-website-flow .mobile-delivery-copy{display:block;position:absolute;top:57svh;left:7%;right:7%;text-align:center}
.mobile-delivery-copy h2{font-size:4.3svh;line-height:1.15;margin:1.5svh 0}
.mobile-delivery-copy p{font-size:1.8svh;line-height:1.5;color:#bed0df}
.mobile-delivery-copy .button{display:inline-flex;justify-content:center;padding:1.5svh 20px;font-size:1.8svh;background:var(--accent);color:#101010}
.mobile-website-flow .opening-copy>p.opening-proof{display:block;position:absolute;bottom:6.6svh;left:0;right:0;font-size:1.2svh;line-height:1.3;color:#bcd0df}
.mobile-website-flow .opening-copy h1{font-size:5.6svh}
.mobile-website-flow .opening-robot-preview .scene-speech{display:block!important;font-size:8px;line-height:1.25;padding:5px 7px;min-height:0;max-width:170px}
.mobile-website-flow .opening-robot-preview .scene-speech .speaker-name{font-size:6px;letter-spacing:.6px;margin-bottom:3px}
.mobile-website-flow .opening-robot-preview .scene-speech:after{height:10px}
}

@media(orientation:portrait) and (max-width:1100px){
.mobile-website-flow .website-mobile-enquiry{position:relative;z-index:3;background:transparent!important;opacity:1!important;mask-image:none!important}
.mobile-website-flow .website-mobile-enquiry .form-card{background:#101720!important;opacity:1!important;backdrop-filter:none;mask-image:none!important}
.mobile-website-flow .mobile-delivery-copy{top:9svh;z-index:3}
.mobile-website-flow .mobile-delivery-copy h2{font-size:4.4svh}
}

/* Allow the enquiry layer to sit above the body-mounted canvas. */
@media(orientation:portrait) and (max-width:1100px){.mobile-website-flow>main#main{z-index:auto;isolation:auto}.mobile-website-flow .website-mobile-enquiry{z-index:10}.mobile-website-flow .opening-robot-preview{z-index:2!important}}

/* Review composition and a gentle handover to the portfolio. */
@media(orientation:portrait) and (max-width:1100px){
.mobile-website-flow #enquiry .core-caption{visibility:hidden;opacity:0;transition:opacity .25s ease}
.mobile-website-flow #enquiry.step-settled .core-caption{visibility:visible;opacity:1}
.mobile-website-flow .mobile-delivery-copy{top:7svh;left:6%;right:6%}
.mobile-website-flow .mobile-delivery-copy h2{font-size:6.1svh;line-height:1.06;letter-spacing:-.22svh;margin:1.6svh 0}
.mobile-website-flow .mobile-delivery-copy p{font-size:2.1svh;line-height:1.4;margin:1.8svh 0}
.mobile-website-flow .mobile-delivery-copy .button{font-size:2svh;padding:1.6svh 22px}
.mobile-website-flow .page-main{position:relative;z-index:3;background:#080c12}
.mobile-website-flow .page-main:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:18svh;background:linear-gradient(transparent,#080c12);pointer-events:none}
.mobile-website-flow .page-main>.results{padding-top:5svh}
}
@media(prefers-reduced-motion:reduce){.mobile-website-flow #enquiry .core-caption{transition:none}}

.studio-immersive .page-cta{text-align:center!important}.studio-immersive .page-cta h2{text-align:center!important;margin-left:auto;margin-right:auto}.studio-immersive .page-cta .button{display:inline-flex;justify-content:center;margin-left:auto;margin-right:auto}
#robot-scene .robot-fallback{display:block;position:absolute;inset:0;padding:0;background:#080c12;z-index:1;opacity:1;pointer-events:none;transition:opacity .65s ease}
#robot-scene .robot-fallback img{width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse,black 45%,transparent 73%)}
#robot-scene.robot-ready .robot-fallback{display:block;opacity:0}
#robot-scene canvas{opacity:0;transition:opacity .65s ease}#robot-scene.robot-ready canvas{opacity:1}
@media(prefers-reduced-motion:reduce){#robot-scene .robot-fallback,#robot-scene canvas{transition:none}}

/* Speech is screen-sized, independent of the 3D model scale, in all scenes. */
@media(max-width:1100px){.mobile-website-flow .opening-robot-preview .scene-speech{font-size:11px!important;line-height:1.4;padding:8px 10px;max-width:min(220px,65vw);color:#e5f4ff;background:#081521f5}.mobile-website-flow .opening-robot-preview .scene-speech .speaker-name{font-size:8px;line-height:1.3;letter-spacing:.7px;margin-bottom:4px}}

#robot-scene .robot-fallback img{mask-image:none;object-fit:contain}

@media(orientation:portrait) and (max-width:1100px){
.studio-immersive .page-cta .button{display:flex;width:100%;box-sizing:border-box;min-height:40px;height:auto;padding:9px 14px;font-size:clamp(12px,1.7svh,16px);line-height:1.35;white-space:nowrap}
.mobile-website-flow .opening-copy .opening-lead{max-width:min(90%,640px)}
.mobile-website-flow .opening-robot-preview .scene-speech{font-size:clamp(11px,1.65svh,17px)!important;max-width:min(33svh,65vw)}
.mobile-website-flow .opening-robot-preview .scene-speech .speaker-name{font-size:clamp(8px,1.2svh,12px)}
}

/* Width-aware typography; all copy participates in layout above the 50% CTA. */
@media(orientation:portrait) and (max-width:1100px){
.mobile-website-flow .opening-copy{display:flex;flex-direction:column;align-items:center;gap:.8svh}
.mobile-website-flow .opening-copy .eyebrow{flex:none;font-size:min(1.25svh,2.5vw)}
.mobile-website-flow .opening-copy h1{flex:none;font-size:min(5.6svh,11.5vw);line-height:1.05;letter-spacing:-.04em;margin:.5svh 0}
.mobile-website-flow .opening-copy .opening-lead{flex:none;font-size:min(1.8svh,3.5vw);line-height:1.4;max-width:100%;margin:0}
.mobile-website-flow .opening-copy>p.opening-proof{position:static;order:3;flex:none;margin:auto 0 0;font-size:min(1.2svh,2.35vw);line-height:1.4}
.mobile-website-flow #enter-studio{position:static;order:4;flex:none;margin:0;width:100%;box-sizing:border-box;font-size:min(1.8svh,3.5vw);padding:1.6svh 8px}
.mobile-website-flow .mobile-delivery-copy h2{font-size:min(6.1svh,10.4vw)}
.mobile-website-flow .mobile-delivery-copy p{font-size:min(2.1svh,3.8vw)}
}


@media(orientation:portrait) and (max-width:1100px){
.mobile-website-flow .opening-copy .opening-lead{font-size:min(1.95svh,3.65vw)}
.mobile-website-flow .opening-copy>p.opening-proof{margin:1.3svh 0 0;font-size:min(1.35svh,2.65vw)}
.mobile-website-flow #enter-studio{margin:auto 0 0}
}

@media(orientation:portrait) and (max-width:1100px){
.mobile-website-flow .opening-copy h1{font-size:calc(min(5.6svh,11.5vw) * var(--copy-fit,1))}
.mobile-website-flow .opening-copy .opening-lead{font-size:calc(min(1.95svh,3.65vw) * var(--copy-fit,1))}
.mobile-website-flow .opening-copy>p.opening-proof{font-size:calc(min(1.35svh,2.65vw) * var(--copy-fit,1))}
}

@media(orientation:portrait) and (max-width:1100px){.mobile-website-flow .opening-copy .opening-lead{font-size:calc(min(1.95svh,3.65vw) * var(--copy-fit,1) * var(--detail-fit,1))}.mobile-website-flow .opening-copy>p.opening-proof{font-size:calc(min(1.35svh,2.65vw) * var(--copy-fit,1) * var(--detail-fit,1))}}

/* First landscape prototype: iPhone SE only. */
.se-landscape-flow>main#main{z-index:auto;isolation:auto}
.se-landscape-flow header{height:54px;min-height:0;padding:8px 4%}
.se-landscape-flow #website-intro{height:100svh;min-height:100svh;padding:0;display:block;background:#080c12}
.se-landscape-flow .opening-copy{position:absolute;left:4%;top:20svh;width:43%;height:74svh;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.se-landscape-flow .opening-copy .eyebrow{font-size:8px;letter-spacing:.08em}
.se-landscape-flow .opening-copy h1{font-size:35px;line-height:1.04;letter-spacing:-1.2px;margin:2px 0}
.se-landscape-flow .opening-copy .opening-lead{font-size:12px;line-height:1.4;margin:0;max-width:100%}
.se-landscape-flow .opening-copy>p:not(.opening-lead):not(.opening-proof),.se-landscape-flow .edit-scenes-link,.se-landscape-flow .opening-platforms{display:none}
.se-landscape-flow .opening-copy>p.opening-proof{display:block;position:static;font-size:9px;line-height:1.4;order:3;margin:3px 0}
.se-landscape-flow #enter-studio{position:static;display:flex;order:4;width:100%;box-sizing:border-box;min-height:34px;padding:9px 10px;font-size:11px;line-height:1.3;gap:8px;margin:auto 0 0;white-space:nowrap}
.se-landscape-flow .opening-robot-preview{position:fixed!important;top:12svh!important;left:var(--opening-left,50vw)!important;right:auto!important;width:50vw!important;height:88svh!important;max-height:none!important;min-height:0!important;margin:0!important;z-index:2!important;pointer-events:none;border-radius:0}
.se-landscape-flow .opening-robot-preview .scene-caption,.se-landscape-flow .opening-robot-preview .scene-legend{display:none!important}
.se-landscape-flow .opening-robot-preview .scene-speech{font-size:10px;line-height:1.3;padding:6px 8px;max-width:190px;min-height:0}
.se-landscape-flow .opening-robot-preview .speaker-name{font-size:7px}
.se-landscape-flow #enquiry{position:relative;z-index:10;height:100svh;min-height:100svh;background:transparent!important;opacity:1!important;mask-image:none!important}
.se-landscape-flow #enquiry .form-card{background:#101720!important;opacity:1!important;backdrop-filter:none;grid-row:1}
.se-landscape-flow #enquiry .core-caption{grid-column:1;grid-row:1;visibility:hidden}
.se-landscape-flow #enquiry.step-settled .core-caption{visibility:visible}
.se-landscape-flow #studio-story{height:100svh;min-height:100svh;display:block;mask-image:none;padding:0}
.se-landscape-flow .mobile-delivery-copy{display:block;position:absolute;left:4%;top:22svh;width:43%;text-align:left;z-index:3}
.se-landscape-flow .mobile-delivery-copy .eyebrow{font-size:9px}
.se-landscape-flow .mobile-delivery-copy h2{font-size:31px;line-height:1.08;margin:12px 0}
.se-landscape-flow .mobile-delivery-copy p{font-size:12px;line-height:1.5;margin:12px 0}
.se-landscape-flow .mobile-delivery-copy .button{font-size:11px;min-height:34px;padding:9px 14px}
.se-landscape-flow .page-main{position:relative;z-index:3;background:#080c12}
.se-landscape-flow #enter-studio{margin:16px 0 0}
.se-landscape-flow .mobile-delivery-copy .button{display:inline-flex;justify-content:center;background:var(--accent);color:#101010}

/* Keep one full viewport canvas; move the camera composition, never a cropped panel. */
.se-landscape-flow .opening-robot-preview{top:0!important;left:0!important;width:100vw!important;height:100svh!important;background:none;overflow:visible}
.se-landscape-flow .opening-copy{top:50%;transform:translateY(-50%);height:auto;z-index:3}
.se-landscape-flow .mobile-delivery-copy{top:50%;transform:translateY(-50%)}
.se-landscape-flow #website-intro{z-index:auto}

/* SE landscape: balance the visible content below the 54px navigation. */
.se-landscape-flow .opening-copy{top:calc(50% + 27px);gap:8px;text-align:left}
.se-landscape-flow .opening-copy>p.opening-proof{margin:2px 0 0}
.se-landscape-flow #enter-studio{margin:6px 0 0}

/* Approved SE landscape composition, scaled to every landscape viewport. */
.se-landscape-flow{--studio-header-height:clamp(54px,10svh,90px)}
.se-landscape-flow header{height:var(--studio-header-height)}
.se-landscape-flow .opening-copy{top:calc(50% + var(--studio-header-height)/2);gap:clamp(8px,1.5svh,16px)}
.se-landscape-flow .opening-copy .eyebrow{font-size:clamp(8px,1.45svh,14px)}
.se-landscape-flow .opening-copy h1{font-size:clamp(35px,min(7.5svh,5.25vw),88px);letter-spacing:-.035em}
.se-landscape-flow .opening-copy .opening-lead{font-size:clamp(12px,min(2.4svh,1.8vw),24px)}
.se-landscape-flow .opening-copy>p.opening-proof{font-size:clamp(9px,1.55svh,15px)}
.se-landscape-flow #enter-studio{font-size:clamp(11px,1.9svh,18px);padding:clamp(9px,1.65svh,18px) 14px;margin-top:clamp(6px,1.2svh,14px)}
.se-landscape-flow .mobile-delivery-copy h2{font-size:clamp(31px,min(6.8svh,4.65vw),78px)}
.se-landscape-flow .mobile-delivery-copy .eyebrow{font-size:clamp(9px,1.45svh,14px)}
.se-landscape-flow .mobile-delivery-copy p{font-size:clamp(12px,min(2.4svh,1.8vw),24px)}
.se-landscape-flow .mobile-delivery-copy .button{font-size:clamp(11px,1.9svh,18px);padding:clamp(9px,1.65svh,18px) 14px}
.se-landscape-flow .opening-robot-preview .scene-speech{font-size:clamp(10px,1.85svh,20px);max-width:clamp(190px,27vw,360px);padding:clamp(6px,1svh,12px) clamp(8px,1vw,18px)}
.se-landscape-flow .opening-robot-preview .speaker-name{font-size:clamp(7px,1.2svh,12px)}

/* Landscape refinement: larger article, compact consistent rhythm. */
.se-landscape-flow .opening-copy h1{font-size:clamp(38px,min(7.9svh,5.55vw),92px)}
.se-landscape-flow .mobile-delivery-copy h2{font-size:clamp(33px,min(7.1svh,4.9vw),82px)}
@media(orientation:landscape) and (max-height:500px){
.se-landscape-flow .opening-copy{gap:7px}
.se-landscape-flow .opening-copy .opening-lead{font-size:13px;line-height:1.35}
.se-landscape-flow .opening-copy>p.opening-proof{font-size:9px;margin-top:1px}
.se-landscape-flow #enter-studio{margin-top:7px}
}
@media(orientation:landscape) and (min-width:760px) and (max-width:830px) and (max-height:400px){
.se-landscape-flow .opening-copy{width:44%;left:3.5%}
.se-landscape-flow .opening-copy h1{font-size:40px}
.se-landscape-flow .opening-copy .eyebrow{font-size:9px}
.se-landscape-flow #enter-studio{width:94%}
}

/* Desktop readability; compact phone/tablet layouts keep their existing sizing. */
@media (orientation:landscape) and (min-width:1100px) and (min-height:600px){
.contact .form-card .muted,.contact .form-card label{font-size:clamp(16px,1.15vw,22px)}
.contact .form-card input,.contact .form-card textarea,.contact .form-card select,#enquiry .editable-country input.dial-code{font-size:clamp(16px,1.15vw,22px);line-height:1.4}
.contact .form-card label small,.contact .form-card .step-indicator{font-size:clamp(13px,.95vw,18px)}
.contact .form-card .form-foot{font-size:clamp(12px,.85vw,16px);line-height:1.4}
.contact .form-card .button{font-size:clamp(16px,1.15vw,22px);line-height:1.3;padding:12px 14px}
.contact .editable-country .country-entry{height:auto;min-height:44px}
#enquiry .editable-country input.dial-code{height:auto;min-height:32px}
.contact .editable-country .dial-flag{width:24px;height:18px}
}

@media (orientation:landscape) and (min-width:1100px) and (min-height:600px) and (max-height:780px){.contact .form-card{padding:18px!important}.contact .form-card .step-indicator{margin-bottom:16px;padding-bottom:12px}.contact .form-card .form-foot{margin:6px 0}.contact .form-card textarea{min-height:64px}}