:root{--ink:#f2f5f8;--muted:#98a3b2;--line:#c5d2e129;--panel:#0d1521;--bg:#070b12;--type:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--type);margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle at 70% 15%,#2a43622b,#0000 35%);position:fixed;inset:0}a{color:inherit}.shell{width:min(1280px,100% - 64px);margin:auto}.topbar{border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;height:84px;display:flex;position:relative}.brand{letter-spacing:.16em;color:#fff;font-size:1.15rem;font-weight:800;line-height:1;text-decoration:none}.brand .brand-s{display:inline-block;position:relative}.brand .brand-s:after{content:"";background:#718097;width:120%;height:2px;position:absolute;top:51%;left:-10%;transform:rotate(-28deg)}.nav{align-items:center;gap:26px;display:flex}.nav a{color:#aab3bf;letter-spacing:.075em;text-transform:uppercase;font-size:.78rem;text-decoration:none}.nav a:hover{color:#fff}.nav-cta{border:1px solid #ffffff59;padding:10px 14px;color:#fff!important}.eyebrow,.kicker{color:#9faebe;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700}h1,h2{text-transform:uppercase;letter-spacing:-.045em;margin:0;font-weight:800}.outline{color:#0000;-webkit-text-stroke:1.15px #8795a7}.hero{grid-template-columns:minmax(420px,.88fr) minmax(500px,1.12fr);align-items:center;gap:4vw;min-height:calc(100vh - 84px);padding:56px 0 70px;display:grid}.hero h1{margin:28px 0 27px;font-size:clamp(4rem,6.3vw,7.2rem);line-height:.89}.intro{color:#aab4c0;max-width:570px;margin:0 0 35px;font-size:1.06rem;line-height:1.65}.builder,.panel{border:1px solid var(--line);background:linear-gradient(140deg,#16202ee0,#0c121cd1);padding:18px}.pickers{gap:8px;display:grid}.field label,.form-field label{color:#77869a;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;display:block}.watch-input,.form-field input,.form-field textarea{color:#eef2f6;background:#0b111b;border:1px solid #ffffff24;outline:none;width:100%;padding:17px;font-size:1rem}.watch-input:focus,.form-field input:focus,.form-field textarea:focus{border-color:#71839a}.input-help,.status{color:#748297;margin:12px 0 0;font-size:.78rem;line-height:1.5}.builder-foot{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;display:flex}.ratios{gap:4px;display:flex}.ratio-button{color:#768599;cursor:pointer;background:0 0;border:0;padding:10px 12px}.ratio-button.active{color:#fff;background:#263244}.primary{color:#0a0e15;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#f1f4f7;border:0;place-items:center;padding:14px 24px;font-weight:800;text-decoration:none;display:inline-grid}.primary:hover{background:#b7c4d4}.primary:disabled{opacity:.6;cursor:wait}.stage{background:#080a0d;border:1px solid #ffffff1a;height:min(72vh,790px);min-height:600px;position:relative;overflow:hidden}.stage:after,.concept-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#05080db8);position:absolute;inset:0}.hero-watch,.concept-image img{object-fit:cover;object-position:57% center;filter:saturate(.72)contrast(1.04);width:100%;height:100%}.signature,.stage-index,.stage-caption{z-index:2;position:absolute}.signature{letter-spacing:.2em;font-size:.75rem;font-weight:800;top:24px;left:26px}.stage-index{color:#7f8b9b;font-size:.75rem;top:23px;right:25px}.stage-caption{bottom:26px;left:27px}.stage-caption span{color:#8e9bab;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;display:block}.split{color:#718097;margin:0 7px;font-style:normal}.lab-entry{border-top:1px solid var(--line);padding:26px 0}.lab-entry-card{border:1px solid var(--line);background:linear-gradient(120deg,#111b29,#0b111a);grid-template-columns:1fr auto;align-items:center;gap:30px;padding:30px 34px;text-decoration:none;display:grid}.lab-entry-card h2{margin:7px 0 8px;font-size:clamp(1.65rem,2.5vw,2.7rem)}.lab-entry-card p{color:#8e9aaa;margin:0}.lab-entry-link{text-transform:uppercase;letter-spacing:.1em;border:1px solid #6f8095;padding:13px 17px;font-size:.75rem}section{border-top:1px solid var(--line);padding:100px 0}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;display:flex}.section-head h2{margin:12px 0 0;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.96}.section-head.compact h2{font-size:clamp(2rem,3vw,3.2rem)}.section-head p{color:#8d99a8;max-width:420px;line-height:1.55}.gallery,.grid{grid-template-columns:1.35fr .8fr;gap:16px;display:grid}.card{color:inherit;border:1px solid var(--line);background:#0d1420;min-height:430px;text-decoration:none;display:block;position:relative;overflow:hidden}.card img{object-fit:cover;filter:brightness(.58)saturate(.62);width:100%;height:100%;transition:all .6s;position:absolute}.card:hover img{filter:brightness(.72);transform:scale(1.03)}.card-info{z-index:2;position:absolute;inset:auto 25px 24px}.card-label,.meta{text-transform:uppercase;letter-spacing:.14em;color:#9aa8ba;font-size:.75rem}.card h3{margin:9px 0 0;font-size:1.35rem}.badge{z-index:2;border:1px solid #ffffff40;padding:7px 10px;font-size:.75rem;position:absolute;top:22px;right:22px}.steps{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.step{border-right:1px solid var(--line);min-height:190px;padding:34px 30px}.step:last-child{border:0}.num{color:#78879a;font-size:.75rem}.step h3{margin:40px 0 9px;font-size:1.1rem}.step p{color:#8e9aa9;margin:0;line-height:1.55}.request{border:1px solid var(--line);background:#101925;justify-content:space-between;align-items:center;gap:30px;margin-top:26px;padding:35px 38px;display:flex}.request h3{margin:0 0 7px}.request p{color:#8d99a7;margin:0}.page-hero{padding:78px 0 58px}.page-hero h1{max-width:920px;margin:22px 0;font-size:clamp(3.1rem,5.5vw,5.9rem);line-height:.93}.page-hero p{color:#a7b1bd;max-width:650px;font-size:1.02rem;line-height:1.65}.page-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:100px;display:grid}.detail-hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:5vw;min-height:calc(100vh - 85px);padding:50px 0;display:grid}.back{color:#8694a6;text-transform:uppercase;letter-spacing:.12em;margin-bottom:34px;font-size:.75rem;text-decoration:none;display:inline-block}.detail-copy h1{margin:18px 0 23px;font-size:clamp(2.8rem,4.5vw,5rem);line-height:.94}.detail-copy p{color:#a5afbb;line-height:1.65}.score{align-items:end;gap:10px;margin-top:25px;display:flex}.score strong{font-size:2.35rem;line-height:.8}.score span{color:#8d9aaa;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem}.creator{align-items:center;gap:9px;margin-top:20px;text-decoration:none;display:inline-flex}.avatar{background:#28364a;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.75rem;font-weight:800;display:grid}.concept-image{border:1px solid var(--line);height:670px;position:relative;overflow:hidden}.anatomy{padding:90px 0}.section-title{margin-bottom:35px;font-size:clamp(2.1rem,3.7vw,4rem)}.specs{border:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.spec{border-right:1px solid var(--line);padding:23px}.spec:last-child{border:0}.spec span{color:#728196;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px;font-size:.75rem;display:block}.social-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.social-card{border:1px solid var(--line);background:#0c141f;padding:28px}.social-card h3{margin:0 0 8px}.social-card>p{color:#7e8c9e;line-height:1.55}.rating-buttons{grid-template-columns:repeat(10,1fr);gap:5px;margin-top:18px;display:grid}.rating-buttons button{border:1px solid var(--line);color:#9ba7b5;cursor:pointer;background:#0a111b;min-height:37px}.rating-buttons button:hover,.rating-buttons button.selected{color:#080d14;background:#e8edf3}.comment{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:12px;padding:16px 0;display:grid}.comment p{color:#a2adba;margin:5px 0 0;line-height:1.55}.comment small{color:#748195}.comment-form{grid-template-columns:1fr auto;gap:8px;margin-top:18px;display:grid}.comment-form textarea{border:1px solid var(--line);color:#eef2f6;background:#080e16;min-height:55px;padding:13px}.remix-card{flex-direction:column;justify-content:space-between;display:flex}.remix-mark{color:#69798e;font-size:2.4rem}.design-lab{grid-template-columns:minmax(340px,.78fr) minmax(480px,1.22fr);gap:18px;padding:52px 0 100px;display:grid}.lab-controls{padding:30px}.lab-controls h1{margin:18px 0;font-size:clamp(2.7rem,4.2vw,4.5rem);line-height:.93}.lab-controls>p{color:#94a1b1;line-height:1.6}.lab-form{gap:15px;margin-top:28px;display:grid}.concept-preview{border:1px solid var(--line);background:#080a0d;min-height:720px;position:relative;overflow:hidden}.concept-preview img{object-fit:cover;object-position:center;filter:brightness(.5)saturate(.55);width:100%;height:100%;position:absolute}.concept-copy{z-index:2;position:absolute;bottom:28px;left:28px;right:28px}.concept-name{color:#fff;background:#080e16c2;border:1px solid #ffffff38;width:100%;margin-bottom:22px;padding:13px 15px;font-size:1.3rem;font-weight:750}.concept-specs{border-top:1px solid #fff3;grid-template-columns:repeat(5,1fr);display:grid}.concept-spec{padding:16px 10px 0 0}.concept-spec span{color:#718095;text-transform:uppercase;margin-bottom:7px;font-size:.7rem;display:block}.concept-spec strong{font-size:.8rem}.profile-head{grid-template-columns:auto 1fr;align-items:center;gap:25px;padding:65px 0 35px;display:grid}.profile-head>.avatar{width:88px;height:88px;font-size:1.35rem}.profile-head h1{font-size:clamp(2.4rem,4vw,4.2rem)}.profile-head p{color:#8b98a8}.profile-layout{grid-template-columns:.65fr 1.35fr;gap:18px;padding-bottom:90px;display:grid}.profile-form{gap:16px;display:grid}.profile-form textarea{resize:vertical;min-height:110px}.empty{border:1px dashed var(--line);text-align:center;color:#8492a3;padding:45px}footer{border-top:1px solid var(--line);color:#778493;justify-content:space-between;gap:25px;padding:36px 0 45px;font-size:.8rem;display:flex}.footer-brand{color:#e9edf2;letter-spacing:.16em;font-weight:800}@media (max-width:1000px){.hero,.detail-hero,.design-lab,.profile-layout{grid-template-columns:1fr}.stage{height:620px;min-height:0}.concept-preview{min-height:620px}.social-grid{grid-template-columns:1fr}.nav{gap:15px}.nav a{font-size:.72rem}}@media (max-width:680px){.shell{width:calc(100% - 28px)}.topbar{height:72px}.brand{font-size:1rem}.nav a:not(.nav-cta){display:none}.hero{flex-direction:column;padding:42px 0 55px;display:flex}.hero h1{font-size:clamp(3.35rem,15vw,4.6rem)}.stage{width:100%;height:470px}.builder-foot,.section-head,.request{flex-direction:column;align-items:stretch}.gallery,.page-grid,.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.lab-entry-card{grid-template-columns:1fr}.detail-copy h1{font-size:clamp(2.8rem,13vw,4.1rem)}.concept-image{height:470px}.specs,.concept-specs{grid-template-columns:1fr 1fr}.rating-buttons{grid-template-columns:repeat(5,1fr)}.comment-form{grid-template-columns:1fr}.page-hero h1{font-size:clamp(3rem,13vw,4.2rem)}footer{flex-direction:column}}.lab-form{gap:19px}.preview-label{margin-bottom:22px}.cue-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.cue{color:#8997a9;font:inherit;cursor:pointer;background:#0a111b;border:1px solid #c5d2e129;padding:7px 9px;font-size:.72rem;line-height:1.2}:is(.cue:hover,.cue:focus-visible,.cue.active){color:#f2f5f8;background:#263244;border-color:#8495aa}.cue:focus-visible{outline-offset:2px;outline:2px solid #aebdce}.achievement-summary{grid-template-columns:.7fr 1.3fr;gap:16px;margin:0 0 55px;display:grid}.medal-card{border:1px solid var(--line);background:linear-gradient(145deg,#111a28,#0a111a);grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:26px;display:grid}.medal-mark{color:#130d09;letter-spacing:.08em;background:radial-gradient(circle at 35% 28%,#b88b68,#5f4231);border:2px solid #785b45;border-radius:50%;place-items:center;width:76px;height:76px;font-weight:900;display:grid;box-shadow:inset 0 0 0 5px #070b123d}.medal-silver .medal-mark{background:radial-gradient(circle at 35% 28%,#edf1f4,#7d8998);border-color:#aeb8c4}.medal-gold .medal-mark{background:radial-gradient(circle at 35% 28%,#f5dc87,#9b7427);border-color:#c7a24a}.medal-starter .medal-mark{color:#94a2b4;background:#1a2533;border-color:#526174}.medal-card h3{margin:6px 0 7px;font-size:1.45rem}.medal-card p{color:#8492a3;margin:0;font-size:.85rem;line-height:1.5}.badge-shelf{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.badge-shelf.compact{margin-top:17px}.achievement-badge{border:1px solid var(--line);background:#0a111b;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px;display:grid}.achievement-mark{color:#dce3eb;letter-spacing:.06em;background:#263244;border:1px solid #718197;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.72rem;font-weight:900;display:grid}.achievement-badge strong{font-size:.86rem}.achievement-badge p{color:#778597;margin:4px 0 0;font-size:.72rem;line-height:1.35}.challenge-heading{margin:70px 0 28px}.challenge-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:100px;display:grid}.challenge-card{border:1px solid var(--line);background:#0c141f;min-height:250px;padding:24px}.challenge-card.complete{background:linear-gradient(145deg,#162233,#0c141f);border-color:#afc3d96b}.challenge-top{color:#7f8ea1;text-transform:uppercase;letter-spacing:.11em;justify-content:space-between;font-size:.72rem;display:flex}.challenge-card h2{letter-spacing:-.02em;margin:42px 0 10px;font-size:1.35rem}.challenge-card p{color:#929ead;min-height:48px;line-height:1.55}.progress-track{background:#1b2635;height:5px;margin:25px 0 13px;overflow:hidden}.progress-track span{background:#aebccc;height:100%;display:block}.challenge-card.complete .progress-track span{background:#d7e0e8}.challenge-card small{color:#728095}.page-hero .primary{margin-top:24px}@media (max-width:1000px){.achievement-summary{grid-template-columns:1fr}.challenge-grid{grid-template-columns:1fr 1fr}.nav{gap:11px}.nav a{font-size:.68rem}}@media (max-width:680px){.badge-shelf,.challenge-grid{grid-template-columns:1fr}.medal-card{grid-template-columns:1fr;align-items:start}.achievement-summary{margin-bottom:40px}}.signature{color:#fff;letter-spacing:.28em;font-weight:500}.signature .brand-s{display:inline-block;position:relative}.signature .brand-s:after{content:"";background:#fff;width:135%;height:1.5px;position:absolute;top:51%;left:-17%;transform:rotate(-62deg)}.timesplice-wordmark{color:#fff;font-family:var(--type);letter-spacing:.34em;white-space:nowrap;align-items:center;font-size:.74rem;font-weight:400;line-height:1;display:inline-flex}.timesplice-vector-s{width:.82em;height:1.28em;color:inherit;flex:none;margin:0 .08em 0 -.04em;overflow:visible;transform:translate(-.08em,-.08em)}.brand .timesplice-wordmark{font-size:1rem}.signature.timesplice-wordmark{letter-spacing:.34em;font-size:.74rem;font-weight:400}.hero-signature.timesplice-wordmark{font-size:1.12rem}.footer-brand.timesplice-wordmark{letter-spacing:.34em;font-size:.72rem;font-weight:400}@media (max-width:680px){.hero-signature.timesplice-wordmark{font-size:.92rem}}.hero-watch{object-fit:contain;object-position:right center;width:auto;max-width:none;height:100%;position:absolute;top:0;right:-2.5%}.mobile-menu{display:none}.profile-head{grid-template-columns:auto minmax(0,1fr)}.profile-head>div{min-width:0}.profile-head h1{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.detail-copy h1{overflow-wrap:anywhere;font-size:clamp(2.6rem,3.9vw,4.55rem)}.profile-form,.profile-layout>*{min-width:0}.outline{color:#8795a7;-webkit-text-stroke:0;text-shadow:none}@media (max-width:680px){.topbar{height:72px;overflow:visible}.desktop-nav{display:none}.mobile-menu{margin-left:auto;display:block;position:relative}.mobile-menu summary{color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid #ffffff59;padding:10px 14px;font-size:.72rem;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{background:#182231}.mobile-menu nav{z-index:20;background:#0b121d;border:1px solid #c5d2e142;width:min(82vw,310px);display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 45px #0000007a}.mobile-menu nav a{color:#c4ceda;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--line);padding:15px 18px;font-size:.75rem;text-decoration:none}.mobile-menu nav a:last-child{border-bottom:0}.mobile-menu nav .nav-cta{background:#152131;color:#fff!important}.stage{aspect-ratio:1;height:auto;min-height:0}.stage .hero-watch{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;inset:0}.gallery .card,.page-grid .card{background:#0a111b;grid-template-rows:auto auto;min-height:0;display:grid}.gallery .card img,.page-grid .card img{aspect-ratio:1;object-fit:contain;object-position:center;filter:brightness(.72)saturate(.72);grid-row:1;width:100%;height:auto;transition:none;position:relative}.gallery .card:hover img,.page-grid .card:hover img{filter:brightness(.78)saturate(.76);transform:none}.gallery .card-info,.page-grid .card-info{background:linear-gradient(#0e1723,#0a111b);grid-row:2;padding:18px 20px 21px;position:relative;inset:auto}.gallery .card h3,.page-grid .card h3{line-height:1.25}.concept-image{background:#070b12}.concept-image img{object-fit:contain;object-position:center}.concept-preview{background:#070b12;grid-template-rows:auto auto;min-height:0;display:grid;overflow:hidden}.concept-preview img{aspect-ratio:1;object-fit:cover;object-position:center;filter:brightness(.72)saturate(.68);width:100%;height:auto;position:relative}.concept-copy{z-index:2;background:linear-gradient(#101925,#0a111b);padding:22px 20px 24px;position:relative;bottom:auto;left:auto;right:auto}.concept-specs{grid-template-columns:1fr 1fr;gap:0 14px}.concept-spec{padding:15px 4px 0 0}.concept-spec:last-child{grid-column:1/-1}.profile-head{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:16px;padding:46px 0 30px}.profile-head>.avatar{width:72px;height:72px;font-size:1.1rem}.profile-head h1{font-size:clamp(1.55rem,7.5vw,2.15rem);line-height:1.02}.profile-head p{line-height:1.5}.profile-head a{margin-top:4px;display:inline-block}.profile-layout{min-width:0}.panel,.medal-card{padding:20px}}.analytics-consent{z-index:1000;color:#eef2f6;background:#101a27;border:1px solid #657185;max-width:850px;max-height:80vh;margin:auto;padding:22px;font-size:1rem;line-height:1.5;position:fixed;bottom:16px;left:16px;right:16px;overflow:auto;box-shadow:0 8px 40px #0009}.analytics-consent strong{font-size:1.1rem}.analytics-consent p{color:#bdc7d4;margin:8px 0 16px}.analytics-actions{flex-wrap:wrap;gap:12px;display:flex}.analytics-actions button{color:#eef2f6;min-height:44px;font:inherit;cursor:pointer;background:#101a27;border:1px solid #bcc6d3;padding:11px 16px}.analytics-actions button:hover{background:#293649}.analytics-preferences{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:44px;text-decoration:underline}.analytics-actions button:focus-visible{outline-offset:3px;outline:2px solid #fff}.analytics-preferences:focus-visible{outline-offset:3px;outline:2px solid #fff}.stage.latest-stage{aspect-ratio:auto;color:#f1f4f7;background:#080a0d;width:100%;height:auto;min-height:0;text-decoration:none;display:block}.stage.latest-stage .hero-watch{aspect-ratio:1;object-fit:contain;object-position:center;filter:none;width:100%;max-width:100%;height:auto;display:block;position:relative;inset:auto}.stage.latest-stage:after{display:none}.stage.latest-stage .stage-caption{overflow-wrap:anywhere;background:#0b111b;padding:22px 26px;position:relative;inset:auto}.stage.latest-stage .stage-caption strong{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.25;display:block}.stage.latest-stage .stage-caption span{line-height:1.6}.stage.latest-stage:focus-visible{outline-offset:4px;outline:2px solid #fff}.caseback-medal{border-radius:50%;flex-shrink:0;width:150px;height:150px;position:relative;overflow:hidden}.caseback-medal img{object-fit:fill;width:328.519%;max-width:none;height:164.259%;position:absolute;top:-27.778%}.caseback-bronze img{left:-6.667%}.caseback-silver img{left:-114.444%}.caseback-gold img{left:-221.852%}
