:root{--canvas-w: 1600px;--canvas-h: 900px;--ink: #0b0b0b;--ink-2: #1a1a1a;--muted: #8b8b8b;--muted-2: #6f6f6f;--panel: #f6f6f6;--field: #ebebeb;--field-2: #e4e4e4;--line: #e6e6e6;--page: #ffffff;--r-pill: 999px;--r-panel: 20px;--r-field: 10px;--r-media: 26px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;background:#0e0f11}.demo{box-sizing:border-box;max-width:1600px;margin:0 auto;padding:clamp(16px,4vw,48px)}.frame{position:relative;width:100%;aspect-ratio:1600 / 900;overflow:hidden}.frame__canvas{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform}:where(.frame),:where(.frame) *,:where(.frame) *:before,:where(.frame) *:after{box-sizing:border-box}:where(.frame){font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink)}:where(.frame) button,:where(.frame) input,:where(.frame) select,:where(.frame) textarea{font:inherit;color:inherit}.w17{position:relative;width:100%;height:100%;background:#eceef0;font-family:Inter,system-ui,sans-serif}.w17__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#05070a}.w17__grass{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;width:calc(100% + 120px);height:calc(100% + 120px);filter:blur(26px) saturate(115%)}.w17__photo{object-fit:cover;filter:blur(12px) saturate(115%)}.w17__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000000f0,#000c 32%,#00000080 62%,#000000b8),radial-gradient(90% 70% at 30% 10%,#000000e6,#0003 70%)}.w17__panel{position:absolute;top:48px;right:72px;bottom:48px;left:72px;padding:48px 56px 0;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(170deg,#ffffff0e,#ffffff05 46%,#ffffff02);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);box-shadow:inset 0 1px #ffffff17;color:#fff;overflow:hidden;display:flex;flex-direction:column}.w17__lead{display:grid;grid-template-columns:1fr 480px;gap:80px;align-items:start}.w17__badge{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-size:12.5px;font-weight:500;letter-spacing:-.005em;color:#ffffffe6}.w17__badge i{width:6px;height:6px;border-radius:50%;background:#dff23a}.w17__title{margin:18px 0 0;font-size:42px;font-weight:600;line-height:1.14;letter-spacing:-.03em;color:#fdfdfd}.w17__title em{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}.w17__sub{margin:14px 0 0;font-size:14px;letter-spacing:-.005em;color:#fff9}.w17__news h3{margin:4px 0 0;font-size:13.5px;font-weight:600;letter-spacing:-.01em;color:#ffffffe6}.w17__news form{display:flex;gap:10px;margin-top:12px}.w17__input{flex:1;height:44px;padding:0 18px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;font-family:inherit;font-size:13.5px;letter-spacing:-.005em;color:#fff;outline:none;transition:border-color .2s ease}.w17__input::placeholder{color:#ffffff6b}.w17__input:focus{border-color:#dff23a8c}.w17__subscribe{height:44px;padding:0 22px;border:0;border-radius:9px;background:#dff23a;font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:-.01em;color:#10160a;cursor:pointer;transition:background .18s ease,transform .18s ease}.w17__subscribe:hover{background:#eaff56;transform:translateY(-1px)}.w17__note{margin:10px 0 0;font-size:11.5px;letter-spacing:-.002em;color:#ffffff6b}.w17__note a{color:#ffffffb3;text-decoration:underline}.w17__rule{display:block;height:1px;margin:34px 0;background:#ffffff1a}.w17__mid{display:grid;grid-template-columns:1fr 780px;gap:60px}.w17__tile{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#dff23a}.w17__tile svg{width:19px;height:19px}.w17__brand{display:grid;grid-template-columns:38px auto;column-gap:12px;row-gap:14px;align-items:center}.w17__brandName{font-size:21px;font-weight:600;letter-spacing:-.025em;color:#fff}.w17__brandCopy{grid-column:1 / -1;margin:0;max-width:260px;font-size:12.5px;line-height:1.6;letter-spacing:-.002em;color:#ffffff70}.w17__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.w17__col h4{margin:0 0 16px;font-size:12.5px;font-weight:600;letter-spacing:-.005em;color:#ffffff7a}.w17__col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}.w17__col a{font-size:12.5px;letter-spacing:-.002em;color:#ffffffd1;text-decoration:none;transition:color .18s ease}.w17__col a:hover{color:#dff23a}.w17__meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:-.002em;color:#ffffff80}.w17__meta a{color:#ffffff80;text-decoration:none}.w17__meta a:hover{color:#ffffffd9}.w17__wordmark{margin:auto -56px -46px;display:block;text-align:center;font-size:196px;font-weight:500;line-height:1;letter-spacing:-.035em;white-space:nowrap;background:linear-gradient(180deg,#fff,#dfe3e0 30%,#9aa79a 66%,#56664f);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none}