.story-page{overflow-x:hidden}.story-page .topbar nav .active{position:relative}.story-page .topbar nav .active:after{content:"";height:1px;background:var(--orange);position:absolute;left:0;right:0;bottom:-7px}.story-opening{min-height:600px;padding-top:92px;position:relative}.story-kicker,.year-label{display:flex;align-items:center;gap:12px;font:9px 'DM Mono',monospace;letter-spacing:.08em;color:#777970}.story-kicker-line{width:45px;height:1px;background:#b7b7ac}.story-opening h1{font:500 clamp(72px,11vw,142px)/.88 Manrope,sans-serif;letter-spacing:-.09em;margin:72px 0 25px}.story-opening h1 em,.scene-copy h2 em,.click-copy h2 em,.today-copy h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.story-opening>p{font-size:13px;color:var(--muted);margin:0}.story-scroll{position:absolute;right:9%;bottom:62px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--ink);font-size:19px;transition:background .2s,color .2s}.story-scroll:hover{background:var(--ink);color:var(--paper)}.story-scene{min-height:560px;padding-top:32px;padding-bottom:105px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:6%}.scene-copy h2,.click-copy h2,.saas-copy h2{font:500 clamp(49px,7vw,88px)/.98 Manrope;letter-spacing:-.075em;margin:25px 0 18px}.scene-copy p,.click-copy p,.saas-copy p{font-size:13px;line-height:1.8;color:#64675e;margin:0;max-width:370px}.scene-copy p em{font-family:Georgia,serif;font-size:1.1em}.story-placeholder{position:relative;display:grid;place-items:center;overflow:hidden;background:#e6e4db;color:#85877c;min-height:280px}.story-placeholder:before,.story-placeholder:after{content:"";position:absolute;pointer-events:none}.story-placeholder:before{inset:14px;border:1px solid #ffffff88}.story-placeholder:after{width:1px;height:36px;background:#9a9c91;top:0;left:50%}.story-placeholder>span{font:10px 'DM Mono',monospace;letter-spacing:.12em}.story-placeholder>small{position:absolute;left:24px;bottom:22px;font:8px 'DM Mono',monospace;letter-spacing:.09em;color:#74766e}.college-placeholder{height:390px;background:#d9ddd3}.story-secondyear{background:#222720;color:#f5f3ee;padding:95px 0 110px}.secondyear-inner{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:8%}.story-secondyear .year-label{color:#b7b8ad}.story-secondyear .year-label i,.year-label i{font-style:normal;color:var(--orange)}.story-secondyear .scene-copy h2{font:500 clamp(56px,8vw,100px)/.95 Manrope;letter-spacing:-.08em;margin:25px 0}.story-secondyear .scene-copy p{color:#c2c4b9;max-width:280px}.experiment-collage{height:365px;position:relative}.experiment-tile{position:absolute;min-height:0}.experiment-tile:after{height:24px}.experiment-code{left:2%;top:8%;width:48%;height:46%;background:#39463d;color:#d3d7c9}.experiment-web{right:0;top:0;width:44%;height:55%;background:#d4d8ce}.experiment-design{left:18%;bottom:0;width:68%;height:58%;background:#c5d4bf;color:#555c50}.experiment-design>small{color:#656b60}.story-click{position:relative;min-height:600px;padding-top:100px;padding-bottom:120px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:10%}.click-copy h2{font-size:clamp(60px,8vw,100px)}.click-copy h2 em{color:#8a9a75}.click-image{height:380px;background:#e8dba9}.click-spark{position:absolute;right:44%;top:21%;color:var(--orange);font-size:32px}.story-learning{background:var(--lime);padding:92px 0 100px}.learning-inner{position:relative}.learning-inner h2{font:500 clamp(68px,10vw,120px)/.85 Manrope;letter-spacing:-.09em;margin:44px 0 32px}.learning-inner h2 em{font-family:Georgia,serif;font-weight:400}.learning-inner .year-label{color:#41483b}.learning-notes{display:flex;gap:9px;flex-wrap:wrap}.learning-notes span{font:9px 'DM Mono',monospace;border:1px solid #69715d77;padding:8px 11px;border-radius:100px}.story-freelance{min-height:570px;padding-top:105px;padding-bottom:115px;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center}.freelance-visual{position:relative}.freelance-image{height:370px;background:#e4d9ce}.freelance-scribble{position:absolute;right:-24px;top:20px;color:#b2523b;font:italic 18px/1.1 Georgia,serif;transform:rotate(8deg)}.freelance-copy h2{font-size:clamp(51px,7vw,83px)}.freelance-copy p{max-width:290px}.story-internship{background:#e5e9e6;padding:100px 0}.internship-inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8%}.internship-inner .scene-copy h2{font-size:clamp(52px,7vw,88px)}.trackpilots-image{height:390px;background:#d5e0dc}.story-expanding{padding-top:122px;padding-bottom:125px}.story-tools{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:52px 0 22px;font:600 clamp(14px,2.3vw,29px) Manrope;letter-spacing:-.06em}.story-tools b{font:400 clamp(13px,2vw,24px) 'DM Sans';color:var(--orange)}.story-expanding>p{font:italic 16px Georgia,serif;color:#6d7067}.story-saas{background:#222720;color:#f5f3ee;padding:94px 0 105px}.saas-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center}.saas-copy .year-label{color:#b7b8ad}.saas-copy h2{font-size:clamp(53px,7vw,86px)}.saas-copy p{color:#c2c4b9;max-width:290px}.saas-moments{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.saas-image{height:230px;min-height:0;background:#f5f3ee;color:#7b7c73}.saas-image:after{height:20px}.kissflow-image{transform:translateY(-18px);background:#e7e1d4}.rocketium-image{transform:translateY(18px);background:#dbe0d8}.story-today{min-height:610px;padding-top:112px;padding-bottom:112px;display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.today-copy h2{font:500 clamp(62px,8.6vw,105px)/.9 Manrope;letter-spacing:-.08em;margin:32px 0 25px}.today-copy h2 em{color:#8a9a75}.today-copy p{font-size:13px;line-height:1.8;color:#64675e}.today-image{height:440px;background:#cdd8ca}.story-footer{padding-top:80px}.story-footer h2{font-size:clamp(63px,9vw,110px)}.has-reveal .story-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.has-reveal .story-reveal.is-visible{opacity:1;transform:translateY(0)}.story-parallax{will-change:transform}
@media(max-width:720px){.story-page .topbar nav{gap:10px}.story-page .topbar nav a{font-size:10px}.story-opening{min-height:540px;padding-top:70px}.story-opening h1{font-size:clamp(66px,14vw,98px);margin:85px 0 22px}.story-opening>p{max-width:230px;line-height:1.7}.story-scroll{right:4%;bottom:50px}.story-scene,.secondyear-inner,.story-click,.story-freelance,.internship-inner,.saas-inner,.story-today{grid-template-columns:1fr;gap:34px}.story-scene{padding-top:55px;padding-bottom:72px}.college-placeholder{height:300px}.story-secondyear{padding:75px 0}.experiment-collage{height:290px}.story-click{padding-top:75px;padding-bottom:80px}.click-image{height:300px}.click-spark{right:8%;top:16%}.story-learning{padding:72px 0}.learning-inner h2{margin:34px 0 28px}.story-freelance{padding-top:75px;padding-bottom:78px}.freelance-image{height:290px}.freelance-copy{order:-1}.freelance-scribble{right:0}.story-internship{padding:72px 0}.trackpilots-image{height:300px}.story-expanding{padding-top:85px;padding-bottom:85px}.story-tools{flex-wrap:wrap;justify-content:flex-start;gap:10px 9px;margin:36px 0 20px}.story-tools span{font-size:clamp(18px,5vw,25px)}.story-tools b{font-size:17px}.story-saas{padding:75px 0}.saas-moments{gap:10px}.saas-image{height:165px}.kissflow-image{transform:translateY(-10px)}.rocketium-image{transform:translateY(10px)}.story-today{padding-top:78px;padding-bottom:82px;gap:30px}.today-image{height:310px}.story-footer{padding-top:70px}.story-page .contact-bottom{margin-top:70px}}
.story-kicker,.year-label,.story-placeholder>span,.story-placeholder>small,.learning-notes span{font-size:10px}
@media(max-width:720px){.story-page .topbar nav a{font-size:11px}.story-kicker,.year-label,.story-placeholder>span,.story-placeholder>small,.learning-notes span{font-size:9px}}
.college-placeholder{position:relative;min-height:0;overflow:hidden}
.college-placeholder img{display:block;width:100%;height:100%;object-fit:cover}
.experiment-tile:before,.experiment-tile:after{display:none}
.experiment-tile img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.freelance-image{position:relative;overflow:hidden}
.freelance-image img{display:block;width:100%;height:100%;object-fit:cover}
.trackpilots-image,.saas-image{position:relative;overflow:hidden}
.trackpilots-image img,.saas-image img{display:block;width:100%;height:100%;object-fit:cover}
.today-image video{display:block;width:100%;height:100%;object-fit:cover}
.story-opening h1{font-size:clamp(64px,9vw,110px)}
@media(max-width:720px){.story-opening h1{font-size:clamp(61px,13vw,88px)}}
@media(prefers-reduced-motion:reduce){.has-reveal .story-reveal{opacity:1;transform:none;transition:none}.story-parallax{transform:none!important}}
/* Keep reveal motion and parallax on separate composable properties. */
.story-parallax{will-change:translate;translate:0 var(--story-shift,0px)}
@media(prefers-reduced-motion:reduce){.story-parallax{translate:none!important}}
.story-artwork{position:relative;margin:0;overflow:hidden;background:#e7e4dc}.story-artwork img{display:block;width:100%;height:100%;object-fit:cover}.story-artwork figcaption{position:absolute;left:15px;bottom:14px;padding:6px 8px;background:#f5f3eee8;color:#6b6e64;font:8px 'DM Mono',monospace;letter-spacing:.08em}.click-visuals{position:relative;min-width:0}.click-visuals .click-image{height:380px}.click-project{position:absolute;right:-18px;bottom:-24px;width:165px;height:100px;min-height:0;background:#e8dba9;box-shadow:0 8px 25px #292b2414}.click-project:before{inset:9px}.click-project:after{height:20px}.learning-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:9%}.learning-art{height:370px}.tool-transition{height:300px;margin:54px 0 0}.tool-transition img{object-position:center 52%}
@media(max-width:720px){.click-visuals .click-image{height:300px}.click-project{width:130px;height:84px;right:-8px;bottom:-18px}.learning-inner{grid-template-columns:1fr;gap:30px}.learning-art{height:330px}.tool-transition{height:220px;margin-top:32px}}