/* Supplied logo and wordmark, based on the existing Canva website. */
.brand{gap:15px;min-width:0}
.brand-logo{display:block;flex:0 0 auto;width:74px;aspect-ratio:13/11;overflow:hidden}
/* Source: 2000px square. Display x=350..1650, y=700..1800.
   The top whitespace is clipped without changing the logo or its proportions. */
/* SVG applies the original silhouette in currentColor, including the small lettering. */
.brand-logo svg{display:block;width:153.846154%;max-width:none;height:auto;transform:translate(-17.5%,-35%)}
.brand-copy{display:block;min-width:0}
.brand .brand-copy strong{font-family:Arial,"Helvetica Neue","Yu Gothic",sans-serif;font-size:31px;font-weight:400;letter-spacing:-.04em;line-height:1.15;white-space:nowrap}
.brand .brand-copy small{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:11px;font-weight:400;letter-spacing:-.025em;margin-top:6px;white-space:nowrap;text-align:center}
.brand-footer .brand-logo{width:80px}
.brand-footer .brand-copy strong{font-size:34px}
@media(max-width:1100px){.brand-logo{width:66px}.brand .brand-copy strong{font-size:28px}.brand .brand-copy small{font-size:10px}}
@media(max-width:800px){.header-inner{gap:14px}.brand{gap:10px}.brand-logo{width:55px}.brand .brand-copy strong{font-size:25px}.brand .brand-copy small{font-size:9px;letter-spacing:-.04em;margin-top:5px}.brand-footer .brand-logo{width:60px}.brand-footer .brand-copy strong{font-size:27px}.footer-top{column-gap:15px}}
@media(max-width:380px){.header-inner{gap:10px}.brand{gap:8px}.brand-logo{width:45px}.brand .brand-copy strong{font-size:22px}.brand .brand-copy small{font-size:8px}.brand-footer .brand-logo{width:48px}.brand-footer .brand-copy strong{font-size:23px}.footer-top{grid-template-columns:1fr}.footer-contact{justify-self:start}.footer-top>p{grid-row:auto}}
