:root{font-size:16px;font-family:var(--font-body);color:var(--color-text)}.brand .brand-symbol{display:block;width:var(--brand-size);height:auto;flex:none}.header{padding:var(--space-8) var(--menu-offset-side)}.brand{font-family:var(--font-heading);font-size:var(--text-28);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.welcome h1{font-family:var(--font-heading);font-size:var(--type-section);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.intro-copy{font-size:var(--type-body);line-height:var(--leading-body);margin-block:var(--space-6) var(--space-8)}.intro-name,.header nav button,.room-name,.setting-note,.dialog-header,.welcome-bottom{font-size:var(--type-ui);line-height:var(--leading-ui)}.pause h2,.dialog-header h2,.art-body h2{font-family:var(--font-heading);font-size:var(--type-subheading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.primary{min-height:var(--control-height);padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-inverse-text)}.pause>div,.art-body aside{padding:var(--space-10)}@media(max-width:700px){.header{padding:var(--space-5) var(--menu-offset-side)}.pause>div,.art-body aside{padding:var(--space-6)}.header nav button,.header nav button:last-child,.header nav .return-site{min-height:var(--control-height);display:flex;align-items:center}.header nav{gap:0}.welcome{overflow-y:auto}.dialog-header{flex-shrink:0}.dialog-header button,.art-footer button,.art-zoom-controls button,.text-button{min-height:var(--control-height)}}@media(max-height:500px)and (orientation:landscape){.welcome{overflow-y:auto}.welcome-content{margin-block:var(--space-24) var(--space-20)}.welcome h1{font-size:var(--type-subheading)}.intro-copy{margin-block:var(--space-3)}}:is(.site-header,.header) .brand{display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.brand .brand-name{display:flex;flex-direction:column;font-family:var(--font-heading);font-size:var(--text-24);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.brand .brand-name>span{font:inherit;color:inherit;letter-spacing:inherit}.brand .brand-name>span:first-child{font-size:var(--text-20)}@media(max-width:700px){:is(.site-header,.header) .brand{flex-direction:row;align-items:center;gap:var(--space-2)}.brand .brand-name{font-size:var(--text-20)}.brand .brand-name>span:first-child{font-size:var(--text-18)}}