/* Fewer competing details. The personal name leads; content does the rest. */
.brand-home{gap:0}.brand-symbol sup,.name-masthead h1>sup,.name-masthead>p{display:none}.name-masthead{padding:30px 0 26px}.name-masthead h1{font-size:clamp(63px,7.5vw,103px)}
.hero-statement{font-size:clamp(37px,3.7vw,53px);letter-spacing:-2.3px;line-height:1.17;max-width:620px;margin-right:0}.hero-statement em:after{display:none}.hero-grid{min-height:430px}.hero-art{height:385px}.floating-label,.art-cross,.art-caption,.art-axis,.art-grid,.orbit-two{display:none}.hero-footer>.micro{visibility:hidden}.sculpture{box-shadow:inset 14px 12px 23px #b4b5ff70,inset -18px -15px 18px #00044a90,12px 22px 35px #272ca818}
.project-visual:after{display:none!important}.project-card:hover .project-visual{box-shadow:none}.tags>span:not(:last-child){display:none}.tags>span:last-child{margin-left:0;padding-left:0}.project-info{margin-top:20px}.project-info h3{margin-bottom:10px}.project-card>p{max-width:450px}.project-grid{row-gap:36px}.studio-kicker,.studio-note,.studio-index,.studio-stage-bottom{display:none}.studio-controls{padding-top:32px}.studio-controls fieldset{margin-bottom:22px}.studio-cta{margin-top:8px}.studio-stage{padding-top:58px;padding-bottom:45px}.about-visual{padding-bottom:0}.portrait{margin-bottom:0}.footer>a.footer-brand{font-size:30px;letter-spacing:-3px;min-height:36px;flex-basis:auto}.footer>.footer-brand{font-family:var(--display);font-weight:750}.service-body>span{font-size:9px;opacity:.85}
/* Every new theme target continues from the color currently on screen. */
.theme-ready body,.theme-ready .about-section,.theme-ready .contact-section,.theme-ready .studio,.theme-ready .studio-stage,.theme-ready .ticker,.theme-ready .floating-label,.theme-ready dialog,.theme-ready .modal-header,.theme-ready #demo-content{transition:background-color .42s ease-out,color .42s ease-out,border-color .42s ease-out}.theme-ready h1,.theme-ready h2,.theme-ready h3,.theme-ready p,.theme-ready legend{transition:color .42s ease-out}.theme-toggle:hover{transform:none}
@media(min-width:701px) and (max-width:1100px){.hero-statement{font-size:clamp(34px,4.1vw,45px)}.hero-grid{min-height:400px}.name-masthead h1{font-size:8vw}.hero-art{height:360px}}
@media(max-width:700px){.header nav{margin-left:auto}.header .brand-home{gap:0}.header{height:80px}.name-masthead{padding:26px 0 24px}.name-masthead h1{font-size:clamp(56px,16vw,92px)}.hero-statement{font-size:clamp(30px,7.1vw,43px);letter-spacing:-1.6px;margin-bottom:19px}.hero-art{height:285px;margin-top:12px}.sculpture{width:190px;height:190px}.sculpture-inner{inset:47px}.orbit-one{width:280px;height:130px}.hero-footer{margin-top:5px;padding-top:17px;padding-bottom:19px;justify-content:flex-end}.hero-footer>.micro{display:none}.hero-copy{padding-top:25px}.studio-stage{min-height:520px}.studio-controls{padding-top:25px}.studio-cta{margin-top:0}.about-visual{border-bottom:0;padding:0}.portrait{margin-bottom:0}.footer>a.footer-brand{font-size:28px;flex-basis:auto}.footer{gap:18px}.footer>span:first-of-type{font-size:8px}.footer>a:not(.footer-brand){font-size:9px}}

@media(max-width:700px){.header .nav-contact{min-width:122px;justify-content:center;gap:7px;white-space:nowrap}.header .nav-contact .ui-icon{flex:0 0 16px;margin:0}.header nav a{transition:color .35s ease,opacity .35s ease}.languages{position:relative;z-index:2}}
@media(max-width:420px){.header nav{display:flex}.header nav .nav-contact{font-size:10px}.languages{margin-left:0}.header{gap:13px}.theme-toggle{width:34px;height:34px}.languages button{min-width:25px}.hero-top .eyebrow{font-size:7px}.hero-coordinates{font-size:6px}}
@media(max-width:370px){.header{gap:10px}.nav-contact>span{max-width:57px}.header nav .nav-contact{font-size:9px}.hero-top .eyebrow{font-size:6px}.name-masthead h1{font-size:56px}.hero-statement{font-size:30px}.hero-art{height:270px}}

/* Keep supporting information comfortably readable at every screen size. */
.flow-node b{font-size:14px;line-height:1.4}.flow-node small{font-size:12px;line-height:1.5;color:#62695b}.flow-center small{color:#d1decb}
.eyebrow,.micro,.studio legend,.studio-stage-top,.service-body>span{font-size:11px;line-height:1.5}
.project-card>p,.about-copy>p,.contact-bottom>p,.section-heading>p,.service-body p{font-size:15px;line-height:1.75}
.goal-options button,.device-options button,.studio-cta,.studio-note,.email-link{font-size:13px;line-height:1.5}
.footer>span,.footer>a:not(.footer-brand){font-size:11px;line-height:1.5}
@media(max-width:700px){.flow-node b{font-size:14px}.flow-node small{font-size:12px}.hero-top .eyebrow,.contact-top .eyebrow,.eyebrow,.micro{font-size:10px;line-height:1.5}.footer>span,.footer>a:not(.footer-brand){font-size:10px;line-height:1.5}.service-body p,.about-copy>p,.contact-bottom>p,.section-heading>p,.project-card>p{font-size:15px;line-height:1.7}.studio legend,.goal-options button,.device-options button,.studio-cta{font-size:13px}}
@media(prefers-reduced-motion:reduce){.theme-ready body,.theme-ready *{transition:none!important}}
/* Two halves of the same orbit surround the sculpture. */
.hero-art .orbit-one{z-index:0}
.hero-art .sculpture{z-index:1}
.hero-art:after{content:'';position:absolute;top:50%;left:50%;width:390px;height:165px;border:1px solid #a5a7b8;border-radius:50%;transform:translate(-50%,-50%) rotate(-32deg);clip-path:inset(50% 0 0 0);z-index:2;pointer-events:none;box-sizing:border-box}
@media(min-width:1500px){.hero-art:after{width:440px;height:190px}}
@media(max-width:1000px){.hero-art:after{width:330px}}
@media(max-width:700px){.hero-art:after{width:280px;height:130px}}

/* Reading sizes for real content and interactive concept previews. */
.flow-node b{font-size:16px}.flow-node small{font-size:14px;color:#4f584a}.flow-center small{color:#e1eadc}
.eyebrow,.micro,.studio legend,.studio-stage-top,.service-body>span{font-size:12px}
.project-card>p,.about-copy>p,.contact-bottom>p,.section-heading>p,.service-body p,.hero-bottom p{font-size:16px;line-height:1.7}
.goal-options button,.device-options button,.studio-cta,.email-link{font-size:14px}
.footer>span,.footer>a:not(.footer-brand){font-size:12px}
.lab-eyebrow,.lab-note,.modal-footer,.lab-controls button,.lab-form label{font-size:13px;line-height:1.5}
.lab-description,.lab-result,.flow-step{font-size:15px;line-height:1.6}
.flow-success-slot{display:grid}
.flow-success-slot>p{grid-area:1/1;font-size:15px;line-height:1.6;margin:18px 0 0;min-width:0}
.flow-success-reserve{visibility:hidden;pointer-events:none}
.flow-success-slot>.lab-success{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}
.flow-success-slot>.lab-success:not(:empty){opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.flow-success-slot>.lab-success{transition:none;transform:none}}
#space-description{max-width:none;text-wrap:nowrap}
@media(max-width:340px){#space-description{text-wrap:pretty}}
.canvas-description,.canvas-contact-row strong,.canvas-task strong{font-size:11px;line-height:1.5}
.canvas-contact-row small,.canvas-task small,.canvas-finish,.canvas-button{font-size:10px;line-height:1.4}
@media(max-width:700px){.flow-node b{font-size:15px}.flow-node small{font-size:13px}.hero-top .eyebrow,.contact-top .eyebrow,.eyebrow,.micro{font-size:11px}.footer>span,.footer>a:not(.footer-brand){font-size:11px}.hero-bottom p,.service-body p,.about-copy>p,.contact-bottom>p,.section-heading>p,.project-card>p{font-size:16px;line-height:1.65}.studio legend,.goal-options button,.device-options button,.studio-cta{font-size:14px}.studio-frame{height:390px}.studio-frame[data-device=mobile]{height:390px}.header nav .nav-contact{font-size:11px}.nav-contact>span{max-width:none}.hero-coordinates{font-size:9px}}

/* A tactile, layered digital object with an orbiting satellite. */
.hero-art{cursor:pointer;isolation:isolate;--art-x:0px;--art-y:0px}
.hero-art:before{display:none}.hero-art:after{display:none}
.hero-art .sculpture{mask:none;-webkit-mask:none;animation:none;width:210px;height:210px;top:50%;border-radius:32%;background:linear-gradient(145deg,#9ea6ff 0%,#3f48f8 28%,#151c99 70%,#858dff 100%);box-shadow:inset 2px 2px 12px #ffffff90,inset -12px -15px 26px #070d5caa,0 28px 60px #161c9950;transform:translate(calc(-50% + var(--art-x)),calc(-50% + var(--art-y))) rotate(-30deg);transition:transform .7s cubic-bezier(.22,1,.36,1),border-radius .7s,filter .7s}
.hero-art .sculpture-inner{inset:25%;border-radius:30%;background:linear-gradient(145deg,#d4d8ff,#747cff 40%,#242bc8);box-shadow:inset 4px 4px 14px #fff8,inset -8px -8px 18px #11177a99,0 0 32px #8d94ff60;transform:rotate(15deg);transition:transform .7s,border-radius .7s}
.hero-art .sculpture-cut{background:linear-gradient(130deg,transparent 20%,#fff5 32%,transparent 50%)}
.hero-art .orbit-one,.hero-art .orbit-two{display:block;z-index:2;width:340px;height:135px;border:1px solid #8b91bc;transform:translate(-50%,-50%) rotate(-32deg);pointer-events:none}
.hero-art .orbit-two{width:285px;height:285px;border-color:#929aff55;transform:translate(-50%,-50%) rotate(50deg) scaleY(.45)}
.hero-art .orbit-one:after{display:block;left:50%;top:-5px;width:9px;height:9px;background:#aab1ff;box-shadow:0 0 0 4px #8088ff30,0 0 16px #8990ff;animation:satellite 9s ease-in-out infinite}
@keyframes satellite{0%,100%{left:50%;top:-5px}25%{left:calc(100% - 5px);top:50%}50%{left:50%;top:calc(100% - 5px)}75%{left:-5px;top:50%}}
.hero-art.art-active .sculpture{border-radius:47%;transform:translate(calc(-50% + var(--art-x)),calc(-50% + var(--art-y))) rotate(45deg) scale(1.06);filter:hue-rotate(35deg)}
.hero-art.art-active .sculpture-inner{transform:rotate(-35deg) scale(.85);border-radius:50%}
@media(max-width:700px){.hero-art .sculpture{width:170px;height:170px}.hero-art .orbit-one{width:270px;height:110px}.hero-art .orbit-two{width:230px;height:230px}.hero-art .orbit-one:after{transform-origin:0 59px}}
@media(prefers-reduced-motion:reduce){.hero-art .orbit-one:after{animation:none}.hero-art .sculpture,.hero-art .sculpture-inner{transition:none}}

/* Balance short paragraphs. */
.hero-bottom p,.project-card>p{text-wrap:pretty}