@import url('./assets/public.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03080b;color:#f5faf6;font-family:'Public Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #8ea9b9;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}button{color:inherit}.concept-top{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px clamp(22px,5vw,80px)}.concept-logo{display:flex;align-items:center;gap:12px}.concept-logo img{width:36px;height:36px}.concept-tools{display:flex;align-items:center;gap:10px}.back,.motion-toggle{font-size:12px;background:#071015a8;backdrop-filter:blur(12px);border:1px solid #ffffff40;border-radius:40px;padding:12px 18px;min-height:44px;color:white}.back:hover,.motion-toggle:hover{background:#233a44}.concept-label{text-transform:uppercase;font-size:11px;letter-spacing:.2em;color:#9cb8c6}.concept-end{position:relative;padding:100px max(24px,8vw);background:#eef1ef;color:#19262c}.concept-end h2{font-size:clamp(34px,4.5vw,64px);font-weight:400;letter-spacing:-.05em;line-height:1.08;margin:20px 0}.concept-end p{max-width:630px;line-height:1.7;color:#53646e}.concept-end .concept-label{color:#526d80}.concept-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}.concept-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:40px;background:#eef1ea;color:#122b2a;min-height:48px;padding:15px 24px;font-size:14px}.concept-end .concept-button{background:#19262c;color:white}.concept-button svg{width:18px;height:18px}.concept-footer{padding:24px max(24px,8vw);background:#eef1ef;color:#52636c;border-top:1px solid #cdd6d8;display:flex;justify-content:space-between;gap:20px;font-size:12px}.concept-footer a{text-decoration:underline;text-underline-offset:4px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:white;color:black;padding:14px}.skip-link:focus{top:16px}.menu-toggle{display:none}.media-fallback{display:none}.media-error .media-fallback{display:block;position:absolute;bottom:20px;right:20px;z-index:4;font-size:12px;background:#071015bf;padding:10px 14px;border-radius:20px}.intro-skip{position:fixed;right:24px;top:24px;z-index:51;color:white;background:transparent;border:1px solid #ffffff60;padding:12px 20px;border-radius:30px} [hidden]{display:none!important}
@media(max-width:650px){.concept-top{padding:20px}.concept-logo img{width:30px;height:30px}.back,.motion-toggle{padding:11px 12px;font-size:11px}.concept-tools{gap:6px}.concept-end{padding:70px 24px}.concept-footer{flex-direction:column;gap:10px}.concept-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

html.card-preview{scroll-behavior:auto;scrollbar-width:none}html.card-preview::-webkit-scrollbar{display:none}.card-preview .concept-tools,.card-preview .intro-skip,.card-preview .skip-link,.card-preview .menu-toggle{display:none!important}.card-preview .concept-top{pointer-events:none}.card-preview .roof-nav a:last-child{display:none}.card-preview.preview-paused *{animation-play-state:paused!important}.card-preview .roof-intro .curtain{transition-duration:.8s}