:root { --ink:#090807; --ink-soft:#151210; --paper:#eee9e2; --muted:#a59c92; --line:rgba(238,233,226,.17); --red:#8c1a16; --serif:"Playfair Display", Georgia, serif; --sans:"DM Sans", sans-serif; --mono:"DM Mono", monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; min-width:320px; color:var(--paper); background:linear-gradient(90deg, rgba(9,8,7,.80), rgba(9,8,7,.48)), url("assets/x-division-page-background.png") center top/cover fixed, var(--ink); font-family:var(--sans); }
button, a { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.18; z-index:5; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); }
.site-header { height:82px; padding:0 3vw; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; position:relative; z-index:4; }
.brand { display:flex; align-items:center; gap:16px; font-size:13px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; }
.brand__mark { width:38px; height:38px; display:grid; place-items:center; font-weight:400; font-size:27px; line-height:1; font-family:var(--serif); }
.site-nav { display:flex; gap:52px; font-family:var(--serif); font-size:17px; }
.site-nav a, .signin { transition:color .2s ease; } .site-nav a:hover, .signin:hover { color:#d9524d; }
.signin { padding:0; border:0; background:transparent; color:var(--paper); font-size:12px; letter-spacing:.09em; }
.menu-toggle { display:none; }
.hero { min-height:640px; position:relative; display:flex; align-items:center; padding:86px 10vw 64px; overflow:hidden; }
.hero__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.42; }
.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(9,8,7,.77) 0%, rgba(9,8,7,.40) 47%, rgba(9,8,7,.08) 100%); pointer-events:none; }
.hero__copy, .hero__caption { position:relative; z-index:1; }.hero__copy { max-width:740px; }
.eyebrow { font:500 10px/1.3 var(--mono); letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin:0 0 18px; }
h1, h2, p { margin-top:0; } h1 { margin-bottom:34px; font-size:clamp(52px, 7.1vw, 105px); font-weight:400; line-height:.95; letter-spacing:-.075em; } h1 em, h2 em { font-family:var(--serif); font-weight:500; letter-spacing:-.07em; }
.hero__actions { display:flex; align-items:center; gap:38px; }.button { min-height:56px; padding:0 26px; border:1px solid transparent; display:inline-flex; align-items:center; justify-content:center; gap:25px; transition:transform .2s ease, background .2s ease; }.button:hover { transform:translateY(-2px); }.button--primary { background:var(--red); color:#fff; }.button--quiet { border-color:var(--line); }.button--outline { border-color:var(--paper); background:transparent; color:var(--paper); }.age-note { padding-left:38px; border-left:1px solid var(--line); color:#ddd5cc; font:italic 21px var(--serif); }.hero__caption { position:absolute; right:3vw; bottom:34px; width:235px; color:#c8c0b7; font:12px/1.5 var(--mono); }
.rail-section { padding:78px 3vw; border-top:1px solid var(--line); }.section-heading { display:flex; justify-content:space-between; align-items:baseline; }.section-heading h2 { font:400 34px var(--serif); }.media-rail { display:grid; grid-template-columns:repeat(5, minmax(210px,1fr)); gap:11px; overflow:auto; padding-bottom:6px; scrollbar-color:#5d5851 transparent; }.media-card, .collection { min-height:260px; padding:17px; position:relative; overflow:hidden; border:1px solid var(--line); display:flex; justify-content:space-between; flex-direction:column; background-color:#161311; isolation:isolate; }.media-card::before, .collection::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.88; transition:transform .5s ease; }.media-card:hover::before, .collection:hover::before { transform:scale(1.06); }.media-card span { font:10px var(--mono); color:#d9d1c8; }.media-card p, .collection p { margin:0 0 6px; font:500 25px var(--serif); }.media-card small, .collection small { color:#c7bbb0; font:10px var(--mono); text-transform:uppercase; letter-spacing:.1em; }.media-card--stairs::before { background:linear-gradient(130deg, transparent 35%, #2c2824 36% 52%, transparent 53%),linear-gradient(45deg, #171513, #564b41); }.media-card--fabric::before { background:radial-gradient(ellipse at 20% 0, #8b211c, transparent 50%),repeating-radial-gradient(ellipse at 50% 100%, #4d1615 0 7%, #180c0b 8% 15%); }.media-card--arch::before { background:linear-gradient(125deg, #3e372e 0 18%, #141211 19% 45%, #746758 46% 60%, #171412 61%); }.media-card--glass::before { background:radial-gradient(circle at 57% 35%, #8d7662, transparent 4%),linear-gradient(135deg, #3c3026, #0b0a09 70%); }.media-card--shadow::before { background:repeating-linear-gradient(135deg, #0e0d0c 0 17px, #5a4c3e 18px 23px, #141210 24px 39px); }
.collection-section { padding:92px 3vw; background:linear-gradient(105deg, rgba(17,16,14,.90), rgba(9,8,7,.86)); }.collection-section__intro { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:35px; margin-bottom:36px; }.collection-section__intro h2 { grid-column:1; margin:0; font:400 clamp(40px,4.2vw,68px)/.95 var(--sans); letter-spacing:-.065em; }.collection-section__intro a { grid-column:2; justify-self:end; color:#c53a35; font:16px var(--serif); }.collection-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.collection { min-height:230px; justify-content:end; }.collection--nocturne::before { background:linear-gradient(90deg,#180605aa,#43090900),repeating-linear-gradient(92deg,#160505 0 18px,#400908 19px 34px); }.collection--shadow::before { background:linear-gradient(100deg,#211b16 10%,transparent 10% 40%,#675946 41% 43%,transparent 44%),#15120f; }.collection--silk::before { background:radial-gradient(ellipse at 28% 60%,#716a63 0,transparent 9%),repeating-radial-gradient(ellipse at 50% 120%,#030303 0 14%,#34302d 15% 19%,#090909 20% 29%); }.collection--ritual::before { background:radial-gradient(circle at 75% 42%,#501814 0 3%,transparent 4%),radial-gradient(ellipse at 72% 75%,#34261f 0 16%,transparent 17%),#100e0c; }
.creator-section { min-height:440px; padding:100px 10vw; border-top:1px solid var(--line); display:flex; align-items:flex-start; flex-direction:column; justify-content:center; background:radial-gradient(circle at 25% 60%, rgba(52,32,28,.80), transparent 25rem), rgba(9,8,7,.70); }.creator-section h2 { margin:0 0 20px; max-width:800px; font:400 clamp(42px,5vw,76px)/.97 var(--sans); letter-spacing:-.07em; }.creator-section > p:not(.eyebrow) { max-width:580px; color:#bbb1a7; line-height:1.65; }.creator-section .button { margin-top:16px; }
.live-section { padding:84px 3vw; background:rgba(9,8,7,.8); border-top:1px solid var(--line); }.live-intro { max-width:580px; color:#bbb1a7; line-height:1.65; }.live-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:32px; }.live-empty { margin:0; padding:36px; grid-column:1/-1; border:1px solid var(--line); color:var(--muted); font:13px var(--mono); }.stream-card { min-height:190px; padding:22px; border:1px solid var(--line); background:linear-gradient(135deg,rgba(109,20,17,.44),rgba(9,8,7,.96)); display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:10px; }.stream-card p { margin:0; font:26px var(--serif); }.stream-card small { color:#c7bbb0; font:10px var(--mono); text-transform:uppercase; letter-spacing:.1em; }.stream-card .button { min-height:42px; padding:0 17px; }.creator-actions { display:flex; flex-wrap:wrap; gap:12px; }.creator-actions .button { margin-top:16px; }.broadcast-credentials { display:grid; gap:10px; margin-top:24px; }.broadcast-credentials code { display:block; overflow:auto; padding:12px; background:#090807; border:1px solid var(--line); color:#ddd5cc; font:11px/1.45 var(--mono); }.watch-modal__panel { width:min(100%,900px); padding:42px; border:1px solid var(--line); background:linear-gradient(145deg,#1a1714,#0e0c0b); box-shadow:0 22px 90px #000; position:relative; }.watch-frame { aspect-ratio:16/9; background:#050403; }.watch-frame iframe { width:100%; height:100%; border:0; }
.offer-form { padding-top:24px; border-top:1px solid var(--line); }
footer { padding:24px 3vw; display:flex; justify-content:space-between; gap:18px; color:#8c8278; border-top:1px solid var(--line); font:10px var(--mono); text-transform:uppercase; letter-spacing:.08em; }.age-gate { position:fixed; inset:0; z-index:10; display:grid; place-items:center; padding:24px; background:rgba(5,4,4,.84); backdrop-filter:blur(13px); }.age-gate[hidden] { display:none; }.age-gate__panel { width:min(100%,570px); padding:42px; border:1px solid var(--line); background:linear-gradient(145deg,#1a1714,#0e0c0b); box-shadow:0 22px 90px #000; }.age-gate h1 { margin:35px 0 20px; font-size:clamp(42px,6vw,66px); }.age-gate__copy { max-width:470px; color:#c5bbb0; line-height:1.6; }.age-gate__actions { display:flex; gap:12px; margin-top:31px; }.age-gate__actions .button { flex:1; }.gate-note { margin:24px 0 0; color:#887e75; font:10px/1.5 var(--mono); }.toast { position:fixed; bottom:25px; left:50%; z-index:7; padding:14px 18px; transform:translate(-50%,140px); background:var(--paper); color:var(--ink); font:12px var(--mono); transition:transform .3s ease; }.toast.is-visible { transform:translate(-50%,0); }
footer { padding:24px 3vw; display:flex; justify-content:space-between; gap:18px; color:#8c8278; border-top:1px solid var(--line); font:10px var(--mono); text-transform:uppercase; letter-spacing:.08em; }.age-gate, .auth-modal { position:fixed; inset:0; z-index:10; display:grid; place-items:center; padding:24px; background:rgba(5,4,4,.84); backdrop-filter:blur(13px); }.age-gate[hidden], .auth-modal[hidden] { display:none; }.age-gate__panel, .auth-modal__panel { width:min(100%,570px); padding:42px; border:1px solid var(--line); background:linear-gradient(145deg,#1a1714,#0e0c0b); box-shadow:0 22px 90px #000; position:relative; }.age-gate h1 { margin:35px 0 20px; font-size:clamp(42px,6vw,66px); }.age-gate__copy { max-width:470px; color:#c5bbb0; line-height:1.6; }.age-gate__actions { display:flex; gap:12px; margin-top:31px; }.age-gate__actions .button { flex:1; }.gate-note { margin:24px 0 0; color:#887e75; font:10px/1.5 var(--mono); }.toast { position:fixed; bottom:25px; left:50%; z-index:7; padding:14px 18px; transform:translate(-50%,140px); background:var(--paper); color:var(--ink); font:12px var(--mono); transition:transform .3s ease; }.toast.is-visible { transform:translate(-50%,0); }.auth-modal { z-index:11; }.auth-modal h2 { margin:27px 0 14px; font:400 clamp(38px,5vw,56px)/.96 var(--sans); letter-spacing:-.065em; }.auth-copy { color:#c5bbb0; line-height:1.55; }.auth-form { display:grid; gap:16px; margin-top:25px; }.auth-form label { display:grid; gap:8px; color:#b9afa5; font:10px var(--mono); text-transform:uppercase; letter-spacing:.08em; }.auth-form input { width:100%; padding:15px 14px; border:1px solid var(--line); border-radius:0; background:#0a0908; color:var(--paper); outline-color:#c53a35; font:16px var(--sans); text-transform:none; letter-spacing:normal; }.auth-form .button { margin-top:6px; }.modal-close { position:absolute; top:20px; right:20px; border:0; background:transparent; color:var(--paper); font:31px/1 var(--serif); }.auth-status { min-height:18px; margin:18px 0 0; color:#d95751; font:11px/1.5 var(--mono); }.text-button { justify-self:start; padding:0; border:0; background:transparent; color:#b9afa5; text-decoration:underline; font:12px var(--sans); }
footer { padding:24px 3vw; display:flex; justify-content:space-between; gap:18px; color:#8c8278; border-top:1px solid var(--line); font:10px var(--mono); text-transform:uppercase; letter-spacing:.08em; }.age-gate, .auth-modal { position:fixed; inset:0; z-index:10; display:grid; place-items:center; padding:24px; background:rgba(5,4,4,.84); backdrop-filter:blur(13px); }.age-gate[hidden], .auth-modal[hidden] { display:none; }.age-gate__panel, .auth-modal__panel { width:min(100%,570px); max-height:calc(100vh - 48px); overflow:auto; padding:42px; border:1px solid var(--line); background:linear-gradient(145deg,#1a1714,#0e0c0b); box-shadow:0 22px 90px #000; position:relative; }.age-gate h1 { margin:35px 0 20px; font-size:clamp(42px,6vw,66px); }.age-gate__copy { max-width:470px; color:#c5bbb0; line-height:1.6; }.age-gate__actions { display:flex; gap:12px; margin-top:31px; }.age-gate__actions .button { flex:1; }.gate-note { margin:24px 0 0; color:#887e75; font:10px/1.5 var(--mono); }.toast { position:fixed; bottom:25px; left:50%; z-index:7; padding:14px 18px; transform:translate(-50%,140px); background:var(--paper); color:var(--ink); font:12px var(--mono); transition:transform .3s ease; }.toast.is-visible { transform:translate(-50%,0); }.auth-modal { z-index:11; }.auth-modal h2 { margin:27px 0 14px; font:400 clamp(38px,5vw,56px)/.96 var(--sans); letter-spacing:-.065em; }.auth-copy { color:#c5bbb0; line-height:1.55; }.auth-form { display:grid; gap:16px; margin-top:25px; }.auth-form label { display:grid; gap:8px; color:#b9afa5; font:10px var(--mono); text-transform:uppercase; letter-spacing:.08em; }.auth-form input, .auth-form textarea { width:100%; padding:15px 14px; border:1px solid var(--line); border-radius:0; background:#0a0908; color:var(--paper); outline-color:#c53a35; font:16px var(--sans); text-transform:none; letter-spacing:normal; }.auth-form textarea { min-height:112px; resize:vertical; }.auth-form .check-row { grid-template-columns:18px 1fr; align-items:start; text-transform:none; letter-spacing:normal; line-height:1.4; }.auth-form .check-row input { width:16px; height:16px; margin-top:1px; padding:0; }.auth-form .button { margin-top:6px; }.modal-close { position:absolute; top:20px; right:20px; border:0; background:transparent; color:var(--paper); font:31px/1 var(--serif); }.auth-status { min-height:18px; margin:18px 0 0; color:#d95751; font:11px/1.5 var(--mono); }.text-button { justify-self:start; padding:0; border:0; background:transparent; color:#b9afa5; text-decoration:underline; font:12px var(--sans); }
@media (max-width:800px) { .site-header { height:68px; }.site-nav { display:none; position:absolute; top:68px; left:0; right:0; padding:22px 3vw; background:#0e0d0b; border-bottom:1px solid var(--line); }.site-nav.is-open { display:flex; flex-direction:column; gap:18px; }.menu-toggle { display:block; margin-left:auto; margin-right:22px; padding:0; color:var(--paper); background:transparent; border:0; font:11px var(--mono); text-transform:uppercase; }.signin { display:none; }.hero { min-height:650px; align-items:end; padding:80px 6vw 80px; }.hero__video { object-position:67% center; }.hero__caption { display:none; }.hero__actions { align-items:flex-start; flex-direction:column; gap:18px; }.age-note { padding-left:0; border:0; }.media-rail { grid-template-columns:repeat(5,78vw); }.collection-section__intro { display:block; }.collection-section__intro a { display:inline-block; margin-top:24px; }.collection-grid, .live-grid { grid-template-columns:1fr; }.collection { min-height:190px; } footer { flex-direction:column; }.age-gate__panel, .watch-modal__panel { padding:30px 24px; }.age-gate__actions { flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.entry-screen { position:fixed; inset:0; z-index:30; display:grid; place-items:center; min-height:100dvh; padding:24px; overflow:auto; opacity:0; background:linear-gradient(90deg,rgba(6,5,4,.9),rgba(6,5,4,.56)),url("assets/x-division-page-background.png") center/cover; transition:opacity .42s ease; }
.entry-screen[hidden] { display:none; }.entry-screen.is-visible { opacity:1; }.entry-screen.is-leaving { opacity:0; pointer-events:none; }.entry-screen--intro { padding:0; opacity:1; background:#050403; }.entry-screen__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.entry-screen__veil { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42)); }.entry-screen__caption,.entry-screen__skip { position:absolute; z-index:1; }.entry-screen__caption { left:clamp(22px,5vw,72px); bottom:clamp(24px,5vw,64px); color:var(--paper); font:clamp(1.2rem,2.8vw,2.5rem) var(--serif); letter-spacing:.08em; text-transform:uppercase; }.entry-screen__skip { top:24px; right:24px; padding:10px 15px; border:1px solid rgba(238,233,226,.5); background:rgba(8,7,6,.55); color:var(--paper); font:600 .78rem/1 var(--sans); letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.entry-panel { position:relative; z-index:1; width:min(100%,680px); padding:clamp(28px,5vw,58px); border:1px solid rgba(238,233,226,.24); background:rgba(12,10,8,.78); box-shadow:0 30px 90px rgba(0,0,0,.5); text-align:center; }.entry-panel--wide { width:min(100%,1100px); }.entry-panel h1 { margin:0; font:clamp(2.5rem,6vw,5.5rem)/.9 var(--serif); letter-spacing:.03em; text-transform:uppercase; }.entry-kicker { margin:0 0 18px; color:#c49a46; font-size:.75rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }.entry-copy { max-width:54ch; margin:22px auto; color:rgba(238,233,226,.82); line-height:1.7; }.terms-copy { margin:28px 0; padding:18px; border-block:1px solid rgba(238,233,226,.18); color:rgba(238,233,226,.72); font-size:.9rem; line-height:1.65; text-align:left; }.consent-check { display:flex; gap:12px; align-items:flex-start; max-width:52ch; margin:0 auto 24px; line-height:1.5; text-align:left; }.consent-check input { width:18px; height:18px; margin-top:2px; accent-color:var(--red); }.entry-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }.entry-actions .button[disabled] { cursor:not-allowed; opacity:.45; }
.role-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:32px; }.role-card { min-height:245px; padding:28px 22px; border:1px solid rgba(238,233,226,.25); background:linear-gradient(145deg,rgba(238,233,226,.1),rgba(0,0,0,.28)); color:var(--paper); text-align:left; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease; }.role-card:hover,.role-card:focus-visible { transform:translateY(-5px); border-color:#c49a46; background:linear-gradient(145deg,rgba(196,154,70,.26),rgba(0,0,0,.38)); }.role-card > span:first-child { display:block; color:#c49a46; font-size:.72rem; font-weight:700; letter-spacing:.16em; }.role-card strong { display:block; margin:38px 0 10px; font:clamp(1.7rem,3vw,2.7rem)/.95 var(--serif); letter-spacing:.04em; text-transform:uppercase; }.role-card small { display:block; color:rgba(238,233,226,.72); line-height:1.5; }.role-card__actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:27px; }.role-card__actions button { min-height:39px; border:1px solid rgba(238,233,226,.43); background:transparent; color:var(--paper); font:600 .68rem/1 var(--sans); letter-spacing:.08em; text-transform:uppercase; }.role-card__actions button:first-child { border-color:var(--red); background:var(--red); }.role-card__actions button:hover,.role-card__actions button:focus-visible { border-color:#c49a46; }.totp-uri { display:block; max-height:130px; margin:18px 0; padding:12px; overflow:auto; border:1px solid var(--line); background:#090807; color:#ddd5cc; font:11px/1.45 var(--mono); overflow-wrap:anywhere; }
.auth-modal { z-index:50; }.toast { z-index:51; }
.studio-panel { width:min(100%,860px); }.studio-form { margin-top:34px; padding-top:24px; border-top:1px solid var(--line); }.studio-form .eyebrow { margin-bottom:0; }.studio-profile-link { display:inline-block; margin-top:10px; color:#d9524d; font:16px var(--serif); }.studio-note { color:var(--muted); font:10px/1.5 var(--mono); }.studio-library { margin-top:34px; padding-top:24px; border-top:1px solid var(--line); }.studio-library h3 { margin:0 0 18px; font:28px var(--serif); }.studio-video { display:grid; grid-template-columns:150px 1fr; gap:18px; padding:16px 0; border-top:1px solid var(--line); }.studio-video__thumb { min-height:104px; background:linear-gradient(135deg,#32100e,#15110f); background-position:center; background-size:cover; }.studio-video small { color:#c49a46; font:10px var(--mono); letter-spacing:.1em; text-transform:uppercase; }.studio-video h4 { margin:7px 0; font:23px var(--serif); }.studio-video p { margin:0; color:#c5bbb0; font-size:.9rem; line-height:1.45; }.studio-video__actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:13px; }.studio-video__actions button { padding:8px 10px; border:1px solid var(--line); background:transparent; color:var(--paper); font:10px var(--mono); text-transform:uppercase; }.studio-video__actions button:hover { border-color:#c49a46; }
.creator-page { min-height:100vh; background:var(--ink); }.public-profile { min-height:100vh; }.public-profile__hero { min-height:490px; padding:48px 9vw; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; background-color:#17110f; background-size:cover; background-position:center; }.public-profile__hero .text-button { margin-bottom:75px; }.public-profile__hero h1 { max-width:850px; margin:8px 0 20px; font:clamp(3.5rem,9vw,9rem)/.86 var(--serif); color:var(--creator-accent,#8c1a16); letter-spacing:-.07em; }.public-profile__hero > p:not(.eyebrow) { max-width:620px; color:#e3d9ce; font-size:1.05rem; line-height:1.65; }.public-profile__hero > span { color:#c49a46; font:11px var(--mono); letter-spacing:.13em; text-transform:uppercase; }.public-profile__work { padding:76px 9vw; }.public-profile__work h2 { margin:0 0 32px; font:clamp(2.5rem,5vw,5rem)/.9 var(--serif); }.public-video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.public-video { min-height:300px; border:1px solid var(--line); background:#12100e; }.public-video__thumb { height:190px; background:linear-gradient(135deg,#32100e,#15110f); background-position:center; background-size:cover; }.public-video p { margin:17px 17px 7px; font:26px var(--serif); }.public-video small { display:block; padding:0 17px 17px; color:#b9afa5; line-height:1.5; }
@media (max-width:600px) { .entry-screen { padding:16px; }.entry-screen--intro { padding:0; }.entry-panel { padding:30px 22px; }.entry-screen__skip { top:16px; right:16px; }.role-grid { grid-template-columns:1fr; }.role-card { min-height:0; padding:22px; }.role-card strong { margin:20px 0 8px; }.studio-video { grid-template-columns:1fr; }.studio-video__thumb { min-height:160px; }.public-profile__hero,.public-profile__work { padding-inline:24px; }.public-video-grid { grid-template-columns:1fr; } }