/* Three reviewable art directions, shared truthful content. */
body:has(.design-lab){background:#111;color:#eee}body:has(.design-lab) .site-header{background:#111;color:white;border-color:#ffffff25}body:has(.design-lab) .site-header a,body:has(.design-lab) .languages button{color:white}body:has(.design-lab) .nav-account{background:none;border-color:#ffffff50}body:has(.design-lab) .studio-telemetry{display:none}body:has(.design-lab) .sz-footer-top{display:none}body:has(.design-lab) .mobile-nav nav{background:#202020}.design-lab{--lab-bg:#111;--lab-text:#eee;--lab-accent:#be9eff;--lab-line:#ffffff26;background:var(--lab-bg);color:var(--lab-text)}.design-lab a{color:inherit}.concept-switch{position:sticky;top:90px;z-index:32;background:var(--lab-bg);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 3vw;border-block:1px solid var(--lab-line)}.concept-switch>span{font:10px monospace;letter-spacing:.08em}.concept-switch small{margin-left:16px;opacity:.65}.concept-switch [role=tablist]{display:flex;gap:6px}.concept-switch button{min-height:44px;padding:10px 18px;border:1px solid var(--lab-line);background:none;color:var(--lab-text);border-radius:25px;cursor:pointer;font-size:12px}.concept-switch button[aria-selected=true]{background:var(--lab-accent);color:#16111c;border-color:var(--lab-accent)}.concept-caption{display:flex;justify-content:space-between;gap:20px;padding:16px 3vw;font:11px monospace;opacity:.7}.lab-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:6vw;padding:30px 3vw 50px;min-height:480px}.lab-heading>p{font:11px monospace;letter-spacing:.08em;margin:0 0 26px}.lab-heading h1{font-size:clamp(42px,5.4vw,92px);font-weight:400;line-height:.99;letter-spacing:-.06em;margin:0 0 32px;min-height:3em}.rotating-word{display:inline-block;color:var(--lab-accent)}.lab-link{font-size:13px;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--lab-line)}.rotation-control{margin-left:22px;padding:12px 0;background:none;border:0;color:var(--lab-text);font-size:11px;opacity:.7;cursor:pointer;min-height:44px}.future-film{min-width:0}.film-placeholder{position:relative;min-height:360px;height:100%;background:#e8e5ed;color:#19131f;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.film-symbol{font-size:160px;font-weight:500;letter-spacing:-.1em}.film-symbol>span{color:#8a65ca}.frame-cross{position:absolute;top:20px;left:22px;font:22px monospace}.film-placeholder>div{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:14px;font:10px monospace}.lab-wordmark{font-size:clamp(100px,25.6vw,480px);line-height:.88;letter-spacing:-.075em;border-block:1px solid var(--lab-line);padding:10px 2vw 24px;overflow:hidden;font-weight:500}.lab-wordmark>span{color:var(--lab-accent)}.lab-intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:110px 3vw}.lab-intro nav{display:flex;flex-direction:column;justify-content:center}.lab-intro nav a{font-size:clamp(28px,4vw,64px);line-height:1.1;letter-spacing:-.045em;padding:8px 12px;transition:background 160ms,color 160ms}.lab-intro nav a:hover,.lab-intro nav a:focus-visible{background:var(--lab-accent);color:#16111c}.scroll-ink{font-size:clamp(25px,2.7vw,42px);line-height:1.15;letter-spacing:-.035em;margin:0 0 30px;background:linear-gradient(90deg,var(--lab-text) var(--ink-fill,0%),#777 var(--ink-fill,0%));color:transparent;background-clip:text;-webkit-background-clip:text}.lab-section-label{display:flex;justify-content:space-between;gap:20px;font:11px monospace;border-block:1px solid var(--lab-line);padding:20px 3vw}.lab-section-title{font-size:clamp(54px,10vw,160px);letter-spacing:-.06em;font-weight:400;line-height:1;margin:40px 3vw 55px}.lab-product-grid{display:grid;grid-template-columns:1fr 1fr}.lab-product{min-width:0;border:1px solid var(--lab-line);padding:30px 2vw}.lab-product-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.lab-product-heading span{font:11px monospace;opacity:.65}.lab-product h3{font-size:clamp(25px,3vw,48px);font-weight:400;letter-spacing:-.045em;margin:16px 0 10px}.lab-product p{font-size:14px;margin:0}.expanding-image{position:relative;display:block;overflow:hidden;aspect-ratio:1.35;transform:scale(var(--image-scale,1));transform-origin:center;isolation:isolate;background:#d9d1e6;border-radius:5px}.expanding-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:filter 300ms}.ripple-label{display:flex;align-items:center;justify-content:center;position:absolute;left:var(--pointer-x,50%);top:var(--pointer-y,50%);width:118px;height:118px;transform:translate(-50%,-50%);background:var(--lab-accent);color:#21162f;font-size:13px;text-align:center;pointer-events:none;opacity:0;border-radius:43% 57% 62% 38% / 49% 35% 65% 51%;box-shadow:0 0 0 12px #b69ce52b,0 0 0 24px #b69ce514}.ripple-target:hover .ripple-label{opacity:1;animation:lab-wave 1.5s ease-in-out infinite alternate}.ripple-target:focus-visible{outline:3px solid var(--lab-accent);outline-offset:8px}.ripple-target:focus-visible .ripple-label{opacity:1}.lab-product-foot{display:flex;justify-content:space-between;font:11px monospace;margin-top:24px;opacity:.75}.lab-work{padding-top:70px}.lab-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:35px 3vw 80px}.lab-work-item img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}.lab-work-item h3{font-size:24px;font-weight:400;letter-spacing:-.03em;margin:18px 0 10px}.lab-work-item>span{font:11px monospace;opacity:.65}.lab-film-cta{position:relative;margin:0 3vw 60px;isolation:isolate}.lab-film-cta video{display:block;width:100%;aspect-ratio:2;object-fit:cover;opacity:.65}.video-overprint{position:absolute;top:12%;left:4%;font-size:clamp(44px,8vw,130px);line-height:.95;letter-spacing:-.06em;color:white!important;text-shadow:0 2px 20px #0009;z-index:2}.lab-film-cta:has(video:playing) .video-overprint{opacity:.5}.lab-film-cta>p{font:11px/1.6 monospace;opacity:.65;margin:14px 0} .design-lab [id]{scroll-margin-top:170px}@keyframes lab-wave{to{border-radius:63% 37% 42% 58% / 32% 61% 39% 68%;box-shadow:0 0 0 18px #b69ce522,0 0 0 36px #b69ce509}}
/* 02: printed editorial, staggered stories */
.design-lab[data-design="2"]{--lab-bg:#f0eee6;--lab-text:#22221f;--lab-accent:#c1d95d;--lab-line:#24241e30}.design-lab[data-design="2"] .lab-hero{grid-template-columns:1fr 1fr;gap:3vw;padding-top:60px}.design-lab[data-design="2"] h1{font-family:Georgia,serif;font-size:clamp(45px,5.4vw,88px);letter-spacing:-.055em}.design-lab[data-design="2"] .rotating-word{color:#5e7028;font-style:italic}.design-lab[data-design="2"] .lab-wordmark{font-family:Georgia,serif;font-style:italic;font-size:25vw;border:0}.design-lab[data-design="2"] .film-placeholder{background:#d3d9c2;border-radius:50% 50% 3px 3px;min-height:460px}.design-lab[data-design="2"] .film-symbol{font-family:Georgia,serif;font-style:italic}.design-lab[data-design="2"] .lab-intro{grid-template-columns:.6fr 1.4fr}.design-lab[data-design="2"] .lab-product-grid{display:block}.design-lab[data-design="2"] .lab-product{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px;padding:50px 3vw;border-inline:0}.design-lab[data-design="2"] .lab-product:nth-child(even){grid-template-columns:1.35fr .65fr}.design-lab[data-design="2"] .lab-product:nth-child(even) .lab-product-heading{grid-column:2;grid-row:1}.design-lab[data-design="2"] .lab-product:nth-child(even) .expanding-image{grid-column:1;grid-row:1}.design-lab[data-design="2"] .lab-product-foot{grid-column:1/-1}.design-lab[data-design="2"] .expanding-image{aspect-ratio:1.5}.design-lab[data-design="2"] .lab-heading .lab-link{background:#22221f;color:white;border-radius:40px;padding:0 22px}.design-lab[data-design="2"] .lab-section-title{font-family:Georgia,serif;font-style:italic}
/* 03: violet exhibition, offset display */
.design-lab[data-design="3"]{--lab-bg:#302148;--lab-text:#f2eaff;--lab-accent:#e7b7ff;--lab-line:#e9d8ff40}.design-lab[data-design="3"] .lab-hero{grid-template-columns:1.15fr 1fr;padding:50px 6vw 80px}.design-lab[data-design="3"] .film-placeholder{transform:rotate(4deg);border-radius:24px;background:#e7b7ff;min-height:410px}.design-lab[data-design="3"] .lab-heading h1{font-weight:700;letter-spacing:-.07em;font-size:clamp(46px,5.7vw,100px)}.design-lab[data-design="3"] .lab-wordmark{color:#302148;background:#e7b7ff;transform:rotate(-2deg);margin:0 0 30px}.design-lab[data-design="3"] .lab-intro nav a{font-size:clamp(26px,3vw,46px);border-bottom:1px solid var(--lab-line)}.design-lab[data-design="3"] .lab-product-grid{gap:60px 5vw;padding:0 5vw}.design-lab[data-design="3"] .lab-product{border:0;padding:0}.design-lab[data-design="3"] .lab-product:nth-child(even){margin-top:160px}.design-lab[data-design="3"] .expanding-image{border-radius:22px;aspect-ratio:1}.design-lab[data-design="3"] .lab-section-title{font-size:clamp(60px,11vw,170px);max-width:70%}.design-lab[data-design="3"] .lab-product-foot{border-bottom:1px solid var(--lab-line);padding-bottom:18px}
@media(max-width:800px){.concept-switch{top:0;flex-wrap:wrap;padding:12px 20px}.concept-switch small{display:none}.concept-switch button{padding:10px 18px}.concept-caption{font-size:10px;padding:18px 20px;flex-wrap:wrap}.lab-hero,.design-lab[data-design="2"] .lab-hero,.design-lab[data-design="3"] .lab-hero{display:block;padding:25px 20px 40px}.lab-heading h1,.design-lab[data-design="2"] h1,.design-lab[data-design="3"] .lab-heading h1{font-size:clamp(42px,10vw,72px)}.future-film{margin-top:32px}.film-placeholder,.design-lab[data-design="2"] .film-placeholder,.design-lab[data-design="3"] .film-placeholder{min-height:280px}.design-lab[data-design="3"] .film-placeholder{transform:rotate(2deg)}.lab-wordmark{padding:20px 10px;font-size:25vw}.lab-intro,.design-lab[data-design="2"] .lab-intro{display:block;padding:50px 20px}.lab-intro nav{margin-bottom:40px}.lab-intro nav a{font-size:32px}.scroll-ink{font-size:28px}.lab-product-grid,.design-lab[data-design="3"] .lab-product-grid{display:block;padding:0}.lab-product,.design-lab[data-design="2"] .lab-product,.design-lab[data-design="3"] .lab-product{display:block;padding:30px 20px;margin:0!important}.lab-product h3{font-size:32px}.lab-section-label{padding:20px;font-size:10px}.lab-section-title{font-size:52px;margin:32px 20px}.lab-work-grid{display:block;padding:30px 20px}.lab-work-item{display:block;margin-bottom:32px}.lab-film-cta{margin:0 20px 40px}.lab-film-cta video{aspect-ratio:1.3}.video-overprint{font-size:48px}.ripple-label{display:none}.concept-caption{min-height:64px}}
@media(prefers-reduced-motion:reduce){.design-lab *, .design-lab *::before{animation:none!important;transition:none!important}.expanding-image{transform:none!important}.scroll-ink{color:var(--lab-text);background:none}.rotation-control{display:none}}
.design-lab .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}.lab-heading h1{overflow-wrap:normal}.rotating-word{white-space:nowrap;font-size:.92em}.lab-film-cta video{opacity:1}.lab-film-cta .video-overprint{max-width:85%;pointer-events:auto}.lab-film-cta video:focus-visible{outline:3px solid var(--lab-accent);outline-offset:5px}
.design-lab{overflow-x:clip}.design-lab[data-design="3"] .lab-wordmark{transform:none;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);padding-block:35px}.lab-heading h1{max-width:100%}.lab-film-cta .video-overprint{bottom:90px;right:20px;top:auto;width:max-content;max-width:85%}.lab-film-cta:has(video:focus) .video-overprint{visibility:hidden}
.scroll-ink{background:none;color:var(--lab-text)}.scroll-ink span{transition:color 180ms linear}
/* Pearl replaces the dark Obsidian direction. */
.design-lab[data-design="1"]{--lab-bg:#faf9fd;--lab-text:#292333;--lab-accent:#d9c8f5;--lab-line:#42324e26}.design-lab[data-design="1"] .rotating-word{color:#8060af}.design-lab[data-design="1"] .film-placeholder{background:#eee7f6}.design-lab[data-design="1"] .lab-wordmark{color:#292333}.design-lab[data-design="1"] .lab-wordmark span{color:#9673bc}body:has(.design-lab[data-design="1"]),body:has(.design-lab[data-design="4"]){background:#faf9fd;color:#292333}body:has(.design-lab[data-design="1"]) .site-header,body:has(.design-lab[data-design="4"]) .site-header{background:#faf9fd;color:#292333;border-color:#42324e26}body:has(.design-lab[data-design="1"]) .site-header a,body:has(.design-lab[data-design="1"]) .languages button,body:has(.design-lab[data-design="4"]) .site-header a,body:has(.design-lab[data-design="4"]) .languages button{color:#292333}body:has(.design-lab[data-design="1"]) .nav-account,body:has(.design-lab[data-design="4"]) .nav-account{border-color:#42324e26}body:has(.design-lab[data-design="1"]) .mobile-nav nav,body:has(.design-lab[data-design="4"]) .mobile-nav nav{background:#faf9fd}body:has(.design-lab[data-design="1"]) .sz-footer,body:has(.design-lab[data-design="4"]) .sz-footer{background:#eee7f6;color:#292333}body:has(.design-lab[data-design="1"]) .sz-footer *,body:has(.design-lab[data-design="4"]) .sz-footer *{color:#51425f;border-color:#42324e26}
/* Surface waves affect the image itself, leaving text and controls clear. */
.wave-defs{position:absolute;width:0;height:0;pointer-events:none}.ripple-label{display:none!important}.expanding-image{overflow:visible}.expanding-image img{border-radius:inherit}.expanding-image.surface-active img{filter:url(#surface-wave-0)}.lab-product:nth-child(2) .surface-active img{filter:url(#surface-wave-1)}.lab-product:nth-child(3) .surface-active img{filter:url(#surface-wave-2)}.lab-product:nth-child(4) .surface-active img{filter:url(#surface-wave-3)}
.atmosphere-hero{display:none}.atmosphere-hero[hidden],.lab-hero[hidden]{display:none!important}
/* 04: spatial, quiet, geometric. The shape is code-native and morphs on scroll. */
.design-lab[data-design="4"]{--lab-bg:#faf9fd;--lab-text:#3c2d54;--lab-accent:#ddcdf6;--lab-line:#66527726;background:radial-gradient(ellipse at 90% 25%,#ede3fc 0,transparent 35%),#faf9fd}.design-lab[data-design="4"] .atmosphere-hero:not([hidden]){display:flex;position:relative;min-height:760px;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 140px;isolation:isolate}.atmosphere-meta{position:absolute;left:4vw;right:4vw;top:24px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.12em;color:#766184}.atmosphere-title{font-size:clamp(46px,6vw,96px);font-weight:400;letter-spacing:-.06em;line-height:1.02;text-align:center;margin:0 0 28px;max-width:1100px;filter:blur(var(--atmo-blur,0px));transform:translateY(calc(var(--atmo-progress,0)*-32px));z-index:2}.atmosphere-hero>p{max-width:340px;text-align:center;font-size:15px;line-height:1.7;color:#756580;margin-bottom:24px}.morph-shape{position:absolute;left:calc(12% + var(--atmo-progress,0)*45%);top:calc(12% + var(--atmo-progress,0)*15%);width:280px;height:280px;z-index:-1;transform:rotate(calc(var(--atmo-progress,0)*150deg));pointer-events:none}.morph-shape>div{width:100%;height:100%;background:linear-gradient(135deg,#f2ebff 3%,#c1a1eb 40%,#8660b9 70%,#e9d8ff);box-shadow:inset 20px 20px 40px #fff8}.atmosphere-coordinate{position:absolute;left:5vw;bottom:60px;font:10px/1.8 monospace;letter-spacing:.1em;color:#887596}.design-lab[data-design="4"] .lab-wordmark{font-size:15vw;letter-spacing:-.075em;padding:50px 4vw;background:transparent;border-block:1px solid var(--lab-line);color:#bba7cf}.design-lab[data-design="4"] .lab-wordmark span{color:#735295}.design-lab[data-design="4"] .lab-intro{grid-template-columns:.6fr 1.4fr;padding-block:140px}.design-lab[data-design="4"] .lab-intro nav a{font-size:24px;letter-spacing:-.03em;padding-block:16px}.design-lab[data-design="4"] .scroll-ink{font-size:clamp(30px,3.3vw,54px);font-weight:400}.design-lab[data-design="4"] .lab-section-title{max-width:700px;font-size:clamp(50px,8vw,120px);font-weight:400}.design-lab[data-design="4"] .lab-product-grid{display:block;padding:0 8vw}.design-lab[data-design="4"] .lab-product{padding:70px 0;border:0;border-top:1px solid var(--lab-line)}.design-lab[data-design="4"] .lab-product-heading{margin-bottom:45px}.design-lab[data-design="4"] .lab-product-heading h3{font-size:clamp(32px,4vw,60px)}.design-lab[data-design="4"] .expanding-image{border-radius:calc(50px - var(--atmo-progress,0)*30px);aspect-ratio:1.8;margin:auto;width:90%;background:#e6daf5}.design-lab[data-design="4"] .lab-work-grid{gap:6vw}.design-lab[data-design="4"] .lab-film-cta{border-radius:60px 0 60px 0;overflow:hidden}.design-lab[data-design="4"] .video-overprint{color:#fff!important}
@media(max-width:800px){.concept-switch [role=tablist]{gap:4px;width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.concept-switch button{padding:10px 8px;font-size:11px}.design-lab[data-design="4"] .atmosphere-hero:not([hidden]){min-height:640px;padding:140px 20px 80px}.atmosphere-title{font-size:46px;line-height:1.08}.morph-shape{width:180px;height:180px;left:8%;top:14%}.design-lab[data-design="4"] .lab-intro{display:block;padding:70px 20px}.design-lab[data-design="4"] .lab-wordmark{font-size:23vw;padding:40px 10px}.design-lab[data-design="4"] .lab-product-grid{padding:0 20px}.design-lab[data-design="4"] .lab-product{padding:30px 0}.design-lab[data-design="4"] .expanding-image{width:100%;border-radius:20px;aspect-ratio:1.3}.design-lab[data-design="4"] .lab-film-cta{border-radius:22px}.expanding-image.surface-active img{filter:none!important}.atmosphere-meta{font-size:8px;gap:20px}}
@media(prefers-reduced-motion:reduce){.atmosphere-title{filter:none!important;transform:none!important}.morph-shape{transform:none!important}.expanding-image.surface-active img{filter:none!important}}
.atmosphere-only{display:none}.design-lab[data-design="4"] .atmosphere-only{display:block}.design-lab:not([data-design="4"]) .lab-work-item:nth-child(n+3){display:none}.design-lab[data-design="4"] .lab-intro{display:none}.atmo-orbit{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none;opacity:.5;mask-image:radial-gradient(ellipse,transparent 25%,#000 65%)}.orbit-track{position:absolute;width:760px;height:760px;left:50%;top:50%;margin:-380px;border:1px solid #beadd94d;border-radius:50%;animation:atmo-orbit 70s linear infinite}.orbit-track:before,.orbit-track:after{content:'';position:absolute;inset:90px;border:1px solid #beadd933;border-radius:50%}.orbit-track:after{inset:-100px}.orbit-track>span{position:absolute;left:50%;top:50%;width:150px;height:94px;margin:-47px -75px;transform:rotate(calc(var(--orbit-index)*60deg)) translateX(340px) rotate(calc(var(--orbit-index)*-60deg));border:1px solid #d1c5e2;border-radius:5px;overflow:hidden}.orbit-track img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.7}.design-lab[data-design="4"] .morph-shape{opacity:.5}.atmo-about,.atmo-map{padding:80px 6vw;border-top:1px solid var(--lab-line)}.atmo-section-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;font:10px/1.6 monospace;letter-spacing:.08em;color:#806c92}.atmo-section-meta button{font:11px monospace;background:none;border:0;color:#60467d;min-height:44px;cursor:pointer}.atmo-about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;margin-top:70px;align-items:start}.atmo-about-grid h2{font-size:clamp(38px,4.5vw,70px);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:0}.atmo-about-grid p{font-size:17px;line-height:1.75;margin:0 0 24px;max-width:470px;color:#776784}.atmo-principles{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:linear-gradient(145deg,#ede5fa,#f8f6fc 65%,#e5dbf5);padding:90px 6vw}.atmo-principle-stage{position:sticky;top:200px;height:440px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.atmo-principle-stage>span{font:11px monospace;letter-spacing:.12em;color:#806896}.principle-sculpture{width:280px;height:280px;background:linear-gradient(130deg,#faf7ff,#b293df 50%,#76509f);clip-path:polygon(50% 0%,100% 100%,0% 100%);transform:rotate(-12deg);transition:clip-path 900ms cubic-bezier(.2,.8,.2,1),transform 900ms;border-radius:20px}.principle-sculpture[data-form="1"]{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:rotate(18deg)}.principle-sculpture[data-form="2"]{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transform:rotate(90deg);border-radius:70px}.atmo-principle-copy article{min-height:470px;padding:70px 0;border-bottom:1px solid #9f85bb33;opacity:.6;transition:opacity 400ms}.atmo-principle-copy article.atmo-step-active{opacity:1}.atmo-principle-copy article>span{font:11px monospace;color:#9272ad}.atmo-principle-copy h3{font-size:clamp(34px,3.5vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.05em;margin:24px 0}.atmo-principle-copy p{font-size:16px;line-height:1.8;max-width:400px;color:#776784}.atmo-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.atmo-map-grid a{padding:30px 0;border-top:1px solid var(--lab-line)}.atmo-map-grid a>span{font:11px monospace;color:#9272ad}.atmo-map-grid h3{font-size:32px;font-weight:400;letter-spacing:-.04em;margin:24px 0}.atmo-map-grid p{font-size:14px;line-height:1.8;color:#776784}.design-lab[data-design="4"] .lab-work{padding-top:90px;background:#efe8f8}.design-lab[data-design="4"] .lab-work-item{padding-top:20px;padding-bottom:25px;border-top:1px solid var(--lab-line)}.design-lab[data-design="4"] .lab-work-item img{border-radius:16px;transition:border-radius 600ms,transform 600ms}.design-lab[data-design="4"] .lab-work-item:hover img{border-radius:60px 12px 60px 12px;transform:scale(.98)}.atmo-opening{position:fixed;inset:0;z-index:200;background:#faf8ff;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;color:#493360;transition:opacity 450ms,clip-path 450ms;clip-path:inset(0)}.opening-name{font-size:clamp(64px,12vw,160px);line-height:1;letter-spacing:-.075em;z-index:1;animation:opening-name 700ms cubic-bezier(.2,.8,.2,1) both}.opening-name span{color:#a88acb}.atmo-opening>p{font-size:12px;letter-spacing:.05em;z-index:1;margin-top:30px}.atmo-opening>button{position:absolute;bottom:35px;right:5vw;background:none;border:1px solid #d4c5e5;padding:12px 20px;min-height:44px;border-radius:24px;color:#60447b;cursor:pointer;font-size:12px}.opening-rings{position:absolute;width:70vw;height:70vw;border:1px solid #dcd0eb80;border-radius:50%;animation:atmo-orbit 12s linear infinite}.opening-rings i{position:absolute;inset:12%;border:1px solid #dcd0eb80;border-radius:50%;transform:rotateX(55deg) rotateY(20deg)}.opening-rings i:nth-child(2){transform:rotateX(15deg) rotateY(65deg)}.opening-rings i:nth-child(3){inset:30%;transform:rotateX(65deg)}.atmo-intro-exit{opacity:0;clip-path:inset(0 0 100%);pointer-events:none}@keyframes atmo-orbit{to{transform:rotate(360deg)}}@keyframes opening-name{from{opacity:.2;filter:blur(8px);transform:scale(.94)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@media(max-width:800px){.orbit-track{width:560px;height:560px;margin:-280px}.orbit-track>span{transform:rotate(calc(var(--orbit-index)*60deg)) translateX(240px) rotate(calc(var(--orbit-index)*-60deg));width:100px;height:64px;margin:-32px -50px}.atmo-about,.atmo-map{padding:50px 20px}.atmo-about-grid{display:block;margin-top:40px}.atmo-about-grid h2{font-size:40px;margin-bottom:32px}.atmo-about-grid p{font-size:15px}.atmo-principles{display:block;padding:50px 20px}.atmo-principle-stage{position:relative;top:0;height:250px;margin-bottom:40px}.principle-sculpture{width:160px;height:160px}.atmo-principle-copy article{min-height:0;padding:35px 0;opacity:1}.atmo-principle-copy h3{font-size:36px}.atmo-map-grid{grid-template-columns:1fr;gap:0}.atmo-map-grid h3{margin:16px 0}.design-lab[data-design="4"] .lab-work{padding-top:40px}.opening-rings{width:120vw;height:120vw}.atmo-section-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){.orbit-track,.opening-rings{animation:none}.atmo-reveal{filter:none!important;opacity:1!important}.principle-sculpture{transition:none!important}.atmo-opening{display:none!important}}
.orbit-paused .orbit-track{animation-play-state:paused}.atmo-about>.atmo-section-meta{flex-wrap:wrap}.atmo-about>.atmo-section-meta>span{margin-right:auto}
/* Application catalogue view, shared by Atmosphere and Atelier. */
.software-grid,.software-view-controls,.workshop-hero{display:none}.workshop-hero[hidden]{display:none!important}.design-lab:is([data-design="4"],[data-design="5"]) .software-view-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 6vw 26px}.software-view-controls>span{font:10px monospace;color:#887698;margin-right:auto}.software-view-controls button{min-height:44px;padding:10px 18px;background:transparent;color:#665079;border:1px solid #d6c9e4;border-radius:24px;cursor:pointer;font-size:12px}.software-view-controls button[aria-pressed=true]{background:#dfd1ee;border-color:#c5addd;color:#3e2a52}.software-view-controls small{font:10px monospace;margin-left:10px}.design-lab:is([data-design="4"],[data-design="5"])[data-software-view="grid"] .lab-product-grid{display:none}.design-lab:is([data-design="4"],[data-design="5"])[data-software-view="grid"] .software-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 4vw 70px;border-top:1px solid #d9d1e1;border-left:1px solid #d9d1e1}.software-tile{min-width:0;border-right:1px solid #d9d1e1;border-bottom:1px solid #d9d1e1;background:#faf9fc;display:flex;flex-direction:column;transition:background 200ms}.software-tile:hover{background:#f0eaf7}.tile-top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font:10px monospace;letter-spacing:.08em;color:#8a7898;min-height:48px}.tile-top>span:first-child{background:#ddceef;color:#53366d;padding:5px 9px}.tile-image{overflow:hidden;aspect-ratio:1.5;background:#e6dff0}.tile-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 500ms}.software-tile:hover .tile-image img{transform:scale(1.025)}.tile-copy{position:relative;padding:0 22px 26px;flex:1;display:flex;flex-direction:column}.tile-icon{margin-top:-28px;position:relative;z-index:1;filter:drop-shadow(0 7px 9px #3c235621);border-radius:12px}.tile-copy h3{font-size:24px;font-weight:500;letter-spacing:-.04em;margin:20px 0 16px;overflow-wrap:anywhere}.tile-copy p{font-size:13px;line-height:1.75;color:#776784;margin:0 0 22px}.tile-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.tile-tags span{font:9px monospace;letter-spacing:.03em;padding:4px 6px;border:1px solid #d6cce0;color:#78658a}.tile-explore{font:10px monospace;letter-spacing:.04em;margin-top:28px;min-height:30px;display:flex;align-items:center}.software-tile:focus-visible{outline:3px solid #a48aba;outline-offset:-3px}
/* 05: quiet software atelier. */
.design-lab[data-design="5"]{--lab-bg:#f6f5f8;--lab-text:#30273c;--lab-accent:#d9c7ee;--lab-line:#b5a6c13b}.design-lab[data-design="5"] .workshop-hero:not([hidden]){display:block;padding:0 5vw}.workshop-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-block:1px solid #d9d1e1;font:10px monospace;letter-spacing:.1em;color:#897798}.workshop-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:80px 0}.workshop-hero h1{font-size:clamp(42px,4.6vw,74px);line-height:1.02;letter-spacing:-.055em;font-weight:550;margin:0 0 28px}.workshop-hero h1 em{font-style:normal;color:#9371b5}.workshop-hero p{font-size:17px;line-height:1.7;color:#7c6c89;max-width:570px;margin:0 0 30px}.workshop-actions{display:flex;gap:12px;flex-wrap:wrap}.workshop-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #b9a7cb;padding:12px 22px;font-size:12px}.workshop-actions a:first-child{background:#493756;color:#fff}.workshop-hero small{display:block;font:10px/1.8 monospace;color:#8e7b9e;margin-top:22px}.workshop-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 18px}.workshop-icons a{display:flex;align-items:center;flex-direction:column;gap:14px;min-width:0}.workshop-icons img{max-width:100%;height:auto;transition:transform 240ms}.workshop-icons a:hover img,.workshop-icons a:focus-visible img{transform:translateY(-7px) rotate(-4deg)}.workshop-icons span{font-size:10px;color:#7e6b8c;text-align:center}.workshop-bottom{display:flex;justify-content:space-between;gap:25px;padding:24px 0;border-top:1px solid #d9d1e1;font-size:12px;color:#7e6b8c}.design-lab[data-design="5"] :is(.lab-wordmark,.lab-intro,.lab-film-cta){display:none}.design-lab[data-design="5"] .lab-products{padding-top:55px}.design-lab[data-design="5"] .lab-section-title{font-size:40px;margin:35px 5vw 24px}.design-lab[data-design="5"] .lab-work{padding-top:25px}.design-lab[data-design="5"] .lab-work-item:nth-child(n+3){display:block}body:has(.design-lab[data-design="5"]){background:#f6f5f8;color:#30273c}body:has(.design-lab[data-design="5"]) .site-header{background:#f6f5f8;color:#30273c;border-color:#d9d1e1}body:has(.design-lab[data-design="5"]) .site-header a,body:has(.design-lab[data-design="5"]) .languages button{color:#30273c}body:has(.design-lab[data-design="5"]) .nav-account{border-color:#d9d1e1}body:has(.design-lab[data-design="5"]) .mobile-nav nav{background:#faf9fc}body:has(.design-lab[data-design="5"]) .sz-footer{background:#eee7f6}body:has(.design-lab[data-design="5"]) .sz-footer *{color:#51425f;border-color:#42324e26}
@media(max-width:1100px){.design-lab:is([data-design="4"],[data-design="5"])[data-software-view="grid"] .software-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-hero-grid{gap:36px}.workshop-icons{grid-template-columns:repeat(3,1fr);gap:24px 16px}}
@media(max-width:800px){.concept-switch [role=tablist]{grid-template-columns:repeat(5,1fr)}.concept-switch button{font-size:10px;padding:10px 3px}.workshop-hero-grid{display:block;padding:45px 0}.workshop-hero h1{font-size:46px}.workshop-hero p{font-size:15px}.workshop-icons{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:45px}.workshop-icons img{width:54px}.workshop-icons span{font-size:9px}.workshop-bottom{font-size:11px;flex-direction:column;gap:12px}.design-lab:is([data-design="4"],[data-design="5"]) .software-view-controls{padding:15px 20px 25px}.software-view-controls>span{width:100%;margin-bottom:5px}.software-view-controls button{font-size:11px;padding:10px 12px}.tile-copy{padding:0 14px 20px}.tile-copy h3{font-size:20px}.tile-copy p{font-size:12px}.tile-top{padding:10px;font-size:9px}.tile-icon{width:48px;height:48px;margin-top:-22px}.tile-explore{font-size:9px}.workshop-meta{font-size:9px;line-height:1.7}.design-lab[data-design="5"] .lab-section-title{font-size:34px}}
@media(max-width:480px){.design-lab:is([data-design="4"],[data-design="5"])[data-software-view="grid"] .software-grid{grid-template-columns:1fr}.tile-copy h3{font-size:26px}.tile-copy p{font-size:14px}.tile-copy{padding:0 22px 26px}.tile-image{aspect-ratio:1.6}.tile-top{padding:14px 18px}.tile-tags span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.software-tile:hover .tile-image img,.workshop-icons a:hover img{transform:none}}
.design-lab[data-design="4"][data-software-view="grid"] .lab-section-title{font-size:clamp(36px,4.5vw,68px);margin-bottom:35px}.design-lab[data-design="4"][data-software-view="grid"] .lab-products{padding-top:25px}
/* Scroll film: small-to-wide and cinematic breathing comparison. */
.video-experiment{position:relative;padding:60px 4vw 24px;min-height:135vh;color:var(--lab-text);border-top:1px solid var(--lab-line)}.video-experiment-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.video-experiment-heading>div>span{font:10px monospace;letter-spacing:.08em;opacity:.65}.video-experiment-heading h2{font-size:clamp(32px,4vw,60px);font-weight:400;line-height:1.04;letter-spacing:-.05em;margin:20px 0 0}.video-variant-controls{display:flex;gap:8px;flex-shrink:0}.video-variant-controls button{min-height:44px;border:1px solid var(--lab-line);border-radius:25px;padding:10px 18px;background:none;color:var(--lab-text);font-size:12px;cursor:pointer}.video-variant-controls button[aria-pressed=true]{background:var(--lab-accent);color:#362343}.video-stage{position:sticky;top:175px;display:flex;align-items:center;justify-content:center;min-height:64vh;padding:35px 0;pointer-events:none}.video-frame{position:relative;width:100%;aspect-ratio:16/9;max-height:65vh;transform:scale(var(--film-scale,.58));transform-origin:center;overflow:hidden;border-radius:var(--film-radius,35px);background:#e6def0;box-shadow:0 20px 60px #4c2b6712;pointer-events:auto;transition:border-radius 120ms linear}.video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#e6def0;opacity:.85;transition:opacity 500ms}.video-ready .video-frame video{opacity:1}.video-play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;border:1px solid #ffffff90;background:#d2bcebe8;box-shadow:0 0 0 12px #e5d8f138;color:#44265b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background 180ms,box-shadow 180ms}.video-play-disc:hover{background:#e0cef5;box-shadow:0 0 0 20px #e5d8f125}.video-play-disc>span{font-size:22px;margin-left:4px}.video-play-disc small{font:9px monospace;letter-spacing:.08em}.video-play-disc[hidden]{display:none}.video-frame-label{position:absolute;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;color:#59436b;font:10px monospace;letter-spacing:.06em;opacity:.8}.video-playing .video-frame-label{opacity:0}.video-experiment-caption{display:grid;grid-template-columns:1fr 1.3fr auto;gap:35px;align-items:start;font:11px/1.7 monospace;opacity:.8;padding-top:20px;margin-top:12vh}.video-experiment-caption p{font:12px/1.7 sans-serif;margin:0}.video-experiment-caption button{background:none;color:var(--lab-text);border:1px solid var(--lab-line);padding:10px 18px;min-height:44px;border-radius:22px;cursor:pointer;font-size:12px}.video-experiment[data-video-variant="cinema"] .video-frame{background:#30213d;box-shadow:0 25px 70px #39214920}.video-experiment[data-video-variant="cinema"] .video-stage:before{content:'SELZENN';position:absolute;font-size:15vw;font-weight:500;letter-spacing:-.08em;opacity:.035;pointer-events:none}.video-experiment button:focus-visible,.video-frame video:focus-visible{outline:3px solid #a084bf;outline-offset:5px}.design-lab[data-design="5"] .video-experiment{min-height:125vh;background:#eee9f4}
@media(max-width:800px){.video-experiment{padding:40px 20px 25px;min-height:0}.video-experiment-heading{display:block}.video-experiment-heading h2{font-size:36px}.video-variant-controls{margin-top:24px}.video-stage{position:relative;top:0;min-height:0;padding:36px 0}.video-frame{max-height:none;min-height:180px;transform:scale(max(.8,var(--film-scale,.8)))}.video-experiment-caption{display:block;margin-top:0;padding-top:0}.video-experiment-caption p{margin:15px 0}.video-play-disc{width:70px;height:70px;gap:6px}.video-play-disc small{font-size:7px}.video-play-disc>span{font-size:18px}.video-frame-label{left:12px;right:12px;top:12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.video-frame{transform:none!important;transition:none!important}.video-play-disc,.video-frame video{transition:none!important}.video-stage{position:relative;top:0}.video-experiment{min-height:0}.video-experiment-caption{margin-top:0}}
.video-experiment{min-height:0!important}.video-scroll-track{position:relative;height:120vh;margin-top:20px}.video-experiment-caption{margin-top:0;padding-top:0;padding-bottom:20px}.video-stage{z-index:1}.video-frame{max-height:60vh}.video-experiment-heading{position:relative;z-index:2}
@media(max-width:800px){.video-scroll-track{height:auto;margin-top:0}.video-frame{max-height:none}}
@media(prefers-reduced-motion:reduce){.video-scroll-track{height:auto}}
/* Intrinsic-ratio film surface: no player chrome or side gutters. */
.video-frame{width:min(100%,var(--video-width,106.6667vh));max-height:none!important;aspect-ratio:16/9;background:transparent!important;border-radius:var(--film-radius,40px);box-shadow:none!important;flex-shrink:0}.video-frame video{display:block;width:100%;height:100%;object-fit:cover;background:transparent!important;opacity:1}.video-play-disc{left:auto;top:auto;right:20px;bottom:20px;transform:none;width:52px;height:52px;min-width:44px;min-height:44px;background:#f5edffe8;box-shadow:none;border:1px solid #ffffff90;color:#563876;gap:0;backdrop-filter:blur(8px)}.video-play-disc>span{font-size:18px;margin-left:0}.video-play-disc:hover{box-shadow:none;background:#fff}.video-experiment-caption{grid-template-columns:1fr;max-width:740px;margin-inline:auto;text-align:center}.video-experiment-caption>[data-video-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.video-experiment[data-video-variant="cinema"] .video-stage:before{display:none}
@media(max-width:800px){.video-frame{width:100%;min-height:0!important;border-radius:28px}.video-stage{padding-inline:0}.video-play-disc{width:46px;height:46px;right:12px;bottom:12px}.video-frame video{aspect-ratio:16/9;height:auto}}
@media(prefers-reduced-motion:reduce){.video-frame{border-radius:32px!important}}
/* One film, reversible hero → fullscreen → corner journey. */
.atmosphere-hero,.workshop-hero,.lab-hero{position:relative}.hero-video-anchor{position:absolute;right:4vw;bottom:30px;width:clamp(240px,24vw,350px);aspect-ratio:16/9;pointer-events:none}.scroll-film-journey{position:relative;height:200vh;min-height:0!important;padding:0!important;border:0;background:transparent!important}.scroll-film-journey .video-frame{position:fixed;aspect-ratio:auto!important;max-height:none!important;min-height:0!important;transform:none!important;margin:0;transition:none!important;box-shadow:none;isolation:isolate;background:#e5dcf1!important}.scroll-film-journey .video-frame video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.scroll-film-journey .video-play-disc{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:56px;height:56px;backdrop-filter:blur(5px);opacity:.8}.scroll-film-journey .video-play-disc:hover,.scroll-film-journey .video-play-disc:focus-visible{opacity:1}.scroll-film-journey[data-film-state="full"] .video-play-disc{width:64px;height:64px}.journey-film-caption{position:absolute;left:4vw;bottom:15px;max-width:480px;font:11px/1.7 monospace;color:#887596;margin:0;z-index:1}.film-sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.design-lab[data-design="4"] .atmosphere-hero:not([hidden]){padding-bottom:220px}.design-lab[data-design="4"] .atmosphere-coordinate{bottom:60px}.design-lab[data-design="5"] .workshop-bottom{padding-bottom:180px}.design-lab:not([data-design="4"]):not([data-design="5"]) .lab-hero{padding-bottom:210px}
@media(max-width:800px){.hero-video-anchor{width:200px;bottom:24px;right:20px}.design-lab[data-design="4"] .atmosphere-hero:not([hidden]){padding-bottom:190px}.design-lab[data-design="4"] .atmosphere-coordinate{bottom:160px}.scroll-film-journey .video-play-disc{width:46px;height:46px}.scroll-film-journey{height:200vh}.design-lab:not([data-design="4"]):not([data-design="5"]) .lab-hero{padding-bottom:165px}.design-lab[data-design="5"] .workshop-bottom{padding-bottom:155px}.journey-film-caption{font-size:10px;padding-right:205px;max-width:none}}
@media(prefers-reduced-motion:reduce){.scroll-film-journey{height:auto;padding:25px 20px 45px!important}.scroll-film-journey .video-frame.film-static{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:28px!important;z-index:1!important}.scroll-film-journey .video-frame video{aspect-ratio:16/9;height:auto}.hero-video-anchor{display:none}.journey-film-caption{position:static;padding:15px 0 0}.design-lab[data-design="4"] .atmosphere-hero:not([hidden]){padding-bottom:100px}}
.design-lab[data-design="4"] .atmosphere-hero:not([hidden]){justify-content:flex-start;padding-top:110px}
@media(max-width:800px){.design-lab[data-design="4"] .atmosphere-hero:not([hidden]){padding-top:110px}.scroll-film-journey .video-play-disc{width:44px;height:44px}}
/* Filled manifesto and four practical entry points. */
.about-manifesto{padding-top:70px}.about-manifesto h2{font-size:clamp(38px,5.3vw,86px);font-weight:400;line-height:1.1;letter-spacing:-.055em;max-width:1380px;margin:0 auto 90px;text-align:center}.about-manifesto h2 span{transition:color 160ms linear}.about-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;border-top:1px solid #bfaed533;padding-top:38px}.about-benefits article>span{font:12px monospace;color:#9270b2}.about-benefits h3{font-size:25px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:25px 0 18px}.about-benefits p{font-size:14px;line-height:1.8;color:#7d698c;margin:0}.atmo-principles.principles-enhanced{display:block}.principles-pin{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.atmo-principles.principles-enhanced .atmo-principle-stage{position:relative;top:0}.principle-sculpture{filter:blur(0px);transition:clip-path 850ms cubic-bezier(.22,1,.36,1),transform 850ms cubic-bezier(.22,1,.36,1),border-radius 850ms,filter 420ms}.principle-sculpture.shape-morphing{filter:blur(12px)}.atmo-principles.pin-active{height:270vh;padding-top:0;padding-bottom:0;position:relative}.pin-active .principles-pin{position:sticky;top:160px;height:calc(100vh - 180px);min-height:390px;align-items:center}.pin-active .atmo-principle-stage{height:360px}.pin-active .atmo-principle-copy{position:relative;min-height:340px}.pin-active .atmo-principle-copy>.atmo-section-meta{position:absolute;top:0;left:0}.pin-active .atmo-principle-copy article{position:absolute;inset:0;min-height:0;padding:55px 0 0;border:0;opacity:0;filter:blur(8px);transform:translateY(18px);pointer-events:none;transition:opacity 420ms,filter 500ms,transform 600ms}.pin-active .atmo-principle-copy article.atmo-step-active{opacity:1;filter:none;transform:none;pointer-events:auto}.pin-active .atmo-principle-copy article h3{filter:none!important;opacity:1!important}.portfolio-next{display:none}.design-lab[data-design="4"] .portfolio-next{display:block;padding:60px 6vw 85px;border-top:1px solid #bfaed566}.portfolio-next>span{font:10px monospace;letter-spacing:.08em;color:#8a719d}.portfolio-next h2{font-size:clamp(36px,5vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.06;margin:30px 0 35px}.portfolio-next>div{display:flex;flex-wrap:wrap;gap:18px}.portfolio-next a{display:inline-flex;align-items:center;min-height:48px;padding:12px 23px;border:1px solid #b8a1cf;border-radius:28px;font-size:13px}.portfolio-next a:first-child{background:#d7c5ec;color:#473054}
/* Footer rises as a complete closing chapter; letters settle in sequence. */
body:has(.design-lab[data-design="4"]) .sz-footer{position:relative;overflow:hidden;background:#eae0f4;isolation:isolate}body:has(.design-lab[data-design="4"]) .sz-footer:before{content:'';position:absolute;inset:0;background:radial-gradient(230px circle at var(--footer-x,50%) var(--footer-y,50%),#fff9,transparent 75%);opacity:0;transition:opacity 250ms;z-index:-1;pointer-events:none}body:has(.design-lab[data-design="4"]) .sz-footer.footer-pointer:before{opacity:1}body:has(.design-lab[data-design="4"]) .sz-footer-inner{transform:translateY(calc(var(--footer-rise,0)*65px));transition:transform 100ms linear}body:has(.design-lab[data-design="4"]) .sz-footer-wordmark{display:flex;overflow:hidden;line-height:1.15;padding-bottom:15px;perspective:700px}body:has(.design-lab[data-design="4"]) .sz-footer-wordmark .footer-letter{display:inline-block;font-size:inherit;letter-spacing:inherit;transform:translateY(calc(var(--footer-rise,0)*70px));color:#6c4d88!important}body:has(.design-lab[data-design="4"]) .footer-at-end .footer-letter{animation:footer-letter-rise 750ms cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--letter-i)*75ms)}body:has(.design-lab[data-design="4"]) .sz-footer-meta{padding-bottom:25px} @keyframes footer-letter-rise{from{transform:translateY(65%) rotateX(-30deg);opacity:.2}to{transform:translateY(0) rotateX(0);opacity:1}}
@media(max-width:900px){.principles-pin{display:block}.atmo-principles.principles-enhanced{height:auto}.atmo-principle-copy article[aria-hidden]{opacity:1}.about-benefits{grid-template-columns:1fr 1fr;gap:30px}.about-manifesto{padding-top:40px}.about-manifesto h2{font-size:42px;margin-bottom:50px}.about-benefits h3{font-size:24px}.design-lab[data-design="4"] .portfolio-next{padding:45px 20px 60px}}
@media(max-width:480px){.about-manifesto h2{font-size:36px;text-align:left}.about-benefits{grid-template-columns:1fr}.about-benefits article{padding-top:15px}.about-benefits h3{margin:15px 0}.portfolio-next h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.principle-sculpture,.principle-sculpture.shape-morphing{filter:none!important;transition:none!important}.about-manifesto h2 span{color:#4a315e!important}body:has(.design-lab[data-design="4"]) .sz-footer-inner,body:has(.design-lab[data-design="4"]) .footer-letter{transform:none!important;animation:none!important;opacity:1!important}}