.gts-atelier{--a:var(--yellow,#328eff);position:relative;height:220svh;background:#081017;color:#edf5fa;scroll-margin-top:75px}.atelier-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#112c3b 0%,#081017 65%);perspective:1400px}.atelier-stage:before,.atelier-stage:after{content:'';position:absolute;z-index:8;left:0;right:0;height:110px;pointer-events:none}.atelier-stage:before{top:0;background:linear-gradient(#081017,transparent)}.atelier-stage:after{bottom:0;background:linear-gradient(transparent,#081017)}.atelier-halo{position:absolute;inset:15% 18%;border:1px solid color-mix(in srgb,var(--a) 20%,transparent);border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 120px color-mix(in srgb,var(--a) 7%,transparent),inset 0 0 100px #258adb07}.atelier-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-25%);font-size:43vw;font-weight:600;letter-spacing:-.09em;line-height:1;color:#ffffff03;user-select:none;pointer-events:none}.atelier-top,.atelier-bottom{position:absolute;z-index:12;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font:10px/1.4 Inter,sans-serif;letter-spacing:.17em}.atelier-top{top:100px;color:#9eafbf}.atelier-bottom{bottom:32px;color:#94a5b6}.atelier-pause{color:#c5d3df;background:#10202b;border:1px solid #ffffff29;border-radius:30px;padding:12px 17px;cursor:pointer;font:12px Inter,sans-serif;letter-spacing:0}.atelier-title{position:absolute;z-index:5;top:35%;left:20%;right:20%;text-align:center;transform:translateY(var(--title-y,0px));will-change:transform}.atelier-title .chapter{font-size:10px;letter-spacing:.2em;color:var(--a);margin:0 0 22px}.atelier-title h2{font-size:clamp(42px,5.7vw,92px);font-weight:400;line-height:1;letter-spacing:-.055em;margin:0 0 24px}.atelier-title em,.atelier-floor-copy em{font-style:normal;color:var(--a)}.atelier-title>p:not(.chapter){font-size:15px;line-height:1.7;color:#afbec9;margin:0}.atelier-enter{display:inline-flex;gap:18px;align-items:center;margin-top:24px;color:#edf5fa;font-size:12px;text-decoration:none}.atelier-enter span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #8eabb968;border-radius:50%}.atelier-images{position:absolute;inset:0;pointer-events:none}.atelier-photo{position:absolute;pointer-events:auto;padding:0;background:#11212c;border:1px solid #ffffff25;border-radius:4px;overflow:hidden;box-shadow:0 24px 80px #0008;color:white;cursor:zoom-in;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(var(--rotate,0deg));will-change:transform;text-align:left}.atelier-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .4s,scale .6s;filter:saturate(.78)}.atelier-photo:hover img,.atelier-photo:focus-visible img{filter:saturate(1);scale:1.04}.atelier-photo:focus-visible{outline:3px solid var(--a);outline-offset:7px}.atelier-photo span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#05101dee);padding:38px 16px 16px;font:9px Inter,sans-serif;letter-spacing:.14em}.atelier-photo b{float:right;font-size:16px;font-weight:400}.ap1{width:31%;height:29%;left:-5%;top:19%;--rotate:-8deg}.ap2{width:29%;height:27%;right:-4%;bottom:10%;--rotate:8deg}.ap3{width:19%;height:34%;right:0%;top:13%;--rotate:7deg}.ap4{width:26%;height:27%;left:-2%;bottom:9%;--rotate:-5deg}.atelier-bottom i{font-style:normal;color:var(--a);margin-left:20px}.atelier-floor{position:relative;min-height:800px;height:90svh;background:#081017;color:#f3f7fa;overflow:hidden;scroll-margin-top:80px}.atelier-floor-image{position:absolute;inset:0}.atelier-floor-image img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}.atelier-floor-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#081017 0%,#08101720 24%,#08101730 45%,#081017f5 100%),linear-gradient(90deg,#081017a0,transparent 80%)}.atelier-floor-copy{position:absolute;bottom:9%;left:7%;right:7%;max-width:790px}.atelier-floor-copy .chapter{font-size:10px;letter-spacing:.2em;color:#b5c4d0}.atelier-floor-copy h2{font-size:clamp(40px,5.4vw,80px);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:22px 0}.atelier-floor-copy p:not(.chapter){max-width:510px;font-size:16px;line-height:1.7;color:#d0dbe4}.atelier-floor-copy .primary{margin-top:16px;font-size:14px}.atelier-dialog,.process-dialog{border:1px solid #ffffff30;background:#081017;color:#fff;max-width:94vw;width:1100px;max-height:92svh;padding:55px 20px 16px;border-radius:12px;box-shadow:0 20px 100px #000b}.atelier-dialog::backdrop,.process-dialog::backdrop{background:#02070de8;backdrop-filter:blur(12px)}.atelier-dialog img{display:block;max-width:100%;max-height:74svh;object-fit:contain;margin:auto}.atelier-dialog p{text-align:center;font:13px Inter,sans-serif;margin:15px 0 0;color:#bac9d5}.atelier-close,.process-close{position:absolute;right:20px;top:14px;border:1px solid #ffffff40;border-radius:20px;padding:7px 14px;background:transparent;color:#fff;cursor:pointer}.process-play{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff66;border-radius:40px;background:#07131dde;color:white;padding:12px 18px;font:12px Inter,sans-serif;cursor:pointer;box-shadow:0 0 25px #328eff20}.process-dialog video{display:block;width:100%;max-height:75svh}.atelier-pause:hover,.process-play:hover{border-color:var(--yellow);background:#1b3449}
@media(max-width:850px){.gts-atelier{height:170svh}.atelier-stage{min-height:740px}.atelier-top{top:90px;left:5%;right:5%;font-size:8px;letter-spacing:.08em}.atelier-pause{padding:9px 12px;font-size:10px}.atelier-title{top:39%;left:5%;right:5%}.atelier-title h2{font-size:clamp(42px,7vw,62px)}.atelier-title>p:not(.chapter){font-size:13px}.ap1{top:18%;left:-4%;width:49%;height:19%}.ap3{top:17%;right:-3%;width:32%;height:22%}.ap2{bottom:8%;right:-4%;width:49%;height:18%}.ap4{bottom:9%;left:-5%;width:42%;height:18%}.atelier-bottom{font-size:8px;bottom:22px}.atelier-floor{min-height:720px;height:90svh}.atelier-floor-image img{object-position:62% center}.atelier-floor-copy{bottom:9%;left:7%}.atelier-floor-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.gts-atelier{height:100svh;min-height:740px}.atelier-stage{position:relative}.atelier-photo,.atelier-title{will-change:auto}.atelier-photo img{transition:none}.atelier-pause{display:none}html{scroll-behavior:auto!important}}
.atelier-title .chapter{justify-content:center}.atelier-title .chapter:before{display:none}
html[data-background="white"] .gts-atelier{background:#edf1f5;color:#132533}html[data-background="white"] .atelier-stage{background:radial-gradient(ellipse at 50% 65%,#dce9f3,#f3f5f7 70%)}html[data-background="white"] .atelier-stage:before{background:linear-gradient(#f3f5f7,transparent)}html[data-background="white"] .atelier-stage:after{background:linear-gradient(transparent,#edf1f5)}html[data-background="white"] .atelier-title>p:not(.chapter),html[data-background="white"] .atelier-top,html[data-background="white"] .atelier-bottom{color:#4b6375}html[data-background="white"] .atelier-enter{color:#132533}html[data-background="white"] .atelier-word{color:#102d4805}html[data-background="white"] .atelier-photo{box-shadow:0 24px 60px #10334d29}html[data-background="white"] .atelier-title em{color:#1262b9}html[data-background="white"] .atelier-floor-image:after{background:linear-gradient(180deg,#edf1f5 0%,#08101720 25%,#08101740 50%,#081017f5 100%),linear-gradient(90deg,#08101780,transparent 80%)}
.atelier-floor{--a:var(--yellow,#328eff)}
html[data-background="white"] .gts-atelier{--a:#1262b9}
html[data-background="white"][data-color-theme="yellow"] .gts-atelier{--a:#7b6700}
html[data-background="white"] .atelier-title em{color:var(--a)}
/* Flight edition: a photographic space, with typography at architectural scale. */
.atelier-images{perspective:1100px;transform-style:preserve-3d;z-index:6}
.atelier-photo{left:50%;top:50%;right:auto;bottom:auto;width:clamp(260px,30vw,520px);height:clamp(180px,21vw,360px);transform:translate(-50%,-50%) translate3d(var(--fx,0px),var(--fy,0px),var(--fz,-200px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(var(--rz,0deg));opacity:var(--fo,1);box-shadow:0 35px 85px #0009;backface-visibility:hidden;border-radius:10px}
.ap1{--fx:-450px;--fy:-160px}.ap2{--fx:410px;--fy:210px}.ap3{--fx:470px;--fy:-200px;width:clamp(190px,20vw,320px);height:clamp(260px,28vw,440px)}.ap4{--fx:-450px;--fy:210px}.ap5{--fx:0px;--fy:-250px;--fz:-550px}
.atelier-title{top:29%;left:3%;right:3%;z-index:3;pointer-events:none}.atelier-title .chapter{margin-bottom:22px}.atelier-title h2{font-size:clamp(70px,12.5vw,200px);font-weight:800;letter-spacing:-.075em;line-height:.86;margin-bottom:30px}.atelier-title h2 em{color:transparent;-webkit-text-stroke:1.5px var(--a);text-shadow:0 0 60px color-mix(in srgb,var(--a) 12%,transparent)}.atelier-title>p:not(.chapter){font-size:16px;letter-spacing:.03em}.atelier-enter{pointer-events:auto;position:relative;z-index:10;background:#07131dcc;border:1px solid #ffffff20;padding:8px 10px 8px 20px;border-radius:35px}.atelier-title h2 .flight-line{display:inline-block}.atelier-top{z-index:15}.atelier-photo span{padding:50px 20px 20px;font-size:10px}.atelier-photo:hover,.atelier-photo:focus-visible{border-color:var(--a,#328eff);box-shadow:0 0 0 1px var(--a,#328eff),0 30px 90px #0009}.atelier-dialog{width:1200px;background:#0d1a25;padding:60px 24px 24px;border-radius:18px}.atelier-dialog img{border-radius:8px}.atelier-dialog p{font-size:16px;margin-top:20px}.atelier-halo{inset:0 12%;opacity:.5}.atelier-bottom{z-index:15}
@media(max-width:850px){.atelier-title{top:36%;left:3%;right:3%}.atelier-title h2{font-size:clamp(58px,13vw,110px);line-height:.95}.atelier-title>p:not(.chapter){font-size:12px}.atelier-photo{width:230px;height:165px}.ap3{width:155px;height:220px}.atelier-photo span{font-size:8px;padding:28px 12px 12px}.atelier-bottom{bottom:72px}.atelier-bottom>span:first-child{display:none}.atelier-bottom>span:last-child{margin:auto}.atelier-dialog{padding:55px 12px 20px}.atelier-dialog p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.atelier-images{perspective:none}.atelier-photo{width:25%;height:22%;transform:none;opacity:1;left:3%;top:20%}.ap2{left:auto;right:3%;top:auto;bottom:9%}.ap3{left:auto;right:3%;top:17%}.ap4{top:auto;bottom:9%}.ap5{display:none}.atelier-title h2{font-size:clamp(50px,10vw,150px)}}
.ap5{width:clamp(230px,24vw,390px);height:clamp(155px,16vw,260px)}
.atelier-flight-entry{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);z-index:14;margin:0;color:#edf5fa}
@media(max-width:850px){.ap5{width:210px;height:145px}.atelier-flight-entry{bottom:22%}.atelier-title>p:not(.chapter){max-width:230px;margin:22px auto 0}}