.site-header nav .current{color:var(--violet);font-weight:700}.portfolio-hero{padding-block:100px 88px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr;gap:70px;align-items:end}.portfolio-hero h1{font-size:clamp(52px,7vw,92px);line-height:.96;letter-spacing:-.065em;margin:0;font-weight:800}.portfolio-hero h1 em,.portfolio-contact h2 em{color:var(--violet);font-style:normal}.portfolio-hero>p{color:var(--muted);font-size:17px;line-height:1.7;margin:0 0 7px}.portfolio-browser{padding-block:90px 120px}.portfolio-toolbar{display:grid;grid-template-columns:1fr 1.45fr;gap:60px;align-items:end;margin-bottom:42px}.portfolio-toolbar h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.05em;margin:0}.filters{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.filters button{font:500 12px DM Mono,monospace;color:#575158;background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 13px;cursor:pointer;transition:.2s}.filters button span{margin-left:8px;color:#999199}.filters button:hover,.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.filters button.active span{color:#d7ced8}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project{grid-column:span 4;margin:0;transition:opacity .25s,transform .25s}.project-large{grid-column:span 8}.project-wide{grid-column:span 8}.project[hidden]{display:none}.project-art{height:360px;border-radius:9px;overflow:hidden;position:relative;padding:22px;color:#fff;background:#231127}.project-large .project-art,.project-wide .project-art{height:470px}.project-art>span{font:500 11px DM Mono,monospace;letter-spacing:.16em;position:relative;z-index:2}.project-copy{position:relative;padding:17px 52px 28px 2px}.project-copy p{font:500 10px DM Mono,monospace;letter-spacing:.12em;color:var(--violet);margin:0 0 9px}.project-copy h3{font-size:23px;letter-spacing:-.035em;margin:0 0 7px}.project-copy>span{font-size:13px;color:var(--muted);display:block;max-width:530px}.project-copy>b{position:absolute;right:2px;top:18px;font:500 11px DM Mono,monospace;color:#958d96}.window{position:absolute;inset:70px 45px 40px;background:#f7f5f2;border-radius:8px;color:#1b171c;padding:18px;box-shadow:0 30px 60px #23052d55}.window:before{content:"";position:absolute;left:0;right:0;top:48px;border-top:1px solid #d8ccd9}.window i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c59cca;margin-right:4px}.window b{position:absolute;left:20px;bottom:18px;font-size:clamp(22px,4vw,52px);line-height:.9;letter-spacing:-.07em}.art-balitiket{background:linear-gradient(145deg,#7d179e,#ec13d2 60%,#ff9af4)}.art-sales{background:linear-gradient(155deg,#111,#4c0c60)}.chat{position:absolute;inset:82px 30px 34px;display:flex;flex-direction:column;gap:14px}.chat i{height:62px;border:1px solid #ffffff52;border-radius:16px;background:#ffffff13}.chat i:nth-child(2){width:70%;margin-left:auto;background:#d91ac5}.chat i:nth-child(3){width:82%}.art-journey{background:linear-gradient(145deg,#19171a,#6f158f)}.route{position:absolute;inset:80px 30px}.route:before{content:"";position:absolute;left:12%;right:15%;top:50%;height:1px;background:#fff;transform:rotate(-12deg)}.route i{position:absolute;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#6f158f}.route i:nth-child(1){left:7%;top:58%}.route i:nth-child(2){left:48%;top:38%;box-shadow:0 0 0 12px #ed13d133}.route i:nth-child(3){right:9%;top:28%}.art-agency{background:linear-gradient(120deg,#140918 0 56%,#9e22b7 56%)}.art-agency>span{font-size:180px;line-height:1;position:absolute;left:7%;bottom:-20px;color:#ed13d1;letter-spacing:-.13em}.identity{position:absolute;right:6%;bottom:45px;text-align:right;font-size:clamp(36px,5vw,68px);font-weight:800;line-height:.84;letter-spacing:-.08em}.art-network{background:linear-gradient(160deg,#e4dbe6,#8f5f98);color:#2b172f}.nodes{position:absolute;inset:70px 25px}.nodes:before,.nodes:after{content:"";position:absolute;background:#542160}.nodes:before{width:1px;height:75%;left:50%;top:8%}.nodes:after{height:1px;width:75%;left:12%;top:48%}.nodes i{position:absolute;width:42px;height:42px;border:2px solid #542160;border-radius:50%;background:#f7f5f2;z-index:1}.nodes i:nth-child(1){left:10%;top:36%}.nodes i:nth-child(2){right:8%;top:36%}.nodes i:nth-child(3){left:44%;top:0}.nodes i:nth-child(4){left:44%;bottom:0;background:#ed13d1}.art-universe{background:radial-gradient(circle at 50% 45%,#ef32db,#461053 44%,#160719 70%)}.art-universe>span{font-size:90px;position:absolute;left:32px;bottom:14px}.orbit-mark{position:absolute;width:180px;height:180px;border:1px solid #ffffff88;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(20deg)}.orbit-mark i{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff}.orbit-mark i:first-child{right:8px;top:25px}.orbit-mark i:last-child{left:10px;bottom:20px;background:#ed13d1}.art-first{background:#f1ebf2;color:#5a126f}.brand-ring{position:absolute;width:210px;height:210px;border:3px solid #e714cf;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;font-size:54px;font-weight:800;line-height:.72;letter-spacing:-.08em;box-shadow:inset 0 0 0 18px #9e22b71a}.art-studio{background:linear-gradient(140deg,#26102d,#9e22b7 52%,#ef39da)}.frames{position:absolute;inset:70px 40px 35px;display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:1fr 1fr;gap:10px;transform:rotate(-3deg)}.frames i{display:block;border:1px solid #ffffff66;background:linear-gradient(135deg,#ffffff0d,#ffffff35);border-radius:6px}.frames i:first-child{grid-row:span 2}.empty-projects{font-size:14px;color:var(--muted);text-align:center;padding:50px}.portfolio-contact{text-align:center;padding-block:120px;border-top:1px solid var(--line)}.portfolio-contact h2{font-size:clamp(46px,6vw,76px);line-height:1;letter-spacing:-.06em;margin:0 0 32px}.portfolio-contact .button{width:auto}@media(max-width:900px){.portfolio-hero,.portfolio-toolbar{grid-template-columns:1fr}.portfolio-hero{gap:30px}.filters{justify-content:flex-start}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.project,.project-large,.project-wide{grid-column:span 1}.project-art,.project-large .project-art,.project-wide .project-art{height:390px}}@media(max-width:600px){.portfolio-hero{padding-block:72px 62px}.portfolio-hero h1{font-size:52px}.portfolio-browser{padding-block:62px 80px}.portfolio-grid{grid-template-columns:1fr}.filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;padding-bottom:5px}.filters button{white-space:nowrap}.project-art,.project-large .project-art,.project-wide .project-art{height:110vw;max-height:430px}.portfolio-contact{padding-block:88px}.portfolio-contact .button{width:100%}.art-agency>span{font-size:130px}.identity{font-size:40px}}