*{box-sizing:border-box}html,body{overflow-x:hidden}:root{--header-height: clamp(3rem, 6vw, 4rem);--base-text-size: clamp(1rem, 2vw, 2rem);--base-font-size: clamp(1rem, 2vw, 1.15rem);--font-size-h1: clamp(1.75rem, 5vw, 4rem);--container-width: clamp(20rem, 100vw, 110rem);--common-border: 10px solid pink}body{font-family:azo-sans-web,sans-serif;font-weight:400;font-style:normal;margin:0;padding:0;background-color:#f5f5f5;color:#333;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:12px}::-webkit-scrollbar-track{background:red;background-color:#38ff00;border-radius:10px}::-webkit-scrollbar-thumb{background:red;background-color:#38ff0080;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:red;background-color:#38ff0080}html{scrollbar-color:#38FF00 #005f73;scrollbar-width:thin}:root.portrait{--section-height: 100vh}:root.landscape{--section-height: 100vh}:root.portrait,:root.x-portrait,:root.xx-portrait,:root.xxx-portrait{--section-height-thirds-9-16-height: calc(33.33vw * calc(16 / 9));--thirds-square-height: 33vw}:root.portrait.xxxxl,:root.portrait.xxxl{--thirds-9-16-height: calc(33.33vw * calc(16 / 9));--thirds-square-height: 33vw}