.ak-portfolio{--bg:#10110e;--white:#f0f0e9;--green:#b4f047;--muted:#91958a;--line:#ffffff20;--mx:0;--my:0;color-scheme:dark}.ak-portfolio *{box-sizing:border-box}.ak-portfolio{background:var(--bg);scroll-behavior:smooth}.ak-portfolio{margin:0;color:var(--white);font-family:'DM Sans',Arial,sans-serif}.ak-portfolio button,.ak-portfolio a{-webkit-tap-highlight-color:transparent}.ak-portfolio button{font:inherit;color:inherit;cursor:pointer}.ak-portfolio a{color:inherit;text-decoration:none}.ak-portfolio button:focus-visible,.ak-portfolio a:focus-visible{outline:2px solid var(--green);outline-offset:6px}.ak-portfolio button{border:0;background:none}.ak-portfolio ::selection{color:var(--bg);background:var(--green)}.ak-portfolio .grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.048;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ak-portfolio .ambient{position:absolute;top:180px;right:0;width:60%;height:650px;background:radial-gradient(ellipse at center,#98c6470a,transparent 66%);pointer-events:none}.ak-portfolio .hero{position:relative;max-width:1920px;min-height:100svh;margin:auto;padding:0 4.2%;overflow:hidden;isolation:isolate}.ak-portfolio .header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.ak-portfolio .brand{display:flex;align-items:center;gap:12px}.ak-portfolio .logo{width:50px;height:50px;display:block;overflow:hidden;border-radius:12px}.ak-portfolio .logo img{width:96px;height:64px;max-width:none;transform:translate(-23px,-7px);object-fit:cover}.ak-portfolio .brand-name{font-size:11px;font-weight:700;letter-spacing:1.1px;line-height:1.45}.ak-portfolio .brand-dot{color:var(--green)}.ak-portfolio .header-note{font-size:9px;letter-spacing:1.8px;line-height:1.8;color:var(--muted);margin-right:4%}.ak-portfolio .nav-reel{font-size:11px;letter-spacing:1.3px;display:flex;align-items:center;gap:36px;padding:15px 0}.ak-portfolio .nav-reel span{color:var(--green);font-size:25px}.ak-portfolio .intro-line{display:flex;justify-content:space-between;padding-top:34px;font-size:10px;letter-spacing:2px;color:#b4b6ad}.ak-portfolio .intro-line i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:9px;box-shadow:0 0 14px #b4f04750}.ak-portfolio .intro-right{color:#777d6c}.ak-portfolio .name{position:relative;margin:18px 0 0;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(90px,16.8vw,285px);font-weight:800;line-height:.79;letter-spacing:-.025em;z-index:1}.ak-portfolio .name>span{display:block}.ak-portfolio .first-name{transform-origin:left;animation:ak-title-in 1.2s both}.ak-portfolio .last-name{text-align:right;color:transparent;-webkit-text-stroke:1px #e7e8dc66;margin-top:12px;animation:ak-title-in 1.2s .12s both}.ak-portfolio .period{color:var(--green);-webkit-text-stroke:0}.ak-portfolio .signature{position:absolute;z-index:4;top:clamp(290px,25vw,448px);left:8%;font-family:'Instrument Serif',Georgia,serif;color:var(--green);font-size:clamp(35px,4.7vw,74px);font-style:italic;margin:0;transform:rotate(-9deg);pointer-events:none;animation:ak-fade-in 1.4s .4s both}.ak-portfolio .film-stage{height:252px;position:relative;margin-top:-8px;z-index:3;perspective:1000px}.ak-portfolio .film-orbit{position:absolute;left:-13%;width:126%;top:20px;height:244px;transform:rotate(-8deg) rotateY(calc(var(--mx)*3deg)) rotateX(calc(var(--my)*-3deg));transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.ak-portfolio .film-track{position:absolute;display:flex;width:max-content;gap:9px;padding:21px 10px;background:#070906;border-top:1px solid #626b444f;border-bottom:1px solid #626b444f;box-shadow:0 35px 65px #0009;animation:ak-film-roll 52s linear infinite;will-change:transform}.ak-portfolio .film-track:before,.ak-portfolio .film-track:after{content:'';position:absolute;height:8px;left:0;right:0;background:repeating-linear-gradient(90deg,transparent 0 10px,#6d73503f 10px 21px,transparent 21px 30px)}.ak-portfolio .film-track:before{top:6px}.ak-portfolio .film-track:after{bottom:6px}.ak-portfolio .film-frame{position:relative;flex-shrink:0;width:300px;height:169px;padding:0;overflow:hidden;background:#23271a;border:1px solid #ffffff15;text-align:left;transform:translateZ(0)}.ak-portfolio .film-frame video,.ak-portfolio .film-frame img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:saturate(.65) brightness(.8);transition:filter .4s,transform .8s}.ak-portfolio .film-frame:hover video,.ak-portfolio .film-frame:hover img{filter:saturate(1) brightness(1);transform:scale(1.055)}.ak-portfolio .film-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 45%)}.ak-portfolio .frame-number{position:absolute;top:10px;left:11px;font-family:monospace;font-size:9px;color:#eaf0d8;z-index:1}.ak-portfolio .frame-caption{position:absolute;bottom:11px;left:12px;font-size:8px;letter-spacing:2px;z-index:1}.ak-portfolio .frame-caption b{font-weight:400;margin-left:16px;color:#fff7}.ak-portfolio .film-stage:before,.ak-portfolio .film-stage:after{content:'';position:absolute;top:-30px;bottom:-60px;width:9%;z-index:5;pointer-events:none}.ak-portfolio .film-stage:before{left:-4.6%;background:linear-gradient(90deg,var(--bg),transparent)}.ak-portfolio .film-stage:after{right:-4.6%;background:linear-gradient(270deg,var(--bg),transparent)}.ak-portfolio .reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:89px;height:89px;border-radius:50%;background:var(--green);color:#151b0a;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 9px #b4f04712;transition:box-shadow .3s,scale .3s}.ak-portfolio .reel-play:hover{box-shadow:0 0 0 16px #b4f0471c;scale:1.06}.ak-portfolio .reel-play svg{height:25px;width:25px;fill:currentColor}.ak-portfolio .reel-play span{font-size:8px;font-weight:700;letter-spacing:1px}.ak-portfolio .frame-marker{position:absolute;width:330px;height:222px;top:0;left:50%;transform:translateX(-50%) rotate(-8deg);pointer-events:none;z-index:4}.ak-portfolio .frame-marker span{position:absolute;width:17px;height:17px;border-color:var(--green);border-style:solid}.ak-portfolio .frame-marker span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.ak-portfolio .frame-marker span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.ak-portfolio .frame-marker span:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.ak-portfolio .frame-marker span:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.ak-portfolio .hero-bottom{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr .75fr;align-items:end;gap:30px;margin:10px 0 36px}.ak-portfolio .micro{font-size:8px;letter-spacing:1.9px;color:var(--muted)}.ak-portfolio .manifesto p{font-size:36px;line-height:1.05;letter-spacing:-1.4px;margin:12px 0 0}.ak-portfolio .manifesto em{font-family:'Instrument Serif',Georgia,serif;font-size:49px;font-weight:400;color:var(--green)}.ak-portfolio .hero-description p{font-size:12px;line-height:1.7;color:#a9ada2;margin:0 0 16px}.ak-portfolio .watch-button{display:inline-flex;align-items:center;gap:30px;font-size:12px;font-weight:500;padding:0 0 10px;border-bottom:1px solid #b4f04766}.ak-portfolio .watch-button span{font-size:20px;color:var(--green)}.ak-portfolio .watch-button:hover{color:var(--green)}.ak-portfolio .reel-note{display:flex;flex-direction:column;align-items:end;gap:12px;padding-bottom:13px}.ak-portfolio .preview-label{font-size:8px;letter-spacing:1.3px;color:#9da587;display:flex;align-items:center;gap:7px}.ak-portfolio .preview-label:before{content:'';width:4px;height:4px;border:1px solid var(--green);border-radius:50%}.ak-portfolio .hero-footer{position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.6px;color:#838779;z-index:5}.ak-portfolio .footer-center{display:flex;gap:22px;align-items:center}.ak-portfolio .footer-center b{color:var(--green);font-size:15px;font-weight:400}.ak-portfolio .hero-footer button{font-size:8px;letter-spacing:1.5px;padding:4px 0}.ak-portfolio .pause-icon{color:var(--green);margin-right:5px;font-size:13px}.ak-portfolio.paused .film-track{animation-play-state:paused}.ak-portfolio dialog{width:min(1080px,94vw);max-height:94svh;border:1px solid #777b5145;background:#13150f;padding:24px;color:var(--white);overflow:auto;border-radius:3px}.ak-portfolio dialog::backdrop{background:#000d;backdrop-filter:blur(14px)}.ak-portfolio .modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px;font-size:10px;letter-spacing:1.5px}.ak-portfolio .modal-preview{color:var(--muted);font-size:8px}.ak-portfolio .modal-header button{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:1px}.ak-portfolio .modal-header button span{font-size:26px;color:var(--green)}.ak-portfolio #fullReel{width:100%;max-height:65svh;display:block;background:#000;aspect-ratio:16/9}.ak-portfolio .modal-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.ak-portfolio .modal-footer a{color:var(--green)}.ak-portfolio .clip-selector{display:flex;gap:9px;margin-top:12px}.ak-portfolio .clip-selector button{width:85px;padding:0;border:1px solid #fff2}.ak-portfolio .clip-selector button[aria-pressed=true]{border-color:var(--green)}.ak-portfolio .clip-selector img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}@keyframes ak-film-roll{to{transform:translateX(-50%)}}@keyframes ak-title-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes ak-fade-in{from{opacity:0}to{opacity:1}}@media(min-width:1550px){.ak-portfolio .hero{padding-inline:6%}.ak-portfolio .film-stage{height:320px;margin-top:-12px}.ak-portfolio .film-orbit{top:30px}.ak-portfolio .film-frame{width:370px;height:208px}.ak-portfolio .film-track{padding-block:25px}.ak-portfolio .frame-marker{height:265px;width:400px}.ak-portfolio .hero-bottom{margin-bottom:50px}.ak-portfolio .manifesto p{font-size:46px}.ak-portfolio .hero-description p{font-size:14px}}@media(max-width:900px){.ak-portfolio .hero{padding-inline:5%}.ak-portfolio .header{height:90px}.ak-portfolio .header-note{display:none}.ak-portfolio .intro-line{padding-top:28px;font-size:8px}.ak-portfolio .intro-right{font-size:7px}.ak-portfolio .name{font-size:18vw;margin-top:35px}.ak-portfolio .signature{top:26vw;left:8%;margin-top:104px;font-size:6vw}.ak-portfolio .film-stage{margin-top:-12px;height:256px}.ak-portfolio .film-orbit{left:-28%;width:156%;top:30px}.ak-portfolio .film-frame{width:255px;height:144px}.ak-portfolio .frame-marker{width:280px;height:190px;top:18px}.ak-portfolio .reel-play{top:49%;width:80px;height:80px}.ak-portfolio .hero-bottom{grid-template-columns:1fr 1fr;margin-top:20px}.ak-portfolio .reel-note{grid-column:1/-1;align-items:start;flex-direction:row;justify-content:space-between;margin-top:15px;padding-bottom:0}.ak-portfolio .manifesto p{font-size:32px}.ak-portfolio .hero-description p{font-size:11px}.ak-portfolio .footer-center{gap:10px;font-size:7px}}@media(max-width:540px){.ak-portfolio .header{height:80px}.ak-portfolio .brand{gap:6px}.ak-portfolio .brand-name{font-size:9px}.ak-portfolio .logo{width:43px;height:43px}.ak-portfolio .logo img{width:84px;height:56px;transform:translate(-20px,-6px)}.ak-portfolio .nav-reel{font-size:9px;gap:19px}.ak-portfolio .intro-line{padding-top:30px;font-size:7px;letter-spacing:1.3px}.ak-portfolio .intro-right{display:none}.ak-portfolio .name{font-size:19.3vw;line-height:.87;margin-top:26px}.ak-portfolio .last-name{margin-top:7px!important}.ak-portfolio .signature{top:calc(80px + 29vw);left:7%;margin-top:29px;font-size:9vw}.ak-portfolio .film-stage{margin-top:22px;height:242px}.ak-portfolio .film-orbit{top:23px;left:-65%;width:230%;transform:rotate(-12deg)}.ak-portfolio .film-frame{width:230px;height:130px}.ak-portfolio .film-track{padding-block:19px}.ak-portfolio .frame-marker{width:250px;height:175px;top:19px;transform:translateX(-50%) rotate(-12deg)}.ak-portfolio .reel-play{width:73px;height:73px;top:46%}.ak-portfolio .reel-play span{font-size:7px}.ak-portfolio .hero-bottom{gap:20px;margin-top:5px;margin-bottom:26px}.ak-portfolio .manifesto p{font-size:28px}.ak-portfolio .manifesto em{font-size:40px}.ak-portfolio .micro{font-size:7px;letter-spacing:1.1px}.ak-portfolio .hero-description p{font-size:10px;margin-bottom:12px}.ak-portfolio .watch-button{font-size:10px;gap:12px}.ak-portfolio .reel-note{margin-top:10px;gap:8px}.ak-portfolio .preview-label{font-size:6px;letter-spacing:.8px}.ak-portfolio .hero-footer{padding:18px 0;font-size:6px;letter-spacing:1px}.ak-portfolio .footer-center{display:none}.ak-portfolio .hero-footer button{font-size:7px;letter-spacing:1px}.ak-portfolio .modal-preview{display:none}.ak-portfolio dialog{padding:14px}.ak-portfolio .modal-footer{align-items:start;font-size:9px}.ak-portfolio .modal-footer p{max-width:70%;line-height:1.5}}@media(prefers-reduced-motion:reduce){.ak-portfolio *,.ak-portfolio *:before,.ak-portfolio *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ak-portfolio .film-orbit{transform:rotate(-8deg)}}.ak-portfolio .header-links{display:flex;gap:28px;font-size:10px;letter-spacing:1px;color:#a3ad93}.ak-portfolio .header-links a:hover{color:var(--green)}@media(max-width:540px){.ak-portfolio .header-links{gap:12px;font-size:8px;letter-spacing:0}.ak-portfolio .nav-reel{gap:8px;font-size:8px}}
.ak-portfolio{position:relative;isolation:isolate;overflow:hidden;direction:ltr;text-align:left;width:100%;max-width:none;background:var(--bg);line-height:normal;box-sizing:border-box}.ak-portfolio .grain{position:absolute}.ak-portfolio .name{padding:0;text-transform:none}.ak-portfolio button{border-radius:0;text-transform:none;min-width:0;line-height:normal;box-shadow:none}.ak-portfolio .reel-play{border-radius:50%;box-shadow:0 0 0 9px #b4f04712}.ak-portfolio .reel-play:hover{box-shadow:0 0 0 16px #b4f0471c}.ak-portfolio dialog{position:fixed;inset:0;margin:auto;text-align:left}.ak-portfolio img{border:0;padding:0;box-shadow:none}.ak-portfolio .clip-selector img{max-width:100%}