.portfolio-site{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 78% 12%,#4356a021,transparent 34rem),var(--background);font-family:Arial,Helvetica,sans-serif}.portfolio-site *{box-sizing:border-box}.portfolio-site a{color:inherit;text-decoration:none}.portfolio-width{width:min(1180px,100% - 48px);margin-inline:auto}.portfolio-header{z-index:5;border-bottom:1px solid var(--line);background:#07090ee0;position:relative}.portfolio-header-inner{justify-content:space-between;align-items:center;gap:28px;width:min(1240px,100% - 48px);min-height:76px;margin:auto;display:flex}.portfolio-header nav{color:#aeb6c7;gap:31px;font-size:14px;display:flex}.portfolio-header nav a:hover,.portfolio-header-cta:hover,.portfolio-back:hover{color:#fff}.portfolio-header-cta{font-size:13px;font-weight:700;color:var(--accent-bright)!important}.portfolio-main{min-height:calc(100vh - 185px);overflow:visible}.portfolio-kicker{color:#aab5ce;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:11px;font-weight:700;display:flex}.portfolio-intro{padding:112px 0 64px}.portfolio-intro h1,.portfolio-subhero h1{letter-spacing:-.06em;max-width:930px;margin:24px 0;font-size:clamp(52px,6vw,82px);font-weight:650;line-height:1.01}.portfolio-intro h1{margin-top:0}.portfolio-intro h1 em,.portfolio-subhero h1 em{color:var(--accent-bright);font-family:Georgia,Times New Roman,serif;font-weight:400}.portfolio-intro>p:last-child,.portfolio-subhero>p:last-child{color:#a3acbd;max-width:650px;margin:0;font-size:18px;line-height:1.65}.portfolio-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:112px;display:grid}.portfolio-choice{background:linear-gradient(145deg,#141823f0,#0a0c12f5);border:1px solid #ffffff1f;border-radius:22px;transition:border-color .25s,transform .25s,box-shadow .25s;display:block;overflow:hidden}.portfolio-choice:hover{border-color:#9db3ff5e;transform:translateY(-4px);box-shadow:0 24px 60px #00000047}.portfolio-choice:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.portfolio-work-card:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.portfolio-site a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.portfolio-choice-art{border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:280px;padding:32px;display:flex;overflow:hidden}.portfolio-web-art{background:radial-gradient(circle at 50% 85%,#6279d638,#0000 65%),#0e1320}.portfolio-browser{background:#131927;border:1px solid #acbfff40;border-radius:12px 12px 0 0;width:min(400px,100%);height:220px;transform:translateY(18px);box-shadow:0 30px 70px #00000061}.portfolio-browser-bar{color:#6d7891;border-bottom:1px solid #ffffff17;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:9px;display:flex}.portfolio-browser-bar i{background:#6c7894;border-radius:50%;width:5px;height:5px}.portfolio-browser-bar span{margin:auto}.portfolio-browser-body{background:radial-gradient(circle at 90% 30%,#6880dc2e,#0000 50%);justify-content:space-between;align-items:flex-end;min-height:188px;padding:24px;display:flex}.portfolio-browser-body div{flex-direction:column;gap:13px;max-width:230px;display:flex}.portfolio-browser-body small{letter-spacing:.16em;color:#91a5f8;font-size:8px}.portfolio-browser-body strong{letter-spacing:-.05em;font-size:27px;line-height:1.05}.portfolio-browser-body span{color:#8e99ab;font-size:10px;line-height:1.5}.portfolio-ads-art{background:radial-gradient(circle at 55% 10%,#576cc029,#0000 65%),#0d111b}.portfolio-ad-flow{background:#121722f0;border:1px solid #acbfff33;border-radius:16px;width:min(370px,100%);padding:19px 21px;box-shadow:0 22px 60px #0000004d}.portfolio-ad-flow>span{color:#8c9bca;letter-spacing:.16em;margin-bottom:10px;font-size:9px;display:block}.portfolio-ad-flow>div{border-top:1px solid #ffffff14;grid-template-columns:34px 1fr;align-items:center;gap:15px;padding:15px 0;display:grid}.portfolio-ad-flow i{color:#7e98f2;font-size:10px;font-style:normal}.portfolio-ad-flow strong{font-size:15px;font-weight:600}.portfolio-choice-copy{padding:31px 34px 34px}.portfolio-choice-copy>span{letter-spacing:.15em;text-transform:uppercase;color:#8490a7;font-size:10px}.portfolio-choice-copy h2{letter-spacing:-.05em;margin:17px 0 12px;font-size:38px;font-weight:600;line-height:1}.portfolio-choice-copy p{color:#9da6b7;max-width:430px;min-height:55px;margin:0;font-size:14px;line-height:1.6}.portfolio-choice-copy b{border-top:1px solid var(--line);color:#b4c3ff;justify-content:space-between;margin-top:29px;padding-top:21px;font-size:13px;display:flex}.portfolio-subhero{padding:74px 0 60px}.portfolio-back{align-items:center;gap:9px;margin-bottom:58px;font-size:13px;display:inline-flex;color:#9da8c1!important}.portfolio-back span{font-size:19px;line-height:1}.portfolio-subhero h1{max-width:950px}.portfolio-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-bottom:72px;display:grid}.portfolio-work-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.portfolio-work-card:hover{border-color:#9cb2ff59;transform:translateY(-3px);box-shadow:0 20px 48px #0000003d}.portfolio-work-image{background-position:50%;background-size:cover;align-items:flex-start;height:300px;padding:19px;display:flex;position:relative}.portfolio-work-image:after{content:"";background:linear-gradient(#00000021,#0000 45%,#0000002e);position:absolute;inset:0}.portfolio-work-info{justify-content:space-between;align-items:flex-start;gap:20px;padding:27px 29px 22px;display:flex}.portfolio-work-info small{color:#8b96aa;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.portfolio-work-info h2{letter-spacing:-.045em;margin:11px 0 7px;font-size:30px}.portfolio-work-info p{color:#a5adba;margin:0;font-size:14px;line-height:1.5}.portfolio-work-action{border-top:1px solid var(--line);color:#b5c4ff;justify-content:space-between;margin:0 29px;padding:18px 0 22px;font-size:12px;font-weight:700;display:flex}.portfolio-endnote{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:28px 0 95px;display:flex}.portfolio-endnote p{color:#a4acbb;margin:0}.portfolio-endnote a{font-size:13px;font-weight:700;color:#b5c4ff!important}.portfolio-empty{border:1px solid var(--line);background:linear-gradient(130deg,#181d2de0,#0a0d14e6);border-radius:22px;grid-template-columns:90px 1fr auto;align-items:center;gap:34px;min-height:350px;margin-bottom:112px;padding:55px;display:grid}.portfolio-empty-mark{color:#acbdff;letter-spacing:.08em;background:#7f9cff14;border:1px solid #a9bbff59;border-radius:19px;place-items:center;width:72px;height:72px;font-size:18px;font-weight:700;display:grid}.portfolio-empty h2{letter-spacing:-.045em;margin:18px 0 12px;font-size:clamp(28px,3vw,42px)}.portfolio-empty p{color:#a5adbc;max-width:480px;margin:0;font-size:15px;line-height:1.65}.portfolio-empty>a{white-space:nowrap;align-self:end;font-size:13px;font-weight:700;color:#b5c4ff!important}.portfolio-footer{border-top:1px solid var(--line);color:#737e90;justify-content:space-between;align-items:center;gap:20px;min-height:109px;padding:25px max(24px,50vw - 590px);font-size:12px;display:flex}.portfolio-footer a{color:#b5c4ff!important}@media (max-width:900px){.portfolio-header nav{gap:15px}.portfolio-empty{grid-template-columns:70px 1fr}.portfolio-empty>a{grid-column:2;place-self:start}}@media (max-width:700px){.portfolio-width{width:calc(100% - 28px)}.portfolio-header-inner{flex-wrap:wrap;gap:12px;width:calc(100% - 28px);min-height:68px;padding:13px 0}.portfolio-header nav{order:3;justify-content:space-between;gap:10px;width:100%;padding:6px 0;font-size:12px}.portfolio-header-cta{font-size:12px}.portfolio-intro{padding:74px 0 42px}.portfolio-intro h1,.portfolio-subhero h1{font-size:clamp(42px,12vw,58px)}.portfolio-intro>p:last-child,.portfolio-subhero>p:last-child{font-size:16px}.portfolio-choice-grid,.portfolio-work-grid{grid-template-columns:1fr}.portfolio-choice-grid{padding-bottom:78px}.portfolio-choice-art{height:240px;padding:18px}.portfolio-choice-copy{padding:25px}.portfolio-choice-copy p{min-height:0}.portfolio-subhero{padding:43px 0 40px}.portfolio-back{margin-bottom:52px}.portfolio-work-grid{gap:17px}.portfolio-work-image{height:250px}.portfolio-work-info{padding:23px}.portfolio-work-action{margin:0 23px}.portfolio-endnote{flex-direction:column;align-items:flex-start;padding-bottom:72px}.portfolio-empty{flex-direction:column;align-items:flex-start;gap:24px;min-height:0;margin-bottom:80px;padding:28px;display:flex}.portfolio-empty>a{white-space:normal}.portfolio-footer{flex-direction:column;align-items:flex-start;gap:10px;padding:26px 14px}}@media (prefers-reduced-motion:reduce){.portfolio-choice,.portfolio-work-card{transition:none}.portfolio-choice:hover,.portfolio-work-card:hover{transform:none}}.portfolio-work-image-client{background-color:#1a2427;background-position:50% 56%}.portfolio-work-image-client:after{background:linear-gradient(90deg,#05090ba6,#05090b14 82%),linear-gradient(#0003,#0000 45%,#0000006b)}.portfolio-client-preview{z-index:1;color:#fff;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 2px 24px #00000040;max-width:440px;font-size:clamp(31px,3.5vw,47px);font-weight:650;line-height:.98;position:absolute;bottom:26px;left:29px}@media (max-width:700px){.portfolio-client-preview{font-size:clamp(29px,8vw,38px);bottom:23px;left:23px}}.portfolio-work-disclosure{color:#929cad;grid-column:1/-1;margin:0;font-size:13px;line-height:1.5}