/* Product-first depth and a quiet editorial rhythm. */
.studio-hero{position:relative;isolation:isolate}
.studio-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 45%,#dbe1d4aa,transparent 50%),radial-gradient(ellipse at 20% 10%,#fdfaf1,transparent 65%)}
.product-stream{container-type:inline-size;overflow:hidden;isolation:isolate;border-radius:20px;min-width:0;background:radial-gradient(ellipse at 50% 50%,#fbfcf9 0%,#e0e6da8c 37%,#f5f3ed00 72%)}
.contour-field{position:absolute;inset:-5%;width:110%;height:110%;color:#74856d;opacity:.2;pointer-events:none;animation:contour-drift 20s ease-in-out infinite alternate;animation-play-state:paused}
.stream-topline,.stream-bottom{position:absolute;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:2;font:10px var(--mono);color:#687462}
.stream-topline{top:7%;letter-spacing:.05em}.stream-bottom{bottom:7%;font-family:var(--sans);font-size:11px}
.stream-world{position:absolute;inset:0;perspective:55cqw;perspective-origin:50% 51%;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.stream-rails{position:absolute;inset:0;transform-style:preserve-3d}
.stream-card{position:absolute;left:50%;top:51%;width:42cqw;height:26cqw;margin:-13cqw 0 0 -21cqw;border:1px solid #fff;border-radius:.7cqw;background:#e3e9dc;overflow:hidden;box-shadow:0 1px 2px #24362b0d,0 12px 22px -9px #24362b55;backface-visibility:hidden;animation-duration:28s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}
.stream-card img{display:block;width:100%;height:100%;object-fit:contain}
.ambient-toggle{font:10px var(--mono);border:1px solid currentColor;color:inherit;background:transparent;padding:8px 11px;border-radius:999px;cursor:pointer;white-space:nowrap;opacity:.75;min-height:34px}
.ambient-toggle[hidden]{display:none}.ambient-toggle:hover{opacity:1}.ambient-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.is-running .stream-card,.is-running .contour-field{animation-play-state:running}
@keyframes contour-drift{from{transform:translate3d(-1%,1%,0) rotate(-3deg)}to{transform:translate3d(2%,-2%,0) rotate(3deg)}}
.reveal-word{display:inline-block}.reveal-space{white-space:pre}
.studio-footer{position:relative;max-width:none;margin:80px 0 0;padding:0;background:#172b25;color:#f0f0e5;overflow:hidden}
.contact-stage{position:relative;isolation:isolate;max-width:1440px;padding:42px 64px 20px;margin:auto}
.contact-stage>.contour-field{inset:0 0 auto;width:100%;height:100%;color:#bacfa7;opacity:.12;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000)}
.footer-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce6d326;padding-bottom:27px;font-size:11px;color:#c0cbbd}.footer-topline i{font-style:normal;margin:0 9px;color:#829b78}
.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:50px;padding:70px 0 54px}
.studio-footer .eyebrow{color:#b1c1a7;margin:0 0 24px;font-size:12px}
.studio-footer h2{font:500 clamp(58px,6.8vw,98px)/1.02 var(--sans);letter-spacing:-.065em;margin:0;color:#f0f0e5}
.contact-invite{max-width:350px;justify-self:end;width:100%}.contact-invite>p{font-size:16px;line-height:1.8;color:#becabb;margin:0 0 28px}
.contact-orbit{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b9cf9d7a;padding:4px 0 15px;font-size:23px;color:#e7eddc}
.contact-orbit b{width:57px;height:57px;display:grid;place-items:center;background:#dce7c6;color:#203c2d;border-radius:50%;font:400 31px var(--sans);transition:transform 220ms cubic-bezier(.22,1,.36,1),background-color 220ms}
.contact-orbit:hover b{transform:rotate(45deg);background:#f1f5df}.contact-orbit:focus-visible{outline:2px solid #dce7c6;outline-offset:8px}
.footer-directory{border-top:1px solid #dce6d326;padding:36px 0 44px;display:grid;grid-template-columns:1.4fr .65fr .55fr;gap:32px;align-items:start}
.footer-email{font-size:clamp(14px,1.45vw,20px);letter-spacing:-.02em;color:#eef0e5;overflow-wrap:anywhere}.footer-email span{margin-left:18px;color:#c5d5af}.footer-directory nav{display:grid;gap:11px;font-size:12px;color:#c2ccbd}.footer-directory a:hover{color:#fff}.footer-directory a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.footer-signature{font:500 clamp(44px,11.8vw,171px)/.88 var(--sans);letter-spacing:-.075em;color:#c4d5b8;padding:20px 0 28px;border-bottom:1px solid #dce6d326;white-space:nowrap}
.footer-signature>span{display:block;font:10px var(--mono);letter-spacing:.7em;line-height:1;margin:21px 0 3px;color:#9bae92}
.footer-colophon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;color:#a1b099;font-size:10px}
@media(max-width:1100px){.contact-stage{padding-left:45px;padding-right:45px}.contact-layout{gap:32px}.product-stream.studio-scene{height:520px}}
@media(max-width:760px){.product-stream.studio-scene{height:410px;max-width:600px}.contact-stage{padding:30px 25px 22px}.footer-topline{font-size:10px;flex-direction:column;gap:8px}.contact-layout{grid-template-columns:1fr;gap:32px;padding:48px 0 40px}.studio-footer h2{font-size:clamp(58px,13vw,88px)}.contact-invite{justify-self:start;max-width:none}.contact-invite>p{font-size:15px}.contact-orbit{max-width:390px}.footer-directory{grid-template-columns:1fr 1fr;gap:28px;padding-top:27px}.footer-email{grid-column:1/-1;font-size:17px}.footer-signature{font-size:13.4vw}.footer-colophon{flex-wrap:wrap;gap:14px}.footer-colophon>span:nth-child(2){display:none}.studio-footer{margin-top:40px}.stream-bottom{font-size:10px;gap:8px}.ambient-toggle{font-size:9px}}
@media(prefers-reduced-motion:reduce){.is-running .stream-card,.is-running .contour-field{animation-play-state:paused}.contact-orbit b{transition:none}}
