/* Home: an immersive opening, followed by three different editorial compositions. */
.atelier-home{background:#081b23}.atelier-home .site-head{background:#081b23;color:#f5f4e8;border-color:#ffffff25}.atelier-home .site-head nav a,.atelier-home .language{color:#f5f4e8}.atelier-home .site-head nav a.package-nav{color:#e7ef69}.atelier-home .start-btn{background:#e7ef69;color:#0e242b;border-color:#e7ef69}.atelier-home .mobile-menu{background:#081b23;color:#f5f4e8}
.home-stage{height:calc(100svh - 84px);min-height:720px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#081b23;color:#f8f5df}
.home-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}.home-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#031922 0%,#031922d0 22%,#03192208 64%,#03192244 100%)}
.home-strip{position:absolute;overflow:hidden;top:-8%;height:116%;background:#132c31}.home-strip img{width:100%;height:100%;max-width:none;object-fit:cover}.strip-water{left:0;width:27%}.strip-water img{object-position:62% 50%}.strip-space{left:27%;width:47%;top:-15%;height:125%}.strip-space img{object-position:65% 50%}.strip-energy{left:74%;width:26%}.strip-energy img{object-position:60% 45%}
.home-topline{position:absolute;z-index:4;top:25px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font:9px/1.5 monospace;letter-spacing:.08em}
.home-display{position:absolute;top:91px;left:3.8%;font:600 20vw/.85 Arial,sans-serif;letter-spacing:-.075em;white-space:nowrap;pointer-events:none;text-shadow:0 2px 30px #051b1a18}.home-display>span{font-size:5vw;vertical-align:top;display:inline-block;margin:3px 0 0 15px}
.home-message{position:absolute;bottom:118px;left:5%;z-index:2}.home-message .eyebrow{color:#ecf3ae;font-size:10px;letter-spacing:.06em}.home-message h1{font-size:clamp(44px,5.2vw,84px);letter-spacing:-.06em;line-height:1.25;margin:18px 0 25px}.home-explore{display:flex;align-items:center;justify-content:space-between;width:280px;gap:30px;border-bottom:1px solid #f5f5de;padding:13px 0;font-size:12px}.home-explore b{font-size:26px;font-weight:400;transition:transform .3s}.home-explore:hover b{transform:translate(5px,-5px)}
.home-intro{position:absolute;right:5%;bottom:150px;max-width:350px;font-size:12px;line-height:2;color:#eeeede}.home-intro>span{display:block;font:8px monospace;letter-spacing:.03em;margin-top:30px;color:#a7bbba}.home-stage-foot{position:absolute;bottom:0;left:5%;right:5%;height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e0e8d44a;font-size:9px}.home-stage-foot>span{font:8px monospace}.home-motion{font-size:9px;padding:14px}
.home-manifesto{overflow:hidden;padding:35px 0;background:#e7ef69;color:#0c252b;border-top:1px solid #eff8a1}.home-manifesto span{display:block;font:500 6vw/.95 Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap;margin-left:-1.5%}
.atelier-home .selected{background:#f0f1e9;color:#10272c;padding:100px 5% 85px}.atelier-home .selected .section-top{margin-bottom:75px}.atelier-home .selected .section-top h2{font-size:clamp(36px,4.7vw,70px);line-height:1.35}.atelier-home .selected .section-top p{color:#4f6669}.atelier-home .selected .eyebrow{color:#486d73}.atelier-home .selected-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:65px 25px}.atelier-home .selected-grid>.work-card{grid-column:span 2}.atelier-home .selected-grid>.home-masterpiece{grid-column:1/-1;position:relative}.atelier-home .home-masterpiece .work-image{aspect-ratio:1.95;overflow:hidden;isolation:isolate}.atelier-home .home-masterpiece .work-image img{object-fit:cover;height:112%;position:absolute;inset:-6% 0;transition:none}.atelier-home .home-masterpiece .work-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08231b73,transparent 65%);pointer-events:none}.home-work-word{position:absolute;z-index:2;font:500 18vw/.86 Arial,sans-serif;left:4%;bottom:7%;color:#fcf5dc;letter-spacing:-.065em;pointer-events:none}.atelier-home .home-masterpiece .open-arrow{width:62px;height:62px;font-size:30px;right:26px;bottom:24px;z-index:3;background:#f5f5df}.atelier-home .home-masterpiece .work-badge{top:25px;left:30px;background:none;border:0;font-size:10px}.atelier-home .home-masterpiece .work-info{padding-top:22px}.atelier-home .home-masterpiece .work-info h3{font-size:29px}.atelier-home .selected .work-info p,.atelier-home .selected .work-desc{color:#52696a}.atelier-home .home-masterpiece .work-desc{position:absolute;right:0;bottom:0;width:42%;font-size:12px;margin-bottom:0}.atelier-home .selected .section-note{border-color:#899e9b;color:#496368}.atelier-home .selected .section-note a{color:#163e48}
.atelier-home .selected-grid>.home-hollow{grid-column:2/-1;margin-top:50px!important}.atelier-home .home-hollow .work-image{aspect-ratio:1.8}.atelier-home .home-hollow .home-work-word{font-family:Georgia,serif;left:4%;bottom:9%;font-size:11vw;letter-spacing:.015em}.atelier-home .selected-grid>.home-odd-days{grid-column:1/6;padding-top:75px;margin-bottom:25px!important}.atelier-home .home-odd-days .work-image{aspect-ratio:1.5;transform:rotate(-3deg);border:12px solid #11292d;overflow:hidden;background:#f8760f}.atelier-home .home-odd-days .home-work-word{font-size:15vw;font-weight:900;color:#e7ef69;left:4%;bottom:5%;line-height:.77;transform:rotate(4deg)}.atelier-home .home-odd-days .work-info{padding-top:46px}.atelier-home .home-odd-days .work-desc{bottom:2px}.atelier-home .home-odd-days .work-badge{display:none}
.atelier-home .atelier-services{background:#0c242d;color:#f0f2df;padding:100px 5%}.atelier-home .atelier-services .section-top h2{font-size:clamp(36px,4.4vw,66px)}.atelier-home .atelier-services .section-top p{color:#bed0cc}.atelier-home .service-explorer{grid-template-columns:.75fr 1.25fr;gap:6%}.atelier-home .service-tabs{border-color:#96b4b45a}.atelier-home .service-tabs>button{border-color:#96b4b45a;padding-top:35px;padding-bottom:35px}.atelier-home .service-tabs>button:before{background:#e7ef69}.atelier-home .service-tabs strong{font-size:clamp(21px,2.4vw,35px)}.atelier-home .service-tabs>button>span{color:#c1d891}.atelier-home .service-tabs small{color:#bbcdcd}.atelier-home .app-visual{color:#15343f}.atelier-home .service-visual{aspect-ratio:1.2}.atelier-home .web-visual{padding:0}.atelier-home .web-visual img{width:100%;height:100%;object-fit:cover}.atelier-home .web-visual>span{color:white;background:#13222ba8;padding:8px;left:16px}.atelier-home .service-panel-foot{border-color:#95acad5c}.atelier-home .service-panel-foot p,.atelier-home .service-panel .illustration-note{color:#bed0cc}
.atelier-home .atelier-play{position:relative;isolation:isolate;overflow:hidden;background:#e7ef69;color:#173236;padding:160px 7% 100px;gap:9%;grid-template-columns:1.1fr 1fr}.home-lab-word{position:absolute;top:-.07em;left:2%;font:600 19vw/1 Arial,sans-serif;letter-spacing:-.065em;opacity:.11;white-space:nowrap;z-index:-1}.atelier-home .lab-art{background:#becee4;transform:rotate(-7deg);border:1px solid #143b402a;box-shadow:17px 17px 0 #153c3217}.atelier-home .lab-letter{color:#163d55}.atelier-home .lab-letter>span{color:#e7ef69;mix-blend-mode:normal}.atelier-home .lab-invitation h2{font-size:clamp(35px,4vw,60px)}.atelier-home .lab-invitation p{color:#455c4c}.atelier-home .lab-swatches i:nth-child(3){background:#e7ef69}
.atelier-home .atelier-footer{background:#1639c3;color:#f0f3d9;padding-top:65px}.atelier-home .atelier-footer .footer-top,.atelier-home .atelier-footer .footer-bottom,.atelier-home .footer-colophon{color:#d4e1f8;border-color:#c4d4ff50}.atelier-home .package-footer-link{border-color:#c4d4ff55}.atelier-home .package-footer-link span,.atelier-home .package-footer-link p,.atelier-home .package-footer-link small{color:#d5dffc}.atelier-home .package-footer-link strong,.atelier-home .package-footer-link b,.atelier-home .package-footer-link i{color:#f0f3d9}.atelier-home .atelier-footer .footer-cta{font-size:clamp(42px,6.2vw,96px);padding-right:100px}.atelier-home .atelier-footer .footer-cta span{color:#e7ef69}.atelier-home .footer-conversation>p{color:#d1dffc}.atelier-home .footer-wordmark{color:#e7ef69}.atelier-home .footer-form-link{border-color:#b8cbf4;color:#f0f3d9}
[data-home-layer]{translate:0 var(--home-y,0px)}
@keyframes home-open{from{clip-path:inset(0 0 100%);opacity:.35}to{clip-path:inset(0);opacity:1}}
@keyframes home-type{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
.home-live .home-strip{animation:home-open 1.5s cubic-bezier(.2,.7,.25,1) backwards}.home-live .strip-space{animation-delay:.12s}.home-live .strip-energy{animation-delay:.24s}.home-live .home-display{animation:home-type 1.8s .25s backwards}.home-live .home-message{animation:home-type 1.4s .5s backwards}
.home-reveals .home-masterpiece:not(.home-seen){opacity:.1;clip-path:inset(8% 0 8%)}.home-masterpiece{transition:opacity 1.1s,clip-path 1.1s cubic-bezier(.2,.8,.2,1)}.home-reveals .home-seen{opacity:1;clip-path:inset(-8% -5%)}
.atelier-home.motion-off [data-home-layer]{translate:0 0!important}.atelier-home.motion-off .home-stage *,.atelier-home.motion-off .home-masterpiece{animation:none!important;transition:none!important;opacity:1;clip-path:none}
@media(max-width:1050px){.home-stage{min-height:780px}.home-display{top:120px}.home-intro{right:5%;bottom:152px;max-width:260px;font-size:10px}.home-message h1{font-size:54px}.home-explore{width:250px}.home-topline{font-size:8px}.atelier-home .service-tabs strong{font-size:22px}.atelier-home .service-tabs small{font-size:10px}.atelier-home .home-masterpiece .work-desc{font-size:10px}}
@media(max-width:650px){
 .home-stage{height:850px;min-height:850px;max-height:none}.home-topline{top:22px;left:6%;right:6%;font-size:6px;gap:15px}.home-topline>span:first-child{max-width:175px}.home-display{top:117px;left:4%;font-size:19vw}.home-display>span{font-size:6vw;margin-left:5px}.home-strip{height:105%;top:-3%}.strip-water{width:26%}.strip-space{left:26%;width:47%;top:-6%;height:112%}.strip-energy{left:73%;width:27%}.home-scene:after{background:linear-gradient(0deg,#031922 12%,#031922e6 42%,#03192200 80%)}.home-message{left:6%;bottom:270px;right:6%}.home-message h1{font-size:13vw;line-height:1.3;margin:18px 0 18px}.home-message .eyebrow{font-size:8px}.home-explore{width:245px;font-size:11px}.home-intro{left:6%;right:6%;bottom:109px;max-width:none;font-size:11px}.home-intro>span{font-size:6px;margin-top:18px}.home-stage-foot{left:6%;right:6%;height:67px;font-size:8px;gap:10px}.home-stage-foot>span{display:none}.home-motion{font-size:8px;padding:12px 0}.home-manifesto{padding:24px 0}.home-manifesto span{font-size:10vw}
 .atelier-home .selected{padding:65px 6%}.atelier-home .selected .section-top{margin-bottom:40px}.atelier-home .selected .section-top h2{font-size:30px}.atelier-home .selected-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 15px}.atelier-home .selected-grid>.work-card{grid-column:span 1}.atelier-home .selected-grid>.home-masterpiece{grid-column:1/-1;margin-top:0!important}.atelier-home .home-masterpiece .work-image{aspect-ratio:1.15}.home-work-word{font-size:30vw}.atelier-home .home-masterpiece .open-arrow{width:35px;height:35px;font-size:22px;bottom:15px;right:15px}.atelier-home .home-masterpiece .work-info h3{font-size:24px}.atelier-home .home-masterpiece .work-info p{font-size:9px}.atelier-home .home-masterpiece .work-desc{position:static;width:auto;margin-top:14px;font-size:10px}.atelier-home .selected-grid>.home-hollow{padding-left:8%}.atelier-home .home-hollow .work-image{aspect-ratio:1}.atelier-home .home-hollow .home-work-word{font-size:14vw;left:3%}.atelier-home .selected-grid>.home-odd-days{padding-top:30px;padding-right:4%;margin-bottom:10px!important}.atelier-home .home-odd-days .work-image{border-width:6px;aspect-ratio:.95}.atelier-home .home-odd-days .home-work-word{font-size:30vw}.atelier-home .home-odd-days .work-info{padding-top:30px}.atelier-home .selected .work-card:last-child{grid-column:1/-1}
 .atelier-home .atelier-services{padding:65px 6%}.atelier-home .atelier-services .section-top h2{font-size:32px}.atelier-home .service-explorer{display:flex}.atelier-home .service-tabs>button,.atelier-home .service-tabs>button[aria-pressed=true]{padding:20px 6px}.atelier-home .service-tabs strong{font-size:11px}.atelier-home .service-tabs small{display:none}.atelier-home .app-visual{color:#15343f}.atelier-home .service-visual{aspect-ratio:1.15}.atelier-home .atelier-play{padding:85px 8% 60px;gap:40px}.home-lab-word{font-size:25vw;top:12px}.atelier-home .lab-invitation h2{font-size:32px}.atelier-home .lab-art{width:94%;aspect-ratio:1.2}.atelier-home .atelier-footer .footer-cta{font-size:10vw;padding-right:42px}.atelier-home .atelier-footer .footer-cta span{font-size:40px}.atelier-home .footer-conversation>p{font-size:11px}.atelier-home .package-footer-link strong{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.atelier-home [data-home-layer]{translate:0 0!important}.atelier-home .home-stage *,.atelier-home .home-masterpiece{animation:none!important;transition:none!important;opacity:1!important;clip-path:none!important}}

/* Override the shared package navigation colour on the dark home header/menu. */
.atelier-site.atelier-home:not(.atelier-app):not(.atelier-iot) .package-nav{color:#e7ef69!important}
/* The studio opening is original artwork, independent of the project collection. */
.home-signature{background:#071c26}.home-signature:after{background:linear-gradient(0deg,#071c26f7,transparent 78%)}.home-flow-art{position:absolute;inset:-15% -15%;width:130%;height:130%;max-width:none;object-fit:cover;transform:rotate(-5deg);transform-origin:65% 45%}
.home-live .home-flow-art{animation:home-open 1.8s cubic-bezier(.2,.7,.2,1) backwards,home-breathe 16s 1.8s ease-in-out infinite alternate}
@keyframes home-breathe{from{transform:rotate(-5deg) scale(1)}to{transform:rotate(4deg) scale(1.07)}}
.atelier-home .selected-grid>.home-case-1{grid-column:1/5}.atelier-home .selected-grid>.home-case-2{grid-column:3/-1;margin-top:15px!important}.atelier-home .home-masterpiece .work-image{aspect-ratio:1.5;background:#d8e0df}.atelier-home .home-masterpiece .work-image img{position:static;object-fit:contain;width:100%;height:100%;inset:auto}.atelier-home .home-masterpiece .work-image:after{display:none}.atelier-home .home-masterpiece .work-desc{position:static;width:auto;font-size:12px;margin-top:14px}.atelier-home .home-masterpiece .work-info h3{font-size:31px}.atelier-home .selected-grid>.work-card:not(.home-masterpiece){grid-column:span 3}
@media(max-width:650px){.home-flow-art{inset:-4% -75%;width:220%;height:100%;object-position:56% 50%}.atelier-home .selected-grid>.home-case-1,.atelier-home .selected-grid>.home-case-2{grid-column:1/-1;margin-top:0!important}.atelier-home .selected-grid>.home-case-2{padding-left:9%}.atelier-home .home-masterpiece .work-image{aspect-ratio:1.5}.atelier-home .selected-grid>.work-card:not(.home-masterpiece){grid-column:span 1}.atelier-home .home-masterpiece .work-desc{font-size:10px}.atelier-home .home-masterpiece .work-info h3{font-size:25px}}