/* The brief opens as a focused, cinematic chapter. Dimension brand stays anchored. */
.focus-shell{min-height:100svh;background:var(--ds-canvas)}
.focus-chrome{position:relative;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.focus-chrome .app-header{display:flex;min-height:87px;padding-top:0;padding-bottom:0}
.focus-chrome .brand{grid-area:auto;justify-self:start}
.focus-main{max-width:1440px;padding-top:15px;padding-bottom:50px;animation:none}
.focus-main .intake{min-height:calc(100svh - 152px);padding:12px 0 45px}
.focus-intake .stepper{margin-bottom:clamp(24px,4vh,48px)}
.focus-intake .orb-wrap{padding:12px 0 30px}
.focus-intake .florence-orb{width:clamp(150px,16vw,200px);height:clamp(150px,16vw,200px)}
.focus-intake .brain{font-size:clamp(76px,8vw,100px)}
.focus-intake h1{font-size:clamp(58px,6.6vw,96px);margin:24px 0 18px}
.focus-intake .intake>p{font-size:14px;max-width:570px;line-height:1.8}
.focus-intake .intake-form{margin-top:36px;max-width:530px}
.focus-main .stepper{animation:focus-rise 650ms 80ms cubic-bezier(.16,1,.3,1) both}
.focus-main .orb-wrap{animation:focus-orb-arrive 1000ms 100ms cubic-bezier(.16,1,.3,1) both}
.focus-intake .intake>.eyebrow{animation:focus-rise 650ms 220ms cubic-bezier(.16,1,.3,1) both}
.focus-main h1{animation:focus-rise 850ms 280ms cubic-bezier(.16,1,.3,1) both}
.focus-intake .intake>p,.focus-processing .intake>p{animation:focus-rise 700ms 380ms cubic-bezier(.16,1,.3,1) both}
.focus-intake .intake-form{animation:focus-rise 800ms 440ms cubic-bezier(.16,1,.3,1) both}
.focus-processing .processing-orb-wrap{animation:focus-orb-arrive 950ms cubic-bezier(.16,1,.3,1) both}
.focus-processing .orb-inner{animation:morph 2s ease-in-out infinite}
.focus-processing .progress-line,.focus-processing .intake>.btn{animation:focus-rise 600ms 420ms cubic-bezier(.16,1,.3,1) both}
.focus-scan>.page-heading,.focus-brief>.page-heading{animation:focus-rise 700ms 100ms cubic-bezier(.16,1,.3,1) both}
.focus-scan>.florence-note,.focus-brief>.florence-note{animation:focus-rise 650ms 220ms cubic-bezier(.16,1,.3,1) both}
.focus-scan>.processing-list,.focus-scan>.scan-grid,.focus-brief>#brief-form{animation:focus-rise 750ms 300ms cubic-bezier(.16,1,.3,1) both}
.chrome-return .app-header>:not(.brand),.chrome-return .project-navigation{animation:focus-rise 650ms 100ms cubic-bezier(.16,1,.3,1) both}
@keyframes focus-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes focus-orb-arrive{from{opacity:0;transform:translateY(22px) scale(.88);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(min-width:900px) and (min-height:1000px){.focus-main{padding-top:35px}.focus-intake .orb-wrap{padding-bottom:36px}.focus-intake h1{margin-top:30px}}
@media(max-width:800px){.focus-chrome .app-header{padding:0 22px;min-height:80px}.focus-main{padding:10px 22px 40px}.focus-main .intake{min-height:calc(100svh - 130px)}.focus-intake .intake>p{font-size:13px}.focus-intake h1{font-size:clamp(51px,9vw,76px)}}
@media(max-width:500px){.focus-chrome .app-header{min-height:76px;gap:0}.focus-intake .stepper{margin-bottom:30px}.focus-intake .orb-wrap{padding:12px 0 26px}.focus-intake .florence-orb{width:150px;height:150px}.focus-intake h1{font-size:clamp(46px,12vw,60px);margin-top:20px}.focus-intake .intake>p{font-size:12px;max-width:330px}.focus-intake .intake-form{margin-top:28px}.focus-main .intake{padding-top:10px}.focus-brief .page-heading h1{font-size:43px}}
@media(max-width:380px){.focus-chrome .app-header{padding-left:16px;padding-right:16px;min-height:70px}.focus-main{padding-left:16px;padding-right:16px}.focus-intake h1{font-size:43px}.focus-intake .stepper{gap:6px}.focus-intake .stepper i{width:9px}}
@media(prefers-reduced-motion:reduce){.focus-main *,.chrome-return *{animation:none!important;transition:none!important}.focus-main .orb-wrap,.focus-main h1{opacity:1;transform:none;filter:none}}