/* Sector studio, original demonstrations. */
.hero-grid{grid-template-columns:1fr 1fr;gap:48px}.hero h1{font-size:clamp(58px,6.7vw,96px);line-height:1.01;max-width:620px}.hero{padding-block:65px;min-height:760px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}.opening-composition{min-width:0}#opening-stage{position:relative;height:535px;border-radius:34px;overflow:hidden;background:radial-gradient(ellipse at 38% 30%,#fcf9ee,#c8b9a5);isolation:isolate;border:1px solid #ffffff35}#opening-canvas,#production-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.opening-poster,.production-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .5s;z-index:1}.opening-poster{object-position:45% center}#opening-stage.viewer-ready .opening-poster{pointer-events:none}.opening-overline{position:absolute;left:22px;top:22px;z-index:3;font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#6c5f51;pointer-events:none}.opening-bottom{position:absolute;bottom:18px;left:20px;right:18px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px}.opening-state{color:#514c44;font-size:10px;line-height:1.5;max-width:220px}.opening-bottom button{flex:0 0 auto;border:1px solid #ffffff9c;background:#faf8eee3;color:#25334a;border-radius:100px;min-height:42px;padding:9px 14px;font-size:10px;cursor:pointer;backdrop-filter:blur(10px)}.opening-caption{display:flex;justify-content:space-between;gap:20px;padding:16px 3px 0;color:#d5b89e;font-size:10px}.opening-caption span+span{color:#98a9bb;font-size:9px}.production-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}.production-head h2,.directions h2{font-size:clamp(40px,5.5vw,78px);font-weight:600;line-height:1.05;letter-spacing:-.055em;margin:24px 0 0}.production-head h2 em,.directions h2 em{font-style:normal;color:#a85f3e}.production-head>p{max-width:320px;font-size:15px;line-height:1.85;color:#5e6b7a;margin:0 0 8px}.production-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start}.production-sidebar{padding-top:10px;min-width:0}.sector-selector{border-top:1px solid #12243b25}.sector-choice{position:relative;display:flex;align-items:center;gap:20px;width:100%;text-align:left;padding:24px 4px;border:0;border-bottom:1px solid #12243b25;background:transparent;color:#6a7380;cursor:pointer;transition:padding .4s,color .3s}.sector-number{align-self:flex-start;font-size:10px;line-height:24px;color:#8c9198}.sector-choice strong{display:block;font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.025em}.sector-choice small{display:block;font-size:11px;line-height:1.5;margin-top:5px;color:#7a8390}.sector-arrow{font-size:22px;margin-left:auto;color:#9b7a62;opacity:0;transform:translate(-8px,8px);transition:opacity .3s,transform .4s}.sector-choice[aria-pressed=true]{padding-left:18px;color:#172e47}.sector-choice[aria-pressed=true]::before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:2px;background:#a85f3e}.sector-choice[aria-pressed=true] .sector-number{color:#a85f3e}.sector-choice[aria-pressed=true] .sector-arrow,.sector-choice:hover .sector-arrow{opacity:1;transform:none}.sector-choice:hover{color:#12243b}.sector-note{font-size:11px;color:#7d8590;line-height:1.85;margin-top:25px}.production-experience{min-width:0}.production-viewbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.production-mode{font-size:10px;color:#697485;letter-spacing:.06em}.view-switch{display:flex;gap:4px;padding:4px;border:1px solid #12243b20;border-radius:100px;background:#faf8f1b3}.view-switch button{border:0;border-radius:100px;padding:8px 13px;background:transparent;color:#697381;font-size:10px;min-height:32px;cursor:pointer}.view-switch button[aria-pressed=true]{background:#12243b;color:#fff}#production-stage{height:510px;position:relative;background:linear-gradient(150deg,#fcfaf5,#e7e0d5);border:1px solid #fff;border-radius:34px;overflow:hidden;isolation:isolate;box-shadow:0 20px 65px #12243b07}#production-stage .production-poster{z-index:2}#production-stage.visual-mode .production-poster{display:block!important;opacity:1}#production-stage.visual-mode canvas{visibility:hidden}#production-stage.visual-mode .production-gesture{display:none}.production-gesture{position:absolute;bottom:18px;left:18px;font-size:9px;letter-spacing:.025em;padding:9px 13px;border:1px solid #fff9;border-radius:100px;background:#fbf9f0c9;backdrop-filter:blur(14px);pointer-events:none;color:#59606a;z-index:3}.production-gesture b{font-weight:400;margin-left:10px}.production-toolbar{display:flex;gap:10px;align-items:center;padding:18px 4px 0}.production-toolbar label{display:grid;gap:9px;flex:1;min-width:0;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#727d88}.production-toolbar input{width:100%;accent-color:#aa6745;cursor:pointer;height:20px}.production-toolbar button{border-radius:100px;border:1px solid #12243b28;background:#faf8f2;color:#20364f;cursor:pointer;min-height:44px;padding:10px 15px;max-width:190px;font-size:10px}.production-toolbar button:hover{background:#e5ac86;border-color:#e5ac86}.production-toolbar button:disabled,.opening-bottom button:disabled{opacity:.45;cursor:wait}.production-description{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-top:28px;padding-top:24px;border-top:1px solid #12243b20}.production-kicker{font-size:9px;letter-spacing:.05em;color:#9a684b}.production-description h3{font-size:24px;letter-spacing:-.035em;font-weight:600;line-height:1.2;margin:8px 0 0}.production-status{font-size:10px;line-height:1.7;max-width:185px;color:#6f7b88;margin:0}.production-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.production-chips span{padding:7px 11px;border:1px solid #12243b20;border-radius:100px;color:#667484;font-size:9px}.production-disclaimer{font-size:11px;color:#7c838b;line-height:1.85;margin:32px 0 0;max-width:960px}.directions{padding-top:30px;padding-bottom:80px}.directions-head{margin-bottom:36px}.directions h2{font-size:clamp(38px,4.6vw,64px)}.directions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.direction-card{min-width:0}.direction-image{height:260px;border-radius:26px;overflow:hidden;position:relative;background:#d4c5b3}.direction-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.direction-image::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.direction-image span{position:absolute;z-index:1;bottom:18px;left:18px;font-size:10px;color:#fff;letter-spacing:.03em}.direction-card h3{font-size:27px;font-weight:600;letter-spacing:-.035em;margin:22px 0 10px}.direction-card p{color:#66727f;font-size:13px;line-height:1.85;max-width:330px;margin:0}.direction-card:hover img{transform:scale(1.045)}.productions .is-switching{opacity:.45}.motion-paused .direction-card img{transition:none}
@media(max-width:1100px){.hero-grid{gap:28px}.hero h1{font-size:70px}.production-layout{grid-template-columns:.7fr 1.3fr;gap:30px}.sector-choice{padding-block:20px;gap:14px}.sector-choice strong{font-size:17px}.sector-choice small{font-size:10px}#production-stage{height:470px}.production-description{flex-direction:column;gap:14px}.production-status{max-width:none}.direction-image{height:230px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:38px}.hero{padding-block:50px}.hero h1{font-size:clamp(60px,10vw,84px)}.hero-copy{max-width:630px}#opening-stage{height:500px}.production-head{align-items:flex-start;gap:30px}.production-head h2{font-size:54px}.production-head>p{max-width:260px;font-size:13px}.production-layout{grid-template-columns:1fr;gap:24px}.sector-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:none}.sector-choice{padding:14px;border:1px solid #12243b20;border-radius:18px;gap:10px}.sector-choice[aria-pressed=true]{padding:14px;background:#fbf9f4;border-color:#a85f3e70}.sector-choice[aria-pressed=true]::before{display:none}.sector-choice strong{font-size:14px;line-height:1.4}.sector-choice small{display:none}.sector-arrow{display:none}.sector-number{font-size:9px;line-height:20px}.sector-note{display:none}#production-stage{height:510px}.production-description{flex-direction:row}.production-status{max-width:210px}.directions-grid{gap:16px}.direction-image{height:200px}.direction-card p{font-size:12px}}
@media(max-width:680px){.hero{min-height:0;padding-block:38px 22px}.hero h1{font-size:clamp(48px,12.5vw,74px);line-height:1.02}.hero-copy .eyebrow{font-size:8px;line-height:1.6;max-width:240px}.hero-grid{gap:28px}#opening-stage{height:370px;border-radius:26px}.opening-overline{top:18px;left:18px;font-size:7px}.opening-bottom{left:15px;right:12px;bottom:12px;gap:10px}.opening-state{font-size:9px;max-width:160px}.opening-bottom button{font-size:9px;padding:8px 11px}.opening-caption{padding:12px 2px 0;font-size:9px;line-height:1.6}.opening-caption span+span{display:none}.productions{padding-block:68px}.production-head{flex-direction:column;gap:22px;margin-bottom:30px}.production-head h2{font-size:clamp(39px,10vw,58px)}.production-head>p{max-width:500px;font-size:14px}.production-sidebar{padding-top:0}.sector-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sector-choice,.sector-choice[aria-pressed=true]{min-height:60px;padding:12px;gap:9px;border-radius:16px}.sector-choice strong{font-size:12px;letter-spacing:-.02em}.sector-number{font-size:8px}.production-viewbar{gap:10px}.production-mode{font-size:8px;letter-spacing:0}.view-switch{gap:2px;padding:3px}.view-switch button{font-size:9px;padding:7px 10px;min-height:32px}#production-stage{height:350px;border-radius:26px}.production-toolbar{gap:7px;padding-top:12px}.production-toolbar button{font-size:9px;padding:9px 12px;max-width:145px;min-height:42px}.production-toolbar label{font-size:8px;gap:6px}.production-description{flex-direction:column;gap:12px;margin-top:22px;padding-top:20px}.production-description h3{font-size:23px}.production-kicker{font-size:9px}.production-status{font-size:10px;max-width:none}.production-chips{gap:6px;margin-top:16px}.production-chips span{font-size:9px;padding:6px 9px}.production-disclaimer{font-size:10px;margin-top:24px}.directions{padding-top:0;padding-bottom:35px}.directions-grid{grid-template-columns:1fr;gap:34px}.direction-image{height:270px;border-radius:24px}.direction-card h3{font-size:27px;margin-top:18px}.direction-card p{font-size:14px;max-width:none}.directions h2{font-size:38px}.direction-image span{font-size:10px}}
@media(max-width:380px){.hero h1{font-size:46px}#opening-stage{height:330px}.production-head h2{font-size:38px}.sector-choice,.sector-choice[aria-pressed=true]{padding:10px;gap:7px}.sector-choice strong{font-size:11px}.production-mode{font-size:7px}.view-switch button{font-size:8px;padding:7px 8px}#production-stage{height:305px}.production-toolbar button{max-width:118px;padding:8px 10px}.production-toolbar label{font-size:7px}.direction-image{height:230px}}
@media(prefers-reduced-motion:reduce){.direction-image img{transition:none}.opening-poster,.production-poster{transition:none}.sector-choice,.sector-arrow{transition:none}}
@media(max-width:680px){.hero-grid{display:flex;flex-direction:column;align-items:stretch}.opening-composition{order:-1}#opening-stage{height:300px}.hero{padding-top:22px}.opening-caption{padding-top:9px}.hero-copy .eyebrow{margin-top:2px}.hero h1{margin-top:18px}}
@media(max-width:380px){.hero h1{font-size:38px}#opening-stage{height:270px}.hero-grid{gap:24px}.opening-overline{font-size:6px}.opening-state{font-size:8px;max-width:128px}}
.sample-website{display:none}.site-mode .sample-website{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;color:#fff;background:linear-gradient(90deg,#071526a8,transparent 90%);padding:28px 30px}.sample-nav{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.08em;gap:20px;padding-bottom:20px;border-bottom:1px solid #ffffff50}.sample-brand{font-weight:750;letter-spacing:.17em}.sample-copy{margin:auto 0;max-width:400px}.sample-eyebrow{font-size:8px;text-transform:uppercase;letter-spacing:.13em}.sample-title{font-size:clamp(30px,3.5vw,52px);letter-spacing:-.055em;line-height:1.05;font-weight:650;margin:16px 0 26px;text-wrap:balance}.sample-cta{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;background:#fff;color:#172b43;text-decoration:none;border-radius:100px;padding:11px 17px;font-size:9px;font-weight:650;min-height:40px}.sample-cta:hover{background:#e5ac86}.sample-bottom{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.03em;border-top:1px solid #ffffff50;padding-top:18px}.site-mode[data-art-direction=automobile] .sample-title{text-transform:uppercase;font-style:italic;font-weight:750}.site-mode[data-art-direction=industrie] .sample-website{background:linear-gradient(90deg,#07192ed9,transparent 120%)}.site-mode[data-art-direction=industrie] .sample-nav{border-color:#db9c70}.site-mode[data-art-direction=produit] .sample-title,.site-mode[data-art-direction=interieur] .sample-title{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.site-mode[data-art-direction=produit] .sample-website{background:linear-gradient(90deg,#20160ebb,transparent 120%)}.site-mode[data-art-direction=interieur] .sample-website{background:linear-gradient(90deg,#18291cbb,transparent 120%)}.site-mode[data-art-direction=telecom] .sample-website{background:linear-gradient(90deg,#0b285ccc,transparent 130%)}.site-mode[data-art-direction=energie] .sample-website{background:linear-gradient(90deg,#233222c7,transparent 120%)}
@media(max-width:680px){.production-viewbar{gap:5px}.view-switch button{font-size:8px;padding-inline:9px}.sample-website.site-mode{padding:20px}.site-mode .sample-website{padding:20px}.sample-nav{font-size:6px;gap:10px;padding-bottom:14px}.sample-title{font-size:34px;max-width:260px;margin:12px 0 18px}.sample-eyebrow{font-size:7px}.sample-cta{font-size:8px;padding:9px 13px;min-height:36px}.sample-bottom{font-size:6px;padding-top:13px;gap:10px}}
@media(max-width:380px){.view-switch button{font-size:7px;padding-inline:7px}.production-mode{font-size:6px}.sample-title{font-size:29px}.sample-nav{font-size:5px}.sample-bottom{font-size:5px}}

.texture-credits{flex-basis:100%;color:#a2b1bf;font-size:9px}.footer .texture-credits a{padding:3px 6px;font-size:9px;min-height:30px;color:#b9c6d2}