body{padding-bottom:0}button[hidden],a[hidden],iframe[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:12px}.load-reference,.copy-brief{border:1px solid #496313;border-radius:12px;background:#f8faf3;color:#233123;padding:14px 20px;min-height:44px}.live-site,.banner-stage{position:relative;display:grid;place-items:center}.load-reference{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;width:max-content}.result{white-space:pre-wrap;overflow-wrap:anywhere}.contact-link{justify-content:center}.reference-info{overflow-wrap:anywhere}.languages button,.example-controls button{min-width:44px;min-height:44px}button:active{filter:brightness(.94)}textarea{resize:vertical;max-width:100%;min-height:130px}html{scroll-padding-top:110px}@media(max-width:720px){.v7 header{height:auto;min-height:94px;gap:10px;flex-wrap:wrap;padding-block:12px}.v7 .brand-name{font-size:23px}.languages{margin-left:auto}html{scroll-padding-top:150px}.v7 h1{font-size:clamp(36px,10vw,46px)}.v7 .selector button{padding-inline:7px;min-height:44px}.video-triptych{gap:5px}.video-triptych figcaption{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.v7 .languages button{font-size:11px}.reference-info p,.reference-kind,.reference-info small{font-size:12px}.chrome .demo-label,.showcase .chrome .demo-label{font-size:11px}.service-row:hover p{color:#45533f}.v7 .languages button[aria-pressed="true"]{box-shadow:none}@media(max-width:720px){.v7 header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:10px}.v7 header nav a{font-size:12px;min-height:32px;display:flex;align-items:center}.v7 header .nav-cta{padding:6px 12px}.v7 .brand{flex-shrink:0}}

.honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.studio-contacts{font-style:normal;display:grid;gap:12px;margin-top:28px}.studio-contacts a{width:fit-content;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}form input{border:1px solid var(--line);border-radius:10px;padding:14px;background:#ffffff70;color:var(--fg);width:100%;min-width:0}form button:disabled{opacity:.6;cursor:wait}.result:empty{display:none}

.brief .result{scroll-margin-top:160px}.brief button[type="submit"]{touch-action:manipulation;min-height:48px}@media(max-width:720px){.brief input,.brief select,.brief textarea{font-size:16px}.brief button[type="submit"]{width:100%;justify-content:center;font-size:16px}}