/* Typography follows the supplied FlowStudioDesign site. */
:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.5}#siteContent{background:transparent}.brand img,.orbit-mark{border-radius:50%}.hero{grid-template-columns:1.12fr .88fr}.hero h1{font-size:clamp(42px,5.05vw,78px);line-height:1.14;letter-spacing:-.055em}.hero-description{max-width:550px}.hero-actions{gap:24px}.hero-field{margin-right:-35px}.studio-snapshot{margin-top:35px;max-width:370px;display:grid;gap:18px}.studio-snapshot span{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:18px}.studio-snapshot b{font-weight:400;color:var(--text)}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:85px}.concept-grid article{padding-top:28px;border-top:1px solid var(--line)}.concept-grid h3{font-size:19px;font-weight:400;margin-bottom:20px}.concept-grid p:last-child{font-size:13px;line-height:1.9;color:var(--muted)}.process-section,.others-section{padding-block:100px}.process-visuals{display:grid;grid-template-columns:1fr 1fr;gap:25px}.process-visuals img{width:100%;height:auto;align-self:center}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:55px 0 0}.process-steps li{border-top:1px solid var(--line);padding-top:24px}.process-steps span{color:var(--sand);font-size:12px}.process-steps h3{font-weight:400;font-size:18px;margin-block:20px}.process-steps p{font-size:13px;line-height:1.8;color:var(--muted)}.others-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-open{padding:0;background:#111318}.others-grid img{width:100%;height:320px;object-fit:contain}.service-links{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;gap:30px}.service-links a{border-top:1px solid var(--line);padding-block:25px;font-size:29px;font-weight:350}.service-links span{display:block;font-size:12px;color:var(--muted);margin-top:15px}.capabilities{margin-top:30px;font-size:12px;line-height:1.9;color:var(--muted)}.contact-row{flex-wrap:wrap}.work-detail #workDetailToggle{margin-top:28px}.work-detail #workDetailNote{font-size:12px;margin-top:20px;color:var(--muted)}
.work-card{opacity:1;transform:none}.reveal-ready .work-card{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.reveal-ready .work-card.visible,.motion-off .work-card{opacity:1;transform:none}.motion-off *{animation:none!important;scroll-behavior:auto!important}.musicPlayer{position:fixed;left:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:16}.musicPlayer>button{width:44px;height:44px;border:1px solid #ffffff22;border-radius:50%;background:#171a20ec;font-size:20px}.musicPanel{display:none;position:absolute;bottom:58px;left:0;width:260px;padding:22px;background:#171a20f7;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 50px #0008}.musicPanel.open{display:grid;grid-template-columns:1fr auto;gap:17px;align-items:center}.musicPanel>span:first-child{font-size:10px;letter-spacing:.1em}.musicPanel button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%}.musicPanel label{font-size:12px;color:var(--muted)}.musicPanel input{grid-column:1 / -1;width:100%;accent-color:var(--sand)}.musicPanel>span[id^=vol]{display:none}.musicPanel #ico-pause{display:none}.work-dialog img{object-fit:contain}.intro-controls{width:min(560px,90%)}
@media(max-width:1100px){.desktop-nav{gap:22px}.hero h1{font-size:clamp(40px,5.2vw,64px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px;padding-bottom:95px}.hero h1{font-size:clamp(39px,7vw,58px)}.hero-description br{display:none}.hero-description{max-width:500px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.hero-field{height:350px;margin:15px 0 25px}.hero-bottom{font-size:10px;flex-wrap:wrap;gap:15px}.concept-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr 1fr}.process-visuals{grid-template-columns:1fr}.others-grid{grid-template-columns:1fr}.others-grid img{height:auto;max-height:500px}.process-section,.others-section{padding-block:65px}.section-heading{gap:30px;align-items:flex-start}.section-heading>p{max-width:220px}.contact-row{font-size:12px}.service-links a{font-size:24px}}
@media(max-width:520px){.hero{padding-top:125px}.hero h1{font-size:41px}.hero-field{height:300px}.hero-description{font-size:14px}.hero-actions{gap:22px}.hero-bottom>a{display:none}.hero-bottom button{font-size:9px}.section-heading{flex-direction:column;gap:20px}.process-steps{gap:25px}.service-links{grid-template-columns:1fr;gap:10px}.musicPlayer{left:16px;bottom:calc(18px + env(safe-area-inset-bottom))}.musicPanel{width:240px}.floating-dock{right:14px}.site-footer{gap:22px}.intro-controls p{font-size:12px}.intro-ticket{max-width:90%;width:420px}.intro-ticket h3{font-size:25px}.ticket-key{gap:14px}.intro-control-buttons{gap:14px}.intro-sub{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .work-card,html:not(.motion-on) .reveal-ready .work-card{opacity:1;transform:none;transition:none}}

.intro.forming .intro-footnote{display:none}.intro-ticket{top:auto;bottom:max(25px,5%);padding-bottom:0}
.hero-bottom{padding-left:52px;padding-right:165px}
@media(max-width:800px){.hero-bottom{padding-left:0;padding-right:140px}}

.reveal-ready #works .section-heading h2{clip-path:inset(0 100% 0 0);transition:clip-path .55s cubic-bezier(.22,.68,0,1.2)}.reveal-ready #works .section-heading>p{opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}.reveal-ready #works .section-heading.visible h2,.motion-off #works .section-heading h2{clip-path:none}.reveal-ready #works .section-heading.visible>p,.motion-off #works .section-heading>p{opacity:1;transform:none}.reveal-ready .concept-grid article{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal-ready .concept-grid article.visible,.motion-off .concept-grid article{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html:not(.motion-on) .reveal-ready #works .section-heading h2{clip-path:none}html:not(.motion-on) .reveal-ready #works .section-heading>p,html:not(.motion-on) .reveal-ready .concept-grid article{opacity:1;transform:none}}