:root{color-scheme:dark;--navy:#031020;--cyan:#55d8ff;--amber:#ffab43;--brand-width:clamp(210px,23vw,350px);font-family:Arial,'Segoe UI',sans-serif;background:var(--navy);color:#f6f8ff}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;width:100%;min-height:100%;background:var(--navy)}body{overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}
.experience{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#031020}
.film-frame{position:absolute;left:50%;top:50%;width:min(100vw,177.777778svh);aspect-ratio:16/9;transform:translate(-50%,-50%);z-index:0}
.film,.arrival-frame{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.welcome-film{z-index:1}.action-film{z-index:2;opacity:0;transition:opacity .2s linear}.arrival-frame{z-index:3;opacity:0}.has-action .action-film{opacity:1}.has-arrived .arrival-frame{opacity:1}
.masthead{position:absolute;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(10px,1.5vh,20px) 4.5vw;pointer-events:none}
.brand{display:block;width:var(--brand-width);flex-shrink:0;pointer-events:auto;outline-offset:6px}.brand img{display:block;width:100%;height:auto}
.header-meta{display:flex;align-items:center;gap:clamp(18px,2.2vw,36px);padding-top:clamp(22px,3.9vh,46px);text-transform:uppercase;white-space:nowrap;font-size:clamp(13px,1.15vw,20px);letter-spacing:.055em;font-weight:600}
.location{display:flex;align-items:center;gap:12px}.location svg{height:29px;width:23px;fill:var(--cyan);stroke:#aff2ff;stroke-width:.6}.location circle{fill:#073554;stroke:none}.meta-dot{font-size:.8em}.meta-divider{width:1px;height:29px;background:#b4c8d9}
.coming-soon{position:relative;padding:7px 19px;border:1px solid #a5ebff;border-radius:100px;box-shadow:-3px 0 9px #08bdfb,3px 0 9px #ff9e31,inset -3px 0 6px #0084bf,inset 3px 0 6px #b86d25;text-shadow:0 0 9px #c1dcff;background:#05172b}
.header-rule{position:absolute;top:clamp(82px,10.7vh,110px);left:calc(4.5vw + var(--brand-width) + 24px);right:4.5vw;height:1px;background:linear-gradient(90deg,transparent,#7cd9f0 23%,#d6dce0 52%,#ff9a30 75%,#abcde3);box-shadow:0 0 4px #298ac24d}
.welcome-only{transition:opacity .5s ease,visibility .5s ease}.welcome-copy{position:absolute;left:5%;top:28%;z-index:4;width:47%;pointer-events:none}
h1{margin:0;font-size:clamp(54px,5.7vw,96px);line-height:1.01;font-weight:750;letter-spacing:-.035em;text-shadow:0 3px 16px #00102035}h1 span{display:block}
.tagline{margin:25px 0 0;font-size:clamp(17px,1.65vw,27px);line-height:1.35;letter-spacing:.005em;white-space:nowrap}
.countdown{margin:50px 0 0;text-transform:uppercase;font-weight:600;font-size:clamp(11px,1.13vw,18px);line-height:1.5;letter-spacing:.23em;white-space:nowrap}.countdown>span{display:block;width:62px;height:2px;margin-bottom:14px;background:linear-gradient(90deg,#ffbd43,#fff3a9,#ff8e1e);box-shadow:0 0 9px #ff9d36}
.scissors-hotspot{position:absolute;z-index:6;left:39.5%;top:57%;width:24%;height:36%;border:0;padding:0;border-radius:44%;background:transparent;cursor:pointer}.scissors-hotspot:focus-visible{outline:2px solid #80e7ff;outline-offset:4px;box-shadow:0 0 20px #40c9ff5e}.scissors-hotspot:disabled{pointer-events:none}
.cut-prompt{position:absolute;left:5%;top:78%;z-index:5;display:flex;align-items:center;gap:12px;pointer-events:none}.cut-prompt span{font-size:clamp(14px,1.6vw,26px);font-weight:600;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
.welcome-footer{position:absolute;bottom:3.8%;left:3.7%;right:3.7%;z-index:4;display:flex;align-items:center;gap:20px;font-size:clamp(13px,1.23vw,21px);letter-spacing:.005em;pointer-events:none}.footer-rule{height:1px;background:linear-gradient(90deg,#7ce4ff,#c5d0dc);flex:1}
.experience[data-state="entering"] .welcome-only,.experience[data-state="form"] .welcome-only{opacity:0;visibility:hidden;pointer-events:none}
.signup-panel{position:absolute;z-index:8;left:53%;top:56%;width:min(390px,calc(100% - 40px));padding:27px 27px 19px;border:1px solid #a7e2ffb0;border-radius:22px;background:linear-gradient(145deg,#154974e8,#082949ed 55%,#031a32f5);box-shadow:0 0 22px #58caff40,0 17px 60px #0009,inset 0 1px 0 #ffffff35;backdrop-filter:blur(14px);transform:translate(-50%,-44%);opacity:0;transition:opacity .65s ease}.signup-panel[hidden]{display:none}.experience[data-state="form"] .signup-panel{opacity:1}
.signup-panel h2{margin:0;font-size:27px;line-height:1.06;letter-spacing:-.02em;font-weight:750}.signup-intro{margin:15px 0 20px;font-size:14px;line-height:1.45;color:#eef5ff}
.signup-panel input:not([type="checkbox"]):not([name="company_website"]){display:block;width:100%;height:43px;margin-top:11px;padding:0 14px;border:1px solid #b4e7ff9e;border-radius:12px;background:linear-gradient(120deg,#21577b80,#092b4e9e);color:#fff;outline-offset:3px;font-size:14px}.signup-panel input::placeholder{color:#f1f6ff;opacity:1}.signup-panel input:focus-visible{outline:2px solid #87e6ff}
.notify-button{width:100%;min-height:44px;margin-top:20px;padding:10px;border:2px solid #d9f8ff;border-radius:100px;background:linear-gradient(100deg,#0079f4,#064eb9 55%,#954b13 88%,#e77712);color:white;font-size:14px;font-weight:700;text-shadow:0 1px 2px #0008;box-shadow:-2px 0 9px #25c6ff,2px 0 10px #ff9a35,inset 0 0 6px #56b9ff;cursor:pointer}.notify-button:hover{filter:brightness(1.12)}.notify-button:focus-visible{outline:2px solid #b8f5ff;outline-offset:5px}.notify-button:disabled{cursor:default;opacity:.75}
.form-status{min-height:18px;margin:12px 0 0;font-size:12px;line-height:1.4;text-align:center;color:#d9efff}.form-status[data-type="error"]{color:#ffd6bc}.form-status[data-type="success"]{color:#acffdf}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.motion-control{position:absolute;z-index:12;right:18px;bottom:15px;width:30px;height:30px;padding:7px;border:1px solid #77b7d43d;border-radius:50%;background:#031020a8;color:#9ac7df;cursor:pointer;opacity:.6}.motion-control:hover,.motion-control:focus-visible{opacity:1;outline-color:#7bdcff}.motion-control svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.play-symbol{display:none;fill:currentColor;stroke:none}.is-paused .play-symbol{display:block}.is-paused .pause-symbol{display:none}.has-arrived .motion-control{display:none}
.experience-status{position:absolute;z-index:15;bottom:9%;left:50%;transform:translateX(-50%);width:min(540px,90%);margin:0;text-align:center;font-size:14px;line-height:1.5;color:#d8edff;text-shadow:0 1px 4px #000}.experience-status:empty{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript-message{position:absolute;bottom:16px;left:16px;z-index:20;padding:16px;background:#072c48}
@media(min-width:1800px){.welcome-copy{top:29%}.countdown{margin-top:65px}}
@media(max-height:740px) and (min-width:761px){.welcome-copy{top:27%}h1{font-size:clamp(50px,5.2vw,77px)}.tagline{margin-top:17px;font-size:20px}.countdown{margin-top:30px}.signup-panel{top:54%;padding:21px 24px 12px;width:350px}.signup-panel h2{font-size:24px}.signup-intro{margin:12px 0 14px;font-size:13px}.signup-panel input:not([type="checkbox"]):not([name="company_website"]){height:38px;margin-top:9px}.notify-button{min-height:40px;margin-top:16px}.welcome-footer{bottom:3%}}
@media(max-width:1000px) and (min-width:761px){.header-meta{gap:16px;font-size:12px}.location{gap:8px}.coming-soon{padding:7px 13px}.tagline{font-size:17px}.countdown{font-size:11px;letter-spacing:.17em}.cut-prompt span{font-size:15px}.cut-prompt{gap:6px}.welcome-footer{font-size:13px}}
@media(max-width:760px){:root{--brand-width:160px}body{overflow:auto}.experience{height:max(100svh,760px);min-height:760px}.masthead{padding:16px 20px}.header-meta{padding-top:9px;gap:9px;flex-wrap:wrap;justify-content:flex-end;max-width:160px;font-size:10px;letter-spacing:.055em}.location{gap:6px}.location svg{width:13px;height:18px}.meta-divider{display:none}.coming-soon{margin-top:8px;padding:5px 12px;font-size:10px}.header-rule{top:119px;left:20px;right:20px;opacity:.65}.film-frame{width:100%;top:65%}.welcome-copy{top:154px;left:24px;width:calc(100% - 48px)}h1{font-size:clamp(37px,9.8vw,60px);line-height:1.01;letter-spacing:-.035em}.tagline{font-size:14px;white-space:normal;max-width:310px;margin-top:17px;line-height:1.45}.countdown{font-size:9px;letter-spacing:.17em;margin-top:23px;white-space:normal}.countdown>span{width:42px;height:1px;margin-bottom:10px}.cut-prompt{left:6%;top:105%;gap:3px}.cut-prompt span{font-size:11px;letter-spacing:.04em}.scissors-hotspot{left:38%;top:55%;width:27%;height:39%}.welcome-footer{left:24px;right:24px;bottom:28px;font-size:10px;line-height:1.5;gap:12px;flex-wrap:wrap}.welcome-footer>span:first-child{width:100%;max-width:240px}.footer-rule{min-width:80px;max-width:160px}.signup-panel{left:50%;top:54%;transform:translate(-50%,-40%);width:min(390px,calc(100% - 40px));padding:25px 24px 17px}.signup-panel h2{font-size:25px}.motion-control{right:18px;bottom:26px}.experience-status{bottom:13%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.welcome-only,.action-film,.signup-panel{transition-duration:.01ms}}
/* Full-window film, with the interactive target tracking its actual crop. */
.experience{height:100svh;min-height:100svh}
.film-frame{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;overflow:hidden}
.film,.arrival-frame{object-fit:cover}
.has-arrived .arrival-frame{opacity:0}
.experience::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#03102038,transparent 63%);opacity:1;transition:opacity .5s ease}
.experience[data-state="entering"]::before,.experience[data-state="form"]::before{opacity:0}
.signup-panel{--card-y:-44%;visibility:hidden;pointer-events:none;transform:translate(-50%,var(--card-y)) translateY(10px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.experience[data-state="form"] .signup-panel{visibility:visible;pointer-events:auto;transform:translate(-50%,var(--card-y)) translateY(0)}
@media(max-width:760px){.experience::before{background:linear-gradient(180deg,#031020b0,#03102080 39%,transparent 76%)}.cut-prompt{top:auto;bottom:16%;left:24px}.signup-panel{--card-y:-40%;transform:translate(-50%,var(--card-y)) translateY(10px)}.signup-panel input:not([type="checkbox"]):not([name="company_website"]){font-size:16px}}
@media(prefers-reduced-motion:reduce){.signup-panel,.experience::before{transition-duration:.01ms}}

.whatsapp-option{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;line-height:1.4;color:#eef5ff;cursor:pointer}
.whatsapp-option input{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:#55d8ff;cursor:pointer}
.decline-button{display:block;width:100%;min-height:40px;margin-top:8px;padding:8px 12px;border:1px solid transparent;border-radius:100px;background:transparent;color:#e2edfa;font-size:14px;cursor:pointer}
.decline-button:hover{background:#b5e5ff12;color:#fff}.decline-button:focus-visible{outline:2px solid #b8f5ff;outline-offset:2px}.decline-button:disabled{cursor:wait;opacity:.6}
.signup-panel{max-height:calc(100svh - 160px);overflow-y:auto;scrollbar-width:thin}
.cut-prompt{max-width:90%}.cut-prompt span{white-space:normal;text-wrap:balance;font-weight:700;color:#d5f7ff;text-shadow:0 0 8px #42cfff80,0 0 22px #ffad4d50}
@supports(background-clip:text){.cut-prompt span{background:linear-gradient(100deg,#72dcff 0%,#e5faff 45%,#ffd28c 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 5px #39c5ff99) drop-shadow(0 0 14px #ffad4d66)}}
@media(max-width:760px){.cut-prompt{right:24px;max-width:none}.cut-prompt span{font-size:11px;letter-spacing:.025em}.whatsapp-option{font-size:13px}}
@media(min-width:761px){.cut-prompt{top:84%}}
@media(max-height:740px) and (min-width:761px){.cut-prompt{top:87%}}

/* Project enquiries remain available throughout the factory experience. */
.project-cta{display:flex;align-items:center;gap:16px;flex-shrink:0}.project-cta>span{font-size:clamp(12px,1.05vw,18px);line-height:1.45;color:#f3f6ff}.talk-button{pointer-events:auto;min-height:38px;padding:8px 21px;color:#f5fbff;font-size:clamp(12px,1.1vw,17px);font-weight:600;letter-spacing:.025em;white-space:nowrap;cursor:pointer}.talk-button:hover{filter:brightness(1.18)}.talk-button:focus-visible{outline:2px solid #b1ecff;outline-offset:5px}
.signup-panel{max-height:calc(100svh - 220px)}
.experience.enquiry-open .action-film,.experience.enquiry-open .arrival-frame{opacity:0}.experience.enquiry-open .welcome-only{visibility:visible;opacity:1}.experience.enquiry-open .signup-panel{visibility:hidden;opacity:0;pointer-events:none}.experience.enquiry-open::before{opacity:1}
.enquiry-dialog{color:#f5f8ff;color-scheme:dark;position:fixed;inset:0;width:min(520px,calc(100% - 32px));max-height:calc(100svh - 40px);margin:auto;padding:30px 32px 22px;border:1px solid #a7e2ffad;border-radius:22px;background:linear-gradient(145deg,#154974f5,#082949fa 55%,#031a32fc);box-shadow:0 0 28px #58caff35,0 22px 90px #0009,inset 0 1px #ffffff28;overflow-y:auto;scrollbar-width:thin;opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .22s ease}.enquiry-dialog::backdrop{background:#03102066;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.enquiry-dialog.is-closing{opacity:0;transform:translateY(8px)}.enquiry-close{position:absolute;right:14px;top:12px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ffffff0a;color:#cce9ff;font-size:25px;line-height:1;cursor:pointer}.enquiry-close:hover{background:#ffffff1a}.enquiry-close:focus-visible{outline:2px solid #b1ecff;outline-offset:2px}.enquiry-close:disabled{opacity:.5;cursor:wait}.enquiry-eyebrow{margin:0 32px 13px 0;color:#8ae6ff;font-size:9px;letter-spacing:.18em;font-weight:700}.enquiry-dialog h2{margin:0;font-size:32px;line-height:1.1;letter-spacing:-.03em}.enquiry-intro{margin:12px 0 22px;font-size:13px;line-height:1.6;color:#d8e8f6}.enquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.enquiry-dialog form>label:not(.whatsapp-option):not(.honeypot),.enquiry-row label,#enquiryCompanyField label{display:block;margin:13px 0 8px;font-size:12px;color:#dfeefe;font-weight:600}.enquiry-row label{margin-top:0}.enquiry-dialog input:not([type=checkbox]):not([type=radio]),.enquiry-dialog textarea{display:block;width:100%;padding:11px 13px;border:1px solid #b4e7ff80;border-radius:10px;background:linear-gradient(120deg,#21577b80,#092b4e9e);color:#fff;font:inherit;font-size:14px;line-height:1.45;outline-offset:3px}.enquiry-dialog textarea{resize:vertical;min-height:83px;max-height:200px}.enquiry-dialog textarea::placeholder{color:#a7bfd4}.enquiry-dialog input:focus-visible,.enquiry-dialog textarea:focus-visible{outline:2px solid #87e6ff}.enquiry-dialog .whatsapp-option{font-size:12px;margin-top:12px}.customer-type{padding:0;border:0;margin:19px 0 0}.customer-type legend{padding:0;margin-bottom:9px;font-size:12px;font-weight:600;color:#dfeefe}.customer-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.customer-options label{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border:1px solid #b4e7ff52;border-radius:10px;background:#041b3026;font-size:12px;cursor:pointer}.customer-options input{width:16px;height:16px;accent-color:#68dcff;flex-shrink:0;margin:0}.customer-options label:has(input:checked){border-color:#8bdeff;background:#2c6b9145;box-shadow:0 0 12px #55c9ff12}.optional{font-size:11px;font-weight:400;color:#a4bfd4}#enquiryCompanyField[hidden]{display:none}.enquiry-dialog .notify-button{margin-top:20px}.enquiry-privacy{margin:13px 0 0;color:#a8c5db;font-size:10px;line-height:1.5;text-align:center}.enquiry-dialog .form-status:empty{display:none}.enquiry-dialog .decline-button{margin-top:7px;font-size:12px}.enquiry-dialog .form-status{margin-top:14px}.enquiry-dialog .honeypot input{height:1px!important;padding:0!important}
@starting-style{.enquiry-dialog[open]{opacity:0;transform:translateY(10px)}}
@media(max-width:1100px) and (min-width:761px){.welcome-footer{gap:13px}.footer-tagline{font-size:11px}.project-cta{gap:10px}.project-cta>span{font-size:12px}.talk-button{font-size:12px;padding:8px 15px}.footer-domain{font-size:11px}}
@media(max-width:760px){.welcome-footer{display:grid;grid-template-columns:1fr auto;gap:8px 12px;bottom:16px}.welcome-footer>.footer-tagline{grid-column:1;grid-row:1;width:auto;max-width:none;font-size:8px;white-space:nowrap}.footer-domain{grid-column:2;grid-row:1;font-size:8px}.welcome-footer>.footer-rule{display:none}.project-cta{grid-column:1/-1;grid-row:2;justify-content:center;gap:13px}.project-cta>span{font-size:11.5px;max-width:220px;text-wrap:balance}.talk-button{min-height:36px;font-size:12px;padding:7px 16px;flex-shrink:0}.motion-control{bottom:86px;right:20px}.signup-panel{top:52%;--card-y:-45%;max-height:calc(100svh - 245px)}.enquiry-dialog{padding:28px 23px 19px}.enquiry-dialog h2{font-size:29px}.enquiry-dialog input:not([type=checkbox]):not([type=radio]),.enquiry-dialog textarea{font-size:16px}.enquiry-dialog .whatsapp-option{font-size:11.5px}.customer-options label{font-size:11px;padding:9px}.enquiry-eyebrow{font-size:8px}}
@media(max-width:420px){.enquiry-row{grid-template-columns:1fr;gap:13px}}
@media(prefers-reduced-motion:reduce){.enquiry-dialog{transition:none}}

.language-switch{position:absolute;right:4.5vw;top:calc(clamp(82px,10.7vh,110px) + 13px);display:flex;gap:6px;pointer-events:auto}.language-switch button{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #85dafb40;border-radius:7px;background:#03182bb8;color:#b8d1e5;font-size:10px;line-height:1;cursor:pointer}.language-switch svg{width:24px;height:16px;border-radius:2px}.language-switch button[aria-pressed=true]{border-color:#9de6ff;color:#fff;box-shadow:0 0 10px #55d8ff45}.language-switch button:focus-visible{outline:2px solid #b6eeff;outline-offset:3px}
html[lang=fr] h1{font-size:clamp(44px,4.7vw,80px)}html[lang=fr] .tagline{white-space:normal;max-width:580px}html[lang=fr] .countdown{white-space:normal;max-width:590px;font-size:clamp(10px,1vw,16px)}html[lang=fr] .footer-tagline{font-size:clamp(10px,1vw,17px)}
@media(max-width:1100px) and (min-width:761px){html[lang=fr] .welcome-footer{gap:10px}html[lang=fr] .footer-tagline{font-size:10px}html[lang=fr] .project-cta>span{font-size:11px}}
@media(max-width:760px){.language-switch{top:90px;right:20px;gap:5px}.language-switch button{padding:4px 6px;font-size:9px}.language-switch svg{width:21px;height:14px}html[lang=fr] h1{font-size:clamp(30px,8.2vw,45px)}html[lang=fr] .countdown{font-size:9px}html[lang=fr] .footer-tagline{font-size:9px}html[lang=fr] .project-cta>span{font-size:11px}}

.enquiry-dialog .language-switch{position:static;justify-content:flex-start;margin:0 40px 16px 0;gap:6px}