:root{--s-bg:#f4f6fa;--s-surface:#fff;--s-ink:#14243b;--s-muted:#647287;--s-blue:#315af3;--s-blue-hover:#2449d9;--s-line:#dde3ed;--s-green:#177a66;--s-radius:16px;--s-font:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--s-ease:cubic-bezier(.2,.75,.25,1);--s-fast:140ms;--s-normal:220ms}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--s-font);-webkit-font-smoothing:antialiased;color:var(--s-ink);background:var(--s-bg);line-height:1.65}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #6685ff}button:disabled{opacity:.5}.skip-link{position:fixed;top:8px;left:12px;transform:translateY(-160%);padding:10px 16px;background:var(--s-ink);color:white;z-index:200}.skip-link:focus{transform:none}[hidden]{display:none!important}
.studio-header{height:82px;background:#fff;border-bottom:1px solid var(--s-line);position:sticky;top:0;z-index:20}.studio-header-inner{max-width:1180px;height:100%;margin:auto;display:flex;align-items:center;gap:48px;padding:0 24px}.studio-brand{display:flex;gap:13px;align-items:center;font-size:18px;font-weight:700;white-space:nowrap;letter-spacing:.3px}.studio-brand>svg{height:35px;width:35px;color:var(--s-blue);stroke:none}.studio-brand small{display:block;font-size:11px;font-weight:400;color:var(--s-muted);letter-spacing:.2px;margin-top:1px}.studio-header nav{display:flex;gap:30px;align-items:stretch;align-self:stretch}.studio-header nav a{display:flex;align-items:center;font-size:14px;color:var(--s-muted);position:relative;transition:color var(--s-fast)}.studio-header nav a:hover{color:var(--s-blue)}.studio-header nav a.active{color:var(--s-ink);font-weight:650}.studio-header nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--s-blue);border-radius:3px 3px 0 0}.header-manage{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px;padding:9px 14px;border:1px solid var(--s-line);border-radius:8px;transition:background var(--s-fast),border-color var(--s-fast)}.header-manage:hover{border-color:#b8c5e8;background:#f7f9ff}.header-manage svg{width:16px;height:16px}
.home-main{max-width:1180px;padding:46px 24px 48px;margin:auto}.home-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:58px;padding:10px 0 44px}.owner-line{font-size:12px;color:var(--s-muted);display:flex;align-items:center;gap:9px}.availability-dot{width:7px;height:7px;background:var(--s-green);border-radius:50%;box-shadow:0 0 0 4px #e4f1ed}.home-hero h1{font-size:clamp(42px,4.7vw,60px);font-weight:750;line-height:1.27;letter-spacing:-2px;margin:24px 0 21px;color:#14243b}.home-hero-copy>p{font-size:15px;color:var(--s-muted);line-height:1.95;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:12px 22px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:600;transition:background var(--s-fast),box-shadow var(--s-fast),transform 100ms var(--s-ease)}.studio-button.primary{background:var(--s-blue);color:white;box-shadow:0 3px 0 #2046d3,0 7px 16px #315af315}.studio-button.primary:hover{background:var(--s-blue-hover);box-shadow:0 3px 0 #1637b2,0 9px 20px #315af32b}.studio-button:active{transform:translateY(1px);box-shadow:none}.studio-button svg{width:17px;height:17px;transition:transform var(--s-fast)}.studio-button:hover svg{transform:translateX(3px)}.quiet-link{font-size:13px;color:#4e5e76;position:relative}.quiet-link:after{content:"";height:1px;background:currentColor;position:absolute;left:0;right:0;bottom:-4px;transform:scaleX(.5);transform-origin:left;transition:transform var(--s-normal)}.quiet-link:hover:after{transform:scaleX(1)}.hero-footnote{display:flex;align-items:center;gap:7px;font-size:11px;color:#6d7c90;margin-top:24px}.hero-footnote svg{height:15px;width:15px;color:#6f8096}
.journey-board{border:1px solid #d7deec;border-radius:18px;background:#e9eef7;box-shadow:0 14px 34px #162b4e08;overflow:hidden}.board-top{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;color:#5a6b83;border-bottom:1px solid #d9e1ef;font-size:12px}.board-top>span{display:flex;align-items:center;gap:8px}.board-top i{width:6px;height:6px;border-radius:50%;background:#68809e}.board-top>svg{width:16px}.journey-tabs{display:flex;gap:6px;padding:16px 18px 0}.journey-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;background:none;border:1px solid transparent;border-radius:8px;font-size:12px;color:#62728a;white-space:nowrap;transition:background var(--s-fast),color var(--s-fast),box-shadow var(--s-fast)}.journey-tabs b{font-family:"Bahnschrift","Segoe UI",sans-serif;font-weight:500;font-size:12px;color:#8392a9}.journey-tabs button[aria-selected=true]{background:white;box-shadow:0 2px 5px #14243b09;color:#2348cf;border-color:#dae2f4}.journey-tabs button[aria-selected=true] b{color:#315af3}.journey-tabs button:active{background:#dbe5fc}.journey-panel{padding:18px;min-height:289px}.journey-sheet{background:white;border:1px solid #e0e5ef;border-radius:12px;padding:22px;display:grid;grid-template-columns:40px 1fr;gap:0 13px}.sheet-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e6ebf7;border-radius:10px;background:#f5f8ff;color:var(--s-blue)}.sheet-icon svg{width:25px;height:25px;stroke-width:1.5}.journey-sheet h2{font-size:15px;line-height:1.4;margin:2px 0 4px}.journey-sheet p{font-size:11px;line-height:1.9;color:var(--s-muted);margin:0}.journey-sheet ul{list-style:none;padding:17px 0 0;margin:15px 0 0;border-top:1px solid #edf0f6;grid-column:1/-1;display:grid;gap:12px}.journey-sheet li{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6f7d92}.journey-sheet li b{font-weight:500;color:#34455d}.journey-sheet li span:before{content:"";display:inline-block;width:5px;height:5px;border:1px solid #b9c7e6;border-radius:2px;margin-right:8px}.board-caption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#6f7f97;margin-top:15px}.tiny-check{font-weight:700;color:var(--s-green)}.journey-sheet.alternate{display:block;text-align:left;min-height:236px}.alternate h2{margin-top:15px}.protected-contact{font-size:11px;background:#f4f7fb;border:1px solid #e7edf6;color:#6b7a90;border-radius:7px;padding:11px;display:flex;gap:8px;align-items:center;margin-top:18px}.protected-contact svg{width:14px;height:14px}.mini-workflow{display:flex;gap:10px;align-items:center;font-size:11px;color:#315af3;margin-top:22px}.mini-workflow span{padding:6px 15px;background:#eef3ff;border-radius:6px}.mini-workflow i{height:1px;flex:1;background:#cad7f4;position:relative}
.workspace-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 18px}.workspace-section-title h2{font-size:17px;margin:0;font-weight:650}.workspace-section-title>span{font-size:12px;color:#748198}.workspace-grid{display:grid;grid-template-columns:1.24fr 1fr;gap:20px}.project-entry{border:1px solid #213951;border-radius:16px;background:#142b46;color:white;padding:26px 29px;display:grid;grid-template-columns:46px 1fr;gap:0 20px}.entry-symbol{width:46px;height:46px;background:#24405d;display:grid;place-items:center;border:1px solid #34516f;border-radius:12px;color:#b6cdf9;margin-top:5px}.entry-symbol svg{width:27px;height:27px;stroke-width:1.4}.entry-caption{font-size:11px;color:#90aac6}.project-entry h2{font-size:25px;font-weight:650;margin:3px 0 9px;letter-spacing:-.5px}.project-entry p{font-size:12px;color:#b1c0d4;line-height:1.9;margin:0}.project-entry-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #35506c;margin-top:24px;padding-top:20px}.project-entry-bottom>span{display:flex;gap:10px;align-items:center;color:#a9bed6;font-size:10px}.project-entry-bottom i{width:3px;height:3px;border-radius:50%;background:#56718f}.studio-button.light{background:white;color:#203c5b;font-size:12px;min-height:41px;padding:9px 16px;gap:22px}.studio-button.light:hover{background:#e7efff}.secondary-entries{display:grid;grid-template-rows:1fr 1fr;gap:15px}.secondary-entry{display:flex;align-items:center;gap:16px;background:white;padding:22px;border:1px solid var(--s-line);border-radius:14px;transition:background var(--s-fast),border-color var(--s-fast),box-shadow var(--s-fast)}.secondary-entry:hover{border-color:#abbce4;box-shadow:0 4px 12px #213e7508;background:#fcfdff}.secondary-entry:active{background:#eef3ff}.secondary-icon{height:43px;width:43px;background:#edf2ff;color:#315af3;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.secondary-icon.green{background:#edf5f1;color:#177a66}.secondary-entry h3{font-size:15px;font-weight:650;margin:0 0 6px}.secondary-entry p{font-size:11px;color:#748196;margin:0}.entry-arrow{margin-left:auto;color:#61738c;height:17px;width:17px;transition:transform var(--s-fast)}.secondary-entry:hover .entry-arrow{transform:translateX(3px)}
.studio-footer{max-width:1132px;margin:0 auto;padding:25px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--s-line);color:#79869a;font-size:10px}.studio-footer>div{display:flex;gap:22px}.studio-footer a:hover{color:#315af3}.footer-divider{margin:0 13px;color:#bac4d2}
.portal-strip{height:68px;background:#fff;border-bottom:1px solid var(--s-line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100% - 1132px)/2));font-family:var(--s-font);position:sticky;top:0;z-index:22;box-shadow:0 2px 4px #15253e02}.portal-strip .portal-home{display:flex;gap:9px;align-items:center;font-size:16px;font-weight:700;color:var(--s-ink)}.portal-home svg{width:28px;height:28px;color:var(--s-blue);stroke:none}.portal-strip>div{display:flex;gap:25px}.portal-strip>div a{color:#6b7a90;font-size:12px;min-height:44px;display:flex;align-items:center}.portal-strip a:hover{color:var(--s-blue)}
.access-main{max-width:1132px;margin:52px auto 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}.access-context{padding-top:10px}.access-chip{font-size:12px;color:#406084;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #d7e1ef;background:#edf2f9;border-radius:6px}.access-chip svg{width:15px;height:15px}.access-context h1{font-size:43px;line-height:1.4;margin:22px 0 16px;letter-spacing:-1.2px}.access-intro{color:#647287;font-size:14px;line-height:1.9}.access-steps{list-style:none;padding:0;margin:30px 0;display:grid;gap:0}.access-steps li{display:flex;gap:18px;position:relative;padding-bottom:26px}.access-steps li:last-child{padding-bottom:0}.access-steps li:not(:last-child):after{content:"";position:absolute;left:17px;top:37px;bottom:3px;width:1px;background:#ced9e9}.access-steps b{width:35px;height:35px;border:1px solid #cdd9ee;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;font-family:"Bahnschrift","Segoe UI",sans-serif;color:#57749e;flex-shrink:0}.access-steps strong,.access-steps span{display:block}.access-steps strong{font-size:14px;font-weight:600;margin:3px 0 4px}.access-steps span{font-size:12px;color:#61738c}.access-card{background:white;border:1px solid #dde4ee;border-radius:18px;box-shadow:0 14px 36px #14243b05;padding:32px}.access-card-top{height:102px;border:1px solid #dce5f9;background:#f1f5ff;border-radius:12px;margin-bottom:26px;display:flex;align-items:center;justify-content:center;gap:13px;color:#315af3}.access-card-top svg{width:35px;height:35px;stroke-width:1.3}.access-card-top span{height:1px;width:38px;background:#c4d3f8}.access-card h2{font-size:21px;margin:0 0 9px;font-weight:650}.access-card>p{font-size:13px;color:#6f7e92;line-height:1.9}.access-card .studio-button{width:100%;margin-top:12px;justify-content:space-between}.access-note{font-size:11px!important;margin:18px 0 24px;padding-top:17px;border-top:1px solid #edf0f5;color:#78879c!important}.owner-access{border-top:1px solid #e7ecf4;padding-top:20px}.owner-access summary{font-size:12px;color:#52657f;cursor:pointer;min-height:32px;list-style:none;display:flex;align-items:center;justify-content:space-between}.owner-access summary::after{content:"+";font-size:18px;font-weight:400;transition:transform var(--s-normal)}.owner-access[open] summary::after{transform:rotate(45deg)}.owner-access form{display:grid;gap:15px;padding-top:16px}.owner-access label{display:grid;gap:7px;font-size:12px;color:#4c5e77}.owner-access input{width:100%;min-width:0;padding:11px 13px;border:1px solid #d8e0eb;border-radius:8px;color:#14243b;background:#fff;outline:0;font-size:14px;transition:border-color var(--s-fast),box-shadow var(--s-fast)}.owner-access input:focus{border-color:#5878f6;box-shadow:0 0 0 3px #315af310}.owner-access button{margin-top:0!important}.owner-access #ownerError{color:#bd3e53;font-size:12px;margin:0}.password-control{display:flex;position:relative}.password-control input{padding-right:60px}.password-control>button{position:absolute;right:5px;top:5px;bottom:5px;border:0;background:none;color:#6a7890;font-size:11px;padding:0 8px}
.preview-toolbar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:4px;padding:7px;background:#14243bf5;color:#dce4f3;box-shadow:0 10px 34px #09182f38;border:1px solid #30415a;border-radius:12px;backdrop-filter:blur(16px);font-family:var(--s-font);width:max-content;max-width:calc(100% - 24px)}.preview-toolbar .preview-label{display:flex;align-items:center;gap:7px;font-size:11px;padding:0 12px;border-right:1px solid #42506a;white-space:nowrap}.preview-label i{width:6px;height:6px;background:#89b5ff;border-radius:50%}.preview-toolbar button{border:0;border-radius:7px;background:none;color:#d4def0;font-size:11px;min-height:34px;padding:6px 10px;white-space:nowrap;transition:background var(--s-fast)}.preview-toolbar button:hover,.preview-toolbar button.active{background:#354b6e;color:white}.preview-toolbar button:active{background:#435d85}.preview-toolbar .preview-collapse{color:#9caec9;font-size:17px;padding:4px 9px}.preview-toolbar.collapsed{left:auto;right:18px;transform:none}.preview-toolbar.collapsed .preview-links{display:none}.preview-toolbar.collapsed .preview-label{border:0}.preview-links{display:flex;gap:3px;overflow:auto}.preview-busy{position:fixed;inset:0;background:#f4f6fad9;z-index:100;display:grid;place-items:center;backdrop-filter:blur(5px);font:14px var(--s-font);color:#315af3}.preview-busy>div{display:flex;align-items:center;gap:13px;background:white;padding:24px 30px;border:1px solid #dce4f2;border-radius:14px;box-shadow:0 12px 40px #203a6114}.preview-busy i{width:20px;height:20px;border:2px solid #dbe4ff;border-top-color:#315af3;border-radius:50%;animation:preview-spin .7s linear infinite}@keyframes preview-spin{to{transform:rotate(360deg)}}body:has(.preview-toolbar){padding-bottom:70px}
@media(max-width:1180px){.studio-footer,.access-main{margin-left:24px;margin-right:24px}}@media(max-width:950px){.home-hero{gap:28px}.studio-header-inner{gap:32px}.studio-header nav{gap:22px}.home-hero h1{font-size:46px}.project-entry-bottom{align-items:flex-start;flex-direction:column}.workspace-grid{grid-template-columns:1.1fr 1fr}.secondary-entry{padding:18px;gap:12px}.secondary-icon{width:36px;height:36px}.access-main{gap:32px}.access-context h1{font-size:35px}}@media(max-width:730px){.studio-header{height:70px}.studio-header-inner{padding:0 20px;gap:18px}.studio-brand{font-size:16px;gap:9px}.studio-brand small{font-size:9px}.studio-brand>svg{height:30px;width:30px}.studio-header nav{display:none}.header-manage{padding:8px 10px;font-size:11px}.home-main{padding:32px 20px}.home-hero{grid-template-columns:1fr;gap:30px;padding:0 0 32px}.home-hero h1{font-size:44px;letter-spacing:-1.5px;margin:21px 0 17px}.home-hero-copy>p{font-size:14px}.owner-line{font-size:11px}.hero-actions{margin-top:23px}.hero-footnote{font-size:10px;margin-top:20px}.journey-board{max-width:540px}.workspace-grid{grid-template-columns:1fr}.project-entry{padding:24px;grid-template-columns:40px 1fr;gap:15px}.entry-symbol{height:40px;width:40px}.project-entry-bottom{flex-direction:row;align-items:center;gap:8px}.project-entry-bottom>span{font-size:9px;gap:7px}.studio-button.light{font-size:11px;gap:8px;padding:10px 12px}.workspace-section-title>span{display:none}.secondary-entry{min-height:108px}.secondary-entry h3{font-size:16px}.secondary-entry p{font-size:12px}.studio-footer{margin:0 20px;padding-bottom:26px;flex-direction:column;align-items:flex-start;gap:12px;font-size:10px}.studio-footer>div{justify-content:space-between;width:100%;gap:12px}.portal-strip{height:60px;padding:0 18px}.portal-strip .portal-home{font-size:14px;gap:7px}.portal-home svg{height:24px;width:24px}.portal-strip>div{gap:18px}.portal-strip>div a{font-size:11px}.access-main{grid-template-columns:1fr;margin:27px 20px 40px;gap:25px}.access-context h1{font-size:34px;margin:18px 0 12px}.access-intro{font-size:13px}.access-steps{display:none}.access-card{padding:25px}.access-card-top{height:82px;margin-bottom:22px}.access-card h2{font-size:20px}.preview-toolbar{bottom:10px;padding:5px;max-width:calc(100% - 16px);border-radius:9px}.preview-toolbar .preview-label{display:none}.preview-toolbar button{font-size:10px;padding:6px 8px;min-height:34px}.preview-toolbar.collapsed .preview-label{display:flex}.preview-toolbar .preview-collapse{padding:4px 7px}.journey-panel{min-height:285px}.journey-sheet{padding:19px}.board-top{padding:15px 18px}.journey-tabs{padding-left:14px;padding-right:14px}.journey-tabs button{font-size:11px}.preview-links{max-width:calc(100vw - 64px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.hero-footnote,.workspace-section-title>span,.studio-footer,.journey-tabs button,.journey-tabs b,.journey-sheet li,.board-caption{color:#5a6d86}

/* Pointer-led motion, confined to the visual surface and actionable controls. */
:root{--motion-lift:translate3d(0,-2px,0);--motion-press:translate3d(0,1px,0) scale(.985);--motion-ease:cubic-bezier(.2,.8,.2,1)}
:where(button:not(:disabled),.studio-button,.header-manage,.secondary-entry){
  transition:transform 220ms var(--motion-ease),box-shadow 220ms var(--motion-ease),background-color 180ms ease,border-color 180ms ease,color 180ms ease,filter 160ms ease;
}
.studio-home .studio-button,.studio-home .header-manage,.studio-home .secondary-entry,.studio-home .journey-tabs button,.studio-home .art-controls button{transition:transform 220ms var(--motion-ease),box-shadow 220ms var(--motion-ease),background-color 180ms ease,border-color 180ms ease,color 180ms ease,filter 160ms ease}
body:is(.studio-form,.studio-hall,.studio-admin) button:not(:disabled){transition:transform 220ms var(--motion-ease),box-shadow 220ms var(--motion-ease),background-color 180ms ease,border-color 180ms ease,color 180ms ease,filter 160ms ease}
@media(hover:hover) and (pointer:fine){
  :where(button:not(:disabled),.studio-button,.header-manage):hover{transform:var(--motion-lift);filter:brightness(1.045)}
  .studio-home .studio-button.primary:hover{transform:translate3d(0,-3px,0);box-shadow:0 4px 0 #183bbd,0 14px 26px #315af32b}
  .studio-home .studio-button.light:hover{transform:translate3d(0,-3px,0);box-shadow:0 10px 24px #020e2433;background-color:#f2f6ff}
  .studio-home .secondary-entry:hover{transform:translate3d(0,-3px,0);box-shadow:0 14px 25px #1a35610c;border-color:#b2c3ed}
  .studio-home .header-manage:hover{transform:var(--motion-lift);box-shadow:0 6px 13px #172f5b0c}
  .studio-home .journey-tabs button:not(:disabled):hover{transform:var(--motion-lift);background-color:#fff;box-shadow:0 4px 8px #14243b0d;color:#2348cf}
  .pointer-lit{background-image:radial-gradient(170px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffff24,transparent 75%)}
  .studio-home .secondary-entry.pointer-lit{background-image:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,50%),#e5ecffb3,transparent 75%)}
  .studio-home .studio-button:hover>svg{transform:translateX(4px)}
  .studio-home .studio-header nav a::before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#315af3;border-radius:3px 3px 0 0;transform:scaleX(0);transform-origin:center;transition:transform 240ms var(--motion-ease)}
  .studio-home .studio-header nav a:hover::before{transform:scaleX(1)}
  .studio-home .studio-header nav a.active::before{display:none}
}
button:not(:disabled):active,.studio-button:active,.header-manage:active,.secondary-entry:active{transform:var(--motion-press)!important;filter:brightness(.98);transition-duration:90ms}
button:disabled{transform:none!important;filter:none!important}
.studio-home .home-main{padding-top:34px}
.studio-home .home-hero{grid-template-columns:1.04fr 1fr;gap:52px;padding-bottom:40px}
.studio-home .home-hero h1{font-size:clamp(44px,4.9vw,62px);line-height:1.29}
.hero-art{margin:0;position:relative;height:488px;min-width:0;isolation:isolate;border:1px solid #23334d;border-radius:20px;overflow:hidden;background:#101c33;box-shadow:0 20px 45px #14243b17;color:#dce5f5}
.art-heading{height:54px;position:absolute;z-index:3;top:0;left:0;right:0;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:linear-gradient(#101c33f5,#101c3300)}
.art-kicker{font-size:11px;color:#bdcae1;display:inline-flex;align-items:center;gap:8px;letter-spacing:.5px}
.art-kicker i{width:5px;height:5px;border-radius:50%;background:#94b4fb;box-shadow:0 0 0 3px #89acff12}
.art-coordinate{font-size:21px;font-weight:300;color:#7793bc;line-height:1}
.dither-stage{position:absolute;inset:34px 0 64px;touch-action:pan-y;cursor:crosshair;overflow:hidden}
.dither-fallback,.dither-mount{position:absolute;inset:0;width:100%;height:100%}
.dither-fallback{object-fit:contain;opacity:1;transition:opacity 200ms ease}
.dither-mount{transition:opacity 160ms ease;opacity:0}
.dither-stage[data-effect=ready]:not(.is-static) .dither-mount{opacity:1}
.dither-stage[data-effect=ready]:not(.is-static) .dither-fallback{opacity:0}
.dither-stage.is-static{cursor:default}
.dither-stage.is-static .dither-fallback{opacity:1}
.dither-stage.is-static .dither-mount{opacity:0}
.art-crosshair{pointer-events:none;position:absolute;bottom:86px;left:23px;width:13px;height:13px;opacity:.5}
.art-crosshair span,.art-crosshair i{position:absolute;background:#89a1c6}
.art-crosshair span{height:1px;width:13px;top:6px;left:0}.art-crosshair i{height:13px;width:1px;top:0;left:6px}
.art-footer{position:absolute;inset:auto 0 0;height:72px;border-top:1px solid #ffffff17;background:#101c33f2;backdrop-filter:blur(8px);padding:13px 17px 13px 21px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:4}
.art-footer>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.art-pointer{width:26px;height:26px;display:grid;place-items:center;background:#243452;border:1px solid #3d5072;border-radius:7px;flex-shrink:0;color:#adc3ed}
.art-pointer svg{height:14px;width:14px;stroke-width:1.6}
#artHint{font-size:11px;line-height:1.5;color:#e4ebfa}
#artHint small{display:block;font-size:9px;margin-top:2px;color:#a6b5ce}
.art-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}
.art-controls button{min-height:36px;border:1px solid #405271;background:#1a2b46;color:#cddaf1;border-radius:7px;padding:6px 10px;font-size:10px;white-space:nowrap}
.art-controls .art-burst{width:36px;display:grid;place-items:center;padding:7px}
.art-burst svg{height:17px;width:17px;transition:transform 300ms var(--motion-ease)}
.art-burst:hover svg{transform:rotate(30deg) scale(1.1)}
.art-controls button:hover{background-color:#304567;border-color:#6781ad;box-shadow:0 4px 12px #0002}
.art-controls button[aria-pressed=true]{border-color:#8ba7df;color:white;background:#31486f}
.studio-home .workspace-section-title{margin-bottom:18px}
.home-journey{margin-top:40px;border-top:1px solid #dce3ee;padding:36px 0 0;display:grid;grid-template-columns:.74fr 1fr;gap:80px;align-items:center}
.journey-intro h2{font-size:28px;line-height:1.4;letter-spacing:-.6px;margin:0 0 14px;font-weight:650}
.journey-intro p{font-size:14px;line-height:1.9;color:#65768d;margin:0 0 24px}
.home-journey .journey-board{box-shadow:none}
@media(max-width:950px){.studio-home .home-hero{gap:28px}.hero-art{height:456px}.art-footer{padding-left:14px;padding-right:12px}.art-pointer{display:none}.art-controls{gap:5px}.art-controls button{padding:6px 8px}.home-journey{gap:40px}}
@media(max-width:730px){.studio-home .home-main{padding-top:30px}.studio-home .home-hero{grid-template-columns:1fr;gap:30px;padding-bottom:32px}.studio-home .home-hero h1{font-size:46px}.hero-art{height:426px;border-radius:16px}.art-heading{padding:16px 18px}.dither-stage{inset:30px 0 64px}.art-footer{padding:12px 14px}.art-pointer{display:grid;width:24px;height:24px}.art-footer>div:first-child{gap:8px}#artHint{font-size:10px}#artHint small{font-size:9px}.art-controls button{font-size:10px}.art-controls .art-burst{width:34px}.art-controls{gap:5px}.home-journey{grid-template-columns:1fr;gap:23px;margin-top:32px;padding-top:28px}.journey-intro h2{font-size:25px;margin-bottom:10px}.journey-intro p{font-size:13px;margin-bottom:16px}.journey-intro p br{display:none}.home-journey .journey-board{width:100%;max-width:none}}
@media(max-width:370px){.art-pointer{display:none}.hero-art{height:392px}.studio-home .home-hero h1{font-size:42px}}
@media(max-width:730px),(pointer:coarse){.art-controls button{min-height:44px}.art-controls .art-burst{width:44px}.art-footer{height:80px}.dither-stage{bottom:72px}.art-pointer{display:none}}
@media(prefers-reduced-motion:reduce){
  :root{--motion-lift:none;--motion-press:none}
  :where(button:not(:disabled),.studio-button,.header-manage,.secondary-entry):hover,:where(button:not(:disabled),.studio-button,.header-manage,.secondary-entry):active{transform:none!important}
  .studio-home .studio-button:hover>svg,.art-burst:hover svg{transform:none!important}
  .pointer-lit{background-image:none!important}
  .dither-stage .dither-mount{opacity:0!important}.dither-stage .dither-fallback{opacity:1!important}
}

.studio-home .home-hero h1.tech-headline{--tech-row-height:94px;letter-spacing:-.035em;line-height:1;margin-top:15px;margin-bottom:14px;isolation:isolate}
.tech-line{display:block;position:relative;width:calc(100% + 36px);height:var(--tech-row-height);margin-left:-18px;touch-action:pan-y;user-select:none;color:inherit;font:inherit}
.tech-line+.tech-line{margin-top:-18px}
.tech-fallback{position:absolute;left:18px;top:0;line-height:var(--tech-row-height);white-space:nowrap;opacity:1;pointer-events:none}
.tech-text-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}
.tech-line[data-tech-ready=true]:not(.tech-static) .tech-text-canvas{opacity:1}
.tech-line[data-tech-ready=true]:not(.tech-static) .tech-fallback{opacity:0}
.tech-line.tech-static .tech-fallback{opacity:1}
.tech-line.tech-static .tech-text-canvas{opacity:0}
@media(max-width:950px){.studio-home .home-hero h1.tech-headline{--tech-row-height:86px}}
@media(max-width:730px){.studio-home .home-hero h1.tech-headline{--tech-row-height:76px;margin-top:13px;margin-bottom:13px}.tech-line+.tech-line{margin-top:-14px}}
@media(max-width:370px){.studio-home .home-hero h1.tech-headline{--tech-row-height:71px}}
@media(prefers-reduced-motion:reduce){.tech-line .tech-text-canvas{opacity:0!important}.tech-line .tech-fallback{opacity:1!important}.tech-line{cursor:default!important}}

/* A typographic stage: navy, cobalt and quiet white. All animation stays on the homepage. */
.agency-home{--agency-ink:#14243b;--agency-blue:#315af3;--agency-paper:#f4f6fa;--agency-line:#cfd7e4;overflow-x:clip}
.agency-home .studio-header{height:86px;background:#f4f6faf2;backdrop-filter:blur(18px);border-bottom-color:#14243b14}
.agency-home .studio-header-inner{max-width:1400px;padding:0 40px;gap:42px}
.agency-home .studio-brand{font-size:17px}.agency-home .studio-brand small{font-size:10px}
.agency-home .studio-header nav{gap:28px}.agency-home .studio-header nav a{font-size:13px}
.opening-replay{display:inline-flex;align-items:center;gap:7px;margin-left:auto;border:0;background:transparent;color:#586c87;padding:10px 3px;font-size:11px;min-height:44px;white-space:nowrap}
.opening-replay svg{width:15px;height:15px;transition:transform .65s cubic-bezier(.2,.75,.25,1)}
.opening-replay:hover svg{transform:rotate(-100deg)}
.agency-home .header-manage{margin-left:0;border-color:#bdc9de;border-radius:4px;font-size:11px;padding:10px 13px}
.agency-home .home-main{max-width:1400px;padding:0 40px 0;margin:0 auto}
.agency-home .home-hero{position:relative;grid-template-columns:1.06fr 1fr;grid-template-rows:auto 1fr auto;gap:26px 72px;padding:25px 0 0;min-height:calc(100svh - 86px);align-content:stretch;align-items:center}
.hero-editorial-label{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-family:'Bahnschrift','Arial',sans-serif;font-size:10px;letter-spacing:.1em;color:#596f8b;border-bottom:1px solid var(--agency-line);padding:0 0 16px}
.agency-home .home-hero-copy{padding:42px 0 32px;min-width:0}
.agency-home .owner-line{font-size:11px;color:#61748d;letter-spacing:.2px}
.agency-home .home-hero h1.tech-headline{--tech-row-height:112px;font-size:clamp(54px,6.2vw,84px);line-height:1;letter-spacing:-.035em;margin:20px 0 17px;isolation:isolate}
.agency-home .title-mask{display:block;position:relative;height:var(--tech-row-height);width:calc(100% + 36px);margin-left:-18px;overflow:hidden;overflow:clip}
.agency-home .title-mask+.title-mask{margin-top:-20px}
.agency-home .title-mask .tech-line{width:100%;margin:0;transform-origin:15% 100%;will-change:transform}
.agency-home .home-hero-copy>p{font-size:14px;line-height:2;color:#5f728c;max-width:420px}
.agency-home .hero-actions{gap:25px;margin-top:29px}
.agency-home .studio-button{border-radius:4px;min-height:50px;padding:13px 24px;transition:transform .5s cubic-bezier(.2,.75,.25,1),background-color .3s,box-shadow .5s,border-color .3s}
.agency-home .studio-button.primary{box-shadow:none}.agency-home .studio-button.primary:hover{box-shadow:0 14px 28px #315af32c;transform:translate3d(0,-3px,0)}
.agency-home .quiet-link{font-size:12px}
.agency-home .hero-footnote{font-size:10px;color:#60748e;margin-top:24px}
.agency-home .hero-art{height:clamp(490px,42vw,610px);border-radius:5px;box-shadow:none;border:1px solid #20324e;transform-origin:50% 60%;will-change:transform,clip-path}
.agency-home .dither-stage{inset:35px 0 74px;overflow:hidden}
.agency-home .art-heading{padding:19px 24px}.agency-home .art-kicker{font-size:10px;letter-spacing:.5px}
.agency-home .art-footer{height:74px;border-top-color:#ffffff20;backdrop-filter:none;padding:14px 20px}
.agency-home .art-controls button{border-radius:3px;font-size:10px}
.agency-home .art-pointer{border-radius:3px}
.agency-home .hero-bottom-line{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--agency-line);padding:19px 0 24px;align-self:end;font-size:10px;color:#657991}
.scroll-explore{display:flex;gap:20px;align-items:center;min-height:30px}
.scroll-explore svg{width:15px;height:15px;transition:transform .6s cubic-bezier(.2,.75,.25,1)}.scroll-explore:hover svg{transform:translateY(5px)}
.agency-section{position:relative;padding-top:116px;padding-bottom:0}
.section-lead{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:42px;align-items:end;padding-bottom:38px}
.agency-english{font-family:'Arial Black','Bahnschrift','Arial',sans-serif;font-weight:850;font-size:clamp(62px,10.4vw,142px);line-height:.88;letter-spacing:-.075em;color:var(--agency-ink);min-width:0}
.english-mask{display:block;overflow:hidden;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}
.english-word{display:block;transform-origin:0 100%;will-change:transform}
.section-description{padding:0 0 4px;min-width:0}
.section-mark{display:block;font-family:'Bahnschrift','Arial',sans-serif;font-size:10px;letter-spacing:.06em;color:#5b718f;border-top:1px solid #bbc8db;padding-top:14px;margin-bottom:25px}
.section-description h2{font-size:17px;line-height:1.6;font-weight:600;letter-spacing:-.2px;margin:0 0 11px}
.section-description p{font-size:12px;line-height:1.95;color:#657890;margin:0}
.agency-home .workspace-grid{gap:24px;grid-template-columns:1.25fr 1fr;perspective:1200px}
.agency-home .project-entry{padding:37px 34px;min-height:320px;border-radius:5px;background:#142b46;grid-template-columns:46px 1fr;gap:0 22px;border-color:#263c56;transform-origin:50% 100%;will-change:transform,clip-path}
.agency-home .entry-symbol{border-radius:5px;height:46px;width:46px;background:#1d3756}
.agency-home .entry-caption{font-size:10px;color:#b3c4db;letter-spacing:.3px}
.agency-home .project-entry h2{font-size:32px;line-height:1.45;letter-spacing:-1px;margin:5px 0 12px}
.agency-home .project-entry p{font-size:12px;line-height:2;color:#bfd0e5}
.agency-home .project-entry-bottom{margin-top:31px;padding-top:24px;border-color:#46617f}
.agency-home .project-entry-bottom>span{font-size:10px;color:#b9cde5;gap:8px}
.agency-home .studio-button.light{border-radius:3px;font-size:12px;min-height:46px;padding:11px 18px;gap:22px}
.agency-home .secondary-entries{gap:20px}
.agency-home .secondary-entry{border-radius:5px;padding:30px 27px;border-color:#c9d5e7;transform-origin:50% 100%;will-change:transform,clip-path;transition:transform .6s cubic-bezier(.2,.75,.25,1),background-color .3s,box-shadow .5s,border-color .3s}
.agency-home .secondary-entry h3{font-size:17px;line-height:1.5;margin-bottom:9px}.agency-home .secondary-entry p{font-size:11px;line-height:1.8;color:#60738d}
.agency-home .secondary-icon{border-radius:4px;width:43px;height:43px}.agency-home .entry-arrow{width:18px;height:18px}
.visual-section{padding-top:124px}
.visual-section .agency-english{font-size:clamp(68px,11.5vw,158px)}
.visual-reveal{position:relative;height:clamp(460px,44vw,590px);background:#101c33;border-radius:4px;isolation:isolate;overflow:hidden;will-change:clip-path}
.visual-image-window{position:absolute;inset:0 0 0 40%;overflow:hidden}
.visual-image{position:absolute;top:-12%;left:0;width:100%;height:124%;object-fit:contain;object-position:50% 50%;max-width:none;will-change:transform;transform-origin:50% 50%}
.visual-grid{position:absolute;inset:24px;border:1px solid #b2c9f222;pointer-events:none;z-index:2}
.visual-grid:before,.visual-grid:after{content:'';position:absolute;top:-1px;bottom:-1px;left:33.333%;width:1px;background:#a9c6fc13}.visual-grid:after{left:66.666%}
.visual-copy{position:absolute;left:54px;top:50%;transform:translateY(-50%);z-index:3;color:#f0f4fd;pointer-events:none}
.visual-copy>span{font-size:10px;color:#9eb2d3;letter-spacing:.3px}
.visual-copy>p{font:800 clamp(42px,6.5vw,88px)/.97 'Arial Black','Bahnschrift','Arial',sans-serif;letter-spacing:-.065em;margin:30px 0}
.visual-copy>div{font-size:12px;line-height:1.9;color:#afc1db}
.visual-caption{position:absolute;bottom:43px;left:54px;right:47px;display:flex;justify-content:space-between;gap:20px;z-index:3;color:#9db2d0;font-size:9px}
.visual-caption>span:last-child{font-family:'Bahnschrift','Arial',sans-serif;letter-spacing:.07em}
.visual-coordinate{position:absolute;right:40px;top:27px;font:300 24px/1 'Arial',sans-serif;color:#9eb5d6;z-index:3}
.agency-home .home-journey{margin-top:0;padding-top:124px;padding-bottom:0;border:0;grid-template-columns:.78fr 1fr;gap:36px 90px;align-items:center}
.process-section>.section-lead{grid-column:1/-1;margin-bottom:0}
.agency-home .journey-intro h2{font-size:32px;line-height:1.5;letter-spacing:-.8px;margin-bottom:20px}
.agency-home .journey-intro p{font-size:14px;line-height:2;color:#62758d;margin-bottom:28px}
.agency-home .journey-board{border-radius:5px;border-color:#c1cde0;background:#e8edf7;box-shadow:none;will-change:transform,clip-path;transform-origin:50% 100%}
.agency-home .board-top{padding:20px 24px;font-size:11px}.agency-home .journey-tabs{padding:18px 20px 0}
.agency-home .journey-tabs button{border-radius:3px;min-height:44px;font-size:12px;transition:background-color .3s,color .3s,transform .5s}
.agency-home .journey-tabs button[aria-selected=true]{box-shadow:none;border-color:#d5deef}
.agency-home .journey-panel{padding:22px;min-height:315px}
.agency-home .journey-sheet{border-radius:4px;padding:28px;min-height:242px}
.agency-home .sheet-icon{border-radius:4px}
.agency-home .journey-sheet h2{font-size:17px;line-height:1.5}.agency-home .journey-sheet p{font-size:12px}.agency-home .journey-sheet ul{gap:15px;margin-top:21px;padding-top:20px}
.agency-home .journey-sheet li{font-size:12px}.agency-home .protected-contact{border-radius:3px;font-size:11px}.agency-home .mini-workflow span{border-radius:3px}
.closing-section{padding-top:136px;padding-bottom:82px}
.closing-section .section-lead{padding-bottom:42px;border-bottom:1px solid #b9c7db}
.closing-actions{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:29px;will-change:transform}
.closing-link{display:flex;align-items:center;justify-content:space-between;gap:60px;font-size:18px;font-weight:600;padding:6px 0;min-height:54px}
.closing-link svg{width:29px;height:29px;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.closing-link:hover svg{transform:translateX(12px)}
.agency-home .studio-footer{max-width:1320px;margin:0 auto;padding:29px 0 42px;border-color:#becbdd;color:#5e738e;font-size:10px}
.agency-opening{display:none;position:fixed;inset:0;z-index:95;isolation:isolate;pointer-events:auto;color:#e8eef9;overflow:hidden}
.opening-curtain{position:absolute;left:0;right:0;background:#14243b;z-index:-1;will-change:transform}.opening-curtain-top{top:0;height:51%}.opening-curtain-bottom{bottom:0;height:51%}
.opening-brand{position:absolute;left:5vw;right:5vw;top:35px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c5d3e8;overflow:hidden}
.opening-brand>span{display:block}.opening-brand>span:last-child{font-size:10px;letter-spacing:.5px}
.opening-word-mask{position:absolute;left:5vw;right:4vw;top:50%;transform:translateY(-50%);overflow:hidden;padding-bottom:1.5vw}
.opening-word{font:850 clamp(60px,15.1vw,260px)/.94 'Arial Black','Bahnschrift','Arial',sans-serif;letter-spacing:-.085em;white-space:nowrap;transform-origin:0 100%;color:#ecf2ff}
.opening-bottom{position:absolute;left:5vw;right:5vw;bottom:85px;display:flex;justify-content:space-between;gap:24px;overflow:hidden;font-size:11px;color:#a7bbd8}
.opening-rule{position:absolute;left:5vw;right:5vw;height:2px;background:#5579ff;bottom:66px;transform-origin:0 50%}
.opening-skip{position:fixed;z-index:100;right:5vw;bottom:23px;min-height:36px;padding:5px 0;border:0;background:none;color:#c0cfe4;font-size:10px;display:flex;align-items:center;gap:15px}
.opening-skip>span{font-size:17px}
.agency-home[data-opening=playing] .hero-art{pointer-events:none}
@media(min-width:1550px){.agency-home .home-hero{padding-top:34px;gap:32px 95px}.agency-home .home-hero-copy{padding-top:58px;padding-bottom:58px}.agency-home .hero-art{height:650px}.agency-home .home-hero h1.tech-headline{--tech-row-height:124px;font-size:86px}}
@media(max-width:1180px){.agency-home .studio-header-inner{padding:0 30px;gap:28px}.agency-home .home-main{padding-left:30px;padding-right:30px}.agency-home .home-hero{gap:24px 34px}.agency-home .studio-footer{margin-left:30px;margin-right:30px}.agency-home .home-hero h1.tech-headline{--tech-row-height:106px;font-size:clamp(53px,6.2vw,72px)}.section-lead{grid-template-columns:minmax(0,1fr) 210px;gap:36px}.agency-english{font-size:clamp(62px,10.1vw,124px)}.agency-home .project-entry{padding:31px 25px;gap:0 17px}.agency-home .project-entry h2{font-size:28px}.agency-home .project-entry-bottom{flex-direction:column;align-items:flex-start;gap:20px}.agency-home .secondary-entry{padding:25px 21px;gap:13px}.agency-home .home-journey{column-gap:55px}.visual-copy{left:40px}.visual-caption{left:40px;right:38px}}
@media(max-width:950px){.agency-home .studio-header-inner{gap:23px}.agency-home .studio-header nav{gap:19px}.opening-replay span{display:none}.opening-replay{padding:8px;margin-left:auto}.agency-home .studio-brand small{font-size:9px}.agency-home .home-hero h1.tech-headline{--tech-row-height:90px;font-size:53px}.agency-home .hero-art{height:490px}.agency-home .home-hero-copy{padding-top:32px;padding-bottom:26px}.agency-home .home-hero-copy>p{font-size:12px}.agency-home .owner-line{font-size:10px}.agency-home .hero-actions{gap:17px}.agency-home .studio-button.primary{font-size:12px;padding:12px 18px}.agency-home .hero-footnote{font-size:9px}.section-lead{grid-template-columns:minmax(0,1fr) 180px;gap:25px}.agency-english{font-size:clamp(58px,9.7vw,104px)}.section-description h2{font-size:15px}.section-description p{font-size:11px}.section-mark{font-size:9px;margin-bottom:20px}.agency-home .project-entry{grid-template-columns:1fr;gap:20px;min-height:340px}.agency-home .entry-symbol{display:none}.agency-home .project-entry h2{font-size:26px}.agency-home .project-entry-bottom{margin-top:20px;padding-top:20px}.agency-home .project-entry-bottom>span{font-size:9px;gap:7px}.agency-home .secondary-entry h3{font-size:15px}.agency-home .secondary-entry p{font-size:10px}.agency-home .secondary-icon{height:35px;width:35px}.visual-copy>p{font-size:60px}.visual-copy>div{font-size:11px}.agency-home .home-journey{column-gap:30px;grid-template-columns:.75fr 1fr}.agency-home .journey-intro h2{font-size:26px}.agency-home .journey-intro p{font-size:12px}.agency-home .journey-panel{padding:17px}.agency-home .journey-sheet{padding:21px}.closing-link{font-size:16px;gap:35px}}
@media(max-width:730px){.agency-home .studio-header{height:70px}.agency-home .studio-header-inner{padding:0 20px;gap:12px}.agency-home .studio-brand{font-size:15px}.agency-home .studio-brand small{font-size:8px}.agency-home .studio-brand>svg{width:28px;height:28px}.agency-home .header-manage{font-size:10px;padding:8px 10px;gap:5px}.opening-replay{margin-left:auto;padding:7px;min-height:38px}.opening-replay svg{height:15px;width:15px}.agency-home .home-main{padding:0 20px}.agency-home .home-hero{grid-template-columns:1fr;gap:24px;min-height:0;padding-top:20px}.hero-editorial-label{font-size:8px;letter-spacing:.05em;padding-bottom:13px}.hero-editorial-label>span:last-child{display:none}.agency-home .home-hero-copy{padding:12px 0 0}.agency-home .owner-line{font-size:9px}.agency-home .home-hero h1.tech-headline{--tech-row-height:79px;font-size:48px;margin-top:17px;margin-bottom:12px}.agency-home .title-mask+.title-mask{margin-top:-15px}.agency-home .home-hero-copy>p{font-size:13px;line-height:1.95}.agency-home .hero-actions{gap:23px;margin-top:24px}.agency-home .studio-button.primary{font-size:12px;padding:12px 20px;min-height:48px}.agency-home .quiet-link{font-size:11px}.agency-home .hero-footnote{font-size:9px;margin-top:22px}.agency-home .hero-art{height:430px;margin-top:7px;border-radius:3px}.agency-home .art-heading{padding:16px 18px}.agency-home .art-footer{height:78px;padding:12px 14px}.agency-home .dither-stage{inset:28px 0 77px}.agency-home .hero-bottom-line{padding:16px 0 18px;font-size:9px}.scroll-explore{gap:12px}.agency-section{padding-top:78px}.section-lead{grid-template-columns:1fr;gap:28px;padding-bottom:27px}.agency-english{font-size:clamp(52px,14.5vw,88px);line-height:.9;letter-spacing:-.075em}.section-description{display:grid;grid-template-columns:1fr;gap:0}.section-mark{font-size:8px;letter-spacing:.04em;padding-top:12px;margin-bottom:18px;max-width:none}.section-description h2{font-size:16px;margin-bottom:8px}.section-description p{font-size:11px;line-height:1.9}.section-description p br{display:none}.agency-home .workspace-grid{grid-template-columns:1fr;gap:16px}.agency-home .project-entry{padding:28px 24px;grid-template-columns:36px 1fr;gap:0 15px;min-height:290px}.agency-home .entry-symbol{display:grid;width:36px;height:36px}.agency-home .entry-symbol svg{width:23px;height:23px}.agency-home .project-entry h2{font-size:26px}.agency-home .project-entry p{font-size:11px}.agency-home .project-entry-bottom{flex-direction:row;align-items:center;gap:10px;margin-top:25px}.agency-home .project-entry-bottom>span{font-size:8px;gap:6px}.agency-home .studio-button.light{font-size:10px;gap:10px;padding:10px 12px;min-height:44px}.agency-home .secondary-entries{gap:14px}.agency-home .secondary-entry{min-height:122px;padding:25px 22px;gap:14px}.agency-home .secondary-entry h3{font-size:16px;margin-bottom:7px}.agency-home .secondary-entry p{font-size:11px}.agency-home .secondary-icon{height:38px;width:38px}.visual-section{padding-top:78px}.visual-section .agency-english{font-size:clamp(52px,14.8vw,86px)}.visual-reveal{height:540px}.visual-image-window{inset:0 0 0 14%}.visual-image{top:6%;height:92%;width:115%;left:-9%;object-position:50% 50%;opacity:.84}.visual-grid{inset:16px}.visual-copy{left:29px;top:35%;transform:translateY(-50%)}.visual-copy>span{font-size:9px}.visual-copy>p{font-size:48px;margin:22px 0;line-height:1}.visual-copy>div{font-size:10px;line-height:1.9;max-width:160px}.visual-caption{left:29px;right:26px;bottom:30px;font-size:8px}.visual-caption>span:last-child{display:none}.visual-coordinate{right:26px;top:22px;font-size:22px}.agency-home .home-journey{grid-template-columns:1fr;gap:27px;margin-top:0;padding-top:78px}.process-section>.section-lead{padding-bottom:0}.agency-home .journey-intro h2{font-size:25px;margin-bottom:14px}.agency-home .journey-intro p{font-size:12px;line-height:1.95;margin-bottom:20px}.agency-home .journey-tabs{padding:16px 13px 0;gap:3px}.agency-home .journey-tabs button{font-size:10px;gap:5px}.agency-home .board-top{padding:18px;font-size:10px}.agency-home .journey-panel{padding:16px;min-height:314px}.agency-home .journey-sheet{padding:22px 19px;min-height:244px}.agency-home .journey-sheet h2{font-size:16px}.agency-home .journey-sheet p{font-size:11px}.agency-home .journey-sheet li{font-size:11px}.closing-section{padding-top:90px;padding-bottom:55px}.closing-section .section-lead{padding-bottom:29px}.closing-actions{align-items:flex-start;flex-direction:column;gap:20px;padding-top:20px}.closing-link{font-size:14px;gap:22px;width:100%;min-height:52px}.closing-link svg{height:25px;width:25px}.agency-home .studio-footer{margin:0 20px;padding-top:25px;padding-bottom:28px;font-size:9px}.opening-brand{left:6vw;right:6vw;top:28px;font-size:11px}.opening-brand>span:last-child{font-size:8px}.opening-word-mask{left:5vw;right:5vw}.opening-word{font-size:15.3vw}.opening-bottom{left:6vw;right:6vw;bottom:85px;font-size:9px}.opening-bottom>span:last-child{display:none}.opening-rule{left:6vw;right:6vw;bottom:65px}.opening-skip{right:6vw;bottom:20px;min-height:44px;font-size:10px}}
@media(max-width:370px){.agency-home .home-hero h1.tech-headline{--tech-row-height:73px;font-size:44px}.agency-home .header-manage{font-size:9px;padding:8px}.agency-home .studio-brand{gap:7px}.agency-home .studio-brand small{display:none}.agency-english{font-size:14.2vw}.agency-home .project-entry{grid-template-columns:1fr;min-height:285px}.agency-home .entry-symbol{display:none}.agency-home .project-entry-bottom>span{font-size:8px;gap:4px}.agency-home .secondary-entry{padding:22px 18px;gap:11px}.agency-home .secondary-entry p{font-size:10px}}
@media(max-width:730px){.agency-home .opening-replay{min-width:44px;min-height:44px;justify-content:center}.agency-home .header-manage{min-height:44px}}
@media(prefers-reduced-motion:reduce){.agency-opening,.opening-skip{display:none!important}.agency-home .english-word,.agency-home .tech-line,.agency-home .hero-art,.agency-home .project-entry,.agency-home .secondary-entry,.agency-home .visual-reveal,.agency-home .visual-image,.agency-home .journey-board,.agency-home .journey-intro,.agency-home .closing-actions{transform:none!important;clip-path:none!important}.agency-home .opening-replay{display:none}.agency-home .scroll-explore svg,.agency-home .closing-link svg{transform:none!important}}

/* A single continuous background, with readable content above it. */
body.immersive-home{--s-bg:#101c33;--s-ink:#eef3ff;--s-muted:#b3c0d6;--s-line:#ffffff24;--agency-ink:#eef3ff;--agency-paper:#101c33;--agency-line:#ffffff20;background:#101c33;color:#eef3ff;isolation:isolate}
.site-background{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#101c33;pointer-events:none;will-change:clip-path,transform}
.immersive-home .site-background .dither-stage{position:absolute;inset:-6vh 0;height:112vh;cursor:default;overflow:hidden;pointer-events:none}
.immersive-home .site-background .dither-mount{position:absolute;inset:0;width:100%;height:100%}
.immersive-home .site-background .dither-fallback{object-fit:contain;object-position:50% 50%;transform:translateX(24%);mix-blend-mode:screen;filter:grayscale(.45) brightness(.65)}
.background-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101c33f7 0%,#101c33ed 30%,#101c33cc 52%,#101c33a3 74%,#101c33a3 100%)}
.immersive-home .studio-header{background:#101c33b3;border-bottom:1px solid #ffffff12;backdrop-filter:blur(15px);color:#f1f5ff}
.immersive-home .studio-header-inner{gap:30px}
.immersive-home .studio-brand{font-size:18px;letter-spacing:-.2px}
.immersive-home .studio-brand>svg{color:#d9e4ff;width:32px;height:32px}
.immersive-home .studio-header nav{gap:28px}
.immersive-home .studio-header nav a{color:#b3c1d8}
.immersive-home .studio-header nav a:hover,.immersive-home .studio-header nav a.active{color:#f6f8ff}
.immersive-home .studio-header nav a.active:after,.immersive-home .studio-header nav a::before{background:#b4c8ff}
.immersive-home .header-manage{color:#edf3ff;border-color:#ffffff42;border-radius:2px;font-size:12px;padding:10px 16px}
.immersive-home .header-manage:hover{background:#ffffff0e;border-color:#a9bce2}
.immersive-home .opening-replay,.background-motion-toggle{display:inline-grid;place-items:center;width:42px;height:42px;min-height:42px;padding:8px;color:#b6c6e0;border:1px solid transparent;border-radius:2px;background:transparent;flex-shrink:0}
.immersive-home .opening-replay{margin-left:auto;margin-right:-20px}
.background-motion-toggle{margin-right:-13px;transition:background-color .25s,border-color .25s,color .25s}
.immersive-home .opening-replay:hover,.background-motion-toggle:hover{background:#ffffff09;border-color:#ffffff29;color:#fff}
.background-motion-toggle svg,.immersive-home .opening-replay svg{height:17px;width:17px;stroke-width:1.6}
.background-motion-toggle[aria-pressed=true]{border-color:#9bb4ef80;color:#fff;background:#7598ee18}
.immersive-home .home-hero{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;gap:0;min-height:calc(100svh - 86px);padding:0;align-items:center}
.immersive-home .home-hero-copy{width:min(800px,75%);padding:62px 0 56px;min-width:0}
.immersive-home .home-hero h1.tech-headline{--tech-row-height:148px;font-size:clamp(64px,8.4vw,110px);margin:0;letter-spacing:-.04em;color:#f3f6ff}
.immersive-home .title-mask+.title-mask{margin-top:-29px}
.immersive-home .hero-actions{margin-top:34px;gap:30px}
.immersive-home .studio-button.primary{background:#edf3ff;color:#101c33;font-size:14px;font-weight:650;min-height:52px;border:1px solid #edf3ff;box-shadow:none;padding:14px 25px}
.immersive-home .studio-button.primary:hover{background:#fff;border-color:#fff;box-shadow:0 12px 34px #0003;color:#101c33}
.immersive-home .quiet-link{color:#d0dcef;font-size:13px}
.immersive-home .quiet-link:hover{color:#fff}
.immersive-home .hero-bottom-line{border:0;justify-content:flex-start;padding:0 0 28px;color:#c0cfe6}
.immersive-home .scroll-explore{width:44px;height:44px;justify-content:center;border:1px solid #ffffff29;border-radius:50%;color:#d7e4fa}
.immersive-home .scroll-explore svg{width:19px;height:19px}
.immersive-home .agency-section{padding-top:110px}
.immersive-home .agency-english{color:#f0f4ff}
.immersive-home .section-description h2{color:#edf3ff;font-size:20px;font-weight:550;line-height:1.6}
.immersive-home .section-description p{color:#eef3ff;font-size:14px;line-height:1.95}
.immersive-home .section-lead{padding-bottom:43px}
.immersive-home .project-entry{background:#14243be8;border-color:#c6d8ff30;box-shadow:none;backdrop-filter:blur(20px)}
.immersive-home .project-entry h2{margin-top:0;font-size:33px}
.immersive-home .entry-symbol{background:transparent;border-color:#c0d5fb35;color:#d0dfff}
.immersive-home .project-entry p{color:#c0cce1;font-size:14px;line-height:1.9}
.immersive-home .project-entry-bottom{border-top-color:#bfd2f62e}
.immersive-home .project-entry-bottom>span{color:#b5c5de;font-size:11px}
.immersive-home .secondary-entry{background:#14243bd9;border-color:#c6d8ff30;backdrop-filter:blur(20px);color:#eff4ff}
.immersive-home .secondary-entry:hover{background:#1a2d49eb;border-color:#bfd1f778;box-shadow:none}
.immersive-home .secondary-entry.pointer-lit{background-image:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,50%),#9fbaff12,transparent 75%)}
.immersive-home .secondary-entry h3{font-size:19px}
.immersive-home .secondary-entry p{font-size:13px;color:#bdcce2}
.immersive-home .secondary-icon,.immersive-home .secondary-icon.green{background:transparent;border:1px solid #b6cdfb35;color:#d4e2ff}
.immersive-home .entry-arrow{color:#b4c9eb}
.immersive-home .journey-intro h2{color:#f0f4ff}
.immersive-home .journey-intro p{color:#c2cfe4;font-size:15px}
.immersive-home .journey-board{background:#14243be6;border-color:#c6d8ff30;backdrop-filter:blur(20px)}
.immersive-home .journey-tabs{padding-top:20px}
.immersive-home .journey-tabs button{color:#bbcce6;font-size:13px}
.immersive-home .journey-tabs b{color:#8fa6c9}
.immersive-home .journey-tabs button[aria-selected=true]{background:#eaf1ff;color:#1d3456;border-color:#eaf1ff}
.immersive-home .journey-tabs button[aria-selected=true] b{color:#31518d}
.immersive-home .journey-tabs button:not(:disabled):hover{background:#2c4161;color:#fff;box-shadow:none}
.immersive-home .journey-tabs button[aria-selected=true]:hover{background:#fff;color:#1d3456}
.immersive-home .journey-sheet{background:#172b46;border-color:#bbcff42e;color:#eef4ff}
.immersive-home .sheet-icon{background:transparent;border-color:#bdd2fa35;color:#b6ceff}
.immersive-home .journey-sheet h2{color:#f0f5ff;font-size:18px}
.immersive-home .journey-sheet p{color:#c0cee3;font-size:13px}
.immersive-home .journey-sheet ul{border-color:#bfd3f72e}
.immersive-home .journey-sheet li{color:#b9cbe5;font-size:13px}
.immersive-home .journey-sheet li b{color:#e2edfc}
.immersive-home .board-caption{color:#b2c6e4;font-size:12px}
.immersive-home .protected-contact{background:#13243a;border-color:#b9cff42a;color:#c5d7f0}
.immersive-home .mini-workflow{color:#d4e4ff}
.immersive-home .mini-workflow span{background:#2b4160}
.immersive-home .mini-workflow i{background:#677d9c}
.immersive-home .closing-section .section-lead{border-color:#d5e2fa40}
.immersive-home .closing-link{color:#f0f5ff;font-size:20px}
.immersive-home .studio-footer{color:#eef3ff;border-color:#cadbf82b}
.immersive-home .studio-footer a:hover{color:#f4f7ff}
.immersive-home .footer-divider{color:#6682a9}
.immersive-home .opening-curtain{background:#101c33}
.immersive-home .agency-opening .opening-word{color:#f0f5ff}
.immersive-home .opening-rule{background:#99b5ff}
.immersive-home .preview-toolbar.collapsed{padding:0;width:38px;height:38px;justify-content:center;right:20px;bottom:23px;border-radius:50%;background:#14243bbf;border-color:#ffffff26;box-shadow:none}
.immersive-home .preview-toolbar.collapsed .preview-label{display:none}
.immersive-home .preview-toolbar.collapsed .preview-collapse{height:36px;width:36px;padding:0;font-size:18px;color:#b5c9e9}
@media(min-width:1550px){.immersive-home .home-hero-copy{width:820px}.immersive-home .home-hero h1.tech-headline{--tech-row-height:166px;font-size:122px}}
@media(max-width:1180px){.immersive-home .home-hero-copy{width:76%;padding-top:62px;padding-bottom:56px}.immersive-home .home-hero h1.tech-headline{--tech-row-height:139px;font-size:clamp(64px,8.4vw,100px)}.immersive-home .studio-header-inner{gap:24px}.immersive-home .opening-replay{margin-right:-17px}.background-motion-toggle{margin-right:-10px}.immersive-home .project-entry h2{font-size:30px}.immersive-home .project-entry p{font-size:13px}.immersive-home .secondary-entry h3{font-size:18px}}
@media(max-width:950px){.immersive-home .studio-header-inner{gap:17px}.immersive-home .studio-header nav{gap:18px}.immersive-home .studio-header nav a{font-size:12px}.immersive-home .studio-brand{font-size:16px}.immersive-home .hero-actions{gap:23px}.immersive-home .home-hero h1.tech-headline{--tech-row-height:119px;font-size:70px}.immersive-home .section-description h2{font-size:18px}.immersive-home .section-description p{font-size:13px}.immersive-home .secondary-entry h3{font-size:16px}.immersive-home .secondary-entry p{font-size:12px}.immersive-home .journey-tabs button{font-size:12px}}
@media(max-width:730px){.immersive-home .studio-header{height:70px;background:#101c33bf}.immersive-home .studio-header-inner{padding:0 20px;gap:7px}.immersive-home .studio-brand{font-size:16px;gap:9px}.immersive-home .studio-brand>svg{width:27px;height:27px}.immersive-home .opening-replay{margin-left:auto;margin-right:0;min-width:40px;min-height:44px;width:40px;padding:9px}.background-motion-toggle{min-width:40px;min-height:44px;width:40px;height:44px;margin-right:1px;padding:9px}.immersive-home .header-manage{min-height:42px;font-size:10px;padding:9px 11px;gap:6px}.immersive-home .home-hero{min-height:calc(100svh - 70px);grid-template-rows:1fr auto;gap:0;padding:0}.immersive-home .home-hero-copy{width:100%;padding:46px 0 62px}.immersive-home .home-hero h1.tech-headline{--tech-row-height:90px;font-size:clamp(47px,13vw,65px);margin:0}.immersive-home .title-mask+.title-mask{margin-top:-18px}.immersive-home .hero-actions{margin-top:29px;gap:24px}.immersive-home .studio-button.primary{min-height:50px;padding:13px 20px;font-size:13px}.immersive-home .quiet-link{font-size:12px}.immersive-home .hero-bottom-line{padding-bottom:24px}.immersive-home .scroll-explore{height:42px;width:42px}.immersive-home .site-background .dither-stage{inset:-5vh 0;height:110vh}.background-shade{background:linear-gradient(90deg,#101c33ed 0%,#101c33d9 34%,#101c33b8 60%,#101c33a3 100%)}.immersive-home .agency-section{padding-top:80px}.immersive-home .section-description h2{font-size:18px}.immersive-home .section-description p{font-size:13px}.immersive-home .section-lead{padding-bottom:29px}.immersive-home .project-entry{padding:30px 23px;min-height:290px}.immersive-home .project-entry h2{font-size:27px}.immersive-home .project-entry p{font-size:12px}.immersive-home .project-entry-bottom>span{font-size:9px}.immersive-home .studio-button.light{font-size:11px}.immersive-home .secondary-entry{padding:26px 23px}.immersive-home .secondary-entry h3{font-size:18px}.immersive-home .secondary-entry p{font-size:12px}.immersive-home .journey-intro p{font-size:14px}.immersive-home .journey-tabs button{font-size:11px}.immersive-home .journey-sheet h2{font-size:17px}.immersive-home .journey-sheet p,.immersive-home .journey-sheet li{font-size:12px}.immersive-home .closing-link{font-size:17px}.immersive-home .studio-footer{font-size:10px}}
@media(max-width:370px){.immersive-home .studio-header-inner{gap:4px;padding:0 16px}.immersive-home .studio-brand{font-size:15px;gap:7px}.immersive-home .studio-brand>svg{width:25px;height:25px}.immersive-home .opening-replay,.background-motion-toggle{width:36px;min-width:36px}.immersive-home .header-manage{padding:9px 8px;font-size:9px}.immersive-home .home-hero h1.tech-headline{--tech-row-height:83px;font-size:45px}.immersive-home .hero-actions{gap:22px}.immersive-home .project-entry h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.background-motion-toggle{display:none}.immersive-home .site-background,.immersive-home .site-background .dither-stage{transform:none!important;clip-path:none!important}}

.circular-carousel {
  --cc-fade: #000000;
  --cc-radius: 12px;
  --cc-inner: 0.4;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: none;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.circular-carousel[data-axis='x'] {
  touch-action: pan-x;
}

.circular-carousel[data-draggable] {
  cursor: grab;
}

.circular-carousel[data-dragging] {
  cursor: grabbing;
}

.circular-carousel:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(128, 128, 140, 0.55);
}

.circular-carousel__view {
  position: absolute;
  inset: 0;
}

.circular-carousel[data-shape='wheel'] .circular-carousel__view {
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000000 18%, #000000 82%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000000 18%, #000000 82%, transparent);
}

.circular-carousel[data-shape='panorama'] .circular-carousel__view {
  -webkit-mask-image: linear-gradient(to right, transparent, #000000 12%, #000000 88%, transparent);
  mask-image: linear-gradient(to right, transparent, #000000 12%, #000000 88%, transparent);
}

.circular-carousel__stage {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.45s ease;
}

.circular-carousel[data-ready] .circular-carousel__stage {
  opacity: 1;
}

.circular-carousel__camera,
.circular-carousel__ring,
.circular-carousel__card {
  width: 0;
  height: 0;
  transform-style: preserve-3d;
}

.circular-carousel__camera {
  position: relative;
}

.circular-carousel__ring,
.circular-carousel__card {
  position: absolute;
  left: 0;
  top: 0;
}

.circular-carousel__tile {
  position: absolute;
  outline: 1px solid transparent;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.circular-carousel__frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.circular-carousel__photo {
  position: absolute;
  display: block;
  max-width: none;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.circular-carousel__photo--leaving {
  animation: circular-carousel-leave 700ms cubic-bezier(0.33, 1, 0.68, 1) both;
}

.circular-carousel__shade,
.circular-carousel__inner {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.circular-carousel__shade {
  background: var(--cc-fade);
  opacity: var(--cc-depth, 0);
}

.circular-carousel__inner {
  background: #000000;
  opacity: var(--cc-inner);
}

.circular-carousel__caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  color: inherit;
  text-align: center;
  pointer-events: none;
  animation: circular-carousel-reveal 900ms ease both;
}

.circular-carousel__title {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  animation: circular-carousel-title 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.circular-carousel__subtitle {
  font-weight: 400;
  opacity: 0.6;
}

.circular-carousel__count {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  opacity: 0.5;
}

.circular-carousel__slash {
  opacity: 0.6;
}

.circular-carousel__digits {
  display: inline-flex;
}

.circular-carousel__digit {
  display: inline-block;
  height: 1em;
  overflow: hidden;
}

.circular-carousel__reel {
  display: flex;
  flex-direction: column;
  transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}

.circular-carousel__reel > span {
  height: 1em;
}

.circular-carousel__live {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@keyframes circular-carousel-title {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes circular-carousel-leave {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes circular-carousel-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .circular-carousel__stage,
  .circular-carousel__reel {
    transition: none;
  }

  .circular-carousel__caption,
  .circular-carousel__title {
    animation: none;
  }
}

.has-portfolio .home-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(300px,1fr) auto auto;align-content:center;align-items:center;justify-items:center;gap:0;min-height:calc(100svh - 86px);padding-top:20px}
.has-portfolio .home-hero-copy{width:min(720px,100%);padding:0;text-align:center}
.has-portfolio .home-hero h1.tech-headline{--tech-row-height:85px;font-size:clamp(47px,5.4vw,68px);line-height:1;margin:0 auto}
.has-portfolio .title-mask+.title-mask{margin-top:-17px}
.has-portfolio .tech-fallback{left:18px;right:18px;text-align:center}
.portfolio-region{position:relative;width:90vw;max-width:none;height:44vw;isolation:isolate;min-width:0;will-change:transform,clip-path}
.circular-carousel{--cc-fade:#101c33;--cc-radius:3px;height:100%;background:transparent;touch-action:pan-y pinch-zoom}
.circular-carousel__stage{opacity:1;transition:none;visibility:hidden;will-change:transform}
.circular-carousel[data-ready] .circular-carousel__stage{visibility:visible}
.circular-carousel__photo{border:0}
.circular-carousel__frame{box-shadow:none}
.circular-carousel:focus-visible{outline:2px solid #b9ceff;outline-offset:-6px;box-shadow:none;border-radius:3px}
.portfolio-arrow{position:absolute;top:50%;transform:translateY(-50%);height:44px;width:44px;padding:11px;display:grid;place-items:center;border:1px solid #d4e2fd33;border-radius:50%;background:#101c33a6;color:#e1ecff;z-index:3;backdrop-filter:blur(10px);transition:background-color .3s,border-color .3s,color .3s}
.portfolio-arrow svg{height:20px;width:20px;stroke-width:1.5;transition:transform .45s cubic-bezier(.2,.75,.25,1)}
.portfolio-prev{left:0}.portfolio-next{right:0}
.portfolio-arrow:hover{background:#dbe7ff16;border-color:#c8dcff99;color:white;filter:none;transform:translateY(-50%)!important}
.portfolio-prev:hover svg{transform:translateX(-3px)}.portfolio-next:hover svg{transform:translateX(3px)}
.has-portfolio .portfolio-arrow:active{transform:translateY(-50%)!important;background:#c9dbff26}
.portfolio-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.has-portfolio .hero-actions{justify-content:center;margin:5px 0 0;gap:30px}
.has-portfolio .hero-bottom-line{justify-content:center;width:100%;padding:18px 0 20px}
.has-portfolio .scroll-explore{height:35px;width:35px;border-color:#ffffff1e}
.has-portfolio .scroll-explore svg{height:16px;width:16px}
.has-portfolio .background-shade{background:linear-gradient(90deg,#101c33ed 0%,#101c33d9 35%,#101c33bf 65%,#101c33c4 100%)}
@media(min-width:1450px){.has-portfolio .home-hero h1.tech-headline{--tech-row-height:96px;font-size:76px}.has-portfolio .home-hero{padding-top:28px}}
@media(max-width:950px){.portfolio-region{height:44vw}.has-portfolio .home-hero h1.tech-headline{--tech-row-height:80px;font-size:56px}.portfolio-prev{left:-9px}.portfolio-next{right:-9px}}
@media(max-width:730px){.has-portfolio .home-hero{min-height:calc(100svh - 70px);grid-template-rows:auto minmax(230px,1fr) auto auto;padding-top:20px;gap:0}.has-portfolio .home-hero-copy{padding:0;width:100%}.has-portfolio .home-hero h1.tech-headline{--tech-row-height:64px;font-size:clamp(36px,9.8vw,50px);margin:0}.has-portfolio .title-mask+.title-mask{margin-top:-13px}.portfolio-region{height:300px;width:calc(100% + 24px);max-width:none;margin-left:-12px;margin-right:-12px}.portfolio-prev{left:7px}.portfolio-next{right:7px}.portfolio-arrow{background:#101c33d9;width:42px;height:42px;padding:10px}.has-portfolio .hero-actions{margin:7px 0 0;gap:24px}.has-portfolio .hero-bottom-line{padding-top:18px;padding-bottom:20px}.has-portfolio .studio-button.primary{font-size:12px;min-height:46px;padding:12px 18px}.has-portfolio .quiet-link{font-size:11px}}
@media(max-width:370px){.portfolio-region{height:285px}.has-portfolio .home-hero h1.tech-headline{--tech-row-height:60px;font-size:35px}.portfolio-arrow{height:40px;width:40px}.has-portfolio .hero-actions{gap:20px}}
@media(max-width:730px){.has-portfolio .portfolio-arrow{height:44px;width:44px}}
@media(prefers-reduced-motion:reduce){.portfolio-region{transform:none!important;clip-path:none!important}.portfolio-arrow svg{transform:none!important}}

/* The homepage keeps its own portrait canvas and opening choreography. */
body.has-pattern-waves{isolation:isolate;background:#101c33}
.has-pattern-waves .secondary-waves{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#101c33;contain:strict}
.secondary-waves .pattern-waves{position:relative;width:100%;height:100%;overflow:hidden}
.secondary-waves:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#a3bce033 .7px,transparent .8px);background-size:10px 10px;opacity:.5}
.secondary-waves[data-effect="ready"]:before{display:none}
.secondary-waves:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#101c3338,transparent 75%);pointer-events:none}
.has-pattern-waves.studio-admin .auth-screen,.has-pattern-waves.studio-admin .main{background:transparent}
.has-pattern-waves .portal-strip{background:#fffffff2;backdrop-filter:blur(14px)}
.has-pattern-waves .portal-strip>div{align-items:center}
.has-pattern-waves .background-motion-toggle{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #dce3ee;border-radius:50%;background:#fff;color:#526a8e;box-shadow:none;transition:background .25s,border-color .25s,transform .4s cubic-bezier(.2,.75,.25,1)}
.has-pattern-waves .background-motion-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.has-pattern-waves .background-motion-toggle:hover{background:#eef3fd;border-color:#aebfdb;transform:rotate(-7deg)}
.has-pattern-waves .background-motion-toggle:active{transform:scale(.96)}
.has-pattern-waves .background-motion-toggle:focus-visible{outline:3px solid #6685ff;outline-offset:3px}
.has-pattern-waves.studio-access .background-motion-toggle{margin-left:auto}
.has-pattern-waves.studio-access .header-manage{margin-left:0}
.has-pattern-waves.studio-access .access-main>*{min-width:0}
@media(max-width:730px){.has-pattern-waves .portal-strip{padding:0 14px;gap:9px}.has-pattern-waves .portal-strip>div{gap:11px}.has-pattern-waves .portal-strip .portal-home{gap:6px}.has-pattern-waves.studio-access .studio-header-inner{gap:10px}.has-pattern-waves.studio-access .header-manage{padding:8px}.has-pattern-waves.studio-access .access-main{grid-template-columns:minmax(0,1fr)}}
@media(max-width:350px){.has-pattern-waves .portal-strip{padding:0 10px}.has-pattern-waves .portal-strip .portal-home{font-size:13px}.has-pattern-waves .portal-strip>div{gap:9px}.has-pattern-waves .portal-strip>div a{font-size:10px}.has-pattern-waves.studio-access .header-manage svg{display:none}}
@media(prefers-reduced-motion:reduce){.has-pattern-waves .background-motion-toggle{display:none}.secondary-waves:after{background:#101c3340}}

/* UI/UX review: retain the visual direction, adapt the usable space and targets. */
body .portal-strip .portal-home,body.studio-home .studio-brand{min-height:44px}
body.studio-home .opening-replay,body.studio-home .background-motion-toggle,body.studio-home .scroll-explore{width:44px;height:44px;min-height:44px}
body.studio-home .quiet-link{display:inline-flex;align-items:center;min-height:44px}
body .preview-toolbar .preview-collapse,body .preview-toolbar.collapsed .preview-collapse{min-width:44px;min-height:44px}
body:has(input:focus,textarea:focus,select:focus,dialog[open]) .preview-toolbar{visibility:hidden;pointer-events:none}
body .preview-toolbar{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
body .preview-toolbar.collapsed{right:calc(12px + env(safe-area-inset-right,0px))}
body.studio-form .step-errors{scroll-margin-top:var(--form-scroll-offset,170px)}
body.studio-form .err-msg{font-size:12px}
body.studio-form .uploaded-file-name,body.studio-hall .attachment-name,body.studio-hall .detail-block p{overflow-wrap:anywhere}
body.studio-admin .main,body.studio-admin .main-content,body.studio-admin .topbar,body.studio-admin .sidebar nav{min-width:0}
body.studio-admin .sidebar .nav-item{min-height:44px}
body.studio-admin .drawer-head .icon-btn,body.studio-hall #closeModal{width:44px;height:44px;min-height:44px;flex-shrink:0}
body.studio-admin .sidebar-bottom .icon-btn,body.studio-admin .top-actions .icon-btn{width:40px;height:40px}
body.studio-hall .table-wrap,body.studio-admin .table-scroll{overscroll-behavior-x:contain;scrollbar-width:thin}
body.studio-hall #modalBody{padding-bottom:0}
body.studio-hall .modal-actions{bottom:0;margin-bottom:0}
body.studio-hall #main .modal-actions{position:static}
body.studio-hall dialog#modal.auth-dialog{inset:0;margin:auto;height:fit-content;min-height:0;max-height:calc(100dvh - 32px);width:min(460px,calc(100% - 32px))}
body.studio-hall #modal.auth-dialog #modalBody{padding-bottom:26px}
body.has-pattern-waves.studio-form .hero-sub,body.has-pattern-waves.studio-form .hero-company,body.has-pattern-waves.studio-form .progress-head,body.has-pattern-waves.studio-form .privacy,body.has-pattern-waves.studio-form .foot,body.has-pattern-waves.studio-form .draft-status,body.has-pattern-waves.studio-hall .hall-intro p,body.has-pattern-waves.studio-hall .section-title p,body.has-pattern-waves.studio-hall .result-summary,body.has-pattern-waves.studio-hall footer,body.has-pattern-waves.studio-admin .page-head p{color:#41546d}

@media(max-width:1024px){
  body.studio-admin .data-table .icon-btn,body.studio-admin .question-actions .icon-btn{width:44px;height:44px}
  body.studio-admin .data-table input[type=checkbox]{width:24px;height:24px}
  body.studio-admin .sidebar-tip .btn{min-height:44px}
  body.studio-admin .question-item .toggle{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
}

@media(max-width:730px){
  body .preview-toolbar.collapsed .preview-label{display:none}
  body .preview-toolbar.collapsed{padding:3px;border-radius:50%}
  body .preview-toolbar.collapsed .preview-collapse{padding:0;border-radius:50%}
  body.studio-home .hero-actions{row-gap:8px}
  body.studio-form .pdot{min-height:44px}
  body.studio-form .preview-notice p,body.studio-form .step-desc,body.studio-form .help,body.studio-form .hint,body.studio-form .privacy,body.studio-form .up-title,body.studio-form .up-sub,body.studio-form .draft-status,body.studio-form .contact-update,body.studio-form .hall-next small{font-size:12px;line-height:1.75}
  body.studio-form .preview-notice button{min-height:44px}
  body.studio-form .btn.copy{min-width:44px;min-height:44px}
  body.studio-form .cc-body{min-width:0}
  body.studio-form .mc-item .v{overflow-wrap:anywhere}
  body.studio-form .entry-route a{min-height:44px}
  body.studio-hall #nav{width:100%;gap:0}
  body.studio-hall #nav button{flex:1 0 auto;min-height:44px;padding:9px 8px;font-size:12px}
  body.studio-hall .user-info{font-size:11px}
  body.studio-hall .brand{min-height:44px}
  body.studio-hall #logout,body.studio-hall .text-button{min-width:44px;min-height:44px;font-size:12px}
  body.studio-hall .button,body.studio-hall .button.small,body.studio-hall .demo-notice button,body.studio-hall .card-cta,body.studio-hall .filter,body.studio-hall .sort-select{min-height:44px;font-size:12px}
  body.studio-hall .section-actions>.button,body.studio-hall .modal-actions .button{min-height:44px;font-size:13px}
  body.studio-hall .order-card h3{font-size:16px}
  body.studio-hall .order-card .description{font-size:12px;line-height:1.8}
  body.studio-hall .order-topline,body.studio-hall .order-meta span,body.studio-hall .price-label,body.studio-hall .tag{font-size:11px}
  body.studio-hall .section-title p,body.studio-hall .helper-note,body.studio-hall .aside-note,body.studio-hall .field label{font-size:13px}
  body.studio-hall .stat>span,body.studio-hall .stat small{font-size:12px}
  body.studio-hall .modal-head h2{font-size:19px;overflow-wrap:anywhere}
  body.studio-hall .modal-actions{padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
  body.studio-admin .workspace{display:block}
  body.studio-admin .sidebar{position:relative;top:auto;width:100%;height:auto;max-height:none;padding:14px 16px 14px;border-right:0;border-bottom:1px solid #dde5ef}
  body.studio-admin .workspace-brand{margin-bottom:12px}
  body.studio-admin .sidebar-label,body.studio-admin .sidebar-tip{display:none}
  body.studio-admin .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
  body.studio-admin .sidebar .nav-item{width:100%;padding:10px 12px;font-size:12px;gap:9px;white-space:normal}
  body.studio-admin .sidebar-bottom{display:flex;position:absolute;top:14px;right:16px;margin:0;padding:0;gap:0;border:0}
  body.studio-admin .sidebar-bottom>:not(button){display:none}
  body.studio-admin .sidebar-bottom .icon-btn{width:44px;height:44px}
  body.studio-admin .sidebar-bottom small{font-size:11px}
  body.studio-admin .sidebar-bottom b{font-size:12px}
  body.studio-admin .main{margin-left:0;width:100%}
  body.studio-admin .topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 16px;gap:10px}
  body.studio-admin .track-tabs{width:100%;min-width:0}
  body.studio-admin .track-tabs button{font-size:12px;min-height:44px;min-width:0}
  body.studio-admin .top-actions{margin-left:auto}
  body.studio-admin .main-content{padding:24px 16px}
  body.studio-admin .table-toolbar input,body.studio-admin .table-toolbar select{font-size:16px;min-height:44px}
  body.studio-admin .table-toolbar input{min-width:0;width:100%}
  body.studio-admin .table-toolbar select{flex:1 1 120px;max-width:100%;min-width:0}
  body.studio-admin .btn,body.studio-admin .btn-sm{min-height:44px;font-size:12px}
  body.studio-admin .drawer-body input,body.studio-admin .drawer-body select,body.studio-admin .drawer-body textarea{font-size:16px;min-height:44px;max-width:100%}
  body.studio-admin .drawer-body{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
  body.studio-admin .drawer-head{gap:12px}
  body.studio-admin .drawer-head h2{overflow-wrap:anywhere}
  body.studio-admin .profile-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  body.studio-admin .profile-actions>*{width:100%;min-width:0}
  body.studio-admin .data-table .icon-btn{width:44px;height:44px}
  body.studio-admin .data-table input[type=checkbox]{width:24px;height:24px}
  body.studio-admin .settings-layout{grid-template-columns:minmax(0,1fr)}
  body.studio-admin .settings-content,body.studio-admin .settings-aside{min-width:0}
  body.studio-admin .form-grid{grid-template-columns:minmax(0,1fr)}
  body.studio-admin .form-grid .field,body.studio-admin .field input,body.studio-admin .field textarea,body.studio-admin .field select{min-width:0;max-width:100%}
  body.studio-admin .settings-content input:not([type=checkbox]):not([type=radio]),body.studio-admin .settings-content textarea,body.studio-admin .settings-content select{width:100%;font-size:16px;min-height:44px}
  body.studio-admin .settings-save{align-items:flex-start;flex-direction:column}
  body.studio-admin .question-item{display:grid;grid-template-columns:24px minmax(0,1fr) 44px;gap:8px;align-items:center}
  body.studio-admin .question-summary b{font-size:13px;white-space:normal;overflow-wrap:anywhere}
  body.studio-admin .question-summary small{font-size:11px}
  body.studio-admin .question-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:8px}
  body.studio-admin .question-actions .icon-btn{height:44px;width:44px}
  body.studio-admin .question-item .toggle{grid-row:1;grid-column:3;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}
}
@media(max-width:550px){
  body.studio-hall .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.studio-hall .stat{min-height:94px;padding:14px}
  body.studio-hall .stat:nth-child(2){border-right:0}
  body.studio-hall .stat:nth-child(-n+2){border-bottom:1px solid #e2e8f1}
  body.studio-hall .page-heading h1{font-size:26px}
}
@media(max-width:370px){
  body.studio-home .studio-header-inner{padding-inline:12px;gap:2px}
  body.studio-home .studio-brand{font-size:14px;gap:6px}
  body.studio-home .header-manage{font-size:11px;white-space:nowrap;flex-shrink:0;padding:8px;gap:6px}
}
@media(max-width:430px){
  body.studio-home .studio-header-inner{padding-inline:10px;gap:4px}
  body.studio-home .studio-brand{font-size:15px;gap:7px;flex-shrink:0}
  body.studio-home .studio-brand>svg{width:26px;height:26px;flex-shrink:0}
  body.studio-home .header-manage{white-space:nowrap;flex-shrink:0;font-size:11px;padding:8px 9px;gap:0;min-height:44px}
  body.studio-home .header-manage>svg{display:none}
}
@media(max-width:350px){
  body.studio-home .studio-header-inner{padding-inline:8px;gap:3px}
  body.studio-home .studio-brand{font-size:14px;gap:6px}
  body.studio-home .studio-brand>svg{width:24px;height:24px}
}

/* FlipCard / React Bits: restrained paper front and ink reverse, no decorative copy. */
body.studio-hall .order-grid.order-flip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;padding:5px 0 20px;align-items:stretch}
body.studio-hall .order-card.order-flip-card{position:relative;display:block;min-width:0;padding:0;border:0;border-radius:16px;background:transparent;box-shadow:none;transform:none!important;isolation:isolate;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}
.order-flip-card:focus{outline:none}
.order-flip-shadow{position:absolute;inset:15% 8% -2%;border-radius:16px;background:#1a355526;filter:blur(19px);pointer-events:none;transform-origin:center}
.order-flip-rotor{position:relative;display:grid;height:100%;transform-style:preserve-3d;transform-origin:center;will-change:transform}
body.studio-hall .order-flip-face{position:relative;grid-area:1/1;min-width:0;min-height:426px;padding:24px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #cfd9e7}
.order-flip-front{background:#fff;color:#172b45;transform:translateZ(.4px)}
.order-flip-back{background:#152b47;color:#f1f5fd;transform:rotateY(180deg) translateZ(.4px)}
.order-flip-front:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,#eaf0fa99,transparent 54%);pointer-events:none}
.order-flip-back:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 100%,#7194c329,transparent 65%);pointer-events:none}
.flip-card-top,.flip-card-copy,.flip-card-facts,.flip-card-bottom,.flip-back-copy,.flip-back-delivery,.flip-back-actions{position:relative;z-index:1}
.flip-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}
.flip-category{display:flex;align-items:center;gap:8px;font-size:12px;color:#50647e;font-weight:500}
.flip-category svg{color:#6681a4}
.flip-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.studio-hall .order-flip-card .tag{font-size:11px;line-height:1.6;padding:3px 8px;border-radius:4px;white-space:nowrap}
.flip-card-copy{padding:23px 0 20px}
body.studio-hall .order-flip-card h3{margin:0;font-size:20px;line-height:1.5;font-weight:650;letter-spacing:-.35px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.flip-card-copy>p{margin:12px 0 0;color:#5d6e85;font-size:13px;line-height:1.85;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.flip-card-facts{margin:0 0 23px;display:grid;gap:11px;padding:0}
.flip-card-facts>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:9px;align-items:start}
.flip-card-facts dt{font-size:12px;color:#60728a}
.flip-card-facts dd{margin:0;font-size:12px;color:#304a69;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.flip-card-bottom{margin-top:auto;padding-top:20px;border-top:1px solid #e4eaf2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px}
.flip-price{min-width:0;max-width:100%}
.flip-price>span{display:block;font-size:12px;color:#5e728e;margin-bottom:5px}
.flip-price strong{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline;font-family:"Bahnschrift","Segoe UI",sans-serif;font-weight:500;font-size:42px;letter-spacing:-1.5px;line-height:1.2;font-variant-numeric:tabular-nums;color:#183452;overflow-wrap:anywhere}
.flip-price strong small{font-size:21px;letter-spacing:0;margin-right:1px}
.flip-price strong em{font-family:var(--s-font);font-size:12px;letter-spacing:0;font-style:normal;color:#60728a;margin-left:3px}
.flip-affordance{display:flex;gap:9px;align-items:center;padding-bottom:6px;color:#4c6589;font-size:11px;white-space:nowrap}
.flip-affordance svg{height:37px;width:37px;padding:9px;border:1px solid #d1ddeb;border-radius:50%;transition:background .25s,border-color .25s}
.flip-demo{position:relative;align-self:flex-end;margin-top:10px;font-size:10px;color:#60728a}
body.studio-hall .order-flip-toggle{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:16px;background:transparent;box-shadow:none;cursor:grab;transform:none!important;touch-action:pan-y}
.order-flip-toggle:focus-visible{outline:3px solid #496fde;outline-offset:4px}
.order-flip-front:has(.order-flip-toggle:hover) .flip-affordance svg{background:#edf3fc;border-color:#a7bad7}
.order-flip-card[data-dragging=true],.order-flip-card[data-dragging=true] .order-flip-toggle{cursor:grabbing;user-select:none}
.order-flip-glare{position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(circle farthest-side at var(--flip-gx,50%) var(--flip-gy,50%),#ffffff30,transparent 78%);opacity:var(--flip-sheen,0)}
.flip-back-price{min-width:0;font-family:"Bahnschrift","Segoe UI",sans-serif;font-size:24px;font-variant-numeric:tabular-nums;color:#dce7f9;letter-spacing:-.3px;overflow-wrap:anywhere}
.flip-back-price small{font:11px var(--s-font);color:#aebfd7;margin-left:4px}
body.studio-hall .flip-return{border:1px solid #cadbfa38;width:44px;height:44px;min-height:44px;padding:12px;display:grid;place-items:center;border-radius:50%;background:transparent;color:#dce8fb;box-shadow:none;flex-shrink:0}
.flip-return svg{transform:rotate(180deg);height:18px;width:18px}
body.studio-hall .flip-return:hover{background:#ffffff0e;border-color:#d3e2ff91;transform:none}
.flip-back-copy{padding:17px 0 16px}
.flip-back-copy>.flip-status{margin-bottom:13px}
body.studio-hall .order-flip-back .tag{color:#c9def7;background:#ffffff0c;border:1px solid #c5d8f52b}
body.studio-hall .order-flip-back .tag.green{color:#c6ecdf}
body.studio-hall .order-flip-back .tag.urgent,body.studio-hall .order-flip-back .tag.orange{color:#f6d7b3}
.flip-back-copy>p{font-size:13px;line-height:1.8;color:#bacbe2;margin:12px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.flip-back-delivery{display:flex;flex-direction:column;gap:4px;padding:0 0 20px;font-size:12px;color:#bacbe2;line-height:1.8}
.flip-back-delivery>*{overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.flip-back-delivery strong{font-weight:500;color:#e3edfc}
.flip-back-actions{margin-top:auto;border-top:1px solid #c4d8fb29;padding-top:18px}
.flip-back-actions>p{font-size:12px;line-height:1.75;color:#b7c8e1;margin:0 0 15px}
body.studio-hall .order-flip-card .flip-claim{display:flex;width:100%;min-height:48px;justify-content:space-between;align-items:center;padding:13px 17px;border:1px solid #e0eafb;background:#e5edfb;color:#142b49;border-radius:7px;font-size:14px;font-weight:600;box-shadow:none}
body.studio-hall .order-flip-card .flip-claim:hover{background:#fff;color:#142b49;border-color:#fff;box-shadow:0 7px 18px #0002}
body.studio-hall .order-flip-card .flip-claim:focus-visible,.flip-return:focus-visible{outline:3px solid #9bbdff;outline-offset:4px}
.order-flip-card[data-reduced=true] .order-flip-rotor{transform:none!important}
.order-flip-card[data-reduced=true] .order-flip-face{transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}
.order-flip-card[data-reduced=true][data-facing=front] .order-flip-back,.order-flip-card[data-reduced=true][data-facing=back] .order-flip-front{visibility:hidden}
@media(max-width:730px){body.studio-hall .order-grid.order-flip-grid{gap:20px}body.studio-hall .order-flip-face{min-height:416px;padding:23px}body.studio-hall .order-flip-card h3{font-size:20px}.flip-card-facts dt,.flip-card-facts dd,.flip-price>span,.flip-affordance{font-size:12px}.flip-card-facts>div{grid-template-columns:79px minmax(0,1fr);gap:6px}.flip-card-copy>p{font-size:13px}}
@media(max-width:370px){body.studio-hall .order-flip-face{padding:21px;min-height:432px}.flip-card-bottom{gap:9px}.flip-price strong{font-size:38px}.flip-affordance{gap:7px;font-size:11px}.flip-affordance svg{width:33px;height:33px;padding:8px}}
@media(prefers-reduced-motion:reduce){.order-flip-rotor{will-change:auto}.order-flip-glare{display:none}.flip-affordance svg{transition:none}}

.order-flip-card[data-reduced=true] .order-flip-toggle{cursor:pointer}

/* Taken orders stay on the reverse; status is conveyed in words as well as color. */
.order-flip-card[data-status-locked=true] .order-flip-rotor{transform:perspective(1200px) rotateY(180deg)}
body.studio-hall .order-flip-card[data-status-locked=true] .order-flip-back{background:#193447;border-color:#34566b}
body.studio-hall .order-flip-card[data-order-status=completed] .order-flip-back{background:#29394c;border-color:#506077}
.flip-taken-seal{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid #cae5f333;border-radius:50%;color:#bfd9e6;flex-shrink:0}
.flip-taken-seal svg{height:18px;width:18px}
body.studio-hall .flip-back-copy>.flip-taken-heading{display:flex;align-items:center;gap:9px;margin:0 0 15px;font-size:20px;line-height:1.55;font-weight:600;color:#e3f5ee;overflow:visible}
.flip-working-dot{display:block;width:7px;height:7px;border-radius:50%;background:#9fdbbf;box-shadow:0 0 0 5px #b1e4ce0c;flex-shrink:0}
body.studio-hall .order-flip-card[data-status-locked=true] .flip-back-copy h3{font-size:18px;font-weight:500;color:#cfdfef}
body.studio-hall .flip-taken-button:disabled{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;border:1px solid #d2e5f338;border-radius:7px;background:#d7e8f30a;color:#cadde9;font-size:13px;opacity:1;cursor:not-allowed}
.flip-taken-button .flip-taken-seal{border:0;width:19px;height:19px}
body.studio-hall .flip-inspect{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;padding:8px 4px;margin-top:5px;border:0;border-radius:5px;background:transparent;color:#d8e8f8;font-size:12px}
body.studio-hall .flip-inspect:hover{background:#dcecff0c;color:#fff}
body.studio-hall .flip-inspect:focus-visible{outline:3px solid #9bbdff;outline-offset:3px}

/* MagicBento / React Bits: light, rim and traveling border wave from the user-supplied source. */
.magic-bento__light {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: radial-gradient(
    var(--mb-spot-size) circle at var(--mb-x, -999px) var(--mb-y, -999px),
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 1)) 0%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.973)) 15%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.837)) 30%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.593)) 45%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.317)) 60%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.104)) 75%,
    rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot, 0) * 0.009)) 90%,
    rgba(var(--mb-glow-rgb), 0) 100%
  );
  pointer-events: none;
}

.magic-bento__rim {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px var(--mb-edge),
    inset 0 1px 0 var(--mb-highlight);
  pointer-events: none;
}

.magic-bento__border {
  position: absolute;
  inset: 0;
  z-index: 4;
  box-sizing: border-box;
  padding: 1px;
  border-radius: inherit;
  background:
    radial-gradient(
      var(--mb-border-size) circle at var(--mb-x, -999px) var(--mb-y, -999px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 1)) 0%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.973)) 15%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.837)) 30%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.593)) 45%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.317)) 60%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.104)) 75%,
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near, 0) * 0.009)) 90%,
      rgba(var(--mb-glow-rgb), 0) 100%
    ),
    radial-gradient(
      circle at var(--mb-wx, -999px) var(--mb-wy, -999px),
      rgba(var(--mb-glow-rgb), 0) calc(var(--mb-wr, 0px) - 110px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0) * 0.1)) calc(var(--mb-wr, 0px) - 80px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0) * 0.32)) calc(var(--mb-wr, 0px) - 52px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0) * 0.68)) calc(var(--mb-wr, 0px) - 28px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0) * 0.94)) calc(var(--mb-wr, 0px) - 10px),
      rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa, 0))) calc(var(--mb-wr, 0px) - 3px),
      rgba(var(--mb-glow-rgb), 0) var(--mb-wr, 0px)
    );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box exclude,
    linear-gradient(#000 0 0);
  pointer-events: none;
}

/* MagicBento materials. Business content and flip geometry remain independent. */
.magic-bento{
  --mb-surface:linear-gradient(155deg,#20232d 0%,#171a22 44%,#11141b 100%);
  --mb-edge:rgba(222,232,255,.12);--mb-highlight:rgba(255,255,255,.09);
  --mb-shadow:0 24px 48px -28px #000b,0 8px 18px -12px #0008;
  --mb-tile:linear-gradient(155deg,#414652,#272c36);--mb-tile-edge:#e4ebff1c;
  --mb-ink:#f0f3fa;--mb-muted:#b1bacb;--mb-line:#e1e9ff19;
  --mb-glow-rgb:181,202,255;--mb-glow-alpha:.85;--mb-spot-alpha:.12;
  --mb-spot-size:300px;--mb-border-size:300px;
}
.magic-bento-surface{isolation:isolate}
.magic-bento-surface>[data-bento-layer]{display:block}
.magic-bento-surface:focus-visible{outline:2px solid #c4d5ff;outline-offset:5px}

/* The homepage uses the supplied tile-and-well vocabulary, without sample metrics. */
body.immersive-home .workspace-grid.magic-bento{grid-template-columns:1.2fr 1fr;gap:18px;perspective:1200px}
body.immersive-home .workspace-grid .magic-bento-home-card{
  position:relative;min-width:0;border:0;border-radius:20px;overflow:hidden;
  background:var(--mb-surface);color:var(--mb-ink);box-shadow:var(--mb-shadow);
  backdrop-filter:none;
  transform:perspective(1000px) rotateX(var(--mb-rx,0deg)) rotateY(var(--mb-ry,0deg)) scale(var(--mb-press,1));
  transition:box-shadow .35s ease;transform-origin:center;will-change:auto;
}
body.immersive-home .workspace-grid .magic-bento-home-card:hover{background:var(--mb-surface);border:0;box-shadow:0 26px 55px -28px #000d,0 8px 18px -12px #0008}
body.immersive-home .workspace-grid .magic-bento-home-card:before,
body.immersive-home .workspace-grid .magic-bento-home-card:after{display:none}
body.immersive-home .magic-bento-home-card>:not([data-bento-layer]):not([data-bento-visual]){position:relative;z-index:2}
body.immersive-home .workspace-grid .project-entry{min-height:350px;padding:32px;grid-template-columns:1fr;gap:20px;align-content:start}
body.immersive-home .project-entry>.entry-symbol,
body.immersive-home .secondary-entry>.secondary-icon{
  display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--mb-tile-edge);border-radius:15px;
  background:var(--mb-tile);color:#dbe4f9;box-shadow:inset 0 1px 0 #ffffff20,0 8px 12px -8px #000b;
}
body.immersive-home .project-entry>.entry-symbol svg{width:27px;height:27px}
body.immersive-home .workspace-grid .project-entry>div:nth-child(2){max-width:calc(100% - 150px)}
body.immersive-home .workspace-grid .project-entry h2{font-size:clamp(26px,2.6vw,36px);font-weight:650;letter-spacing:-1px;line-height:1.25;margin:0 0 16px;color:var(--mb-ink)}
body.immersive-home .workspace-grid .project-entry p{margin:0;color:var(--mb-muted);font-size:13px;line-height:1.95}
body.immersive-home .workspace-grid .project-entry-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;grid-column:1/-1;align-self:end;margin-top:12px;padding-top:22px;border-top:1px solid var(--mb-line)}
body.immersive-home .workspace-grid .project-entry-bottom>span{font-size:11px;color:var(--mb-muted)}
body.immersive-home .workspace-grid .project-entry-bottom .studio-button.light{
  flex-shrink:0;min-height:49px;padding:13px 20px;border:1px solid #f6f7fc;border-radius:10px;
  background:linear-gradient(180deg,#fff,#e4e9f5);color:#1d2535;box-shadow:inset 0 1px 0 #fff,0 7px 15px -10px #000;
}
body.immersive-home .workspace-grid .project-entry-bottom .studio-button.light:hover{background:#fff;box-shadow:0 7px 22px -10px #cedcff70}
body.immersive-home .workspace-grid .secondary-entries{gap:18px;grid-template-rows:1fr 1fr}
body.immersive-home .workspace-grid .secondary-entry{min-height:166px;padding:26px;gap:20px}
body.immersive-home .workspace-grid .secondary-entry h3{font-size:20px;letter-spacing:-.4px;color:var(--mb-ink);margin:0 0 11px}
body.immersive-home .workspace-grid .secondary-entry p{font-size:12px;line-height:1.8;color:var(--mb-muted);margin:0}
body.immersive-home .workspace-grid .secondary-entry .secondary-icon{flex-shrink:0}
body.immersive-home .workspace-grid .secondary-entry .secondary-icon.green{color:#cce3df;background:linear-gradient(150deg,#3c4c4e,#263537)}
body.immersive-home .workspace-grid .secondary-entry .entry-arrow{color:#aebcd8;transition:transform .4s cubic-bezier(.2,.7,.2,1),color .4s}
body.immersive-home .workspace-grid .secondary-entry:hover .entry-arrow{transform:translateX(5px);color:#fff}

/* A paper-and-workboard sculpture, rather than stock dashboard sample data. */
.mb-board-visual{position:absolute;right:29px;top:28px;width:174px;height:209px;z-index:1;pointer-events:none;transform:perspective(700px) rotateX(-7deg) rotateY(-10deg) rotateZ(8deg);transform-style:preserve-3d}
.mb-board-plane{position:absolute;inset:27px 6px 4px 9px;border-radius:23px;transform:rotate(-8deg) translateZ(-12px);background:linear-gradient(135deg,#343c4c,#1b222e);border:1px solid #c5d6ff15;box-shadow:inset 0 1px 0 #e2ebff19,0 22px 28px -15px #000b}
.mb-board-sheet{position:absolute;width:122px;height:150px;border:1px solid #c1cfe22e;border-radius:15px;background:linear-gradient(155deg,#343c4b,#202735);box-shadow:inset 0 1px 0 #fff2,0 12px 20px -13px #000d}
.mb-board-sheet svg{display:block;width:100%;height:100%;fill:none;stroke:#a7bad5;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.mb-board-sheet-back{top:8px;left:5px;transform:rotate(-18deg)}
.mb-board-sheet-back svg{opacity:.5}
.mb-board-sheet-front{top:37px;left:38px;transform:rotate(4deg) translateZ(8px);background:linear-gradient(145deg,#495467,#293343)}
.mb-board-sheet-front svg>rect:first-child{fill:#adc7f010;stroke:#c3d7f044}
.mb-board-sheet-front svg>rect:nth-last-child(2){fill:#dbe9ff16;stroke:#d9e7ff33}
.mb-board-chip{position:absolute;right:-1px;bottom:2px;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e8efff,#aebeda);border:1px solid #eff5ffb0;box-shadow:inset 0 1px 0 #fff,0 9px 16px -9px #000b;transform:rotate(-10deg) translateZ(15px)}
.mb-board-chip svg{width:22px;height:22px;fill:none;stroke:#304765;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* The card front becomes an actual material surface; amount and brief remain real. */
body.studio-hall .order-card.magic-bento-cell{border-radius:20px}
body.studio-hall .order-flip-face.magic-bento-surface{padding:26px;border-radius:20px;border:0;background:var(--mb-surface);box-shadow:var(--mb-shadow);color:var(--mb-ink)}
body.studio-hall .magic-bento-cell .order-flip-face:before,
body.studio-hall .magic-bento-cell .order-flip-glare{display:none}
body.studio-hall .magic-bento-cell .order-flip-face>:not([data-bento-layer]):not(.order-flip-toggle){position:relative;z-index:2}
body.studio-hall .magic-bento-cell .order-flip-shadow{background:#11182624;border-radius:20px;filter:blur(18px)}
body.studio-hall .magic-bento-cell .order-flip-toggle{border-radius:20px;touch-action:pan-y pinch-zoom}
body.studio-hall .magic-bento-cell .order-flip-toggle:focus-visible{outline:3px solid #b8ceff;outline-offset:-5px}
body.studio-hall .magic-bento-cell .flip-card-top{gap:10px}
body.studio-hall .magic-bento-cell .flip-category{gap:10px;font-size:11px;color:var(--mb-muted)}
body.studio-hall .magic-bento-cell .flip-category svg{width:35px;height:35px;padding:8px;box-sizing:border-box;border:1px solid var(--mb-tile-edge);border-radius:11px;background:var(--mb-tile);box-shadow:inset 0 1px 0 #ffffff20,0 5px 10px -7px #000;color:#cbd9f1;flex-shrink:0}
body.studio-hall .magic-bento-cell .tag{border:1px solid #cddcff1a;border-radius:6px;color:#c0cee5;background:#cbdcff0b;font-size:10px;padding:3px 7px}
body.studio-hall .magic-bento-cell .tag.green{background:#96dfb80e;border-color:#a1e9c21c;color:#b5e5ce}
body.studio-hall .magic-bento-cell .tag.urgent,body.studio-hall .magic-bento-cell .tag.orange{background:#edba830e;border-color:#edba8326;color:#ecc59c}
body.studio-hall .order-flip-card.magic-bento-cell h3{font-size:20px;line-height:1.5;letter-spacing:-.4px;color:#f0f3fa}
body.studio-hall .magic-bento-cell .flip-card-copy{padding:25px 0 21px}
body.studio-hall .magic-bento-cell .flip-card-copy>p{margin-top:13px;font-size:12px;line-height:1.9;color:var(--mb-muted)}
body.studio-hall .magic-bento-cell .flip-card-facts{gap:10px;margin:0 0 24px;padding:15px 16px;border:1px solid #e0e9ff10;border-radius:12px;background:#e0e9ff04;box-shadow:inset 0 1px 6px #0000000c}
body.studio-hall .magic-bento-cell .flip-card-facts>div{grid-template-columns:65px minmax(0,1fr);gap:8px}
body.studio-hall .magic-bento-cell .flip-card-facts dt{font-size:11px;line-height:1.8;color:#a2aec3}
body.studio-hall .magic-bento-cell .flip-card-facts dd{font-size:11px;line-height:1.8;color:#d3dcec}
body.studio-hall .magic-bento-cell .flip-card-bottom{padding-top:20px;border-color:var(--mb-line);gap:10px}
body.studio-hall .magic-bento-cell .flip-price>span{font-size:11px;color:var(--mb-muted);margin-bottom:7px}
body.studio-hall .magic-bento-cell .flip-price strong{color:#f2f5fc;font-size:46px;letter-spacing:-1.8px;font-weight:500}
body.studio-hall .magic-bento-cell .flip-price strong small{font-size:20px}
body.studio-hall .magic-bento-cell .flip-price strong em{font-size:11px;color:#aebad0}
body.studio-hall .magic-bento-cell .flip-affordance{font-size:11px;color:#b5c5e3;gap:8px}
body.studio-hall .magic-bento-cell .flip-affordance svg{height:39px;width:39px;border-color:#dbe5ff23;background:linear-gradient(150deg,#ffffff0d,#ffffff03);box-shadow:inset 0 1px 0 #ffffff09}
body.studio-hall .magic-bento-cell .order-flip-front:has(.order-flip-toggle:hover) .flip-affordance svg{border-color:#c4d5ff72;background:#d3e1ff16}
body.studio-hall .magic-bento-cell .flip-demo{font-size:10px;color:#a1acc0;margin-top:14px}
body.studio-hall .magic-bento-cell .order-flip-back{background:linear-gradient(145deg,#253044,#1a2231 52%,#141b27)}
body.studio-hall .magic-bento-cell .flip-back-price{color:#ecf2ff;font-size:26px}
body.studio-hall .magic-bento-cell .flip-back-price small{color:#adbdd6}
body.studio-hall .magic-bento-cell .flip-return{background:var(--mb-tile);border-color:var(--mb-tile-edge);box-shadow:inset 0 1px 0 #ffffff12}
body.studio-hall .magic-bento-cell .flip-back-copy>p{color:#bdc8dc;font-size:12px}
body.studio-hall .magic-bento-cell .flip-back-delivery{margin-bottom:18px;padding:14px 16px;border:1px solid #dbe7ff14;border-radius:12px;background:#deebff05;color:#bbc8db;font-size:11px}
body.studio-hall .magic-bento-cell .flip-back-delivery strong{color:#e4ecfa}
body.studio-hall .magic-bento-cell .flip-back-actions{border-color:var(--mb-line);padding-top:19px}
body.studio-hall .magic-bento-cell .flip-back-actions>p{color:#bbc7dc;font-size:12px}
body.studio-hall .magic-bento-cell .flip-claim{border-radius:10px;background:linear-gradient(180deg,#fff,#dfe7f6);border-color:#e5edfb;box-shadow:inset 0 1px 0 #fff;color:#1a2c47}
body.studio-hall .magic-bento-cell[data-status-locked=true] .order-flip-back{background:linear-gradient(145deg,#243d3a,#182e2c 58%,#122522);--mb-glow-rgb:173,226,208;--mb-line:#d2f0e51c}
body.studio-hall .magic-bento-cell[data-order-status=completed] .order-flip-back{background:linear-gradient(145deg,#303742,#1d232d);--mb-glow-rgb:190,208,237}
body.studio-hall .magic-bento-cell[data-status-locked=true] .flip-back-copy h3{color:#c3d9d4}
body.studio-hall .magic-bento-cell[data-status-locked=true] .flip-taken-heading{font-size:20px;font-weight:600;color:#e3f5ee}
body.studio-hall .magic-bento-cell[data-status-locked=true] .flip-back-delivery{background:#d9f9ed05;border-color:#d9f9ed14;color:#b6d1c9}
body.studio-hall .magic-bento-cell[data-status-locked=true] .flip-back-delivery strong{color:#dbeee7}
body.studio-hall .magic-bento-cell[data-status-locked=true] .flip-back-actions>p{color:#b6d1c9}
body.studio-hall .magic-bento-cell[data-status-locked=true] .flip-taken-button{border-radius:10px;background:#dcfff006;border-color:#d2f5e623;color:#bad5cc}
body.studio-hall .magic-bento-cell[data-status-locked=true] .flip-inspect{color:#d0e7de}
body.studio-hall .magic-bento-cell .flip-taken-seal{border-color:#e1fff021;color:#b9d8cd;background:linear-gradient(145deg,#d9fff009,#d9fff002);box-shadow:inset 0 1px 0 #ffffff0c}

@media(max-width:1100px){
  body.immersive-home .workspace-grid .project-entry{padding:28px}
  body.immersive-home .workspace-grid .project-entry>div:nth-child(2){max-width:calc(100% - 120px)}
  .mb-board-visual{right:20px;width:150px;top:35px;transform:perspective(700px) rotateX(-7deg) rotateY(-10deg) rotateZ(8deg) scale(.88);transform-origin:top right}
  body.immersive-home .workspace-grid .secondary-entry{padding:24px;gap:15px}
  body.immersive-home .workspace-grid .secondary-entry h3{font-size:18px}
}
@media(max-width:1000px){
  body.immersive-home .workspace-grid.magic-bento{grid-template-columns:1fr}
  body.immersive-home .workspace-grid .project-entry{min-height:330px;padding:32px}
  body.immersive-home .workspace-grid .project-entry>div:nth-child(2){max-width:calc(100% - 210px)}
  body.immersive-home .workspace-grid .secondary-entries{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:18px}
  body.immersive-home .workspace-grid .secondary-entry{min-height:162px;gap:13px;padding:23px}
  body.immersive-home .workspace-grid .secondary-entry h3{font-size:16px;line-height:1.5}
  body.immersive-home .workspace-grid .secondary-entry p{font-size:11px}
  body.immersive-home .workspace-grid .secondary-entry>.secondary-icon{width:43px;height:43px;border-radius:12px}
  .mb-board-visual{top:30px;right:45px;transform:perspective(700px) rotateX(-7deg) rotateY(-10deg) rotateZ(8deg);width:174px}
}
@media(max-width:650px){
  body.immersive-home .workspace-grid .project-entry{padding:26px;gap:23px;min-height:0}
  body.immersive-home .workspace-grid .project-entry>div:nth-child(2){max-width:100%}
  body.immersive-home .workspace-grid .project-entry h2{font-size:28px;margin-bottom:13px}
  body.immersive-home .workspace-grid .project-entry p{font-size:12px;line-height:1.9}
  body.immersive-home .workspace-grid .project-entry .mb-board-visual{position:relative;top:auto;right:auto;justify-self:center;grid-column:1/-1;grid-row:3;width:174px;height:199px;margin:-1px 0 1px;transform:perspective(700px) rotateX(-7deg) rotateY(-10deg) rotateZ(8deg)}
  body.immersive-home .workspace-grid .project-entry-bottom{grid-row:4;margin-top:0;padding-top:20px;flex-wrap:wrap;gap:18px}
  body.immersive-home .workspace-grid .project-entry-bottom>span{font-size:10px}
  body.immersive-home .workspace-grid .project-entry-bottom .studio-button.light{min-height:46px;padding:11px 16px;font-size:12px}
  body.immersive-home .workspace-grid .secondary-entries{grid-template-columns:1fr;gap:16px}
  body.immersive-home .workspace-grid .secondary-entry{min-height:142px;padding:25px;gap:17px}
  body.immersive-home .workspace-grid .secondary-entry h3{font-size:18px;margin-bottom:8px}
  body.immersive-home .workspace-grid .secondary-entry p{font-size:11px}
  body.studio-hall .order-flip-face.magic-bento-surface{padding:24px}
}
@media(max-width:370px){
  body.immersive-home .workspace-grid .project-entry{padding:24px}
  body.immersive-home .workspace-grid .project-entry h2{font-size:25px}
  body.immersive-home .workspace-grid .secondary-entry{padding:23px;gap:13px}
  body.immersive-home .workspace-grid .secondary-entry h3{font-size:16px}
  body.immersive-home .workspace-grid .project-entry-bottom .studio-button.light{width:100%;justify-content:space-between}
  body.studio-hall .order-flip-face.magic-bento-surface{padding:22px}
  body.studio-hall .magic-bento-cell .flip-card-facts{padding:13px 12px}
  body.studio-hall .magic-bento-cell .flip-category{gap:7px;font-size:10px}
  body.studio-hall .magic-bento-cell .flip-category svg{height:31px;width:31px;padding:7px;border-radius:9px}
  body.studio-hall .magic-bento-cell .tag{font-size:10px;padding:3px 6px}
  body.studio-hall .magic-bento-cell .flip-price strong{font-size:42px}
}
body.bento-motion-paused .magic-bento-home-card{transition:none!important;transform:none!important}
body.bento-motion-paused .magic-bento__light,body.bento-motion-paused .magic-bento__border{display:none}
@media(prefers-reduced-motion:reduce){.magic-bento-home-card,.magic-bento .entry-arrow{transition:none!important}.magic-bento__light,.magic-bento__border{display:none}}

/* One navy environment for the whole preview; no change to workflow or data. */
body:is(.studio-form,.studio-hall,.studio-admin,.studio-access):not(.studio-home){
  --bg:#101c33;--card:#171e2b;--ink:#edf2fc;--ink-2:#c5d0e2;--ink-3:#a7b6cd;--muted:#a7b6cd;
  --line:#c8d9f222;--green:#68cdb1;--ok:#68cdb1;--err:#ffa9b9;
  --ui-base:#101c33;--ui-surface:linear-gradient(150deg,#202735,#171e2b 52%,#131b29);
  --ui-well:#101827;--ui-ink:#edf2fc;--ui-muted:#b1bfd5;--ui-border:#d0dfff1c;
  background:#101c33;color:#edf2fc;color-scheme:dark;
}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .portal-strip,body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .site-header,body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .studio-header,
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .topbar{background:#101c33ed;border-color:var(--ui-border);color:var(--ui-ink);backdrop-filter:blur(18px)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .portal-strip :is(a,.portal-home),body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .site-header :is(.brand,.user-info),body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .studio-brand{color:#d8e3f5}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .portal-strip>div a:hover{color:#fff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .background-motion-toggle{background:#d6e5ff06;border-color:#c6d7fb29;color:#c5d6f5}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .background-motion-toggle:hover{background:#d6e5ff12;border-color:#c6d7fb60}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .header-manage{color:#d8e6ff;background:#d6e5ff06;border-color:#c6d7fb29}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .header-manage:hover{background:#d6e5ff12;color:white}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(h1,h2,h3,h4){color:var(--ui-ink)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.hero-sub,.hero-company,.progress-head,.privacy,.foot,.draft-status,.step-desc,.step-kicker,.help,.entry-note,.hall-intro p,.section-title p,.result-summary,.page-heading p,.aside-note,.helper-note,.auth-note,.auth-form .muted,.page-head p,.panel-title p,.muted,.access-intro,.access-note,.access-card>p,.access-steps span){color:var(--ui-muted)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.card,.contact-card,.stats,.account-stats,.filters,.aside-panel,.profile-card,.table-wrap,.panel,.section-card,.job-card,.stat-card,.empty,.access-card){
  background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:20px;box-shadow:0 22px 44px -30px #000c,inset 0 1px 0 #ffffff06;
}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .magic-bento-panel{position:relative;isolation:isolate;overflow:hidden;color:var(--ui-ink)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .magic-bento-panel>:not([data-bento-layer]){position:relative;z-index:2}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .magic-bento-panel .nav-row{position:sticky;z-index:5}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .entry-card{background:var(--ui-surface)!important;border-color:var(--ui-border);border-radius:20px;box-shadow:0 20px 40px -30px #000b}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .entry-card:hover{border-color:#b5caff66}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.entry-card p,.entry-heading p,.entry-route,.entry-route a,.entry-card-bottom,.cc-head p,.mc-name span,.mc-item .k,.cc-qr span,.contact-update,.hall-next p,.hall-next small,.submit-consent){color:var(--ui-muted)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.entry-route,.progress-wrap,.draft-status,.step-head,.nav-row,.entry-card-bottom,.step+.step,.cc-head,.sidebar-bottom,.table-toolbar,.modal-head,.modal-actions,.settings-save){border-color:var(--ui-border)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){
  background:var(--ui-well);color:#e6edf9;border-color:#d0dfff2a;caret-color:#c3d7ff;box-shadow:inset 0 2px 5px #00000012;
}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(input,textarea)::placeholder{color:#9aaac3;opacity:1}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(input,textarea,select):focus{background:#142035;border-color:#a9c6ff;box-shadow:0 0 0 3px #accaff14;outline:none}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.label,.field label,.field-label,.access-steps strong,.password-control>button,.field small,.mc-item .v){color:#c8d5e8}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.hint,.entry-tags span,#trackLabel,.up-tags .up-tag,.brand-symbol,.avatar,.entry-card-icon){background:#d7e5ff0a;border-color:#d0dfff1f;color:#b8cae8}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .pdot,body.has-pattern-waves.studio-form .pdot:not(.on):not(.done){color:#afbdd1}
body.has-pattern-waves.studio-form .preview-notice p{color:#bacbe6}
body.has-pattern-waves.studio-form .pct{color:#bdd3ff}
body.has-pattern-waves.studio-form .progress-wrap{background:transparent}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .pdot .pnum{background:#172338;color:#b2c6e7;border-color:#d0dfff29}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .pdot.on{background:#b5caff10;border-color:#bdd3ff38;color:#e0eaff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .pdot.on .pnum{background:#c5d6ff;color:#162741;border-color:#c5d6ff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .pdot.done{color:#b0decf}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .pdot.done .pnum{background:#8ed7bd12;color:#b0decf;border-color:#a8e9d333}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .pdot.done:hover{background:#d7e6ff09}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .progress-track{background:#e0eaff1a}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .progress-bar{background:#a9c4ff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .opt{background:#121c2c;border-color:#cbdcff24;color:#c0cee2}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .opt:hover{background:#1c2b42;border-color:#bed3ff54}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .opt:has(input:checked){background:#b8d0ff13;border-color:#abc8ff;color:#e5eeff;box-shadow:inset 0 0 0 .5px #abc8ff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .nav-row{background:#171e2bf5;box-shadow:0 -8px 18px #171e2bd9}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.btn.ghost,.btn.copy,.btn.secondary,.button:not(.primary):not(.green):not(.danger),.preview-notice button,.demo-notice button,.icon-button,.icon-btn){background:#d1e2ff08;color:#cfddf4;border-color:#cbdfff29;box-shadow:none}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.btn.ghost,.btn.copy,.btn.secondary,.button:not(.primary):not(.green):not(.danger),.preview-notice button,.demo-notice button,.icon-button,.icon-btn):hover{background:#d1e2ff12;border-color:#cbdfff55;color:#fff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.preview-notice,.demo-notice,.notice,.portfolio-banner,.hall-next,.access-chip,.access-card-top,.workflow){background:#b5caff0a;color:#c3d4ef;border-color:#c8daff26}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.preview-notice b,.demo-notice b,.section-title h2,.aside-panel h3,.detail-block h3,.brand,.workspace-brand,.breadcrumb b,.table-name,.order-title){color:#e2ebfb}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.upload-zone,.file-item,.file-link,.delivery,.mc-item,.protected-contact){background:#0f1929;border-color:#bcd2fa2b;color:#c4d2e9}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .upload-zone:hover,body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .upload-zone.drag{background:#1c2b44;border-color:#abcaff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.up-title,.up-sub,.up-icon){color:#adc2e5}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.cc-head,.mc-note){background:transparent}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .cc-qr img{background:white;border-color:#dce7ff33}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .field.invalid :is(input,textarea,select),body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.step-errors,.field-error){background:#352331;border-color:#e5a0b4;color:#ffd2dc}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.err-msg,.auth-error){color:#ffafc1}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.mc-note,.notice.green){background:#8ed7bd0b;color:#b3dfd0;border-color:#a9ebcf29}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .button.danger{background:#f0adc00a;border-color:#f0adc036;color:#ffc0ce}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .hall-rule{background:#d1e1ff05;border-color:#cbdcff1c;color:#bccce5}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .stat{background:transparent;color:#c5d1e4}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .stat+.stat{border-color:var(--ui-border)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .stat:hover{background:#c7d9ff07}
body.has-pattern-waves.studio-hall .stat:focus-visible{outline-offset:-4px}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .stat>b{color:#eef4ff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .stat :is(span,small,i){color:#adbed8}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .filter{color:#acbdd7}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .filter.on,body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .filter:hover{background:#bdd2ff12;border-color:#bcd3ff38;color:#e1ecff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .aside-step>b{background:#d2e2ff0a;color:#adc7ef}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .aside-step strong{color:#d1ddf0}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.aside-step p,.aside-note,.result-summary,footer,.text-button,.locked,.detail-block p,.detail-price small,.timeline-item,.timeline-item small){color:#afc0da}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .site-header #nav button{color:#adbed8}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .site-header #nav button.on{color:#dae7ff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .table-wrap :is(th,td),body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .data-table :is(th,td){background:transparent;color:#bdcde4;border-color:#c4d8f21a}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.table-wrap,.data-table) th{background:#b5d0ff07;color:#adbfdb}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.table-wrap,.data-table) tr:hover td{background:#c4d8ff06}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.money,.detail-price,.stat-number){color:#c0d4ff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) dialog#modal{background:#182132;border-color:#d0dfff26;color:#d4e0f3;box-shadow:-15px 0 60px #0005}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) dialog#modal.auth-dialog{border-radius:20px;background:var(--ui-surface)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.modal-head,.modal-actions){background:#182132f5;border-color:var(--ui-border)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) dialog::backdrop{background:#050c1a94;backdrop-filter:blur(9px)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.locked,.detail-price,.timeline){border-color:#c5d9ff26}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .locked{background:#d0e1ff05}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .access-card-top{border-radius:14px}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .access-steps b{background:#d6e5ff08;color:#b9cff2;border-color:#c7d9ff2b}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .access-steps li:after{background:#c7d9ff26}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .owner-access{border-color:var(--ui-border)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .owner-access summary{color:#bfd0e9}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.auth-screen,.main){background:transparent}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .auth-decoration{background:linear-gradient(145deg,#16253eaa,#101c3366);border-right:1px solid #c7d9ff16}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .sidebar{background:#121e34f2;border-color:var(--ui-border)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.sidebar-label,.nav-item,.breadcrumb,.stat-label,.save-indicator,.panel-title p,.auth-note){color:#adbfdb}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .nav-item.active,body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .nav-item:hover{background:#c4d7ff0d;color:#dce9ff}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.sidebar-tip,.settings-aside,.settings-content,.question-item){background:#d4e4ff05;border-color:var(--ui-border);color:#c9d8ed}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.sidebar-tip b,.sidebar-tip p){color:#b6c9e6}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .track-filter{background:#d3e5ff06;border-color:var(--ui-border);color:#bfd0e9}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .track-filter.active{background:#b7d1ff16;border-color:#c7dcff50;color:#e0ecff}
body.has-pattern-waves.studio-admin .track-tabs{background:#d1e3ff07;border:1px solid #d1e3ff1a;border-radius:12px}
body.has-pattern-waves.studio-admin .track-tabs button{color:#b4c6e2;background:transparent}
body.has-pattern-waves.studio-admin .track-tabs button.active{background:#d4e3ff12;color:#e5efff;box-shadow:inset 0 1px 0 #ffffff0a}
body.has-pattern-waves.studio-admin .track-tabs button :is(b,small){background:#cfdeff12;color:#c1d3ef}
body.has-pattern-waves.studio-admin .text-btn{color:#bfd4ff}
body.has-pattern-waves.studio-admin :is(.stat-meta,.table-footer,.bar-label,.bar-label strong,.mini-title small,.channel-card p,.settings-aside .mini-card p,.question-summary small,.settings-save p,.branch-summary,.job-card p){color:#adbed8}
body.has-pattern-waves.studio-admin :is(.stat-meta strong,.job-card .eyebrow){color:#bdcfee}
body.has-pattern-waves.studio-admin .job-card:after{display:none}
body.has-pattern-waves.studio-admin .job-status{color:#9cdbc7}
body.has-pattern-waves.studio-admin :is(.quick-guide,.settings-group-label,.contact-block){background:#d3e3ff06;border-color:var(--ui-border);color:#b9cce8}
body.has-pattern-waves.studio-admin :is(.contact-row,.contact-row span,.profile-head p,.workspace-footer){color:#b4c7e3}
body.has-pattern-waves.studio-admin .bar-track{background:#d3e3ff0d}
body.has-pattern-waves.studio-admin dialog{background:#182132;color:#d8e5f7;border-color:var(--ui-border)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .drawer{background:#182132;color:#d5e1f3;border-color:var(--ui-border)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.drawer-head,.drawer-footer){background:#182132;border-color:var(--ui-border)}
body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) :is(.btn,.button,.filter,.pdot,.opt,.icon-btn,.icon-button,a,input,select,textarea):focus-visible{outline:2px solid #bfd4ff;outline-offset:3px}

/* The previously missed homepage process block: one material card, three clear wells. */
#process{scroll-margin-top:100px}
@media(max-width:370px){body.immersive-home .studio-brand{font-size:14px}}
body.immersive-home .journey-board{background:none;border:0;border-radius:0;backdrop-filter:none;box-shadow:none;padding:0;overflow:visible}
body.immersive-home .journey-tabs{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;background:none;border:0}
body.immersive-home .journey-tabs button{padding:15px 10px;min-height:54px;border:1px solid #d6e2ff1b;border-radius:13px;background:linear-gradient(150deg,#292f3c,#1a212f);color:#bccbe1;box-shadow:inset 0 1px 0 #ffffff07;font-size:12px;gap:8px}
body.immersive-home .journey-tabs b{color:#9bb3d8;font-weight:500}
body.immersive-home .journey-tabs button[aria-selected=true]{background:linear-gradient(180deg,#fafcff,#dfe8f9);border-color:#eef4ff;color:#20314c;box-shadow:inset 0 1px 0 #fff,0 6px 18px -12px #000b}
body.immersive-home .journey-tabs button[aria-selected=true] b{color:#47658f}
body.immersive-home .journey-tabs button:not(:disabled):hover{background:#344056;border-color:#c6daff44;color:#f1f6ff}
body.immersive-home .journey-tabs button[aria-selected=true]:hover{background:#fff;color:#20314c}
body.immersive-home .journey-panel{padding:0;min-height:0}
body.immersive-home .journey-sheet{position:relative;isolation:isolate;overflow:hidden;min-height:310px;padding:30px;border:0;border-radius:20px;background:var(--mb-surface);color:#eff4fc;box-shadow:var(--mb-shadow);display:grid;grid-template-columns:58px minmax(0,1fr);gap:26px 20px;align-content:start}
body.immersive-home .journey-sheet>:not([data-bento-layer]){position:relative;z-index:2}
body.immersive-home .journey-sheet .sheet-icon{display:grid;place-items:center;margin:0;width:58px;height:58px;border:1px solid #e1ebff1f;border-radius:16px;background:linear-gradient(145deg,#414c5c,#283344);color:#c8dcff;box-shadow:inset 0 1px 0 #fff2,0 8px 14px -10px #000b}
body.immersive-home .journey-sheet .sheet-icon svg{height:29px;width:29px}
body.immersive-home .journey-sheet h2{margin:2px 0 11px;font-size:22px;font-weight:600;color:#f0f5ff;line-height:1.5}
body.immersive-home .journey-sheet p{margin:0;color:#b3c1d6;font-size:13px;line-height:1.9}
body.immersive-home .journey-sheet ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0;margin:2px 0 0;border:0}
body.immersive-home .journey-sheet li{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;min-height:105px;margin:0;padding:18px 16px;border:1px solid #d3e2ff12;border-radius:12px;background:#e0ebff04;color:#aebed7}
body.immersive-home .journey-sheet li:before{display:none}
body.immersive-home .journey-sheet li span{color:#aebed7;font-size:12px}
body.immersive-home .journey-sheet li b{color:#d9e5f7;font-size:12px;font-weight:500;line-height:1.7}
body.immersive-home .journey-sheet.alternate{grid-template-columns:58px minmax(0,1fr);gap:14px 20px}
body.immersive-home .journey-sheet.alternate .sheet-icon{grid-column:1;grid-row:1/span 2}
body.immersive-home .journey-sheet.alternate h2{grid-column:2;margin:2px 0 0}
body.immersive-home .journey-sheet.alternate p{grid-column:2}
body.immersive-home .journey-sheet :is(.protected-contact,.mini-workflow){grid-column:1/-1;padding:20px;border:1px solid #d3e2ff15;border-radius:12px;background:#e0ebff04;color:#c6d6ed;margin-top:13px}
body.immersive-home .journey-sheet .mini-workflow span{background:linear-gradient(150deg,#414b5e,#2a3547);border-color:#d1e2ff1a;color:#dce8fb;border-radius:9px;padding:10px 18px}
body.immersive-home .journey-sheet .mini-workflow i{background:#c8dcff2c}
body.immersive-home .board-caption{margin:0;padding:17px 8px 0;color:#b4c8e6;font-size:12px;background:none;border:0}
@media(max-width:730px){
  body.has-pattern-waves.studio-form .progress-wrap{background:#101c33f0;backdrop-filter:blur(16px);border-radius:0}
  body.immersive-home .journey-tabs{gap:6px}
  body.immersive-home .journey-tabs button{font-size:11px;gap:5px;padding:12px 6px;min-height:50px;border-radius:10px}
  body.immersive-home .journey-sheet{padding:24px;gap:22px 15px;grid-template-columns:49px minmax(0,1fr);min-height:0}
  body.immersive-home .journey-sheet h2{font-size:19px;margin-top:0}
  body.immersive-home .journey-sheet p{font-size:12px}
  body.immersive-home .journey-sheet .sheet-icon{width:49px;height:49px;border-radius:14px}
  body.immersive-home .journey-sheet ul{grid-template-columns:minmax(0,1fr);gap:9px}
  body.immersive-home .journey-sheet li{min-height:65px;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:16px}
  body.immersive-home .journey-sheet.alternate{grid-template-columns:49px minmax(0,1fr);gap:12px 15px}
  body.immersive-home .journey-sheet.alternate p{grid-column:1/-1;margin-top:7px}
  body.immersive-home .journey-sheet .mini-workflow{padding:16px 10px}
  body.immersive-home .journey-sheet .mini-workflow span{padding:9px 13px;font-size:12px}
  body.has-pattern-waves:is(.studio-form,.studio-hall,.studio-admin,.studio-access) .stat:nth-child(-n+2){border-color:var(--ui-border)}
}
@media(max-width:370px){body.immersive-home .journey-sheet{padding:20px}.journey-sheet li b{max-width:55%;text-align:right}body.immersive-home .journey-tabs button{font-size:10px;gap:4px}body.immersive-home .journey-tabs b{font-size:11px}}

/* Three equal destinations, kept in the existing opening timeline. */
body.has-portfolio .hero-actions.hero-entry-grid{
  width:min(1100px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;justify-content:stretch;gap:14px;margin:12px 0 0;
}
body.immersive-home .hero-entry-grid .hero-entry{
  position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 32px;gap:15px;align-items:center;
  min-width:0;min-height:116px;padding:24px;border:0;border-radius:17px;overflow:hidden;isolation:isolate;
  color:#edf3ff;background:var(--mb-surface,linear-gradient(150deg,#242c3a,#151d2a));
  box-shadow:0 18px 35px -25px #000b;
  transform:perspective(1000px) rotateX(var(--mb-rx,0deg)) rotateY(var(--mb-ry,0deg)) scale(var(--mb-press,1));
  transition:box-shadow .35s ease;color-scheme:dark;text-decoration:none;
}
body.immersive-home .hero-entry-grid .hero-entry:hover{box-shadow:0 24px 45px -25px #000d}
body.immersive-home .hero-entry-grid .hero-entry:focus-visible{outline:2px solid #c5d8ff;outline-offset:4px}
body.immersive-home .hero-entry-grid .hero-entry>:not([data-bento-layer]){position:relative;z-index:2}
.hero-entry-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e1ebff1c;border-radius:13px;background:linear-gradient(145deg,#404b5d,#263244);color:#c2d4f4;box-shadow:inset 0 1px 0 #ffffff1a,0 7px 12px -9px #000b}
.hero-entry-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linejoin:round;stroke-linecap:round}
.hero-entry-title{font-size:17px;font-weight:550;line-height:1.6;letter-spacing:-.2px;overflow-wrap:anywhere;text-align:left}
.hero-entry-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d0e1ff24;border-radius:50%;background:#d0e1ff04;color:#becfee;transition:background .35s,border-color .35s}
.hero-entry-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;transition:transform .4s cubic-bezier(.2,.75,.25,1)}
.hero-entry:hover .hero-entry-arrow{background:#d0e1ff10;border-color:#d0e1ff55}
.hero-entry:hover .hero-entry-arrow svg{transform:translateX(2px)}
@media(max-width:1050px){
  body.immersive-home .hero-entry-grid .hero-entry{grid-template-columns:minmax(0,1fr) 29px;gap:12px;min-height:104px;padding:22px}
  .hero-entry-icon{display:none}
  .hero-entry-title{font-size:16px}
  .hero-entry-arrow{width:29px;height:29px}
}
@media(min-width:731px) and (max-width:950px){.hero-entry-title{font-size:15px}}
@media(max-width:730px){
  body.has-portfolio .hero-actions.hero-entry-grid{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:16px;width:100%}
  body.immersive-home .hero-entry-grid .hero-entry{grid-template-columns:40px minmax(0,1fr) 30px;gap:14px;min-height:90px;padding:20px 22px;border-radius:15px}
  .hero-entry-icon{display:grid;width:40px;height:40px;border-radius:12px}
  .hero-entry-icon svg{width:22px;height:22px}
  .hero-entry-title{font-size:17px}
  .hero-entry-arrow{width:30px;height:30px}
}
@media(max-width:370px){
  body.immersive-home .hero-entry-grid .hero-entry{grid-template-columns:34px minmax(0,1fr) 27px;gap:12px;min-height:84px;padding:18px;border-radius:14px}
  .hero-entry-icon{width:34px;height:34px;border-radius:10px}
  .hero-entry-icon svg{width:19px;height:19px}
  .hero-entry-title{font-size:15px}
  .hero-entry-arrow{width:27px;height:27px}
}
@media(prefers-reduced-motion:reduce){.hero-entry,.hero-entry-arrow,.hero-entry-arrow svg{transition:none!important}}

/* Keep the curve, but avoid compositing sides that cannot reach the camera. */
.circular-carousel__side{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}
.circular-carousel__side[hidden]{display:none!important}
/* The glow texture is static; only its transform and opacity follow the pointer. */
.magic-bento-surface>.magic-bento__light{
  inset:auto;left:0;top:0;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle closest-side,rgba(var(--mb-glow-rgb),var(--mb-spot-alpha)) 0%,rgba(var(--mb-glow-rgb),calc(var(--mb-spot-alpha)*.837)) 30%,rgba(var(--mb-glow-rgb),calc(var(--mb-spot-alpha)*.317)) 60%,rgba(var(--mb-glow-rgb),0) 100%);
  transform:translate3d(calc(var(--mb-x,-999px) - 300px),calc(var(--mb-y,-999px) - 300px),0);
  opacity:var(--mb-hot,0);contain:paint;
}
/* Promote only active pieces. Static content does not need permanent GPU layers. */
.agency-home .english-word,.agency-home .title-mask .tech-line,.agency-home .journey-board{will-change:auto}
.agency-section[data-reveal=playing] .english-word,.agency-section[data-reveal=playing] .journey-board{will-change:transform,clip-path}
.circular-carousel__ring{will-change:transform}
.portfolio-region{will-change:auto}
body[data-opening=playing] .portfolio-region{will-change:transform,clip-path}
@media(prefers-reduced-motion:reduce){.circular-carousel__ring{will-change:auto}}

/* React Bits DriftWall, adapted to square original artwork and the studio palette. */
.has-portfolio .drift-portfolio-region{width:90vw;height:clamp(390px,36vw,550px);margin-block:8px 0;isolation:isolate}
.drift-wall{
  --dw-tile-w:220px;--dw-gap:20px;--dw-radius:10px;--dw-lift:44px;--dw-dim:.96;--dw-overlay:#101c33;
  position:relative;width:100%;height:100%;overflow:hidden;perspective:1400px;perspective-origin:50% 50%;
  touch-action:pan-y pinch-zoom;outline:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent);
  mask-composite:intersect;
}
.drift-wall:focus-visible{outline:2px solid #c9d9f8;outline-offset:-12px;border-radius:12px}
.drift-wall__plane{position:absolute;left:50%;top:50%;display:flex;gap:var(--dw-gap);transform-style:preserve-3d;transform-origin:50% 50%}
.drift-wall__col{position:relative;width:var(--dw-tile-w);flex:0 0 var(--dw-tile-w);transform-style:preserve-3d}
.drift-wall__track{display:flex;flex-direction:column;gap:var(--dw-gap);transform-style:preserve-3d}
.drift-wall__tile{
  position:relative;display:block;flex:0 0 var(--dw-tile-w);width:100%;height:var(--dw-tile-w);
  margin:0;padding:0;border:0;border-radius:var(--dw-radius);background:transparent;color:inherit;
  transform-style:preserve-3d;cursor:zoom-in;outline:none;box-shadow:none;isolation:auto;
}
body .drift-wall__tile:hover,body .drift-wall__tile:active{transform:none;filter:none;background:transparent;box-shadow:none}
.drift-wall__tile::before,.drift-wall__tile::after{display:none!important}
.drift-wall__inner{position:absolute;inset:0;display:block;border-radius:var(--dw-radius);overflow:hidden;background:#15223a;opacity:var(--dw-dim);transform:translateZ(0);pointer-events:none;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s cubic-bezier(.22,1,.36,1);box-shadow:0 14px 35px -16px #0008}
.drift-wall__tile img{width:100%;height:100%;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}
.drift-wall__overlay{position:absolute;inset:0;background:var(--dw-overlay);opacity:.055;pointer-events:none;transition:opacity .6s cubic-bezier(.22,1,.36,1)}
.drift-wall__tile.is-active{z-index:2}
.drift-wall__tile.is-active .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift)) scale(1.025)}
.drift-wall__tile.is-active .drift-wall__overlay{opacity:0}
.drift-wall[data-motion=flowing] .drift-wall__plane,.drift-wall[data-motion=flowing] .drift-wall__track{will-change:transform}
.artwork-viewer-open{overflow:hidden}
dialog.artwork-viewer{
  width:min(930px,calc(100vw - 48px));max-width:none;height:auto;max-height:calc(100dvh - 40px);
  padding:0;inset:0;margin:auto;overflow:auto;border:1px solid #d2e3ff25;border-radius:18px;
  color:#edf3ff;background:#101c33;box-shadow:0 30px 100px #0009;color-scheme:dark;
}
.artwork-viewer::backdrop{background:#07101fdb;backdrop-filter:blur(12px)}
.artwork-viewer__shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 42px);padding:20px;gap:14px}
.artwork-viewer header,.artwork-viewer footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.artwork-viewer header>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;min-width:0}
.artwork-viewer h2{margin:0;font-size:17px;line-height:1.5;font-weight:550;letter-spacing:0;color:#edf3ff}
.artwork-viewer__count,.artwork-viewer footer>span{font-size:12px;line-height:1.6;color:#b6c5df}
.artwork-viewer figure{display:flex;justify-content:center;align-items:center;margin:0;min-height:0;overflow:hidden;border-radius:7px;background:#0a1427}
.artwork-viewer figure img{display:block;max-width:100%;max-height:calc(100dvh - 208px);width:auto;height:auto;object-fit:contain;min-height:0}
.artwork-viewer button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:11px;border:1px solid #d3e4ff2b;border-radius:50%;color:#dce9ff;background:#d2e1ff08;box-shadow:none;transition:background .25s,border-color .25s}
.artwork-viewer button:hover{background:#d2e1ff20;border-color:#d3e4ff6b;transform:none;filter:none}
.artwork-viewer button:focus-visible{outline:2px solid #c4d8ff;outline-offset:3px}
.artwork-viewer button svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1600px){.has-portfolio .drift-portfolio-region{height:clamp(500px,33vw,660px)}}
@media(max-width:950px){.has-portfolio .drift-portfolio-region{height:390px}}
@media(max-width:730px){.has-portfolio .drift-portfolio-region{height:340px;width:calc(100% + 24px);margin:4px -12px 0}.drift-wall{--dw-radius:7px;--dw-lift:20px;perspective:1100px}.artwork-viewer__shell{padding:14px;gap:12px}.artwork-viewer header>div{gap:4px 12px}.artwork-viewer h2{font-size:15px}dialog.artwork-viewer{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:14px}.artwork-viewer figure img{max-height:calc(100dvh - 200px)}.artwork-viewer__shell{max-height:calc(100dvh - 26px)}}
@media(max-width:370px){.has-portfolio .drift-portfolio-region{height:310px}}
@media(prefers-reduced-motion:reduce){.drift-wall__inner,.drift-wall__overlay{transition:none}.drift-wall__tile.is-active .drift-wall__inner{transform:none}.drift-wall__plane,.drift-wall__track{will-change:auto!important}}

.studio-order-login .onboarding-main{align-items:start;gap:64px;margin-block:60px 76px}
body.studio-access .studio-header nav a{color:#b6c8e4}body.studio-access .studio-header nav a.active,body.studio-access .studio-header nav a:hover{color:#edf3ff}body.studio-access .studio-brand>svg{color:#d6e5ff}body.studio-access .header-manage{color:#dce9ff;border-color:#c5d8ff30}
.onboarding-complete{display:flex;align-items:center;gap:9px;color:#a5daca;font-size:13px;line-height:1.6}
.onboarding-complete svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.studio-order-login .access-context h1{font-size:clamp(32px,3.6vw,47px);line-height:1.25;margin:22px 0 20px;color:#eff4ff}
.studio-order-login .access-intro{font-size:15px;line-height:1.9;color:#b7c8e2}
.onboarding-contact{margin-top:30px;padding:24px;border:1px solid #bcd5ff26;border-radius:16px;background:linear-gradient(145deg,#17243a,#111e33);color:#dfe9fb}
.onboarding-contact [hidden],.studio-order-login [hidden]{display:none!important}
.onboarding-contact #contactStatus{margin:0;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.onboarding-person{display:flex;align-items:center;gap:14px}
.onboarding-person img{width:56px;height:56px;object-fit:cover;border-radius:13px;flex-shrink:0}
.onboarding-person strong{font-size:19px;font-weight:600}.onboarding-person p{margin:3px 0 0;font-size:12px;color:#a8bad5}
.onboarding-wechat{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding-top:20px;border-top:1px solid #d1e2ff1a}
.onboarding-wechat>div{min-width:0}.onboarding-wechat span{display:block;color:#a8bad5;font-size:12px;margin-bottom:5px}.onboarding-wechat strong{display:block;font-size:20px;line-height:1.5;letter-spacing:.2px;overflow-wrap:anywhere;user-select:all}
.onboarding-wechat .studio-button{flex-shrink:0;min-height:44px;font-size:12px;padding:11px 15px;border:1px solid #c5dbff40;border-radius:9px;color:#e1edff;background:#d0e2ff0a}
.onboarding-qr{display:block;width:min(240px,100%);height:auto;max-height:none;margin:24px auto 0;border-radius:10px;object-fit:contain}
.onboarding-contact-hint{font-size:12px;line-height:1.8;color:#a8bad5;text-align:center;margin:14px 0 0}
.onboarding-retry{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:8px 14px;border:1px solid #c5dbff40;border-radius:8px;color:#e1edff;background:#d0e2ff0a}
.studio-order-login .onboarding-login-card{padding:36px;border-radius:20px;position:sticky;top:106px;align-self:start}
.onboarding-lock{display:grid;place-items:center;width:48px;height:48px;border:1px solid #cfdeff26;border-radius:13px;background:#ccdcff08;color:#bcd1f4;margin-bottom:27px}
.onboarding-lock svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.studio-order-login .onboarding-login-card h2{font-size:25px;margin-bottom:14px}.studio-order-login .onboarding-login-card>p{font-size:14px;line-height:1.85;color:#b4c6e0}
#designerLogin{display:grid;gap:21px;margin-top:28px}#designerLogin>label{display:grid;gap:10px;font-size:13px;font-weight:500;color:#cfddf2}
#designerLogin input{width:100%;min-width:0;min-height:50px;padding:13px 14px;font-size:15px;line-height:1.5;border:1px solid #c5d8fb2d;border-radius:10px;background:#0e1a2d;color:#e8f1ff;box-sizing:border-box}
#designerLogin input:focus{outline:2px solid #9dbff18c;outline-offset:2px}#designerLogin input::placeholder{color:#8194b2}
#designerLogin .password-control{position:relative;display:flex;min-width:0}#designerLogin .password-control input{padding-right:62px}#designerLogin .password-control button{position:absolute;right:4px;top:3px;min-height:44px;min-width:50px;padding:8px;font-size:12px;background:transparent;color:#b7cae8;border:0}
#designerLogin>.studio-button{justify-content:center;min-height:52px;width:100%;padding:15px 18px;font-size:14px;border-radius:10px}
.onboarding-error{margin:0;padding:12px 14px;border:1px solid #ffb1bd42;border-radius:9px;color:#ffc0c9;background:#9a29331a;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.studio-order-login .onboarding-login-card>.onboarding-account-note{font-size:12px;margin:23px 0 0;padding-top:20px;border-top:1px solid #d1e2ff1a;color:#9fb3d1;line-height:1.8}
.studio-order-login button:focus-visible{outline:2px solid #c1d7ff;outline-offset:3px}
@media(max-width:950px){.studio-order-login .onboarding-main{gap:30px}.studio-order-login .onboarding-login-card{padding:28px}.onboarding-wechat{align-items:start;flex-direction:column;gap:13px}}
@media(max-width:730px){.studio-order-login .onboarding-main{grid-template-columns:1fr;margin-block:30px 45px;gap:25px}.studio-order-login .access-context h1{font-size:35px;margin-block:18px}.studio-order-login .access-intro{font-size:14px}.onboarding-contact{margin-top:22px;padding:22px}.onboarding-wechat{flex-direction:row;align-items:center;gap:10px}.onboarding-wechat strong{font-size:18px}.onboarding-wechat .studio-button{padding:10px 12px;font-size:11px}.studio-order-login .onboarding-login-card{position:static;padding:26px;border-radius:16px}.studio-order-login .onboarding-login-card h2{font-size:22px}.onboarding-lock{margin-bottom:21px}.onboarding-qr{width:220px}#designerLogin input{font-size:16px}}
@media(max-width:370px){.onboarding-contact{padding:18px}.onboarding-wechat{flex-direction:column;align-items:start}.onboarding-wechat strong{font-size:19px}.studio-order-login .onboarding-login-card{padding:22px}}