*,::before,::after{box-sizing: border-box;}
:root{--black: #050505; --black-soft: #090908; --white: #f4f1eb; --muted: rgba(244,241,235,.72); --faint: rgba(244,241,235,.42); --line: rgba(244,241,235,.42); --amber: #ff8a00; --amber-bright: #ffae36; --display: "Anton","Arial Narrow",sans-serif; --body: "Inter Tight",Arial,sans-serif; --gutter: clamp(28px,2.85vw,48px); --header-height: 108px; --portal-x: 0px; --portal-y: 0px; --portal-glow-rgb: 255,132,20; --portal-glow-left-rgb: 255,156,50; --portal-glow-right-rgb: 255,112,12; --portal-glow-bright-rgb: 255,174,72; --portal-glow-soft-rgb: 151,63,10;}
html{background: var(--black); scroll-behavior: smooth;}
body{margin: 0px; overflow-x: hidden; background: var(--black); color: var(--white); font-family: var(--body); font-size: 16px; line-height: 1.45; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;}
body.menu-open,body.dialog-open{overflow: hidden;}
button,a{font: inherit; color: inherit;}
button{border: 0px;}
img,video,svg{display: block;}
a{text-decoration: none;}
.sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
.skip-link{position: fixed; z-index: 1000; top: 14px; left: 14px; padding: 11px 15px; background: var(--white); color: var(--black); font-size: 13px; font-weight: 600; transform: translateY(-180%); transition: transform 0.2s;}
.skip-link:focus{transform: none;}
.marketplace-hero{position: relative; isolation: isolate; min-height: 740px; height: 100svh; overflow: hidden; background: var(--black);}
.marketplace-hero::before{content: ""; position: absolute; z-index: -5; inset: 0px; opacity: 0.24; pointer-events: none; background-image: radial-gradient(rgba(255, 255, 255, 0.18) 0.45px, transparent 0.55px); background-size: 5px 5px; mask-image: radial-gradient(at 50% 64%, black, transparent 72%);}
.hero-light{position: absolute; z-index: -4; inset: 0px; pointer-events: none; background: radial-gradient(ellipse 8% 14% at 75.3% 56.1%,rgba(255,177,76,.34),transparent 72%),
    radial-gradient(ellipse 15% 19% at 75.3% 56.1%,rgba(255,104,0,.16),transparent 79%),
    radial-gradient(ellipse 18% 21% at 55% 51%,rgba(var(--portal-glow-left-rgb),.22),transparent 76%),
    radial-gradient(ellipse 19% 23% at 69% 51%,rgba(var(--portal-glow-right-rgb),.25),transparent 77%),
    radial-gradient(ellipse 34% 20% at 63% 59%,rgba(var(--portal-glow-bright-rgb),.11),transparent 79%),
    radial-gradient(ellipse 58% 31% at 62% 76%,rgba(var(--portal-glow-soft-rgb),.14),transparent 78%),
    radial-gradient(ellipse 90% 40% at 54% 108%,rgba(var(--portal-glow-rgb),.085),transparent 76%); filter: blur(18px) saturate(1.12); opacity: 1; transition: background-color 0.9s, opacity 0.5s;}
.hero-content{width: min(100% - (var(--gutter) * 2),1200px); height: 100%; margin-inline: auto; padding-top: calc(var(--header-height) + 110px); padding-bottom: clamp(44px, 7vh, 76px); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
#hero-title{width: 100%; margin: 0px; color: var(--white); font-family: var(--display); font-size: clamp(102px, 14.75vw, 248px); font-weight: 400; letter-spacing: -0.027em; line-height: 0.8; text-transform: uppercase; transform: scaleX(1.025); transform-origin: center center;}
.hero-line{display: block; white-space: nowrap;}
.hero-line-top{position: relative; z-index: 2;}
.hero-line-top,.want-word{color: transparent; background: linear-gradient(rgb(251, 250, 247) 4%, rgb(240, 236, 230) 55%, rgb(223, 218, 210) 100%) text; filter: drop-shadow(rgba(0, 0, 0, 0.34) 0px 0.06em 0.12em);}
.hero-line-bottom{display: flex; align-items: flex-end; justify-content: center; font-size: 1.08em; gap: 0.16em; margin-top: 0.085em;}
.want-word{display: block; transform: scaleX(1.22); transform-origin: right bottom;}
.portal-word{position: relative; display: block; width: 1.98em; height: 0.8em; margin-bottom: 0.006em; isolation: isolate;}
.portal-trigger{position: relative; width: 100%; height: 100%; padding: 0px; display: flex; align-items: flex-end; gap: 0.09em; border: 0px; background: transparent; color: var(--amber); cursor: pointer; view-transition-name: trailer-portal;}
.portal-letters{width: 1.5em; height: 0.8em; flex: 0 0 auto; overflow: visible; filter: none; transform: none; transform-origin: center center;}
.portal-video-wrap{width: 100%; height: 100%; background: rgb(var(--portal-glow-soft-rgb));}
.portal-video{width: 100%; height: 100%; object-fit: cover; object-position: calc(50% + var(--portal-x)) calc(50% + var(--portal-y)); opacity: 0; transform: scale(1.08); transition: opacity 0.7s, transform 1.2s cubic-bezier(0.2, 0.75, 0.2, 1);}
.portal-live .portal-video{opacity: 1; transform: scale(1.02);}
.portal-edge{fill: none; stroke: rgb(var(--portal-glow-bright-rgb)); stroke-width: 3.25; vector-effect: non-scaling-stroke; opacity: 0.88; filter: none;}
.portal-period{display: grid; place-items: center; width: 0.28em; height: 0.243em; margin-bottom: 0.035em; flex: 0 0 auto; border-radius: 50%; background: radial-gradient(circle at 38% 32%, rgb(255, 195, 107) 0px, rgb(255, 154, 8) 38%, rgb(248, 120, 0) 100%); box-shadow: rgba(255, 236, 197, 0.44) 0px 0px 0px 1px inset, rgba(151, 47, 0, 0.24) 0px -0.035em 0.075em inset; color: rgb(17, 17, 17); transition: background 0.2s, box-shadow 0.2s, transform 0.2s;}
.portal-period svg{width: 46%; height: 46%;}
.portal-period path{fill: currentcolor;}
.portal-trigger:hover .portal-period{background: radial-gradient(circle at 38% 32%, rgb(255, 210, 141) 0px, rgb(255, 173, 47) 40%, rgb(255, 133, 0) 100%); box-shadow: rgba(255, 246, 222, 0.6) 0px 0px 0px 1px inset, rgba(151, 47, 0, 0.2) 0px -0.035em 0.075em inset; transform: scale(1.06);}
.hero-lead{margin: clamp(58px, 8.2vh, 82px) 0px 0px; color: var(--muted); font-size: clamp(17px, 1.34vw, 22px); font-weight: 400; letter-spacing: -0.018em; line-height: 1.35;}
.hero-actions{display: flex; align-items: center; justify-content: center; gap: 42px; margin-top: clamp(28px, 3.8vh, 38px);}
.primary-action{display: inline-flex; min-width: 336px; min-height: 58px; padding: 17px 28px; align-items: center; justify-content: space-between; gap: 38px; background: var(--white); color: var(--black); font-size: 14px; font-weight: 600; letter-spacing: 0.08em; line-height: 1; text-transform: uppercase; transition: background 0.22s, box-shadow 0.22s, transform 0.22s;}
.primary-action svg{width: 18px; height: 18px; transition: transform 0.22s;}
.primary-action path{fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: square;}
.primary-action:hover{background: white; box-shadow: rgba(255, 255, 255, 0.1) 0px 13px 38px; transform: translateY(-2px);}
.primary-action:hover svg{transform: translateX(4px);}
.watch-action{position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 15px 0px 10px; background: transparent; color: rgba(244, 241, 235, 0.82); font-size: 12px; font-weight: 500; letter-spacing: 0.18em; line-height: 1; text-transform: uppercase; white-space: nowrap; cursor: pointer;}
.watch-action::after{content: ""; position: absolute; right: 0px; bottom: 4px; left: 0px; height: 1px; background: rgba(244, 241, 235, 0.4); transform-origin: left center; transition: background 0.2s, transform 0.2s;}
.watch-action:hover{color: white;}
.watch-action:hover::after{background: var(--amber); transform: scaleX(0.72);}
.watch-credit{color: rgba(244, 241, 235, 0.48); font-size: 0.88em; letter-spacing: 0.11em; text-transform: none;}
.proof-strip{position: relative; z-index: 2; padding-inline: var(--gutter); border-top: 1px solid rgba(244, 241, 235, 0.13); border-bottom: 1px solid rgba(244, 241, 235, 0.13); background: rgb(7, 7, 6);}
.proof-strip::before{content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg,rgba(var(--portal-glow-rgb),.045),transparent 26%,transparent 74%,rgba(var(--portal-glow-rgb),.035));}
.proof-strip-inner{position: relative; width: min(100%, 1540px); min-height: 184px; margin-inline: auto; display: grid; grid-template-columns: minmax(232px, 0.9fr) minmax(0px, 4.7fr); align-items: stretch;}
.proof-strip h2{margin: 0px; padding-right: clamp(28px, 3.2vw, 52px); display: flex; align-items: center; color: rgba(244, 241, 235, 0.52); font-size: 10px; font-weight: 600; letter-spacing: 0.2em; line-height: 1.45; text-transform: uppercase; white-space: nowrap;}
.proof-strip h2::before{content: ""; width: 21px; height: 1px; margin-right: 13px; flex: 0 0 auto; background: rgb(var(--portal-glow-bright-rgb)); box-shadow: 0 0 16px rgba(var(--portal-glow-rgb),.42);}
.proof-roster{margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); list-style: none; border-left: 1px solid rgba(244, 241, 235, 0.11);}
.proof-roster li{min-width: 0px; padding: 30px clamp(14px, 1.8vw, 29px); display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(244, 241, 235, 0.11); text-align: center;}
.proof-roster li:last-child{border-right: 0px;}
.proof-logo{display: block; flex: 0 0 auto; object-fit: contain; opacity: 0.68; filter: grayscale(1) brightness(1.38) contrast(1.08); transition: opacity 0.28s, filter 0.28s, transform 0.28s;}
.proof-roster li:hover .proof-logo{opacity: 1; filter: grayscale(0) brightness(1) contrast(1); transform: translateY(-2px);}
.proof-logo-pixelusion{width: min(100%, 144px); height: auto; max-height: 42px;}
.proof-logo-horizon{width: 48px; height: 48px;}
.proof-logo-wanmine{width: 40px; height: 56px;}
.proof-logo-rage{width: 156px; height: 60px; max-width: 100%; background-image: url("/assets/logos/marketplace/rage-web.webp"); background-repeat: no-repeat; background-size: 580px 326px; background-position: calc(100% + 8px) -94px;}
.proof-logo-cypress{width: 148px; height: 58px; max-width: 100%; background-image: url("/assets/logos/marketplace/cypress-games-logo-web.webp"); background-repeat: no-repeat; background-size: 148px 148px; background-position: center -45px;}
.featured-work{position: relative; isolation: isolate; padding: clamp(80px,9vw,150px) var(--gutter) clamp(110px,11vw,180px); background: rgb(5, 5, 5); overflow: hidden;}
.featured-work::before{content: ""; position: absolute; z-index: -2; top: -2px; right: 0px; left: 0px; height: 2px; background: linear-gradient(90deg,transparent 4%,rgba(var(--portal-glow-rgb),.28) 28%,rgb(var(--portal-glow-bright-rgb)) 50%,rgba(var(--portal-glow-rgb),.28) 72%,transparent 96%); box-shadow: 0 0 30px rgba(var(--portal-glow-rgb),.52),0 0 96px rgba(var(--portal-glow-soft-rgb),.25);}
.section-glow{position: absolute; z-index: -3; inset: -18% 0px auto; height: 44%; pointer-events: none; background: radial-gradient(ellipse 70% 86% at 50% 0,rgba(var(--portal-glow-soft-rgb),.18),transparent 72%); filter: blur(34px);}
.featured-film{position: relative; width: min(100%, 1540px); aspect-ratio: 16 / 8.65; margin-inline: auto; padding: 0px; display: block; overflow: hidden; border: 0px; background: rgb(18, 16, 13); text-align: left; cursor: pointer;}
.featured-film > img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.015); transition: transform 1.2s cubic-bezier(0.2, 0.75, 0.2, 1), filter 0.6s;}
.featured-shade{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(5, 5, 5, 0.92) 0px, rgba(5, 5, 5, 0.72) 27%, rgba(5, 5, 5, 0.18) 58%, rgba(5, 5, 5, 0.08) 100%), linear-gradient(0deg, rgba(5, 5, 5, 0.48), transparent 48%);}
.featured-copy{position: absolute; top: 50%; left: clamp(30px, 5.4vw, 88px); width: min(46%, 650px); display: flex; flex-direction: column; align-items: flex-start; transform: translateY(-47%);}
.featured-title{color: rgb(244, 241, 235); font-family: var(--display); font-size: clamp(82px, 10vw, 174px); font-weight: 400; letter-spacing: -0.025em; line-height: 0.82; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.45) 0px 12px 34px;}
.featured-credit{margin-top: clamp(22px, 2.4vw, 38px); color: rgba(255, 255, 255, 0.84); font-size: clamp(15px, 1.2vw, 20px); letter-spacing: -0.01em;}
.featured-watch{min-width: 210px; min-height: 54px; margin-top: clamp(28px, 3vw, 46px); padding: 15px 19px 15px 24px; display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid rgba(255, 255, 255, 0.7); color: white; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; transition: background 0.25s, color 0.25s, border-color 0.25s;}
.featured-watch svg{width: 24px; height: 24px;}
.featured-watch path{fill: currentcolor;}
.featured-film:hover > img{transform: scale(1.045); filter: saturate(1.08) contrast(1.03);}
.featured-film:hover .featured-watch{border-color: white; background: white; color: rgb(5, 5, 5);}
.process-section{padding: clamp(120px,12vw,190px) var(--gutter); background: rgb(5, 5, 5);}
.section-shell{width: min(100%, 1540px); margin-inline: auto;}
.section-title,.start-heading h2{margin: 0px; color: rgb(244, 241, 235); font-family: var(--display); font-weight: 400; letter-spacing: -0.025em; line-height: 0.86; text-transform: uppercase;}
.section-title{font-size: clamp(74px, 8.5vw, 148px);}
.process-rail{margin: clamp(54px, 6vw, 90px) 0px 0px; padding: clamp(38px, 4vw, 64px) 0px 0px; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; border-top: 1px solid rgba(244, 241, 235, 0.44); border-bottom: 1px solid rgba(244, 241, 235, 0.16);}
.process-rail li{min-height: 170px; padding: 0px clamp(24px, 3.4vw, 54px) 42px; display: flex; flex-direction: column; gap: 20px; border-left: 1px solid rgba(244, 241, 235, 0.22);}
.process-rail li:first-child{padding-left: 0px; border-left: 0px;}
.process-rail li:last-child{padding-right: 0px;}
.process-rail strong{color: var(--amber); font-family: var(--display); font-size: clamp(58px, 5vw, 82px); font-weight: 400; letter-spacing: -0.03em; line-height: 1;}
.process-rail span{color: rgba(244, 241, 235, 0.92); font-family: var(--display); font-size: clamp(24px, 2.2vw, 38px); letter-spacing: -0.015em; line-height: 1; text-transform: uppercase;}
.start-section{padding: clamp(120px,11vw,180px) var(--gutter) clamp(130px,12vw,200px); border-top: 1px solid rgba(244, 241, 235, 0.12); background: radial-gradient(44% 38% at 18% 56%, rgba(255, 116, 0, 0.055), transparent 74%), rgb(5, 5, 5);}
.start-heading h2{font-size: clamp(76px, 7.8vw, 136px);}
.start-heading p{margin: clamp(38px, 4vw, 64px) 0px 0px; color: rgba(244, 241, 235, 0.9); font-size: clamp(18px, 1.45vw, 24px); letter-spacing: 0.04em; text-transform: uppercase;}
.start-heading p span{color: var(--amber);}
.project-form{display: grid; gap: 24px;}
.form-pair{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.project-form label{display: grid; gap: 9px;}
.project-form label > span{color: rgba(244, 241, 235, 0.7); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; line-height: 1; text-transform: uppercase;}
.project-form input,.project-form select,.project-form textarea{width: 100%; min-height: 56px; padding: 15px 16px; border: 1px solid rgba(244, 241, 235, 0.3); border-radius: 0px; outline: 0px; background: rgba(255, 255, 255, 0.02); color: rgb(244, 241, 235); font-family: var(--body); font-size: 15px; transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;}
.project-form textarea{min-height: 126px; resize: vertical;}
.project-form select{appearance: none; background-image: linear-gradient(45deg, transparent 50%, rgba(244, 241, 235, 0.8) 50%), linear-gradient(135deg, rgba(244, 241, 235, 0.8) 50%, transparent 50%); background-position: calc(100% - 19px) 24px, calc(100% - 14px) 24px; background-size: 5px 5px; background-repeat: no-repeat;}
.project-form select option{background: rgb(10, 10, 9); color: rgb(244, 241, 235);}
.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color: rgba(var(--portal-glow-bright-rgb),.9); background: rgba(var(--portal-glow-rgb),.035); box-shadow: 0 0 0 1px rgba(var(--portal-glow-rgb),.16),0 0 36px rgba(var(--portal-glow-soft-rgb),.08);}
.form-submit{width: 100%; min-height: 62px; margin-top: 4px; padding: 18px 22px 18px 26px; display: flex; align-items: center; justify-content: space-between; background: rgb(244, 241, 235); color: rgb(5, 5, 5); font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background 0.22s, transform 0.22s, box-shadow 0.22s;}
.form-submit svg{width: 20px; height: 20px;}
.form-submit path{fill: none; stroke: currentcolor; stroke-width: 1.5;}
.form-submit:hover{background: white; transform: translateY(-2px); box-shadow: rgba(255, 255, 255, 0.08) 0px 16px 44px;}
.section-shell{width: min(100%, 1540px); margin-inline: auto;}
.core-value-section,.start-section{position: relative; padding: clamp(110px,11vw,180px) var(--gutter); background: rgb(5, 5, 5);}
.core-value-section{border-top: 1px solid rgba(244, 241, 235, 0.1); overflow: hidden;}
.core-value-section::before{content: ""; position: absolute; inset: -140px -15% auto 36%; height: 440px; background: radial-gradient(ellipse,rgba(var(--portal-glow-rgb),.095),transparent 69%); filter: blur(36px); pointer-events: none;}
.section-kicker{display: flex; align-items: center; gap: 18px; margin-bottom: clamp(48px, 5vw, 78px); color: rgba(244, 241, 235, 0.52); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase;}
.section-kicker span:first-child{display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(244, 241, 235, 0.28); color: var(--amber); letter-spacing: 0px;}
.section-heading,.core-value-copy h2,.start-heading h2{margin: 0px; color: rgb(244, 241, 235); font-family: var(--display); font-size: clamp(76px, 8.4vw, 146px); font-style: normal; font-weight: 400; letter-spacing: -0.025em; line-height: 0.86; text-transform: uppercase;}
.section-heading em,.core-value-copy h2 em,.start-heading h2 em{color: var(--amber); font-style: normal;}
.core-value-copy h2{font-size: clamp(68px, 5.9vw, 108px);}
.core-value-copy h2 span,.core-value-copy h2 em{display: block; white-space: nowrap;}
.core-value-grid{display: grid; grid-template-columns: minmax(0px, 1.03fr) minmax(420px, 0.72fr); gap: clamp(54px, 7vw, 120px); align-items: center;}
.core-value-copy p{max-width: 510px; margin: clamp(30px, 3vw, 46px) 0px 0px; color: rgba(244, 241, 235, 0.62); font-size: clamp(17px, 1.35vw, 22px); line-height: 1.55;}
.core-film{position: relative; aspect-ratio: 4 / 5; width: 100%; max-height: 690px; padding: 0px; overflow: hidden; border: 0px; background: rgb(23, 18, 13); color: white; text-align: left; cursor: pointer;}
.core-film > img{width: 100%; height: 100%; object-fit: cover; filter: brightness(1.1) saturate(1.08); transform: scale(1.01); transition: transform 0.9s cubic-bezier(0.2, 0.75, 0.2, 1), filter 0.5s;}
.core-film-shade{position: absolute; inset: 0px; background: linear-gradient(rgba(5, 5, 5, 0.08), transparent 40%, rgba(5, 5, 5, 0.82)), linear-gradient(90deg, rgba(5, 5, 5, 0.28), transparent 48%);}
.core-film-meta{position: absolute; right: 26px; bottom: 24px; left: 26px; display: flex; align-items: end; justify-content: space-between; gap: 18px;}
.core-film-meta strong{font-family: var(--display); font-size: clamp(34px, 3.4vw, 60px); font-weight: 400; letter-spacing: -0.015em; line-height: 0.9;}
.core-film-meta span{font-size: 9px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;}
.core-film-play{position: absolute; top: 24px; right: 24px; display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid rgba(255, 255, 255, 0.7); font-size: 9px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; transition: background 0.2s, color 0.2s;}
.core-film-play svg{width: 18px; height: 18px;}
.core-film-play path{fill: currentcolor;}
.core-film:hover > img{transform: scale(1.05); filter: brightness(1.15) saturate(1.16);}
.core-film:hover .core-film-play{background: white; color: rgb(5, 5, 5);}
.capability-rail{margin: clamp(70px, 7vw, 110px) 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; border-top: 1px solid rgba(244, 241, 235, 0.32); border-bottom: 1px solid rgba(244, 241, 235, 0.12);}
.capability-rail li{min-height: 190px; padding: 25px clamp(18px, 2.3vw, 36px) 30px; border-left: 1px solid rgba(244, 241, 235, 0.14); display: flex; flex-direction: column;}
.capability-rail li:first-child{border-left: 0px; padding-left: 0px;}
.capability-rail li > span{color: var(--amber); font-size: 10px; font-weight: 600; letter-spacing: 0.12em;}
.capability-rail strong{margin-top: auto; color: rgb(244, 241, 235); font-family: var(--display); font-size: clamp(28px, 2.6vw, 43px); font-weight: 400; line-height: 1; text-transform: uppercase;}
.capability-rail small{max-width: 240px; margin-top: 11px; color: rgba(244, 241, 235, 0.48); font-size: 13px; line-height: 1.45;}
.faq-layout{display: grid; grid-template-columns: minmax(300px, 0.62fr) minmax(500px, 1fr); gap: clamp(70px, 10vw, 170px); align-items: start;}
.faq-heading{position: sticky; top: 130px;}
.faq-heading .section-heading{font-size: clamp(72px, 7.4vw, 126px);}
.faq-heading > p{max-width: 420px; margin: 32px 0px 0px; color: rgba(244, 241, 235, 0.52); font-size: 17px; line-height: 1.55;}
.start-section{border-top: 1px solid rgba(244, 241, 235, 0.1); background: radial-gradient(46% 42% at 15% 50%, rgba(255, 116, 0, 0.075), transparent 72%), rgb(5, 5, 5);}
.start-heading h2{font-size: clamp(76px, 8.2vw, 142px);}
.start-heading > p{max-width: 420px; margin: 36px 0px 0px; color: rgba(244, 241, 235, 0.66); font-size: clamp(17px, 1.35vw, 22px); line-height: 1.5; text-transform: none; letter-spacing: 0px;}
.project-form{display: grid; gap: 24px;}
.form-pair{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.project-form label{display: grid; gap: 9px;}
.project-form label > span{color: rgba(244, 241, 235, 0.7); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; line-height: 1; text-transform: uppercase;}
.project-form input,.project-form select{width: 100%; min-height: 58px; padding: 15px 16px; border: 1px solid rgba(244, 241, 235, 0.3); border-radius: 0px; outline: 0px; background: rgba(255, 255, 255, 0.02); color: rgb(244, 241, 235); font-family: var(--body); font-size: 15px; transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;}
.project-form select{appearance: none; background-image: linear-gradient(45deg, transparent 50%, rgba(244, 241, 235, 0.8) 50%), linear-gradient(135deg, rgba(244, 241, 235, 0.8) 50%, transparent 50%); background-position: calc(100% - 19px) 25px, calc(100% - 14px) 25px; background-size: 5px 5px; background-repeat: no-repeat;}
.project-form select option{background: rgb(10, 10, 9); color: rgb(244, 241, 235);}
.project-form input:focus,.project-form select:focus{border-color: rgba(var(--portal-glow-bright-rgb),.9); background: rgba(var(--portal-glow-rgb),.035); box-shadow: 0 0 0 1px rgba(var(--portal-glow-rgb),.16),0 0 36px rgba(var(--portal-glow-soft-rgb),.08);}
.form-privacy{margin: -2px 0px 0px; color: rgba(244, 241, 235, 0.43); font-size: 12px; line-height: 1.5;}
.form-privacy::before{content: "+"; margin-right: 9px; color: var(--amber);}
.form-submit{width: 100%; min-height: 64px; margin-top: 2px; padding: 18px 22px 18px 26px; display: flex; align-items: center; justify-content: space-between; border: 0px; background: rgb(244, 241, 235); color: rgb(5, 5, 5); font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background 0.22s, transform 0.22s, box-shadow 0.22s;}
.form-submit svg{width: 20px; height: 20px;}
.form-submit path{fill: none; stroke: currentcolor; stroke-width: 1.5;}
.form-submit:hover{background: white; transform: translateY(-2px); box-shadow: rgba(255, 255, 255, 0.08) 0px 16px 44px;}
.reveal{opacity: 0; transform: translateY(28px); transition: opacity 0.85s cubic-bezier(0.2, 0.75, 0.2, 1), transform 0.85s cubic-bezier(0.2, 0.75, 0.2, 1);}
.reveal.is-visible{opacity: 1; transform: none;}
.no-js .reveal{opacity: 1; transform: none;}
.usage-notice{min-height: 42px; padding: 13px var(--gutter); border-top: 1px solid rgba(244, 241, 235, 0.09); background: var(--black);}
.usage-notice p{margin: 0px; color: rgba(244, 241, 235, 0.34); font-size: 8px; font-weight: 500; letter-spacing: 0.11em; line-height: 1.8; text-align: center;}
.film-dialog{width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0px; padding: 0px; border: 0px; background: rgb(0, 0, 0); color: white; overflow: hidden;}
.film-dialog::backdrop{background: rgb(0, 0, 0); backdrop-filter: none;}
.trailer-stage{width: 100%; height: 100%; display: grid; grid-template-rows: 64px minmax(0px, 1fr); background: rgb(0, 0, 0); view-transition-name: none;}
body.dialog-open .portal-trigger{visibility: hidden; view-transition-name: none;}
body.dialog-open .trailer-stage{view-transition-name: trailer-portal;}
.dialog-header{display: flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 0px; padding: 0px 22px 0px 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.13); background: rgb(5, 5, 5); color: rgba(255, 255, 255, 0.75); font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;}
.dialog-header > span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dialog-close{display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.25); background: transparent; color: white; cursor: pointer; transition: background 0.2s, color 0.2s;}
.dialog-close:hover{background: white; color: black;}
.dialog-close svg{width: 20px; height: 20px;}
.dialog-close path{fill: none; stroke: currentcolor; stroke-width: 1.3;}
.film-dialog video{width: 100%; height: 100%; object-fit: contain; background: black;}
::view-transition-old(trailer-portal),::view-transition-new(trailer-portal){animation-duration: 0.72s; animation-timing-function: cubic-bezier(0.2, 0.75, 0.18, 1);}
:focus-visible{outline: 2px solid var(--amber); outline-offset: 5px;}
.js .brand-lockup,.js .desktop-nav,.js .nav-project{animation: 0.48s cubic-bezier(0.22, 0.7, 0.22, 1) 0.06s 1 normal backwards running nav-resolve;}
.js .hero-line-top{animation: 0.62s cubic-bezier(0.16, 1, 0.3, 1) 0.1s 1 normal backwards running headline-cut;}
.js .hero-line-bottom{animation: 0.68s cubic-bezier(0.16, 1, 0.3, 1) 0.19s 1 normal backwards running headline-cut;}
.js .hero-light{transform-origin: 72% 56%; animation: 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.31s 1 normal backwards running portal-light-ignite;}
.js .portal-period{animation: 0.48s cubic-bezier(0.16, 1, 0.3, 1) 0.5s 1 normal backwards running portal-control-ignite;}
.js .hero-lead{animation: none;}
.js .hero-actions{animation: none;}
@keyframes nav-resolve {0% { opacity: 0; filter: blur(4px); }
100% { opacity: 1; filter: blur(0px); }}
@keyframes headline-cut {0% { opacity: 0.08; transform: translateX(-0.035em); clip-path: inset(0px 102% 0px 0px); }
100% { opacity: 1; transform: none; clip-path: inset(0px); }}
@keyframes portal-light-ignite {0% { opacity: 0; transform: scale(0.86); }
100% { opacity: 1; transform: none; }}
@keyframes portal-control-ignite {0% { opacity: 0; transform: scale(0.72); }
100% { opacity: 1; transform: none; }}
@keyframes offer-resolve {0% { opacity: 0; transform: translateY(10px); }
100% { opacity: 1; transform: none; }}
@media (max-width: 1180px) {:root{--header-height: 96px;}
#hero-title{font-size: clamp(92px, 13.7vw, 170px);}
.hero-content{width: min(100% - (var(--gutter) * 2),1000px); padding-top: calc(var(--header-height) + 54px);}
.core-value-grid{grid-template-columns: minmax(0px, 1fr) minmax(390px, 0.72fr); gap: 60px;}
.faq-layout{gap: 70px;}}
@media (max-width: 820px) {:root{--header-height: 82px; --gutter: 22px;}
.marketplace-hero{min-height: 720px; height: 100svh;}
.hero-content{width: calc(100% - (var(--gutter) * 2)); padding-top: calc(var(--header-height) + 42px); padding-bottom: 40px;}
#hero-title{font-size: clamp(62px, 14.6vw, 104px);}
.hero-lead{max-width: 540px; font-size: 17px;}
.hero-actions{gap: 28px;}
.primary-action{min-width: 290px;}
.proof-strip-inner{min-height: 0px; grid-template-columns: 1fr;}
.proof-strip h2{min-height: 68px; padding: 20px 0px; border-bottom: 1px solid rgba(244, 241, 235, 0.11); white-space: normal;}
.proof-roster{border-left: 0px;}
.proof-roster li{min-height: 108px; padding: 24px 12px;}
.core-value-section,.start-section{padding-inline: 22px;}
.core-value-grid{grid-template-columns: 1fr; gap: 54px;}
.core-film{aspect-ratio: 16 / 10; max-height: none;}
.capability-rail{grid-template-columns: repeat(2, 1fr);}
.capability-rail li:nth-child(3){border-left: 0px;}
.capability-rail li:nth-child(n+3){border-top: 1px solid rgba(244, 241, 235, 0.14);}
.faq-layout{grid-template-columns: 1fr; gap: 64px;}
.faq-heading{position: static;}
.faq-heading > p{max-width: 600px;}
.start-heading h2{font-size: clamp(74px, 13vw, 110px);}
.project-form{max-width: 680px;}}
@media (max-width: 560px) {:root{--header-height: 76px; --gutter: 18px;}
.marketplace-hero{min-height: 700px;}
.hero-content{justify-content: flex-start; padding-top: 220px; padding-bottom: 32px;}
#hero-title{font-size: clamp(54px, 16.4vw, 74px); line-height: 0.83; letter-spacing: -0.025em; transform: scaleX(1.01);}
.hero-line-bottom{font-size: 1em; gap: 0.13em; margin-top: 0.11em;}
.want-word{transform: scaleX(1.06);}
.portal-word{width: 1.86em;}
.portal-trigger{gap: 0.08em;}
.hero-lead{max-width: 31ch; margin-top: 29px; font-size: 15px; line-height: 1.45;}
.hero-actions{width: 100%; max-width: 370px; flex-direction: column; gap: 14px; margin-top: 28px;}
.primary-action{width: 100%; min-width: 0px; min-height: 55px; padding-inline: 22px; font-size: 12px;}
.watch-action{font-size: 9.5px; gap: 6px; letter-spacing: 0.14em;}
.watch-credit{display: none;}
.proof-strip{padding-inline: 18px;}
.proof-strip h2{min-height: 64px;}
.proof-roster{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.proof-roster li{min-height: 82px; padding: 21px 10px;}
.proof-roster li:nth-child(2n){border-right: 0px;}
.proof-roster li:nth-child(n+3){border-top: 1px solid rgba(244, 241, 235, 0.11);}
.proof-roster li:last-child{grid-column: 1 / -1; border-right: 0px;}
.proof-logo-rage{width: 146px; background-size: 545px 307px; background-position: calc(100% + 8px) -88px;}
.proof-logo-cypress{width: 138px; background-size: 138px 138px; background-position: center -42px;}
.core-value-section,.start-section{padding: 92px 18px;}
.section-kicker{margin-bottom: 40px;}
.section-heading,.core-value-copy h2,.start-heading h2{font-size: clamp(58px, 17vw, 82px);}
.core-value-copy h2 span,.core-value-copy h2 em{white-space: normal;}
.core-film{aspect-ratio: 3 / 4;}
.core-film-meta{right: 18px; bottom: 18px; left: 18px;}
.core-film-meta span{display: none;}
.core-film-play{top: 16px; right: 16px;}
.capability-rail{grid-template-columns: 1fr;}
.capability-rail li{min-height: 140px; padding: 22px 0px; border-top: 1px solid rgba(244, 241, 235, 0.14); border-left: 0px;}
.capability-rail li:first-child{border-top: 0px;}
.capability-rail strong{margin-top: 34px;}
.faq-layout{gap: 52px;}
.start-heading > p{margin-top: 26px; font-size: 16px;}
.form-pair{grid-template-columns: 1fr; gap: 24px;}
.project-form{gap: 22px;}
.project-form input,.project-form select{min-height: 54px;}
.form-submit{font-size: 11px;}
.usage-notice p{font-size: 7px;}
.trailer-stage{grid-template-rows: 58px minmax(0px, 1fr);}
.dialog-header{padding-inline: 14px 10px; font-size: 8px;}
.dialog-close{width: 38px; height: 38px;}}
@media (max-height: 760px) and (min-width: 821px) {:root{--header-height: 86px;}
.marketplace-hero{min-height: 650px;}
.hero-content{width: min(100% - (var(--gutter) * 2),1020px); justify-content: flex-start; padding-top: 150px; padding-bottom: 32px;}
#hero-title{font-size: clamp(90px, 12.5vw, 160px);}
.hero-lead{margin-top: 42px; font-size: 18px;}
.hero-actions{margin-top: 25px;}}
@media (prefers-reduced-motion: reduce) {html{scroll-behavior: auto;}
*,::before,::after{scroll-behavior: auto !important; transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important;}
.portal-video{display: none;}
.portal-trigger{view-transition-name: none;}
.trailer-stage{view-transition-name: none !important;}
.reveal{opacity: 1; transform: none;}}