/* The Casting Call — public landing page (SMS-345) * * All presentation lives here so the Content-Security-Policy can drop * style-src 'unsafe-inline' (CSP hardening). The markup carries semantic layout * classes (.hero-grid, .cols-4, etc.) plus generated .uN utility classes — each * .uN is the verbatim declaration string that used to live in an inline * style="..." attribute, so computed styles are byte-identical to the approved * design. This stylesheet also holds the things inline styles can't express * (pseudo-classes, keyframes, ::selection/::placeholder) and the responsive * layout (the original mockup was desktop-only, 1280px). * * The CTA accent (--cta / --cta-fg) is selected by a body class * (.cta-electric-blue | .cta-gold | .cta-signal-red), toggled by app.js from * config.ctaAccent — no inline style writes needed. */ * { box-sizing: border-box; } html, body { margin: 0; padding: 0; background: #070606; } img { max-width: 100%; } ::selection { background: #e1261c; color: #fff; } ::placeholder { color: rgba(242, 236, 224, .32); } @keyframes recPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(225, 38, 28, .5); } 50% { box-shadow: 0 0 0 7px rgba(225, 38, 28, 0); } } @keyframes floatPhone { 0%, 100% { transform: translateY(0) rotate(-2.2deg); } 50% { transform: translateY(-12px) rotate(-2.2deg); } } .cta-prim { transition: filter .2s; } .cta-prim:hover { filter: brightness(.92); } .cta-ghost { transition: all .2s; } .cta-ghost:hover { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .5); } .navlink { position: relative; transition: color .2s; } .navlink:hover { color: #fff; } .navlink::after { content: ""; position: absolute; left: 0; bottom: -6px; height: 2px; width: 0; background: #e1261c; transition: width .2s cubic-bezier(.2, .9, .2, 1); } .navlink:hover::after { width: 100%; } .rolecard { transition: border-color .2s; } .rolecard:hover { border-color: rgba(201, 169, 98, .55); } .faqq { transition: color .2s; } .faqq:hover { color: #fff; } .field { transition: all .2s; } .field:focus { outline: none; border-color: #0000ff; background: rgba(255, 255, 255, .04); } .sociallink { transition: all .2s; } .sociallink:hover { border-color: rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .04); } /* FAQ accordion answer is toggled via the [hidden] attribute by app.js. */ [hidden] { display: none !important; } /* ---- CTA accent (config-driven, set as a class by app.js) ---- * Values mirror ctaColors() in app.js: [--cta, --cta-fg]. * Electric Blue is the default applied in the static markup. */ .cta-electric-blue { --cta: #0000ff; --cta-fg: #ffffff; } .cta-gold { --cta: #c9a962; --cta-fg: #1a1206; } .cta-signal-red { --cta: #e1261c; --cta-fg: #ffffff; } /* Role toggle selected state (was an inline style write in setRole). */ .role-btn.role-selected { background: color-mix(in srgb, var(--cta) 14%, transparent); border-color: var(--cta); } /* ---- Layout grids (collapse on tablet/mobile) ---- */ .hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; } .mission-grid{ display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: start; } .cols-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; } .steps-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid rgba(255, 255, 255, .12); } .roles-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .expect-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 56px; align-items: start; } .legit-2 { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; } .socials-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; } .form-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .form-2-url { display: grid; grid-template-columns: 1fr auto; gap: 16px; } .footer-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px; align-items: start; } @media (max-width: 960px) { .hero-grid, .mission-grid, .expect-grid, .legit-2, .footer-grid { grid-template-columns: 1fr; gap: 40px; } .cols-4, .socials-5 { grid-template-columns: repeat(2, 1fr); } .steps-4 { grid-template-columns: repeat(2, 1fr); } .nav-links { display: none !important; } .legit-poster { min-height: 360px !important; border-right: none !important; border-bottom: 1px solid rgba(255, 255, 255, .08); } } @media (max-width: 560px) { .cols-4, .steps-4, .roles-2, .socials-5, .form-2, .form-2-url { grid-template-columns: 1fr; } .section-pad { padding-left: 20px !important; padding-right: 20px !important; } } @media (prefers-reduced-motion: reduce) { * { animation: none !important; } html { scroll-behavior: auto; } } /* ==================================================================== Inline-style extraction (CSP hardening — removes style-src 'unsafe-inline'). Each .uN class below is the verbatim declaration string that previously lived in an inline style="..." attribute, so computed styles are identical. ==================================================================== */ .u1 { background:#070606; color:#f2ece0; font-family:Inter,system-ui,sans-serif; overflow-x:hidden; position:relative; min-height:100vh; } .u2 { position:sticky; top:0; z-index:50; background:rgba(7,6,6,.82); backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.1); } .u3 { max-width:1280px; margin:0 auto; padding:14px 32px; display:flex; align-items:center; gap:28px; } .u4 { display:flex; align-items:center; gap:12px; text-decoration:none; flex:none; } .u5 { height:30px; width:auto; display:block; } .u6 { width:1px; height:24px; background:rgba(255,255,255,.18); } .u7 { font-family:Bebas Neue,Impact,sans-serif; font-size:18px; letter-spacing:.14em; color:#f2ece0; line-height:1; } .u8 { display:flex; gap:30px; margin-left:auto; align-items:center; } .u9 { font-family:Geist,Inter,sans-serif; font-size:14px; font-weight:500; color:rgba(242,236,224,.7); text-decoration:none; } .u10 { display:flex; gap:12px; align-items:center; flex:none; margin-left:auto; } .u11 { display:inline-flex; align-items:center; padding:11px 20px; background:var(--cta); color:var(--cta-fg); font-family:Bebas Neue,Impact,sans-serif; font-size:16px; letter-spacing:.1em; text-decoration:none; } .u12 { position:relative; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.08); } .u13 { position:absolute; inset:0; background-image:url('images/hero.jpg'); background-size:cover; background-position:center; opacity:.55; } .u14 { position:absolute; inset:0; background:linear-gradient(100deg,#070606 18%,rgba(7,6,6,.7) 48%,rgba(7,6,6,.35) 100%); } .u15 { position:relative; max-width:1280px; margin:0 auto; padding:84px 32px 96px; } .u16 { display:inline-flex; align-items:center; gap:10px; margin-bottom:24px; } .u17 { width:9px; height:9px; border-radius:50%; background:#e1261c; animation:recPulse 1.5s ease-out infinite; } .u18 { font-family:Bebas Neue,Impact,sans-serif; letter-spacing:.26em; font-size:16px; color:#f2ece0; } .u19 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(48px,6vw,86px); line-height:1.0; letter-spacing:-.01em; margin:0 0 32px; color:#fff; max-width:14ch; } .u20 { font-style:italic; font-weight:500; color:#c9a962; } .u21 { font-family:Inter,sans-serif; font-size:19px; line-height:1.55; color:rgba(242,236,224,.74); max-width:52ch; margin:0 0 32px; } .u22 { display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-bottom:30px; } .u23 { display:inline-flex; align-items:center; gap:10px; padding:17px 32px; background:var(--cta); color:var(--cta-fg); font-family:Bebas Neue,Impact,sans-serif; font-size:20px; letter-spacing:.1em; text-decoration:none; } .u24 { font-size:17px; } .u25 { display:inline-flex; align-items:center; padding:16px 28px; border:1px solid rgba(255,255,255,.3); background:transparent; color:#f2ece0; font-family:Bebas Neue,Impact,sans-serif; font-size:20px; letter-spacing:.1em; text-decoration:none; } .u26 { display:flex; align-items:center; gap:14px; border-top:1px solid rgba(255,255,255,.1); padding-top:20px; max-width:54ch; } .u27 { font-family:JetBrains Mono,monospace; font-size:11px; color:#c9a962; letter-spacing:.04em; flex:none; } .u28 { font-family:Inter,sans-serif; font-size:13.5px; line-height:1.5; color:rgba(242,236,224,.6); margin:0; } .u29 { display:flex; justify-content:center; } .u30 { position:relative; } .u31 { position:absolute; inset:-40px; background:radial-gradient(ellipse at center,rgba(225,38,28,.22),rgba(18,184,107,.08) 50%,transparent 72%); filter:blur(8px); } .u32 { position:relative; width:312px; border-radius:42px; background:#000; padding:11px; border:1px solid rgba(255,255,255,.14); box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04); animation:floatPhone 7s ease-in-out infinite; } .u33 { display:block; width:100%; height:auto; border-radius:32px; } .u34 { margin-top:18px; text-align:center; font-family:JetBrains Mono,monospace; font-size:11px; letter-spacing:.04em; color:rgba(242,236,224,.45); } .u35 { position:relative; border-bottom:1px solid rgba(255,255,255,.08); } .u36 { max-width:1180px; margin:0 auto; padding:96px 32px; } .u37 { font-family:Bebas Neue,Impact,sans-serif; letter-spacing:.24em; font-size:15px; color:#e1261c; margin-bottom:18px; } .u38 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(34px,4vw,54px); line-height:1.04; letter-spacing:-.01em; margin:0 0 24px; color:#fff; } .u39 { font-style:italic; color:#c9a962; } .u40 { font-family:Bebas Neue,Impact,sans-serif; font-size:clamp(20px,2vw,26px); letter-spacing:.06em; color:#f2ece0; border-left:2px solid #e1261c; padding-left:18px; } .u41 { font-family:Inter,sans-serif; font-size:17px; line-height:1.65; color:rgba(242,236,224,.72); margin:0 0 18px; } .u42 { font-family:Inter,sans-serif; font-size:17px; line-height:1.65; color:rgba(242,236,224,.72); margin:0; } .u43 { margin-top:54px; } .u44 { border:1px solid rgba(255,255,255,.1); background:#0d0c0b; padding:26px 22px; position:relative; } .u45 { font-family:JetBrains Mono,monospace; font-size:12px; color:#e1261c; margin-bottom:16px; } .u46 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:24px; line-height:1.1; color:#fff; margin-bottom:10px; } .u47 { font-family:Inter,sans-serif; font-size:14px; line-height:1.55; color:rgba(242,236,224,.6); } .u48 { font-family:JetBrains Mono,monospace; font-size:12px; color:#12b86b; margin-bottom:16px; } .u49 { font-family:JetBrains Mono,monospace; font-size:12px; color:#f5c518; margin-bottom:16px; } .u50 { font-family:JetBrains Mono,monospace; font-size:12px; color:#c9a962; margin-bottom:16px; } .u51 { position:relative; border-bottom:1px solid rgba(255,255,255,.08); background:#0a0908; } .u52 { text-align:center; margin-bottom:54px; } .u53 { font-family:Bebas Neue,Impact,sans-serif; letter-spacing:.24em; font-size:15px; color:#e1261c; margin-bottom:16px; } .u54 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(34px,4vw,54px); line-height:1.02; margin:0; color:#fff; } .u55 { padding:30px 24px 30px 0; border-right:1px solid rgba(255,255,255,.1); position:relative; } .u56 { position:absolute; top:-1px; left:0; width:42px; height:3px; background:#e1261c; } .u57 { font-family:Bebas Neue,Impact,sans-serif; font-size:54px; line-height:1; color:rgba(255,255,255,.16); margin:14px 0 16px; } .u58 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:23px; color:#fff; margin-bottom:10px; } .u59 { font-family:Inter,sans-serif; font-size:14px; line-height:1.55; color:rgba(242,236,224,.62); } .u60 { margin-top:40px; display:flex; gap:18px; align-items:center; flex-wrap:wrap; border:1px solid rgba(201,169,98,.3); background:rgba(201,169,98,.05); padding:22px 26px; } .u61 { font-family:Bebas Neue,Impact,sans-serif; font-size:15px; letter-spacing:.12em; color:#c9a962; flex:none; } .u62 { font-family:Inter,sans-serif; font-size:15px; line-height:1.55; color:rgba(242,236,224,.78); margin:0; flex:1; min-width:280px; } .u63 { color:#fff; } .u64 { display:inline-flex; align-items:center; padding:14px 26px; background:var(--cta); color:var(--cta-fg); font-family:Bebas Neue,Impact,sans-serif; font-size:17px; letter-spacing:.1em; text-decoration:none; flex:none; } .u65 { margin-bottom:48px; max-width:60ch; } .u66 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(34px,4vw,54px); line-height:1.05; margin:0 0 28px; color:#fff; } .u67 { font-family:Inter,sans-serif; font-size:17px; line-height:1.6; color:rgba(242,236,224,.7); margin:0; } .u68 { color:#f2ece0; font-style:italic; } .u69 { border:1px solid rgba(255,255,255,.12); background:#0c0b0a; overflow:hidden; display:flex; flex-direction:column; } .u70 { position:relative; height:320px; background-image:url('images/sasha.png'); background-size:cover; background-position:center 30%; } .u71 { position:absolute; inset:0; background:linear-gradient(to top,#0c0b0a,transparent 55%); } .u72 { position:absolute; top:16px; left:16px; font-family:JetBrains Mono,monospace; font-size:11px; letter-spacing:.06em; color:#12b86b; border:1px solid rgba(18,184,107,.4); padding:4px 9px; } .u73 { position:absolute; bottom:14px; left:20px; margin:0; font-family:Cormorant Garamond,Georgia,serif; font-weight:700; font-size:52px; letter-spacing:.02em; color:#fff; line-height:1; } .u74 { padding:24px; display:flex; flex-direction:column; gap:18px; flex:1; } .u75 { font-family:Inter,sans-serif; font-size:15px; line-height:1.6; color:rgba(242,236,224,.74); margin:0; } .u76 { display:flex; flex-wrap:wrap; gap:8px; } .u77 { font-family:JetBrains Mono,monospace; font-size:11px; color:rgba(242,236,224,.7); border:1px solid rgba(255,255,255,.14); padding:5px 10px; } .u78 { font-family:Inter,sans-serif; font-size:13px; line-height:1.5; color:rgba(242,236,224,.5); margin:0; } .u79 { margin-top:auto; display:flex; gap:14px; align-items:center; } .u80 { display:inline-flex; align-items:center; gap:8px; padding:14px 24px; background:var(--cta); color:var(--cta-fg); font-family:Bebas Neue,Impact,sans-serif; font-size:17px; letter-spacing:.1em; border:none; cursor:pointer; } .u81 { position:relative; height:320px; background-image:url('images/jeremy.png'); background-size:cover; background-position:center 32%; } .u82 { position:absolute; top:16px; left:16px; font-family:JetBrains Mono,monospace; font-size:11px; letter-spacing:.06em; color:#e1261c; border:1px solid rgba(225,38,28,.45); padding:4px 9px; } .u83 { position:relative; border-bottom:1px solid rgba(255,255,255,.08); background:#f2ece0; color:#0a0a0a; } .u84 { position:sticky; top:90px; } .u85 { font-family:Bebas Neue,Impact,sans-serif; letter-spacing:.24em; font-size:15px; color:#b74334; margin-bottom:16px; } .u86 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(32px,3.4vw,48px); line-height:1.04; margin:0 0 20px; color:#0a0a0a; } .u87 { font-style:italic; } .u88 { font-family:Inter,sans-serif; font-size:16px; line-height:1.6; color:rgba(10,10,10,.62); margin:0; } .u89 { display:flex; flex-direction:column; } .u90 { display:grid; grid-template-columns:auto 1fr; gap:20px; padding:22px 0; border-top:1px solid rgba(10,10,10,.14); align-items:start; } .u91 { font-family:JetBrains Mono,monospace; font-size:13px; font-weight:700; color:#b74334; padding-top:3px; } .u92 { font-family:Cormorant Garamond,Georgia,serif; font-weight:700; font-size:23px; line-height:1.15; color:#0a0a0a; margin-bottom:6px; } .u93 { font-family:Inter,sans-serif; font-size:15px; line-height:1.55; color:rgba(10,10,10,.66); } .u94 { position:absolute; inset:0; background:linear-gradient(180deg,#0a0908 0%,#070606 100%); } .u95 { position:relative; max-width:1180px; margin:0 auto; padding:96px 32px; } .u96 { max-width:62ch; margin-bottom:48px; } .u97 { font-family:Bebas Neue,Impact,sans-serif; letter-spacing:.24em; font-size:15px; color:#c9a962; margin-bottom:16px; } .u98 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(34px,4vw,56px); line-height:1.02; margin:0 0 22px; color:#fff; } .u99 { font-family:Inter,sans-serif; font-size:18px; line-height:1.6; color:rgba(242,236,224,.78); margin:0; } .u100 { font-style:italic; color:#fff; } .u101 { border:1px solid rgba(255,255,255,.12); background:rgba(13,12,11,.7); backdrop-filter:blur(6px); padding:26px 22px; } .u102 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:22px; line-height:1.1; color:#fff; margin-bottom:12px; } .u103 { font-family:Inter,sans-serif; font-size:14px; line-height:1.55; color:rgba(242,236,224,.64); } .u104 { font-family:JetBrains Mono,monospace; font-size:20px; font-weight:700; color:#c9a962; margin-top:14px; } .u105 { max-width:1180px; margin:0 auto; padding:0; } .u106 { background:#050505; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; min-height:560px; border-right:1px solid rgba(255,255,255,.08); } .u107 { max-width:100%; max-height:560px; width:auto; height:auto; object-fit:contain; display:block; } .u108 { padding:80px 56px; display:flex; flex-direction:column; justify-content:center; } .u109 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(32px,3.4vw,50px); line-height:1.03; margin:0 0 22px; color:#fff; } .u110 { font-family:Inter,sans-serif; font-size:17px; line-height:1.65; color:rgba(242,236,224,.74); margin:0 0 26px; max-width:46ch; } .u111 { display:flex; gap:0; border-top:1px solid rgba(255,255,255,.14); } .u112 { padding:20px 24px 0 0; border-right:1px solid rgba(255,255,255,.12); flex:1; } .u113 { font-family:Cormorant Garamond,serif; font-style:italic; font-size:26px; color:#c9a962; } .u114 { font-family:Inter,sans-serif; font-size:13px; color:rgba(242,236,224,.6); margin-top:4px; } .u115 { padding:20px 24px; border-right:1px solid rgba(255,255,255,.12); flex:1; } .u116 { padding:20px 0 0 24px; flex:1; } .u117 { max-width:1180px; margin:0 auto; padding:80px 32px; } .u118 { display:flex; gap:40px; align-items:center; flex-wrap:wrap; justify-content:space-between; margin-bottom:36px; } .u119 { font-family:Bebas Neue,Impact,sans-serif; letter-spacing:.24em; font-size:15px; color:#e1261c; margin-bottom:14px; } .u120 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(30px,3.2vw,46px); line-height:1.02; margin:0; color:#fff; } .u121 { font-family:Inter,sans-serif; font-size:15px; line-height:1.55; color:rgba(242,236,224,.6); margin:0; max-width:38ch; } .u122 { border:1px solid rgba(255,255,255,.12); padding:18px 14px; min-width:0; } .u123 { font-family:Bebas Neue,Impact,sans-serif; font-size:14px; letter-spacing:.1em; color:rgba(242,236,224,.55); margin-bottom:8px; white-space:nowrap; } .u124 { font-family:Geist,Inter,sans-serif; font-weight:600; font-size:13px; letter-spacing:-.01em; color:#fff; white-space:nowrap; } .u125 { max-width:780px; margin:0 auto; padding:96px 32px; } .u126 { text-align:center; margin-bottom:44px; } .u127 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(38px,4.4vw,60px); line-height:1; margin:0 0 16px; color:#fff; } .u128 { font-family:Inter,sans-serif; font-size:16px; line-height:1.55; color:rgba(242,236,224,.66); margin:0 auto; max-width:48ch; } .u129 { border:1px solid rgba(201,169,98,.4); background:linear-gradient(180deg,rgba(201,169,98,.08),rgba(13,12,11,.6)); padding:56px 40px; text-align:center; } .u130 { display:inline-flex; align-items:center; gap:8px; margin-bottom:20px; } .u131 { width:9px; height:9px; border-radius:50%; background:#12b86b; } .u132 { font-family:JetBrains Mono,monospace; font-size:12px; letter-spacing:.1em; color:#12b86b; } .u133 { font-family:Cormorant Garamond,Georgia,serif; font-weight:700; font-size:clamp(36px,5vw,56px); line-height:1; margin:0 0 18px; color:#fff; } .u134 { font-family:Inter,sans-serif; font-size:16px; line-height:1.6; color:rgba(242,236,224,.74); margin:0 auto 30px; max-width:50ch; } .u135 { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; } .u136 { display:inline-flex; padding:15px 28px; background:var(--cta); color:var(--cta-fg); font-family:Bebas Neue,Impact,sans-serif; font-size:18px; letter-spacing:.1em; text-decoration:none; } .u137 { display:inline-flex; padding:14px 26px; border:1px solid rgba(255,255,255,.3); background:transparent; color:#f2ece0; font-family:Bebas Neue,Impact,sans-serif; font-size:18px; letter-spacing:.1em; cursor:pointer; } .u138 { border:1px solid rgba(255,255,255,.12); background:#0d0c0b; padding:40px; display:flex; flex-direction:column; gap:24px; } .u139 { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .u140 { display:block; font-family:Geist,Inter,sans-serif; font-size:13px; font-weight:600; letter-spacing:.02em; color:#f2ece0; margin-bottom:10px; } .u141 { display:flex; gap:10px; } .u142 { flex:1; padding:14px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.02); color:#f2ece0; font-family:Bebas Neue,Impact,sans-serif; font-size:17px; letter-spacing:.08em; cursor:pointer; } .u143 { display:block; font-family:Geist,Inter,sans-serif; font-size:13px; font-weight:600; color:#f2ece0; margin-bottom:8px; } .u144 { width:100%; padding:13px 14px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.16); color:#fff; font-family:Inter,sans-serif; font-size:15px; } .u145 { color:rgba(242,236,224,.4); font-weight:400; } .u146 { width:100%; padding:13px 14px; background:#0d0c0b; border:1px solid rgba(255,255,255,.16); color:#fff; font-family:Inter,sans-serif; font-size:15px; } .u147 { padding:13px 14px; background:#0d0c0b; border:1px solid rgba(255,255,255,.16); color:#fff; font-family:Inter,sans-serif; font-size:15px; } .u148 { font-family:Inter,sans-serif; font-size:12.5px; color:rgba(242,236,224,.45); margin:-14px 0 0; } .u149 { display:flex; flex-direction:column; gap:14px; border-top:1px solid rgba(255,255,255,.1); padding-top:22px; } .u150 { display:flex; gap:12px; align-items:flex-start; cursor:pointer; } .u151 { width:18px; height:18px; flex:none; margin:2px 0 0; accent-color:var(--cta); } .u152 { font-family:Inter,sans-serif; font-size:14px; line-height:1.45; color:rgba(242,236,224,.8); } .u153 { color:#e1261c; } .u154 { font-family:Inter,sans-serif; font-size:14px; line-height:1.45; color:rgba(242,236,224,.65); } .u155 { font-family:Inter,sans-serif; font-size:13.5px; color:#e1261c; margin:0; } .u156 { width:100%; padding:18px; background:var(--cta); color:var(--cta-fg); font-family:Bebas Neue,Impact,sans-serif; font-size:22px; letter-spacing:.12em; border:none; cursor:pointer; } .u157 { font-family:Inter,sans-serif; font-size:12.5px; color:rgba(242,236,224,.45); text-align:center; margin:0; } .u158 { max-width:900px; margin:0 auto; padding:96px 32px; } .u159 { text-align:center; margin-bottom:48px; } .u160 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(34px,4vw,52px); line-height:1; margin:0; color:#fff; } .u161 { border-top:1px solid rgba(255,255,255,.12); } .u162 { border-bottom:1px solid rgba(255,255,255,.1); } .u163 { width:100%; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 4px; background:none; border:none; cursor:pointer; text-align:left; color:#f2ece0; } .u164 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:21px; line-height:1.2; } .u165 { font-family:JetBrains Mono,monospace; font-size:20px; color:#c9a962; flex:none; } .u166 { padding:0 4px 24px; font-family:Inter,sans-serif; font-size:15px; line-height:1.6; color:rgba(242,236,224,.66); max-width:70ch; } .u167 { position:absolute; inset:0; background-image:url('images/curtain.jpg'); background-size:cover; background-position:center; opacity:.5; } .u168 { position:absolute; inset:0; background:radial-gradient(ellipse at center,rgba(7,6,6,.55),#070606 78%); } .u169 { position:relative; max-width:840px; margin:0 auto; padding:110px 32px; text-align:center; } .u170 { font-family:Bebas Neue,Impact,sans-serif; letter-spacing:.26em; font-size:16px; color:#c9a962; margin-bottom:20px; } .u171 { font-family:Cormorant Garamond,Georgia,serif; font-weight:600; font-size:clamp(44px,6vw,82px); line-height:.98; margin:0 0 24px; color:#fff; } .u172 { font-family:Inter,sans-serif; font-size:18px; line-height:1.6; color:rgba(242,236,224,.78); margin:0 auto 34px; max-width:50ch; } .u173 { display:inline-flex; align-items:center; gap:10px; padding:17px 34px; background:var(--cta); color:var(--cta-fg); font-family:Bebas Neue,Impact,sans-serif; font-size:20px; letter-spacing:.1em; text-decoration:none; } .u174 { display:inline-flex; align-items:center; padding:16px 30px; border:1px solid rgba(255,255,255,.3); background:transparent; color:#f2ece0; font-family:Bebas Neue,Impact,sans-serif; font-size:20px; letter-spacing:.1em; text-decoration:none; } .u175 { background:#070606; } .u176 { max-width:1180px; margin:0 auto; padding:64px 32px 40px; } .u177 { border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:40px; } .u178 { display:flex; align-items:center; gap:12px; margin-bottom:20px; } .u179 { height:28px; width:auto; } .u180 { font-family:Bebas Neue,Impact,sans-serif; font-size:17px; letter-spacing:.14em; color:#f2ece0; } .u181 { font-family:Inter,sans-serif; font-size:14px; line-height:1.6; color:rgba(242,236,224,.55); margin:0; max-width:50ch; } .u182 { font-family:Bebas Neue,Impact,sans-serif; font-size:14px; letter-spacing:.16em; color:rgba(242,236,224,.5); margin-bottom:14px; } .u183 { display:flex; gap:8px; } .u184 { flex:1; padding:12px 14px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.16); color:#fff; font-family:Inter,sans-serif; font-size:14px; } .u185 { padding:12px 18px; background:var(--cta); color:var(--cta-fg); font-family:Bebas Neue,Impact,sans-serif; font-size:15px; letter-spacing:.08em; border:none; cursor:pointer; } .u186 { margin-top:20px; font-family:JetBrains Mono,monospace; font-size:12px; color:rgba(242,236,224,.45); } .u187 { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px; padding-top:24px; } .u188 { display:flex; gap:22px; flex-wrap:wrap; } .u189 { font-family:Inter,sans-serif; font-size:13px; color:rgba(242,236,224,.5); } .u190 { display:flex; gap:20px; } .u191 { font-family:Geist,Inter,sans-serif; font-size:13px; color:rgba(242,236,224,.5); } .u192 { position:fixed; bottom:0; left:0; right:0; z-index:60; background:rgba(10,9,8,.9); backdrop-filter:blur(14px); border-top:1px solid rgba(255,255,255,.12); } .u193 { max-width:1180px; margin:0 auto; padding:14px 32px; display:flex; align-items:center; gap:20px; } .u194 { width:8px; height:8px; border-radius:50%; background:#e1261c; animation:recPulse 1.5s ease-out infinite; flex:none; } .u195 { font-family:Inter,sans-serif; font-size:14px; color:rgba(242,236,224,.8); flex:1; } .u196 { display:inline-flex; align-items:center; padding:12px 26px; background:var(--cta); color:var(--cta-fg); font-family:Bebas Neue,Impact,sans-serif; font-size:17px; letter-spacing:.1em; text-decoration:none; flex:none; }