/* Local font and original vault mark; no remote fonts or images. */
@font-face{font-family:USuiteScript;src:url('fonts/AlexBrush-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.brand .brand-wordmark{font-family:USuiteScript,"Brush Script MT",cursive;font-weight:400;font-size:42px;line-height:1.25;letter-spacing:0;white-space:nowrap;overflow-wrap:normal}
.auth-story .brand-wordmark{font-size:52px}
.brand .vault-mark,.vault-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;padding:0;overflow:hidden;background:none!important;box-shadow:none!important;border-radius:11px}
.vault-mark img{display:block;width:100%;height:100%;object-fit:contain}
.auth-story .vault-mark{width:44px;height:44px}
.mfa-gate .vault-mark{width:54px;height:54px}
.area-switch button{gap:5px;padding:8px 6px;font-size:10.5px;white-space:nowrap}
/* Compact module choices float directly on the user's workspace. */
.start-choices{max-width:780px;gap:28px;margin:20px 0 38px}
.start-choice,.start-choice:hover{padding:0;border:0;background:transparent;box-shadow:none;color:var(--workspace-panel-ink,var(--ink));border-radius:20px;overflow:visible;transition:transform .18s}
.start-choice:hover{transform:translateY(-3px)}
.start-choice:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
.start-choice-art{height:155px;border-radius:20px;margin-bottom:17px;box-shadow:0 8px 24px #17284c14}
.start-choice-art .icon{width:64px;height:64px}
.start-choice-title{font-size:22px;letter-spacing:-.5px}
.start-choice-title>span,.start-choice-copy{color:var(--workspace-panel-muted,var(--muted))}
.start-choice-copy{margin-top:9px;font-size:12px;line-height:1.7;min-height:42px}
.start-choice-link{margin-top:14px;color:var(--workspace-panel-ink,var(--ink));font-size:11px}
/* Share the Media-Suite's full-size Finder artwork in Cloud grid and list. */
.cloud-as-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.cloud-as-grid .cloud-item[data-kind=folder] .cloud-open{padding:0;gap:0}
.cloud-as-grid .cloud-item[data-kind=folder] .cloud-item-art{width:100%;height:auto;aspect-ratio:1.45}
.cloud-item-art .folder-art{position:relative;display:block;flex:none;width:100%;height:auto}
.cloud-as-grid .cloud-item[data-kind=folder] .cloud-name{width:100%;padding:0 16px 10px}
.cloud-as-list .cloud-item-art .folder-art{width:44px;height:auto}
.cloud-share-open>.finder-folder>svg{width:100%!important;height:100%!important}
@media(max-width:1100px){.start-choices{max-width:680px;gap:22px}.start-choice-art{height:140px}.cloud-as-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media(max-width:650px){
 .brand .brand-wordmark{font-size:39px}.auth-story .brand-wordmark{font-size:48px}
 .start-choices{grid-template-columns:minmax(0,1fr);gap:26px;max-width:430px;margin:18px 0 30px}
 .start-choice{grid-template-columns:76px minmax(0,1fr);gap:0 17px;padding:0;border-radius:17px}
 .start-choice-art{width:76px;height:104px;margin:0;border-radius:17px}
 .start-choice-art .icon{width:43px;height:43px}
 .start-choice-title{font-size:20px}.start-choice-copy{font-size:12px;margin-top:6px;min-height:0}.start-choice-link{margin-top:10px}
 .cloud-as-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .cloud-as-grid .cloud-item[data-kind=folder] .cloud-name{padding:0 9px 10px}
}
@media(max-height:550px) and (min-width:651px){.start-choice-art{height:90px}.start-choice-art .icon{width:48px;height:48px}.start-choice-copy{min-height:0}.start-choice{padding:0}}
@media(prefers-reduced-motion:reduce){.start-choice{transition:none}.start-choice:hover{transform:none}}

/* Three Suite areas, with the document module below the two compact switches. */
.area-switch #area-documents{grid-column:1/-1}.start-choices{max-width:1100px;grid-template-columns:repeat(3,minmax(0,1fr))}.start-documents .start-choice-art{background:linear-gradient(135deg,#d8eee0,#a4c8b7)}
@media(max-width:1000px) and (min-width:651px){.start-choices{gap:18px}.start-choice-title{font-size:19px}.start-choice-art{height:130px}}
@media(max-width:650px){.start-choices{grid-template-columns:minmax(0,1fr);max-width:430px}}