.work-page .site-header nav .selected{position:relative}.work-page .site-header nav .selected:after{content:"";position:absolute;bottom:-14px;left:50%;width:4px;height:4px;background:#111;border-radius:50%}.work-hero{position:relative;min-height:405px;padding:72px max(7.5vw,74px) 45px}.work-hero-inner{max-width:730px}.work-hero h1{max-width:730px;font-size:50px}.work-hero>div>p:not(.label){font-size:11px;line-height:1.8;color:var(--muted)}.scroll-cta{display:flex;align-items:center;gap:14px;margin-top:30px;font-size:10px;font-weight:700;color:#111;text-decoration:none}.scroll-cta span{display:grid;width:35px;height:35px;border:1px solid #d8d5d2;border-radius:50%;place-items:center;font-size:16px;transition:background .3s,color .3s,transform .3s var(--ease)}.scroll-cta:hover span{background:var(--accent);color:#fff;transform:translateY(5px)}.round-type{position:absolute;right:7%;top:48%;width:55px;height:55px;font:7px 'DM Mono';letter-spacing:2px;line-height:55px;text-align:center;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.projects{width:100%}.work-item{position:relative;display:grid;grid-template-columns:42% 58%;height:286px;overflow:hidden}.work-copy{z-index:2;padding:31px 0 30px max(7.5vw,74px)}.work-copy>p{margin-bottom:18px;font:10px 'DM Mono';color:#1d6d52}.work-copy h2{margin-bottom:10px;font-size:58px;line-height:.95;letter-spacing:-4.6px}.work-copy>span{display:block;font-size:10px;line-height:1.7;color:#5d5b58}.tags{display:flex;gap:0;margin-top:26px}.tags b{padding:0 17px;font-size:8px;font-weight:500;border-right:1px solid #d6d5d2}.tags b:first-child{padding-left:0}.work-copy a{display:inline-flex;align-items:center;margin-top:27px;font-size:10px;color:#111;font-weight:800;text-decoration:none}.work-copy a i,.item-arrow{display:grid;width:35px;height:35px;margin-left:17px;border:1px solid #bdbbb8;border-radius:50%;font-size:18px;font-style:normal;place-items:center;transition:.35s var(--ease)}.work-copy a:hover i,.item-arrow:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(45deg)}.item-arrow{position:absolute;z-index:3;right:42px;top:50%;margin:0;transform:translateY(-50%)}.work-art{position:relative;overflow:hidden}.haniio{background:linear-gradient(110deg,#f0f6f0,#e4f0ed)}.haniio .work-copy>p{color:#276a50}.flubn,.portagam{background:#080808;color:#fff}.flubn .work-copy>p{color:#ff511e}.flubn .work-copy>span,.portagam .work-copy>span{color:#c0bdbb}.flubn .tags b,.portagam .tags b{border-color:#474747}.flubn .work-copy a,.portagam .work-copy a{color:#fff}.flubn .item-arrow,.portagam .item-arrow{border-color:#777}.adconvo{background:#faf9f8}.adconvo .work-copy>p{color:#363d9b}.portagam .work-copy>p{color:#9d6cff}.phones-art{height:100%}.phone{position:absolute;overflow:hidden;background:#fcfcfc;border:4px solid #222;border-radius:26px;box-shadow:0 18px 20px #0003}.phone-a{top:-16px;left:8%;width:176px;height:330px;transform:rotate(-18deg);z-index:2}.phone-b{top:18px;left:42%;width:152px;height:283px;transform:rotate(-14deg);opacity:.86}.phone-c{top:52px;left:68%;width:135px;height:250px;transform:rotate(-13deg);opacity:.72}.screen{display:flex;height:100%;padding:58px 18px 14px;flex-direction:column;gap:19px;text-align:center;color:#277354}.screen strong{font-size:22px}.screen b{font-size:13px}.screen small{font-size:8px}.screen.list{color:#41685a;text-align:left;gap:15px}.screen.list span{height:34px;border-radius:5px;background:linear-gradient(100deg,#d8eee7,#f7faf9)}.dashboard{height:94%;margin-top:27px;overflow:hidden;border:1px solid #696969;border-bottom:0;border-radius:17px 17px 0 0;transform:rotate(-3deg) translateX(24px);box-shadow:0 0 30px #0005;padding:19px 24px}.dark-dashboard{background:#0d0d0d}.dash-nav{display:flex;justify-content:space-between;color:#eee;font-size:10px}.dash-nav small{color:#aaa}.dashboard h3{margin:29px 0 15px;font-size:20px;color:#fff;letter-spacing:-1px}.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.creator-grid>div{padding:8px;border-radius:7px;background:#1a1a1a;color:#fff}.creator-grid img{width:100%;height:72px;object-fit:cover;border-radius:5px}.creator-grid b,.creator-grid small{display:block;margin-top:5px;font-size:8px}.creator-grid small{color:#999}.light-dashboard{height:97%;background:#fff;border-color:#ccc;transform:rotate(-4deg) translateX(15px);padding:20px 25px}.light-dashboard .dash-nav{color:#111}.light-dashboard .dash-nav small{color:#4c4c4c}.light-dashboard h3{margin:29px 0 16px;color:#111;font-size:17px}.data-row{display:flex;gap:9px}.data-row span{flex:1;padding:10px;border:1px solid #eee;border-radius:7px}.data-row small,.data-row b{display:block;font-size:7px;color:#666}.data-row b{margin-top:7px;font-size:17px;color:#111}.data-row em{float:right;font-size:7px;color:#209267}.graph{position:relative;height:75px;margin-top:16px;border-bottom:1px solid #e5e5e5;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#eee 24px)}.graph:after{content:"";position:absolute;right:0;bottom:12px;left:0;height:42px;background:linear-gradient(145deg,transparent 0 18%,#2a9571 19% 20%,transparent 21% 35%,#2a9571 36% 37%,transparent 38% 55%,#2a9571 56% 57%,transparent 58%);border-bottom:2px solid #2a9571}.portfolio-art{height:94%;margin-top:24px;margin-right:30px;background:#101010;border:1px solid #5d5d5d;border-bottom:0;border-radius:15px 15px 0 0;padding:15px;transform:translateX(15px)}.portfolio-nav{display:flex;justify-content:space-between;color:#fff;font-size:10px}.portfolio-nav small{color:#bdbdbd;font-size:7px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.portfolio-grid div{height:93px;padding:12px;color:white;font-size:10px;font-weight:bold;border-radius:6px;display:flex;align-items:end;background-size:cover}.purple{background:radial-gradient(circle at 50% 0,#a782ff,#241f48 43%,#0a0a12 70%)}.arch{background:linear-gradient(130deg,#8c786b,#cfb39e 40%,#6c5148)}.smoke{background:linear-gradient(130deg,#000,#45434a 45%,#0a0a0a)}.pink{background:linear-gradient(135deg,#121212,#db7683,#222)}@media(max-width:700px){.work-page .site-header nav{display:none}.work-hero{padding:55px 24px 60px;min-height:370px}.work-hero h1{font-size:43px}.round-type{display:none}.work-item{grid-template-columns:1fr;height:530px}.work-copy{padding:35px 24px}.work-art{height:250px}.item-arrow{right:23px;top:37px}.phone-a{left:16%;width:145px;height:280px}.phone-b{left:46%;width:128px;height:240px}.phone-c{display:none}.dashboard{margin-top:0;height:255px;transform:rotate(-3deg) translateX(25px)}.portfolio-art{height:255px;margin:0;transform:translateX(12px)}.creator-grid img{height:58px}}