/* Scroll narrative: the HTML remains complete and readable without JavaScript. */
.manifesto{position:relative;background:#c9fb39;color:#10160e}.js .manifesto{height:300svh}
.manifesto-sticky{position:sticky;top:0;min-height:100svh;overflow:hidden;padding:clamp(28px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 40%,#dcff78 0%,transparent 48%),#c9fb39}.js .manifesto-sticky{height:100svh;min-height:580px}
.manifesto-sticky::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(0,0,0,.12) 25%,transparent calc(25% + 1px));pointer-events:none}
.manifesto-top,.manifesto-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font:500 11px 'DM Mono',monospace;letter-spacing:.17em}
.manifesto-top h2{font:inherit;margin:0}.manifesto-lines{position:relative;z-index:2;display:flex;flex-direction:column;gap:30px;max-width:1300px}.manifesto-line{margin:0;font-size:clamp(56px,9.5vw,160px);font-weight:700;line-height:.88;letter-spacing:-.09em;text-wrap:balance}
.manifesto-line:nth-child(2){padding-left:12%}.manifesto-line:nth-child(3){padding-left:24%}
.manifesto-meter{width:min(280px,30vw);height:2px;background:rgba(16,22,14,.28);display:block}.manifesto-meter span{display:block;height:100%;width:var(--manifesto-progress,0%);background:#10160e;transition:width .12s linear}
html:not(.js) .manifesto-sticky{padding-bottom:70px}html:not(.js) .manifesto-lines{margin:65px 0}
.js .manifesto-lines{height:55%;display:block}.js .manifesto-line{position:absolute;top:50%;left:0;width:100%;padding-left:0;opacity:0;transform:translateY(-35%) translateX(9vw) rotate(3deg);filter:blur(12px);transition:opacity .55s,transform .75s cubic-bezier(.16,.8,.2,1),filter .65s;pointer-events:none}.js .manifesto[data-step="1"] .manifesto-line:nth-child(1),.js .manifesto[data-step="2"] .manifesto-line:nth-child(2),.js .manifesto[data-step="3"] .manifesto-line:nth-child(3){opacity:1;transform:translateY(-50%) translateX(0) rotate(0);filter:blur(0)}
.work-section{max-width:none;padding:clamp(100px,10vw,160px) 0 0}.work-section>.section-heading{max-width:1600px;margin:0 auto 80px;padding:0 clamp(24px,4vw,74px)}
.story-layout{display:grid;grid-template-columns:minmax(0,56%) minmax(0,44%);align-items:start;background:#090e0c;border-top:1px solid #334239}
.story-stage{position:sticky;top:0;height:100svh;min-height:650px;padding:clamp(18px,3vw,45px);overflow:hidden}
.story-stage-frame{position:relative;height:100%;overflow:hidden;background:#122017;border:1px solid #3b573d;isolation:isolate;transition:background-color .7s,border-color .7s}
.story-stage-frame::before,.story-stage-frame::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4}.story-stage-frame::before{background:linear-gradient(180deg,rgba(8,12,9,.65),transparent 25%,transparent 75%,rgba(8,12,9,.75))}.story-stage-frame::after{border:1px solid rgba(235,255,209,.12);inset:20px}
.story-stage-top,.story-stage-bottom{position:absolute;z-index:7;left:37px;right:37px;display:flex;justify-content:space-between;align-items:center;color:#e6f2df;font:500 10px 'DM Mono',monospace;letter-spacing:.16em}.story-stage-top{top:35px}.story-stage-bottom{bottom:35px;gap:25px}.story-stage-progress{height:2px;background:rgba(222,255,190,.25);width:34%;display:block}.story-stage-progress span{display:block;width:var(--story-progress,0%);height:100%;background:var(--mint);transition:width .15s linear}
.story-scene{--scene-color:#c9fb39;position:absolute;inset:0;opacity:0;transform:scale(1.15) rotate(-6deg);transition:opacity .65s ease,transform 1s cubic-bezier(.16,.8,.2,1);overflow:hidden;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--scene-color) 22%,#122017),#101915 58%,#0a100e 95%)}
.story-layout[data-active="1"] .scene-secops,.story-layout[data-active="2"] .scene-attack,.story-layout[data-active="3"] .scene-akemir,.story-layout[data-active="4"] .scene-camline{opacity:1;transform:scale(1) rotate(0)}
.scene-attack{--scene-color:#79efe5}.scene-akemir{--scene-color:#b9a3ff}.scene-camline{--scene-color:#ff957c}
.scene-grid{position:absolute;inset:-50%;opacity:.25;background-image:linear-gradient(var(--scene-color) 1px,transparent 1px),linear-gradient(90deg,var(--scene-color) 1px,transparent 1px);background-size:70px 70px;transform:perspective(850px) rotateX(65deg) rotateZ(-22deg) translateY(12%);mask-image:radial-gradient(circle,#000,transparent 55%)}
.scene-ring{position:absolute;width:58%;aspect-ratio:1;left:50%;top:50%;border:2px solid var(--scene-color);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px color-mix(in srgb,var(--scene-color) 28%,transparent),inset 0 0 75px color-mix(in srgb,var(--scene-color) 18%,transparent);opacity:.7}.scene-ring-two{width:83%;border-width:1px;opacity:.35;border-style:dashed;transform:translate(-50%,-50%) rotate(30deg)}
.scene-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-53%);font-size:clamp(200px,29vw,550px);font-weight:700;line-height:1;color:var(--scene-color);text-shadow:0 0 80px color-mix(in srgb,var(--scene-color) 70%,transparent);filter:drop-shadow(0 22px 35px rgba(0,0,0,.6))}
.scene-cross{position:absolute;font:300 55px 'DM Mono',monospace;color:var(--scene-color);opacity:.65}.scene-cross-a{left:13%;top:25%}.scene-cross-b{right:13%;bottom:21%}.scene-id{position:absolute;right:37px;top:47%;writing-mode:vertical-rl;font:500 11px 'DM Mono',monospace;letter-spacing:.2em;color:var(--scene-color)}
.scene-attack .scene-ring-one{border-radius:0;transform:translate(-50%,-50%) rotate(45deg);width:44%}.scene-attack .scene-ring-two{border-radius:0;transform:translate(-50%,-50%) rotate(45deg);width:69%}.scene-akemir .scene-ring-one{border-radius:8%;transform:translate(-50%,-50%) rotate(28deg);width:51%}.scene-akemir .scene-ring-two{border-radius:8%;transform:translate(-50%,-50%) rotate(-30deg);width:75%}.scene-camline .scene-ring-one{border-radius:5%;width:33%;height:63%;aspect-ratio:auto}.scene-camline .scene-ring-two{border-radius:5%;width:70%;height:77%;aspect-ratio:auto}
.story-chapters{min-width:0;border-left:1px solid #334239}.story-chapter{min-height:100svh;display:flex;align-items:center;border-bottom:1px solid #334239;padding:clamp(40px,5vw,90px);scroll-margin-top:15vh}.story-chapter-inner{width:100%;max-width:590px}.story-chapter-kicker,.story-chapter-foot{font:500 10px 'DM Mono',monospace;letter-spacing:.12em}.story-chapter-kicker{display:flex;gap:30px;flex-wrap:wrap;color:var(--mint);margin:0 0 clamp(45px,7vh,80px)}
.story-chapter h3{font-size:clamp(55px,6vw,112px);line-height:.9;letter-spacing:-.085em;font-weight:700;margin:0 0 30px;text-wrap:balance}.story-chapter-description{font-size:clamp(17px,1.6vw,25px);line-height:1.48;color:#c0ccc2;max-width:520px;margin:0 0 70px}.story-chapter-foot{border-top:1px solid #506052;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#a7b8aa}.story-chapter-foot a{white-space:nowrap;color:#f0f7e8;border-bottom:1px solid var(--mint);padding-bottom:8px}.story-chapter-foot a:hover{color:var(--mint)}
.story-motion .story-chapter-inner{opacity:.35;transform:translateY(55px);transition:opacity .6s,transform .8s cubic-bezier(.2,.75,.2,1)}.story-motion .story-chapter.is-active .story-chapter-inner{opacity:1;transform:none}
.experience-section{position:relative;overflow:hidden}.experience-section::before{content:'02';position:absolute;right:3%;top:3%;font:700 clamp(260px,35vw,700px)/.8 'Space Grotesk',sans-serif;letter-spacing:-.12em;color:rgba(204,255,63,.035);pointer-events:none}.timeline{position:relative}.timeline::before{content:'';position:absolute;left:0;top:0;width:2px;height:var(--timeline-progress,0%);background:var(--mint);z-index:2;transition:height .1s linear}.timeline-item{padding-left:35px}.timeline-item h3{transition:transform .5s,color .5s}.timeline-item.visible h3{transform:translateX(8px)}
.skills-section{position:relative}.skill-panel{overflow:hidden}.skill-panel::after{content:'';position:absolute;inset:auto -15% -100% -15%;height:80%;background:var(--mint);opacity:.06;filter:blur(35px);transition:bottom .8s}.skill-panel.visible::after{bottom:-25%}.skill-panel.visible .skill-symbol{animation:skill-arrive .8s cubic-bezier(.16,.8,.2,1) both}@keyframes skill-arrive{from{transform:translateY(40px) rotate(-15deg);opacity:0}to{transform:none;opacity:1}}
.contact-inner h2{transition:letter-spacing 1s cubic-bezier(.16,.8,.2,1)}.contact-inner.visible h2{letter-spacing:-.095em}
@media(max-width:900px){.story-layout{grid-template-columns:48% 52%}.story-stage{padding:18px}.story-stage-top,.story-stage-bottom{left:20px;right:20px}.story-chapter{padding:34px}.story-chapter h3{font-size:clamp(46px,6vw,72px)}.story-chapter-description{font-size:17px}.scene-glyph{font-size:28vw}}
@media(max-width:760px){.js .manifesto{height:260svh}.manifesto-sticky{min-height:0;padding:80px 22px 34px}.manifesto-lines{gap:28px}.manifesto-line{font-size:clamp(48px,13vw,78px);line-height:.94}.manifesto-line:nth-child(2),.manifesto-line:nth-child(3){padding-left:0}.js .manifesto-lines{height:65%}.manifesto-top,.manifesto-bottom{font-size:9px}.manifesto-meter{width:90px}.work-section{padding-top:100px}.work-section>.section-heading{margin-bottom:45px;padding:0 22px}.story-layout{display:block;border-top:0}.story-stage{position:sticky;top:0;height:45svh;min-height:300px;padding:0;z-index:4;box-shadow:0 25px 50px rgba(0,0,0,.75)}.story-stage-frame{border-left:0;border-right:0}.story-stage-top{top:18px}.story-stage-bottom{bottom:18px}.story-stage-top,.story-stage-bottom{font-size:8px}.story-stage-frame::after{inset:10px}.scene-glyph{font-size:clamp(170px,43vw,290px)}.scene-ring{width:45%}.scene-ring-two{width:65%}.scene-id{right:17px}.story-chapters{border-left:0}.story-chapter{min-height:70svh;scroll-margin-top:45svh;padding:60px 24px;border-bottom-color:#435045}.story-chapter h3{font-size:clamp(54px,12vw,86px)}.story-chapter-description{font-size:18px;margin-bottom:45px}.story-chapter-kicker{margin-bottom:42px}.story-chapter-foot{font-size:9px}.experience-section::before{top:8%;font-size:65vw}.timeline-item{padding-left:20px}}
@media(max-width:420px){.manifesto-line{font-size:12vw}.story-chapter h3{font-size:11.5vw}.story-chapter-foot{align-items:flex-start;flex-direction:column;gap:18px}}
@media(prefers-reduced-motion:reduce){.js .manifesto{height:auto}.js .manifesto-sticky{position:relative;height:auto;min-height:100svh;padding-bottom:70px}.js .manifesto-lines{height:auto;display:flex;margin:65px 0}.js .manifesto-line{position:relative;top:auto;left:auto;opacity:1;transform:none;filter:none;pointer-events:auto}.story-motion .story-chapter-inner{opacity:1;transform:none}.story-scene,.skill-panel.visible .skill-symbol{animation:none!important;transition:none!important}.story-stage{position:relative;height:55svh;min-height:300px}.story-chapter{min-height:0;padding-top:80px;padding-bottom:80px}}