/* Six different compositions. Only timing and depth are shared. */
.site-scenes{overflow-x:clip}.site-scenes .scene{position:relative;isolation:isolate;overflow:hidden;--scene-x:0px;--scene-y:0px;--scene-scroll:0px}.scene [data-depth]{translate:var(--layer-x,0px) var(--layer-y,0px);will-change:translate}.scene-photo{position:absolute;inset:-7%;z-index:-2}.scene-photo img{width:100%;height:100%;object-fit:cover}.scene-meta,.scene-foot{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;font:9px/1.6 monospace;letter-spacing:.05em}.scene-meta{padding:27px 0}.scene-foot{border-top:1px solid currentColor;padding:19px 0;opacity:.75}.scene-eyebrow{font:9px/1.7 monospace;letter-spacing:.09em}.scene-link{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;padding:14px 0;border-bottom:1px solid currentColor;font-size:12px;line-height:1.5}.scene-link span{font-size:26px;font-weight:400;transition:transform .35s}.scene-link:hover span{transform:translate(4px,4px)}.scene :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}.scene-ready .scene-meta{animation:scene-in 1s both}.scene-ready .collection-type,.scene-ready .web-cover-type{animation:type-in 1.8s cubic-bezier(.16,1,.3,1) both}.scene-ready .collection-caption,.scene-ready .web-cover-copy,.scene-ready .field-copy{animation:scene-in 1.3s .2s both}.scene .scene-photo img{animation:scene-breathe 18s ease-in-out infinite alternate}.scene.scene-sleep *{animation-play-state:paused!important}.scene-reveal{transition:opacity .9s ease,translate 1.2s cubic-bezier(.2,.7,.2,1)}.scene-reveal:not(.scene-seen){opacity:0;translate:0 36px}.scene-reveal:focus-within{opacity:1;translate:0 0}
@keyframes scene-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes type-in{from{opacity:0;transform:translateY(55px);clip-path:inset(100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@keyframes scene-breathe{from{transform:scale(1.01)}to{transform:scale(1.065)}}
/* COLLECTION — a cinematic still life, then an uneven exhibition wall. */
.collection-cinema{min-height:calc(100svh - 82px);min-height:max(750px,calc(100svh - 82px));padding:0 5%;background:#161614;color:#eeeddb;display:grid;grid-template-rows:auto 1fr auto}.collection-photo{z-index:-1}.collection-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08080710 35%,#0808077a),linear-gradient(0deg,#080807ed,transparent 57%,#08080726)}.collection-photo img{object-position:50% 62%}.collection-type{position:absolute;top:15%;left:4.4%;font:400 clamp(100px,15.2vw,235px)/.82 Georgia,'Times New Roman',serif;letter-spacing:-.065em;pointer-events:none}.collection-type span,.collection-type em{display:block}.collection-type em{margin:12px 0 0 13vw;font-size:.72em;font-weight:400;letter-spacing:-.07em}.collection-caption{align-self:end;justify-self:end;width:39%;padding:65px 0 35px;position:relative;z-index:2}.collection-caption h1{font-size:clamp(27px,3vw,45px);line-height:1.5;font-weight:400;letter-spacing:-.045em;margin:15px 0}.collection-caption p{font-size:12px;line-height:2;color:#d5d3c6}.collection-caption .scene-link{margin-top:16px;min-width:230px}.collection-mark{position:absolute;left:5%;bottom:116px;display:flex;gap:20px;align-items:end}.collection-mark b{font:400 92px/.8 Georgia,serif;letter-spacing:-.09em}.collection-mark>span{font:8px/1.6 monospace}.collection-cinema>.scene-foot{grid-row:3;color:#d5d3c6;border-color:#c5c7b64d}.atelier-work.site-scenes .portfolio{padding-top:52px;padding-bottom:100px;background:#ecebe5;color:#1d2627}.site-scenes.atelier-work .portfolio-toolbar,.site-scenes.atelier-work .style-filter,.site-scenes.atelier-work .portfolio-status{color:#405451}.site-scenes.atelier-work .style-filter button,.site-scenes.atelier-work .filter-right select{color:#364d48;border-color:#72888166;background:transparent}.site-scenes.atelier-work .filter-group button{color:#344944;border-color:#9daba5}.site-scenes.atelier-work .filter-group button[aria-pressed=true]{background:#213b33;color:#f7f8ed}.site-scenes.atelier-work .style-filter button[aria-pressed=true]{background:#d6dfd6;color:#173f32;border-color:#738d7a}.site-scenes.atelier-work .portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:90px 4%}.site-scenes.atelier-work .portfolio-grid>.work-card{grid-column:span 5;margin:0}.site-scenes.atelier-work .portfolio-grid>.work-card:nth-child(4n+1){grid-column:span 7}.site-scenes.atelier-work .portfolio-grid>.work-card:nth-child(4n+2){padding-top:120px}.site-scenes.atelier-work .portfolio-grid>.work-card:nth-child(4n+4){grid-column:span 7;padding-top:100px}.site-scenes.atelier-work .portfolio-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 24px}.site-scenes.atelier-work .portfolio-grid[data-columns="3"]>.work-card{grid-column:auto;padding-top:0}.site-scenes.atelier-work .work-image{background:#d9dcd4;overflow:hidden}.site-scenes.atelier-work .work-image img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.site-scenes.atelier-work .work-image:hover img{transform:scale(1.035)}.site-scenes.atelier-work .work-info h3{font-size:clamp(27px,3vw,45px);font-weight:400;color:#182e29}.site-scenes.atelier-work .work-info p,.site-scenes.atelier-work .work-desc{color:#5f716a}.site-scenes.atelier-work .preview-btn,.site-scenes.atelier-work .compare-btn{color:#254e40;border-color:#4e6f5a55}.site-scenes.atelier-work .portfolio-grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 4%}.site-scenes.atelier-work .portfolio-grid.filtered>.work-card{grid-column:auto;padding-top:0}.collection-outro{padding:55px 5% 80px;background:#d8e338;color:#203526}.collection-outro>span{font:9px monospace}.collection-outro>p{font:400 16vw/.9 Georgia,serif;letter-spacing:-.075em;margin:65px 0}.collection-outro>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.collection-outro h2{font-size:24px;font-weight:400}
/* WEB — a fashion cover. The crop, type and copy move independently. */
.web-cover{height:max(770px,calc(100svh - 82px));padding:0 5%;background:#dfdbd0;color:#492f29;display:flex;flex-direction:column}.web-cover>.scene-meta{color:#493d36}.web-cover-portrait{position:absolute;inset:0 0 0 42%;z-index:-1;overflow:hidden;clip-path:inset(0);transition:inset 1.4s cubic-bezier(.2,.7,.2,1),clip-path 1.4s cubic-bezier(.2,.7,.2,1)}.web-cover-portrait>div{width:100%;height:112%;margin-top:-6%}.web-cover-portrait img{width:100%;height:100%;object-fit:cover;object-position:55% 32%;transition:filter 1.2s}.web-cover-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#30201930,transparent 30%)}.web-cover-type{position:absolute;top:16%;left:4.5%;right:3%;font:400 14.5vw/.85 Georgia,'Times New Roman',serif;letter-spacing:-.07em;pointer-events:none}.web-cover-type>span{display:block}.web-cover-type>em{display:block;font-size:.89em;margin-left:9%;font-weight:400;letter-spacing:-.065em}.web-cover-copy{position:relative;margin-top:auto;max-width:47%;padding:55px 0 50px}.web-cover-copy h1{font-size:clamp(24px,2.6vw,39px);font-weight:400;line-height:1.5;letter-spacing:-.045em;margin:13px 0 17px}.web-cover-copy p{font-size:11px;line-height:2;color:#57483e}.web-cover-copy .scene-link{margin-top:12px}.web-cover-controls{position:absolute;right:5%;bottom:105px;color:#fffaf1;text-shadow:0 1px 12px #32221b88}.web-cover-controls>span{font-size:10px}.web-cover-controls>div{display:flex;gap:7px;margin-top:13px}.web-cover-controls button{border:1px solid #fff9;padding:9px 15px;font-size:10px;background:#3f302733;color:#fff;backdrop-filter:blur(12px)}.web-cover-controls button[aria-pressed=true]{background:#faf6e8;color:#4f3d31;text-shadow:none}.web-cover .scene-foot{border-color:#55443950}.web-cover[data-web-layout="quiet"] .web-cover-portrait{inset:14% 7% 19% 56%;clip-path:inset(0)}.web-cover[data-web-layout="quiet"] .web-cover-type{font-size:11.5vw}.web-cover[data-web-layout="quiet"] .web-cover-controls{color:#4f3d31;text-shadow:none}.web-cover[data-web-layout="quiet"] .web-cover-controls button{border-color:#705a4980;background:#dfdbd0;color:#4f3d31}.web-cover[data-web-layout="quiet"] .web-cover-controls button[aria-pressed=true]{background:#4f3d31;color:#fff}.web-cover[data-web-layout="bold"] .web-cover-portrait{inset:0 0 0 18%}.web-cover[data-web-layout="bold"] .web-cover-portrait img{filter:grayscale(1)}.web-cover[data-web-layout="bold"] .web-cover-type{color:#f4ff58;font-size:15.8vw;mix-blend-mode:normal}.web-cover[data-web-layout="bold"] .web-cover-copy{background:#dfdbd0ed;padding-left:22px;padding-right:22px;margin-left:-22px}.web-cover-type{transition:font-size 1.3s,color 1s}.site-scenes.web-edition .edition-collection{padding:75px 5% 120px;background:#faf7f0;color:#492f29}.site-scenes.web-edition .collection-index{color:#796556;border-color:#493b332b}.site-scenes.web-edition .edition-gallery{column-gap:9%;row-gap:85px;grid-template-columns:1.15fr .85fr}.site-scenes.web-edition .edition-gallery .work-image{padding:0;background:none;aspect-ratio:1.42}.site-scenes.web-edition .edition-gallery .work-image img{height:100%;width:100%;object-fit:cover;box-shadow:none}.site-scenes.web-edition .edition-gallery .work-info h3{font:400 45px Georgia,serif;color:#462d28}.site-scenes.web-edition .edition-gallery .work-info p,.site-scenes.web-edition .edition-gallery .work-desc{color:#877266}.site-scenes.web-edition .project-ordinal{color:#8f796c;border-color:#8b705e3b}.site-scenes.web-edition .project-ordinal>span:first-child{color:#70503d}.site-scenes.web-edition .edition-collection>.fine{color:#8f796c;border-color:#8b705e3b}.site-scenes.web-edition .edition-manifesto{background:#542f2b;color:#f6ead6;padding:80px 5% 100px;overflow:hidden}.site-scenes.web-edition .manifesto-label,.site-scenes.web-edition .manifesto-body>p,.site-scenes.web-edition .craft-steps p,.site-scenes.web-edition .craft-steps article>span{color:#d6b8a4}.site-scenes.web-edition .manifesto-body{gap:5%;margin:80px 0 110px}.site-scenes.web-edition .manifesto-body h2{font-size:clamp(44px,7.5vw,115px);line-height:1.35}.site-scenes.web-edition .manifesto-body h2 span{color:#f2ba87}.site-scenes.web-edition .craft-steps{grid-template-columns:1fr 1fr;gap:45px 10%}.site-scenes.web-edition .craft-steps article{border-color:#ecbaa84d;display:grid;grid-template-columns:45px 1fr;gap:10px 20px}.site-scenes.web-edition .craft-steps h3{margin:0;font-size:27px}.site-scenes.web-edition .craft-steps p{grid-column:2;margin:0}.site-scenes.web-edition .edition-try{background:#d4e23b;color:#263627}.site-scenes.web-edition .edition-try>span{color:#475a32}
/* APPS — luminous rings and tangible, interactive devices. */
.site-scenes .app-editorial{background:#171824;color:#f0eee7}.site-scenes .app-editorial:after{content:"";position:absolute;width:80vw;height:80vw;right:-23vw;top:-18vw;background:radial-gradient(ellipse,#77764e33,transparent 65%);pointer-events:none;z-index:-2}.site-scenes .app-hero-copy h1>span{color:#d7e28e}.site-scenes .app-hero-description{color:#bbb9c6}.site-scenes .app-kicker,.site-scenes .app-editorial-top,.site-scenes .app-editorial-top>span:last-child{color:#acaec4}.site-scenes .app-kicker i{background:#d7e28e;box-shadow:none}.site-scenes .app-hero-copy a{pointer-events:auto}.site-scenes .app-device-stage{perspective:1100px}.site-scenes .app-stage-word{top:290px;left:-8%;font-size:16vw;color:#dce7a219;letter-spacing:-.075em}.site-scenes .studio-device.is-left{transform:translateX(calc(-50% - 188px)) translateY(25px) rotateY(25deg) rotate(-16deg) scale(.87)}.site-scenes .studio-device.is-right{transform:translateX(calc(-50% + 190px)) translateY(55px) rotateY(-20deg) rotate(13deg) scale(.88)}.site-scenes .app-orbit{display:none}.app-ribbon{position:absolute;inset:0;z-index:-1;pointer-events:none;perspective:800px;overflow:hidden}.app-ribbon>i{position:absolute;width:61vw;height:61vw;border:5.5vw solid #c6ce8d;border-radius:50%;right:-3%;top:-7%;transform:rotateX(65deg) rotateY(-20deg) rotateZ(-30deg);box-shadow:inset 2px 5px 8px #f9ffd3,12px 18px 35px #0006;animation:app-orbit-drift 18s ease-in-out infinite alternate;opacity:.5}.app-ribbon>i:nth-child(2){width:51vw;height:51vw;right:3%;top:12%;border-width:1px;border-color:#cbd5a577;box-shadow:none;animation-delay:-8s}.app-ribbon>i:nth-child(3){display:none}.site-scenes .app-scene-controls{border-color:#a0a59844}.site-scenes .app-scene-controls button[aria-pressed=true]{background:#dce7a0;color:#242d22}.site-scenes .app-scene-controls button[aria-pressed=true] :is(small,p,span,i){color:#485a36}.site-scenes .app-editorial-bottom{color:#959aaa}.site-scenes.atelier-app .product-offer{background:#e4e8d7;color:#283625;padding-top:100px;padding-bottom:100px}.site-scenes.atelier-app .product-offer h2{font-size:clamp(35px,5vw,70px);line-height:1.4}.site-scenes.atelier-app .product-offer :is(p,li){color:#52614d}.site-scenes.atelier-app .prototype-section{padding-top:90px;padding-bottom:100px;background:#24252e}.site-scenes.atelier-app .prototype-section .work-card:nth-child(even){margin-top:65px}
@keyframes app-orbit-drift{to{transform:rotateX(52deg) rotateY(15deg) rotateZ(5deg) translateY(25px)}}
/* FIELD — human scale, full-bleed photography and a live scan line. */
.field-cover{height:max(800px,calc(100svh - 82px));padding:0 5%;color:#f3f5e8;background:#263b31;display:flex;flex-direction:column}.field-photo{z-index:-1}.field-photo img{object-position:center}.field-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c241fcf 0%,#142d2560 55%,#18332700),linear-gradient(0deg,#112821a6,transparent 65%)}.field-type{position:absolute;left:4.5%;top:18%;font:400 11.5vw/.85 Georgia,serif;letter-spacing:-.065em;pointer-events:none}.field-type em{color:#d8f477}.field-copy{margin-top:auto;width:53%;padding:45px 0 60px;position:relative;z-index:2}.field-copy h1{font-size:clamp(30px,3.5vw,55px);font-weight:400;line-height:1.45;letter-spacing:-.055em;margin:15px 0 22px}.field-copy p{font-size:12px;line-height:2;color:#e0e8d6}.field-copy .scene-link{min-width:235px;margin-top:15px}.field-price{font-size:10px;display:block;margin-top:22px;width:fit-content}.field-cover>.scene-foot{border-color:#c9d6be57}.field-target{position:absolute;width:25%;height:30%;top:38%;right:10%;border:1px solid #dbf59b55;color:#edffc7;pointer-events:none;background:linear-gradient(#cdea9e1a,#cdea9e00);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.field-target:before,.field-target:after{content:"";position:absolute;width:18px;height:18px;border:2px solid #e3ff9b}.field-target:before{top:0;left:0;border-bottom:0;border-right:0}.field-target:after{bottom:0;right:0;border-top:0;border-left:0}.field-target>i{display:block;position:absolute;left:0;right:0;top:0;height:1px;box-shadow:0 -12px 30px 4px #c9f28940;background:#e8ffac;animation:field-scan 5s ease-in-out infinite alternate}.field-target>span{position:absolute;top:12px;left:12px;font:8px monospace}.field-target>b{position:absolute;bottom:12px;right:12px;font:9px monospace}.site-scenes.atelier-iot .range-section{padding-top:65px;background:#172e29}.site-scenes.atelier-iot .cost-section{background:#dce7c8;color:#233b2d;padding-top:110px;padding-bottom:100px}.site-scenes.atelier-iot .cost-section :is(p,li){color:#50644e}.site-scenes.atelier-iot .cost-intro h2{font-size:clamp(36px,4.8vw,70px)}.site-scenes.atelier-iot .cost-reasons article{border-color:#81997c55}.site-scenes.atelier-iot .iot-cases{padding-top:100px;padding-bottom:110px}.site-scenes.atelier-iot .iot-cases .case-grid{gap:65px 30px}
@keyframes field-scan{to{top:100%}}
/* ESSENTIAL — the existing 3D seven becomes part of the whole canvas. */
.site-scenes .package-design-hero{background:#d4e9ec;position:relative}.package-backtype{position:absolute;top:145px;left:-1%;font:500 17vw/.8 Arial,sans-serif;letter-spacing:-.085em;color:#1d6c8521;pointer-events:none;z-index:0}.site-scenes .package-design-hero .design-hero-grid{min-height:620px}.site-scenes .package-design-hero .design-object{min-height:600px;margin-right:-5%;margin-left:-15%}.site-scenes .package-design-hero .design-hero-copy h1{font-size:clamp(42px,5.7vw,85px)}.site-scenes .package-price-masthead{position:relative;z-index:3}.site-scenes .package-section.package-included{background:#193e47}.site-scenes .package-included-grid article:nth-child(even){padding-top:55px}.site-scenes .package-section.package-assurance{background:#cddcc6;color:#1c382c}
/* PLAYGROUND — a bright typographic sculpture, no borrowed project artwork. */
.lab-cover{min-height:760px;height:calc(100svh - 82px);padding:0 5%;background:#e5a2bc;color:#49233b;display:flex;flex-direction:column}.lab-cover h1{position:relative;font:400 clamp(120px,19vw,290px)/.73 Georgia,serif;letter-spacing:-.09em;width:55%;margin:60px 0 0;z-index:2}.lab-cover h1 em{font-weight:400;margin-left:20%;color:#f5f1bb}.lab-cover-art{position:absolute;inset:0;pointer-events:none;perspective:800px;z-index:1}.lab-cutout{position:absolute;right:4%;top:5%;font:700 62vw/.9 Arial,sans-serif;letter-spacing:-.1em;color:#ca393a;transform:rotate(-15deg);text-shadow:1px 1px #ee9391,2px 2px #a52a38,3px 3px #a52a38,4px 4px #a52a38,5px 5px #a52a38,6px 6px #a52a38,7px 7px #a52a38,8px 8px #a52a38,18px 25px 25px #70303d22}.lab-orbit{position:absolute;width:43vw;height:43vw;right:15%;top:13%;border:4.5vw solid #ebf095;border-radius:50%;transform:rotateY(50deg) rotateX(25deg);box-shadow:inset 4px 4px 8px #ffffd8,8px 8px 0 #969845;animation:lab-orbit-turn 15s ease-in-out infinite alternate}.lab-dot{position:absolute;width:9vw;height:9vw;right:5%;top:19%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f0f4ba,#a1b853 65%,#657430);box-shadow:15px 20px 30px #7b4b442c;animation:lab-dot-float 7s ease-in-out infinite alternate}.lab-sticker{position:absolute;right:9%;bottom:15%;transform:rotate(11deg);width:120px;height:120px;padding:20px;background:#eee9dc;color:#482e39;font:700 19px/.95 Arial,sans-serif;box-shadow:5px 10px 15px #73394d22}.lab-cover-copy{position:relative;z-index:3;margin-top:auto;padding:40px 0 38px}.lab-cover-copy h2{font-size:24px;font-weight:400;margin:0 0 14px}.lab-cover-copy p{font-size:12px;line-height:2}.lab-cover-copy .scene-link{margin-top:7px}.lab-cover .scene-foot{border-color:#673e5144}.site-scenes.atelier-lab .playground{background:#f4eee5;color:#3a3434;padding-top:80px;padding-bottom:95px}.site-scenes.atelier-lab #lab-title{font-size:clamp(30px,4vw,55px);line-height:1.45;letter-spacing:-.04em}.site-scenes.atelier-lab .studio-controls{margin-top:45px}.site-scenes .atelier-footer{overflow:hidden}.site-scenes .footer-wordmark{transition:translate 1s cubic-bezier(.2,.7,.2,1)}
@keyframes lab-orbit-turn{to{transform:rotateY(-25deg) rotateX(45deg) translateY(20px)}}
@keyframes lab-dot-float{to{transform:translate(-10px,30px)}}
@media(min-width:1600px){.collection-cinema,.web-cover,.field-cover,.lab-cover{min-height:900px}.collection-caption{padding-bottom:70px}.web-cover-copy{padding-bottom:70px}.web-cover-controls{bottom:140px}}
@media(max-width:950px){.collection-cinema{min-height:750px}.collection-type{top:20%;font-size:15vw}.collection-caption{width:48%}.web-cover-type{top:22%}.web-cover-copy{max-width:55%;background:#dfdbd0d9;padding-right:20px}.web-cover-controls{right:4%;bottom:100px}.web-cover-copy h1{font-size:25px}.field-copy{width:63%}.field-type{top:21%}.site-scenes .app-ribbon>i{width:85vw;height:85vw;right:-25%;top:10%}.site-scenes .app-stage-word{font-size:19vw}.site-scenes .studio-device.is-left{transform:translateX(calc(-50% - 128px)) translateY(25px) rotateY(25deg) rotate(-16deg) scale(.8)}.site-scenes .studio-device.is-right{transform:translateX(calc(-50% + 126px)) translateY(55px) rotateY(-20deg) rotate(13deg) scale(.8)}.site-scenes .package-design-hero .design-hero-grid{min-height:510px}.site-scenes .package-design-hero .design-object{min-height:500px}.site-scenes.web-edition .manifesto-body{display:block}.site-scenes.web-edition .manifesto-body>p{margin-top:35px}.lab-cover{min-height:780px}.lab-cutout{top:18%}.lab-orbit{top:26%}.lab-dot{top:24%}.lab-sticker{bottom:22%}}
@media(max-width:650px){.scene-meta,.scene-foot{font-size:7px;gap:15px;letter-spacing:0}.scene-meta{padding:22px 0}.scene-meta>span:last-child{text-align:right}.scene-foot{padding:17px 0;line-height:1.8}.scene-foot>span:last-child{text-align:right}.scene-eyebrow{font-size:8px}.scene-link{font-size:11px;gap:40px}.collection-cinema{min-height:750px;height:calc(100svh - 68px);padding:0 6%}.collection-photo{inset:-5% -45% -5% -45%}.collection-photo img{object-position:39% center}.collection-photo:after{background:linear-gradient(0deg,#0b0d09e8 5%,#0b0d0955 52%,#0b0d0900 75%)}.collection-type{left:5%;top:17%;font-size:18.5vw;line-height:.95}.collection-type em{margin-left:11%;font-size:.86em}.collection-caption{width:100%;padding:55px 0 33px}.collection-caption h1{font-size:31px;line-height:1.45;margin:16px 0}.collection-caption p{font-size:11px}.collection-caption .scene-link{margin-top:10px;min-width:220px}.collection-mark{left:auto;right:7%;bottom:105px}.collection-mark b{font-size:60px;color:#eee8ca8a}.collection-mark>span{display:none}.collection-cinema .scene-foot{font-size:6px}.site-scenes.atelier-work .portfolio{padding:35px 6% 65px}.site-scenes.atelier-work .portfolio-grid,.site-scenes.atelier-work .portfolio-grid.filtered{grid-template-columns:1fr;gap:45px}.site-scenes.atelier-work .portfolio-grid>.work-card{grid-column:auto!important;padding:0!important}.site-scenes.atelier-work .portfolio-grid>.work-card:nth-child(even){width:85%;justify-self:end}.site-scenes.atelier-work .portfolio-grid.filtered>.work-card{width:100%}.site-scenes.atelier-work .portfolio-grid[data-columns="3"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 13px}.site-scenes.atelier-work .portfolio-grid[data-columns="3"]>.work-card{width:100%;justify-self:stretch}.site-scenes.atelier-work .work-info h3{font-size:30px}.site-scenes.atelier-work .portfolio-grid[data-columns="3"] .work-info h3{font-size:20px}.collection-outro{padding:35px 6% 50px}.collection-outro>span{font-size:7px}.collection-outro>p{font-size:18vw;margin:45px 0}.collection-outro>div{display:block}.collection-outro h2{font-size:20px}.collection-outro .scene-link{margin-top:20px}.web-cover{height:850px;min-height:calc(100svh - 68px);padding:0 6%}.web-cover-portrait{inset:65px 0 300px 27%}.web-cover-portrait img{object-position:50% 28%}.web-cover-type{left:5%;top:20%;font-size:22vw;line-height:1;right:auto}.web-cover-type>em{font-size:.78em;letter-spacing:-.08em;margin-left:0}.web-cover-copy{max-width:100%;width:100%;padding:35px 0 85px;background:none}.web-cover-copy h1{font-size:27px}.web-cover-copy p{font-size:10px}.web-cover-controls{right:6%;bottom:75px;left:6%;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#4f3d31;text-shadow:none}.web-cover-controls>span{font-size:8px}.web-cover-controls>div{gap:5px;margin-top:0}.web-cover-controls button{color:#4f3d31;border-color:#7e6a5080;background:none;padding:8px 12px;backdrop-filter:none}.web-cover-controls button[aria-pressed=true]{background:#4f3d31;color:#fff}.web-cover .scene-foot{font-size:6px}.web-cover[data-web-layout="quiet"] .web-cover-portrait{inset:95px 9% 345px 38%}.web-cover[data-web-layout="quiet"] .web-cover-type{font-size:18vw;top:22%}.web-cover[data-web-layout="bold"] .web-cover-portrait{inset:65px 0 300px 0}.web-cover[data-web-layout="bold"] .web-cover-type{font-size:23vw}.web-cover[data-web-layout="bold"] .web-cover-copy{background:none;padding-left:0;padding-right:0;margin-left:0}.site-scenes.web-edition .edition-collection{padding:55px 6% 65px}.site-scenes.web-edition .edition-gallery{grid-template-columns:1fr;gap:45px}.site-scenes.web-edition .edition-gallery .work-card:nth-child(even){padding-top:0;margin-left:12%!important}.site-scenes.web-edition .edition-gallery .work-info h3{font-size:34px}.site-scenes.web-edition .edition-manifesto{padding:50px 6% 65px}.site-scenes.web-edition .manifesto-body{margin:45px 0 50px}.site-scenes.web-edition .manifesto-body h2{font-size:12vw}.site-scenes.web-edition .manifesto-body>p{font-size:11px}.site-scenes.web-edition .craft-steps{grid-template-columns:1fr;gap:27px}.site-scenes.web-edition .craft-steps h3{font-size:24px}.site-scenes .app-editorial{padding-top:24px}.site-scenes .app-hero-copy h1{font-size:51px}.site-scenes .app-stage-word{font-size:32vw;top:245px;left:-5%}.site-scenes .app-ribbon>i{width:135vw;height:135vw;right:-30%;top:32%;border-width:11vw}.site-scenes .app-ribbon>i:nth-child(2){width:125vw;height:125vw;right:-26%;top:35%;border-width:1px}.site-scenes .studio-device.is-left{transform:translateX(calc(-50% - 112px)) translateY(25px) rotateY(25deg) rotate(-16deg) scale(.76)}.site-scenes .studio-device.is-right{transform:translateX(calc(-50% + 112px)) translateY(55px) rotateY(-20deg) rotate(13deg) scale(.76)}.site-scenes.atelier-app .product-offer,.site-scenes.atelier-app .prototype-section{padding-top:65px;padding-bottom:65px}.site-scenes.atelier-app .prototype-section .work-card:nth-child(even){margin-top:0}.field-cover{height:800px;min-height:calc(100svh - 68px);padding:0 6%}.field-photo{inset:-5% -35%}.field-photo img{object-position:62% center}.field-photo:after{background:linear-gradient(0deg,#112b24fa 0%,#112b2488 45%,#112b241c 72%,#112b244a)}.field-type{left:5%;top:18%;font-size:16vw;max-width:90%;line-height:.95}.field-type em{display:block;margin-left:15%}.field-copy{width:100%;padding-bottom:40px}.field-copy h1{font-size:29px;line-height:1.5;margin:15px 0 18px}.field-copy p{font-size:11px}.field-copy .scene-link{margin-top:10px}.field-price{margin-top:18px}.field-target{width:32%;height:14%;right:8%;top:38%}.field-target>span{font-size:5px;left:8px;top:8px}.field-target>b{font-size:6px;right:8px;bottom:8px}.field-cover .scene-foot{font-size:6px}.site-scenes.atelier-iot .range-section{padding-top:40px}.site-scenes.atelier-iot .cost-section,.site-scenes.atelier-iot .iot-cases{padding-top:65px;padding-bottom:65px}.site-scenes .package-design-hero .design-hero-grid{min-height:0}.site-scenes .package-design-hero .design-hero-copy{padding-top:40px;padding-bottom:15px}.site-scenes .package-design-hero .design-hero-copy h1{font-size:10.5vw}.site-scenes .package-design-hero .design-object{min-height:0;height:370px;margin:-10px -5% 15px 0}.package-backtype{top:420px;font-size:18vw;left:-1%}.site-scenes .package-included-grid article:nth-child(even){padding-top:25px}.lab-cover{height:900px;min-height:calc(100svh - 68px);padding:0 6%}.lab-cover h1{font-size:37vw;line-height:.77;width:90%;margin-top:65px}.lab-cover h1 em{margin-left:22%}.lab-cutout{font-size:100vw;right:-5%;top:23%}.lab-orbit{width:68vw;height:68vw;right:8%;top:27%;border-width:8vw}.lab-dot{width:16vw;height:16vw;right:6%;top:22%}.lab-sticker{width:80px;height:80px;font-size:13px;padding:14px;right:8%;bottom:32%}.lab-cover-copy{padding:35px 0 40px}.lab-cover-copy h2{font-size:23px}.lab-cover-copy p{font-size:11px}.lab-cover .scene-foot{font-size:6px}.site-scenes.atelier-lab .playground{padding:50px 6% 65px}.site-scenes.atelier-lab #lab-title{font-size:29px}}
@media(prefers-reduced-motion:reduce){.site-scenes .scene *{animation:none!important;transition:none!important}.site-scenes [data-depth],.site-scenes .scene-reveal{translate:0 0!important}.site-scenes .scene-reveal{opacity:1!important;transition:none!important}.site-scenes .field-target>i{display:none}.site-scenes .studio-device{transition:none!important}}
.site-scenes.motion-off .scene *{animation:none!important;transition:none!important}.site-scenes.motion-off [data-depth],.site-scenes.motion-off .scene-reveal{translate:0 0!important}.site-scenes.motion-off .scene-reveal{opacity:1!important;transition:none!important}.site-scenes.motion-off .field-target>i{display:none}
/* Keep the pinned collection controls legible on the new paper palette. */
.site-scenes.atelier-work .portfolio-toolbar{background:#ecebe5f5;border-color:#78908444;backdrop-filter:blur(15px)}
.site-scenes.atelier-work .grid-switch button{color:#3d5b4d}
.site-scenes .app-scene-controls button[aria-pressed=true] strong{color:#273a25}
@media(max-width:650px){.collection-type{width:90%}.collection-type em{white-space:nowrap;font-size:.78em}.collection-photo{inset:-5% -25%}.collection-photo img{object-position:92% center}.field-photo img{object-position:85% center}.field-photo:after{background:linear-gradient(0deg,#112b24fa 0%,#112b2488 45%,#112b2438 72%,#112b2470)}}
.site-scenes.web-edition .manifesto-label>span{color:#d6b8a4}