@font-face{font-family:Figtree;src:url('assets/type-figtree.ttf') format('truetype');font-weight:300 900;font-display:swap}
.hero-html{container-type:inline-size}
.hero-clean-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(to right,#000 32%,transparent 35%),linear-gradient(to bottom,#000 58%,transparent 61%);mask-composite:intersect}
.hero-copy-html{position:absolute;left:5.75%;top:8%;width:26.2%;height:49.2%;background:transparent;box-shadow:none}
.hero-copy-html :is(h1,h2){margin:0;color:#f8f9fc;font-family:Figtree,"Segoe UI",sans-serif;font-size:5.08cqw;font-weight:900;line-height:.9;letter-spacing:-.08cqw}
.hero-copy-html :is(h1,h2) span{color:#ffd22b;background:linear-gradient(#ffe964,#ffca12);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy-html :is(h1,h2) span{white-space:nowrap}
.hero-copy-html .hero-sofa{font-family:inherit;font-size:1.15em;font-weight:inherit;letter-spacing:-.16cqw}
.hero-copy-html p{margin:.8cqw 0 0;color:#f4f7fb;font-family:var(--ui-font);font-size:1.49cqw;font-weight:600;line-height:1.17;letter-spacing:-.025cqw}
.hero-html .hero-discover,.hero-html .hero-amazon{position:absolute;left:5.8%;width:21.7%;height:11.6%;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;gap:1.15cqw;border-radius:5cqw;font-family:var(--ui-font);font-size:1.43cqw;font-weight:700;text-decoration:none;cursor:pointer}
.hero-html .hero-discover{top:62%;border:1px solid #ffe873;color:#051019;background:linear-gradient(#ffe969,#ffd52e 50%,#ffc611);box-shadow:0 0 1.3cqw #ffd32a40}
.hero-html .hero-amazon{top:76%;border:2px solid #00e9f4;color:#f7f9fd;background:#001321}
.hero-arrow{display:block;width:1.7cqw;height:1.7cqw;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.hero-amazon-mark{width:2.7cqw;height:2.7cqw;background:url('assets/amazon-mark-v3.png') center/contain no-repeat;filter:brightness(0) invert(1)}
.hero-html .hero-discover:hover{filter:brightness(1.06)}
.hero-html .hero-amazon:hover{background:#05283b}
.hero-html .hero-discover:focus-visible,.hero-html .hero-amazon:focus-visible{outline:3px solid white;outline-offset:3px}