@font-face{font-family:Canal;src:url(./CanalPlus-BoldItalic--fOP1rn-.woff2)format("woff2");font-style:italic;font-weight:700;font-display:swap}:root{--bg:#0e0e0e;--surface:#151515;--surface-2:#1c1c1c;--line:#2b2b2b;--muted:#9b9b9b;--text:#fff;--primary:#31dcb7}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block}.app-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0e0ef0;align-items:center;height:74px;padding:0 clamp(22px,4vw,68px);display:flex;position:sticky;top:0}.brand img{width:145px;max-height:35px}.topbar nav{align-items:center;gap:36px;height:100%;margin-left:68px;display:flex}.topbar nav a{color:#aaa;align-items:center;height:100%;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative}.topbar nav a:hover,.topbar nav a.active{color:#fff}.topbar nav a.active:after{content:"";background:var(--primary);height:3px;position:absolute;bottom:-1px;left:0;right:0}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex;position:relative}.search-button{border:1px solid var(--line);color:#fff;background:0 0;border-radius:50%;width:42px;height:42px;font-size:24px}.avatar-button{color:#fff;background:0 0;border:0;align-items:center;gap:10px;padding:3px;font-weight:700;display:flex}.avatar-button img{object-fit:cover;background:#222;border-radius:50%;width:42px;height:42px}.avatar-button .icon{color:#777}.user-menu{z-index:50;background:#191919;border:1px solid #333;width:320px;padding:14px;position:absolute;top:56px;right:0;box-shadow:0 20px 60px #000}.menu-profile{border-bottom:1px solid #333;align-items:center;gap:12px;margin-bottom:8px;padding:8px 8px 18px;display:flex}.menu-profile img{object-fit:cover;border-radius:50%;width:54px;height:54px}.menu-profile div{gap:5px;display:grid}.menu-profile span{color:var(--muted);font-size:12px}.user-menu>button{color:#fff;text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:14px 8px;display:flex}.user-menu>button:hover{background:#232323}.hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:60px;min-height:430px;padding:86px clamp(22px,5vw,84px) 70px;display:flex;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#31dcb72b,#0000 68%);width:680px;height:500px;position:absolute;top:-180px;right:-120px}.eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font:italic 700 13px/1 Canal,Arial,sans-serif}.hero h1{letter-spacing:-.07em;max-width:930px;margin:20px 0 18px;font-size:clamp(54px,7.2vw,108px);line-height:.85}.hero h1 em{color:var(--primary);font-family:Canal,Arial,sans-serif;font-style:italic}.hero>div>p:last-child{color:#aaa;max-width:630px;margin:30px 0 0;font-size:17px;line-height:1.6}.primary{background:var(--primary);color:#fff;letter-spacing:.04em;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 25px;font:italic 700 15px/1 Canal,Arial,sans-serif;transition:transform .18s,background .18s;display:inline-flex}.primary:hover{background:#4de8c8;transform:translateY(-2px)}.wide{width:100%}.projects-section{padding:82px clamp(22px,5vw,84px) 110px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.section-heading h2{letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(38px,5vw,68px)}.section-heading sup{color:var(--primary);vertical-align:top;margin-left:5px;font-size:16px}.search-field{color:#888;border-bottom:1px solid #3a3a3a;align-items:center;gap:10px;width:min(100%,320px);padding:0 0 12px;display:flex}.search-field input{color:#fff;background:0 0;border:0;outline:0;width:100%}.filter-row{flex-wrap:wrap;gap:10px;margin:42px 0 34px;display:flex}.filter-row button,.select-wrap select{color:#aaa;background:0 0;border:1px solid #383838;min-height:43px;padding:0 17px;font-size:14px}.filter-row button span{background:#333;border-radius:20px;margin-left:8px;padding:3px 7px;font-size:11px}.filter-row button:hover,.filter-row button.selected{color:#fff;border-color:var(--primary);background:#31dcb71c}.select-wrap select{outline:0;padding-right:35px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-card{border:1px solid var(--line);cursor:pointer;background:#121212;outline:none;transition:transform .25s,border-color .25s;overflow:hidden}.project-card:hover,.project-card:focus-visible{border-color:#555;transform:translateY(-6px)}.card-visual{background:#1b1b1b;height:230px;position:relative;overflow:hidden}.card-visual>button{opacity:0;z-index:3;color:#111;background:#fff;border:0;border-radius:50%;width:43px;height:43px;font-size:22px;transition:opacity .2s;position:absolute;bottom:16px;right:16px}.project-card:hover .card-visual>button{opacity:1}.card-index{z-index:2;color:#ffffff8c;font:italic 700 12px Canal,Arial;position:absolute;top:16px;left:16px}.prototype{background:radial-gradient(circle at 78% 26%, var(--glow,#6141bb), transparent 38%), linear-gradient(135deg, #17141f, #080808 72%);position:absolute;inset:0;overflow:hidden}.prototype:after{content:"";aspect-ratio:1;width:42%;box-shadow:0 0 70px var(--glow);opacity:.85;background:radial-gradient(circle at 45% 30%,#ccc,#5d5d5d 24%,#191919 25%,#111 47%,#333 48%,#090909 65%);border-radius:50%;position:absolute;top:6%;right:5%}.prototype.blue{--glow:#156ca5;background:radial-gradient(circle at 75% 25%,#156ca5,#0000 42%),linear-gradient(135deg,#0b1720,#070707 70%)}.prototype.orange{--glow:#f88b2b;background:linear-gradient(125deg,#42240c,#101010 65%)}.prototype.green{--glow:#38bd72;background:radial-gradient(circle at 75% 25%,#0e7746,#0000 43%),linear-gradient(135deg,#0b2618,#080808 68%)}.prototype.red{--glow:#d1192f;background:linear-gradient(125deg,#4a0b13,#0b0b0b 66%)}.prototype.pink{--glow:#31dcb7;background:radial-gradient(circle at 75% 25%,#176756,#0000 42%),linear-gradient(135deg,#33101c,#090909 68%)}.proto-top{z-index:2;gap:8px;display:flex;position:absolute;top:9%;left:6%}.proto-top span{background:#ffffff57;width:24px;height:3px}.proto-copy{z-index:2;gap:11px;width:55%;display:grid;position:absolute;bottom:20%;left:8%}.proto-copy b{color:#000;background:#fff;width:fit-content;padding:3px 4px;font-size:10px}.proto-copy strong{max-width:220px;font:italic 700 clamp(14px,1.7vw,24px)/.95 Canal,Arial}.proto-copy i{background:var(--primary);width:45px;height:12px}.proto-rail{z-index:2;gap:6px;display:flex;position:absolute;bottom:8%;left:8%;right:8%}.proto-rail span{background:#fff3;flex:1;height:4px}.proto-rail span:first-child{background:var(--primary)}.card-body{padding:23px}.tag{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;font:italic 700 11px Canal,Arial}.card-body h3{letter-spacing:-.03em;margin:11px 0 8px;font-size:26px}.card-body>p{color:#9a9a9a;min-height:48px;margin:0;font-size:14px;line-height:1.5}.card-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:21px;padding-top:16px;display:flex}.card-meta>span{color:#777;text-align:right;font-size:11px}.avatar-stack{padding-left:6px;display:flex}.avatar-stack img{object-fit:cover;border:2px solid #121212;border-radius:50%;width:29px;height:29px;margin-left:-7px}.empty{text-align:center;color:#777;border:1px dashed #333;grid-column:1/-1;padding:80px 20px}.empty .icon{font-size:40px}.empty h3{color:#fff}footer{border-top:1px solid var(--line);color:#666;align-items:center;gap:30px;margin:0 clamp(22px,5vw,84px);padding:35px 0 55px;font-size:12px;display:flex}footer img{width:120px}footer span{letter-spacing:.14em;margin-left:auto;font:italic 700 11px Canal,Arial}.overlay{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000c;place-items:center;padding:34px;animation:.22s ease-out appear;display:grid;position:fixed;inset:0;overflow:auto}@keyframes appear{0%{opacity:0}}.project-modal,.profile-modal,.create-modal{background:#121212;border:1px solid #333;position:relative;box-shadow:0 25px 100px #000}.project-modal{width:min(1160px,100%);max-height:calc(100vh - 68px);overflow:auto}.modal-close,.picker-back{z-index:10;color:#fff;background:#0f0f0fd9;border:1px solid #4a4a4a;border-radius:50%;width:39px;height:39px;font-size:25px;position:absolute;top:17px;right:17px}.modal-preview{background:#222;height:390px;position:relative;overflow:hidden}.modal-preview .prototype{transform:scale(1.03)}.modal-preview .proto-copy{bottom:24%}.modal-preview .proto-copy strong{max-width:520px;font-size:48px}.preview-shade{z-index:3;background:#00000057;position:absolute;inset:0}.fullscreen{z-index:5;color:#111;background:#fff;border:0;padding:17px 22px;font:italic 700 13px Canal,Arial;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-content{grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);display:grid}.modal-main{border-right:1px solid var(--line);padding:42px 46px}.modal-main h2,.profile-modal h2,.create-modal h2{letter-spacing:-.04em;margin:11px 0 9px;font-size:42px}.lead{color:#aaa;margin:0;font-size:16px}.dates{color:#777;flex-wrap:wrap;gap:12px 25px;margin:25px 0 38px;font-size:12px;display:flex}.dates b{color:#bbb}.comments{border-top:1px solid var(--line);padding-top:28px}.subheading{align-items:center;gap:9px;margin-bottom:20px;display:flex}.subheading h3{margin:0;font-size:16px}.subheading>span{color:#aaa;background:#292929;border-radius:20px;padding:3px 7px;font-size:10px}.comment{gap:12px;margin:22px 0;display:flex}.comment>img,.comment-form>img,.member>img{object-fit:cover;border-radius:50%;flex:none;width:39px;height:39px}.comment>div{flex:1}.comment>div>div{justify-content:space-between;align-items:center;gap:20px;display:flex}.comment time{color:#666;font-size:10px}.comment p{color:#aaa;margin:6px 0 0;font-size:13px;line-height:1.55}.no-comment{color:#777;font-size:13px}.comment-form{background:#191919;border:1px solid #333;align-items:center;gap:11px;margin-top:24px;padding:12px;display:flex}.comment-form textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;flex:1;height:38px;padding:10px 4px}.comment-form button{background:var(--primary);color:#fff;border:0;border-radius:50%;flex:none;width:37px;height:37px}.modal-content aside{background:#101010;flex-direction:column;justify-content:space-between;gap:35px;padding:42px 30px;display:flex}.member{align-items:center;gap:11px;margin:15px 0;display:flex}.member div{gap:3px;display:grid}.member b{font-size:13px}.member span{color:#777;font-size:11px}.outline{color:#fff;background:0 0;border:1px solid #3a3a3a;min-height:46px;margin-top:14px;padding:0 15px;font-size:12px;font-weight:700}.outline:hover{background:#1b1b1b;border-color:#777}.profile-modal,.create-modal{width:min(540px,100%);padding:48px}.profile-modal .eyebrow,.create-modal .eyebrow{margin:0}.profile-modal label,.create-modal label,.auth-card label{color:#d9d9d9;gap:9px;margin:20px 0;font-size:13px;font-weight:700;display:grid}label input,label textarea{color:#fff;background:#191919;border:1px solid #3a3a3a;outline:none;width:100%;padding:15px}label input:focus,label textarea:focus{border-color:var(--primary)}.profile-modal label input[readonly]{color:#777}.profile-avatar{width:150px;height:150px;margin:32px auto;position:relative}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar button{color:#111;background:#eee;border:3px solid #121212;border-radius:50%;width:39px;height:39px;position:absolute;top:2px;right:2px}.create-modal .muted{margin-top:0}.create-modal textarea{resize:vertical;min-height:90px}.upload-zone{color:#ccc;background:#171717;border:1px dashed #555;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:135px;display:flex;position:relative;overflow:hidden}.upload-zone .icon{color:var(--primary);font-size:26px}.upload-zone span{color:#777;font-size:11px;font-weight:400}.upload-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.avatar-picker{z-index:120;background:#0d0d0d;padding:55px clamp(24px,4vw,70px) 80px;position:fixed;inset:0;overflow:auto}.avatar-picker .modal-close{position:fixed}.picker-back{font-size:31px;left:17px;right:auto}.avatar-picker>h2{text-align:center;text-transform:uppercase;margin:5px 0 50px;font:italic 700 27px Canal,Arial}.avatar-groups{gap:38px;display:grid}.avatar-groups section h3{margin:0 0 16px;font-size:22px}.avatar-groups section>div{scrollbar-color:#444 transparent;gap:18px;padding-bottom:8px;display:flex;overflow-x:auto}.avatar-groups button{background:0 0;border:3px solid #0000;border-radius:50%;flex:none;width:116px;height:116px;padding:0}.avatar-groups button:hover,.avatar-groups button.chosen{border-color:var(--primary)}.avatar-groups img{object-fit:cover;border-radius:50%;width:100%;height:100%}.toast{z-index:150;color:#111;background:#fff;border:0;align-items:center;gap:25px;padding:16px 19px;font-weight:700;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #000}.toast span{color:#777;font-size:20px}.auth-shell{background:radial-gradient(circle at 18% 45%,#0f2f29 0,#121212 34%,#090909 72%);grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.auth-brand{flex-direction:column;justify-content:space-between;padding:60px clamp(35px,7vw,110px);display:flex}.auth-brand img{width:min(260px,60%)}.auth-brand p{max-width:650px;margin:auto 0 0;font:italic 700 clamp(35px,5vw,78px)/.98 Canal,Arial}.auth-card{background:#131313;border-left:1px solid #2d2d2d;flex-direction:column;justify-content:center;padding:clamp(45px,8vw,110px);display:flex}.auth-card h1{letter-spacing:-.05em;margin:17px 0;font-size:clamp(38px,4.5vw,62px);line-height:.98}.muted{color:#969696;line-height:1.5}.auth-card form{margin-top:25px}.help{color:#777;text-align:center;margin-top:18px;font-size:12px;line-height:1.5}.help b{color:#aaa}.allowed-domains{color:#777;margin:-10px 0 16px;font-size:11px;line-height:1.4}.form-error{color:#ff7890;border-left:3px solid var(--primary);background:#31dcb71a;margin:-7px 0 17px;padding:11px 13px;font-size:12px;line-height:1.4}.auth-card input[aria-invalid=true]{border-color:var(--primary)}.text-button{color:var(--primary);background:0 0;border:0;margin:0 auto;padding:12px;font-weight:700;display:block}@media (width<=1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar nav{display:none}.modal-content{grid-template-columns:1fr}.modal-main{border-right:0}.modal-content aside{border-top:1px solid var(--line)}.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:35vh}.auth-card{border-top:1px solid #2d2d2d;border-left:0}}@media (width<=680px){.topbar{height:65px}.brand img{width:118px}.avatar-button>span{display:none}.hero{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:520px;padding-top:70px}.hero h1{font-size:58px}.hero .primary{width:100%}.section-heading{flex-direction:column;align-items:flex-start}.search-field{width:100%}.project-grid{grid-template-columns:1fr}.card-visual{height:220px}.overlay{padding:0}.project-modal{border:0;width:100%;min-height:100vh;max-height:none}.modal-preview{height:270px}.modal-preview .proto-copy strong{font-size:28px}.modal-main,.modal-content aside{padding:30px 22px}.profile-modal,.create-modal{border:0;width:100%;min-height:100vh;padding:70px 24px 35px}.avatar-picker{padding-inline:22px}.avatar-groups button{width:90px;height:90px}footer p{display:none}.auth-brand{padding:35px 28px}.auth-card{padding:50px 28px}.user-menu{width:min(320px,100vw - 34px);right:-3px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.search-button .icon{display:inline-block;font-size:32px;line-height:1;transform:translateY(-1px)}.hero{min-height:350px;padding-top:58px;padding-bottom:52px;gap:38px}.hero h1{max-width:none;margin:15px 0 12px;font-size:clamp(38px,4.8vw,72px);line-height:.92;white-space:nowrap}.hero>div>p:last-child{margin-top:20px}.projects-section{padding-top:68px}@media(width<=900px){.hero{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:360px;gap:28px}.hero h1{font-size:clamp(30px,6vw,48px)}.hero .primary{width:auto}}@media(width<=680px){.search-button .icon{font-size:29px}.hero{min-height:330px;padding-top:54px;padding-bottom:42px}.hero h1{font-size:clamp(21px,6.5vw,30px);white-space:nowrap}.hero>div>p:last-child{margin-top:16px;font-size:15px}.hero .primary{width:100%}.projects-section{padding-top:56px}}.search-field .icon{font-size:22px;line-height:1}