@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.hero{--paper: #080807;--hero-copy-y: 0vh;--hero-copy-opacity: 1;--hero-bottom-y: 0vh;--hero-bottom-opacity: 1;position:sticky;top:0;z-index:var(--z-layer-hero, 10);height:var(--app-viewport-height);min-height:var(--app-viewport-height);overflow:hidden;background:#080807;isolation:isolate}.hero-stage{--hero-stack-y: 0vh;--hero-stack-opacity: 1;position:absolute;inset:0;height:var(--app-viewport-height);overflow:hidden;background:radial-gradient(circle at 24% 22%,rgba(195,199,195,.34),transparent 38%),radial-gradient(circle at 68% 32%,rgba(113,123,118,.27),transparent 44%),radial-gradient(circle at 54% 82%,rgba(137,127,127,.15),transparent 38%),linear-gradient(135deg,#3a3d3c,#1e2020 48%,#080807);isolation:isolate;opacity:var(--hero-stack-opacity);transform:translate3d(0,var(--hero-stack-y),0);will-change:transform,opacity}.hero-stage:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.2;background-image:radial-gradient(circle,rgba(235,233,224,.38) 0 .55px,transparent .75px);background-size:4px 4px;mix-blend-mode:soft-light;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.78) 72%,transparent);-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.78) 72%,transparent)}.hero-canvas,.hero-shade{position:absolute;inset:0}.hero-canvas{z-index:0;display:block;width:100%;height:100%;pointer-events:none}.hero-canvas.is-unavailable{display:none}.hero-shade{z-index:1;pointer-events:none;background:radial-gradient(circle at 60% 38%,rgba(225,226,221,.085),transparent 34%),linear-gradient(90deg,rgba(8,8,8,.1),transparent 52%,rgba(8,8,8,.14))}.hero-frame{position:relative;z-index:3;min-height:var(--app-viewport-height);display:grid;grid-template-rows:1fr auto;padding-top:clamp(7rem,15vh,10rem);padding-bottom:clamp(1.5rem,4vh,3rem)}.hero-copy{align-self:center;display:grid;align-content:center;min-height:0;padding:clamp(3rem,8vh,7rem) 0 clamp(2rem,5vh,4rem);opacity:var(--hero-copy-opacity);transform:translate3d(0,var(--hero-copy-y),0);will-change:transform,opacity}.hero-title{display:grid;width:100%;margin:0;font-weight:400}.hero-title-name,.hero-title-role{display:block}.hero-title-name{color:var(--ink-bright);font-size:clamp(5rem,13.2vw,13rem);font-weight:500;letter-spacing:-.078em;line-height:.74}.hero-title-role{justify-self:end;margin:.3em clamp(0rem,8vw,9rem) 0 0;color:var(--ink);font-family:var(--font-display);font-size:clamp(2.8rem,6.4vw,6.5rem);font-weight:400;letter-spacing:-.045em;line-height:.86;white-space:nowrap}.hero-bottom-parallax{opacity:var(--hero-bottom-opacity);transform:translate3d(0,var(--hero-bottom-y),0);will-change:transform,opacity}.hero-bottom{display:grid;grid-template-columns:minmax(18rem,34rem) auto;justify-content:space-between;align-items:center;gap:clamp(2rem,8vw,8rem);padding-top:clamp(1.25rem,2.5vh,2rem);border-top:1px solid rgba(240,234,220,.34)}.hero-description{max-width:48ch;margin:0;color:#f0eadcd1;font-size:clamp(.82rem,1vw,.98rem);line-height:1.65}@media(max-width:900px){.hero-bottom{grid-template-columns:1fr auto}}@media(max-width:640px){.hero-frame{padding-top:6rem;padding-bottom:1.2rem}.hero-copy{padding:3rem 0 2.5rem}.hero-title-name{font-size:clamp(4rem,20vw,6.3rem);line-height:.79}.hero-title-role{justify-self:start;margin:.42em 0 0;font-size:clamp(2.8rem,13vw,4.2rem);white-space:normal}.hero-bottom{grid-template-columns:1fr;gap:1.25rem}.hero-bottom .btn{justify-self:start}}@media(prefers-reduced-motion:reduce){.hero-stage,.hero-copy,.hero-bottom-parallax{opacity:1;transform:none}}.work-section{--work-bg: rgb(232, 232, 227);--work-text: #141414;--work-muted: rgba(20, 20, 20, .62);position:relative;--work-split-x: 0vw;--work-split-opacity: 1;padding-bottom:clamp(4rem,8vw,8rem);border-top:1px solid rgba(20,20,20,.16);color:var(--work-text);background:var(--work-bg);scroll-margin-top:-6rem}.work-opening{position:relative;height:230svh}.work-opening-frame{position:relative;height:100svh;overflow:clip;transform:translate3d(0,var(--work-opening-y, 0px),0)}.work-split-title{position:absolute;top:50%;left:50%;display:flex;margin:0;font-family:var(--font-display);font-size:clamp(4rem,20.2vw,23rem);font-weight:500;letter-spacing:-.09em;line-height:.85;white-space:nowrap;text-transform:uppercase;opacity:var(--work-split-opacity);transform:translate(-50%,-50%)}.work-split-word--left{transform:translate3d(calc(0px - var(--work-split-x)),0,0)}.work-split-word--right{transform:translate3d(var(--work-split-x),0,0)}.work-opening-caption{position:absolute;bottom:clamp(2rem,5vh,4rem);left:50%;display:flex;align-items:center;gap:1.5rem;margin:0;font-size:.6rem;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;opacity:var(--work-split-opacity);transform:translate(-50%)}.work-opening-caption span{font-size:1.25rem}.work-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,4fr);gap:clamp(1.5rem,3vw,3rem);padding-top:clamp(2rem,5vw,4rem)}.work-label .eyebrow{color:var(--work-text);font-size:.58rem;line-height:1.5}.work-intro{max-width:48ch;margin:1.5rem 0 0;color:var(--work-muted);font-size:.74rem;line-height:1.7}.work-project-list{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.5rem);min-width:0}.work-project-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:stretch;min-width:0;gap:clamp(1.5rem,3vw,3rem);padding-bottom:clamp(2rem,4vw,3.5rem);border-bottom:1px solid rgba(20,20,20,.2);color:var(--work-text)}.work-project-card:last-child{padding-bottom:0;border-bottom:0}.work-project-card:focus-visible{outline:2px solid var(--work-text);outline-offset:8px;border-radius:.75rem}.work-project-visual{position:relative;aspect-ratio:3 / 2;align-self:start;min-width:0;perspective:1100px}.work-project-media{position:absolute;inset:0;overflow:hidden;border-radius:clamp(.75rem,1.25vw,1.25rem);background:#080807;transform:rotateX(var(--depth-rotate-x, 0deg)) rotateY(var(--depth-rotate-y, 0deg)) translateZ(calc(var(--depth-active, 0) * 18px));box-shadow:0 16px 30px -16px #0a0a0a59;transition:box-shadow .35s ease}.work-project-visual:hover .work-project-media{box-shadow:0 32px 48px -18px #0a0a0a61}.work-project-media:after{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--depth-light-x, 50%) var(--depth-light-y, 50%),rgba(255,255,255,.22),transparent 65%);box-shadow:inset 0 0 0 1px #fff3;opacity:var(--depth-active, 0);content:"";pointer-events:none;transition:opacity .35s ease}.work-project-visual-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--work-preview-position, 50% 50%);object-position:var(--work-preview-position, 50% 50%);transform:translate3d(var(--depth-image-x, 0px),var(--depth-image-y, 0px),0) scale(var(--work-preview-scale, 1.32))}.work-project-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:1rem}.work-project-meta{display:flex;align-items:center;gap:.8rem;color:var(--work-muted);font-size:.56rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.work-project-index{display:grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border:1px solid rgba(20,20,20,.24);border-radius:50%;color:var(--work-text);font-size:.6rem;font-variant-numeric:tabular-nums;letter-spacing:0}.work-project-heading h3{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2.5rem);font-weight:400;letter-spacing:-.055em;line-height:1.08;text-wrap:balance}.work-project-heading p{margin:.6rem 0 0;font-size:.84rem;line-height:1.5}.work-project-description{max-width:62ch;margin:0;color:var(--work-muted);font-size:.8rem;line-height:1.7}.work-project-footer{display:grid;justify-items:start;gap:1.2rem;margin-top:auto;padding-top:.5rem}.work-project-tags{display:flex;flex-wrap:wrap;gap:.4rem .85rem;color:var(--work-muted);font-size:.53rem;font-weight:600;letter-spacing:.09em;line-height:1.5;text-transform:uppercase}.work-project-tags span+span:before{margin-right:.85rem;content:"/";opacity:.5}.work-project-action{display:inline-flex;align-items:center;gap:1rem;min-height:2.75rem;font-size:.61rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.work-project-arrow{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid rgba(20,20,20,.3);border-radius:50%;font-size:1.3rem;font-weight:400;line-height:1.2;transition:color .25s ease,background .25s ease,transform .25s ease}.work-project-card:hover .work-project-arrow,.work-project-card:focus-visible .work-project-arrow{color:var(--work-bg);background:var(--work-text);transform:rotate(45deg)}.work-project-card--compass .work-project-media{background:#f5f1e8}.work-project-card--compass .work-project-visual-image,.work-project-card--scholarship-logtime .work-project-visual-image{--work-preview-scale: 1;-o-object-fit:contain;object-fit:contain}.work-project-card--tetris .work-project-media{--work-preview-position: 50% 48%}.work-project-card--scholarship-logtime .work-project-media{background:#616399}.work-project-card--so_long .work-project-visual-image{--work-preview-position: 50% 35%;image-rendering:pixelated;--work-preview-scale: 1.45;transform-origin:50% 35%}@media(max-width:1000px){.work-inner{grid-template-columns:1fr}.work-label{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.work-intro{margin:0}}@media(max-width:700px){.work-opening{height:210svh}.work-opening-frame{height:85svh}.work-label,.work-project-card{grid-template-columns:1fr;gap:1.25rem}.work-inner{gap:2.5rem}.work-project-heading h3{font-size:clamp(1.8rem,7vw,2.4rem)}}@media(prefers-reduced-motion:reduce){.work-opening{height:auto}.work-opening-frame{position:relative;height:auto;padding:7rem 1rem 3rem;transform:none}.work-split-title{position:static;justify-content:center;opacity:1;transform:none}.work-split-word,.work-project-media,.work-project-visual-image{transform:none}.work-opening-caption{display:none}.work-project-arrow{transition:none}.work-project-media:after{display:none}}.exp-section{--exp-ink: #111410;--exp-line: rgba(17, 20, 16, .27);--exp-active: #10110f;--exp-active-ink: #e8e8e3;overflow:clip;border-color:var(--exp-line);color:var(--exp-ink);background:var(--coral)}.exp-layout{display:block}.exp-head{position:relative;margin-bottom:clamp(4rem,8vw,8rem)}.exp-section .eyebrow{color:var(--exp-ink)}.exp-section .section-title{max-width:11ch;color:var(--exp-ink);font-size:clamp(3.8rem,7.6vw,8.3rem);line-height:.84}.exp-list{position:relative;border-top:1px solid var(--exp-line)}.exp-row{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);align-items:start;min-height:clamp(12.5rem,17vw,16rem);padding:clamp(2.4rem,3.8vw,3.8rem) clamp(1rem,2vw,2rem);border-bottom:1px solid var(--exp-line);isolation:isolate;transition:color .42s ease}.exp-row:before{position:absolute;z-index:-1;inset:0;background:var(--exp-active);clip-path:inset(0 100% 0 0);content:"";transition:clip-path .76s var(--ease-out)}.exp-row.is-active,.exp-row:hover{color:var(--exp-active-ink)}.exp-row.is-active:before,.exp-row:hover:before{clip-path:inset(0 0 0 0)}.exp-date{grid-column:1 / span 2}.exp-date time{display:block;font-family:var(--font-display);font-size:clamp(2.8rem,4.4vw,4.8rem);letter-spacing:-.065em;line-height:.78}.exp-date small{display:block;margin-top:1rem;color:#11141099;font-size:.52rem;font-weight:650;letter-spacing:.1em;line-height:1.45;text-transform:uppercase;transition:color .42s ease}.exp-node{position:relative;grid-column:3;width:1.75rem;height:1px;margin-top:.42rem;overflow:hidden;background:#11141052;transition:width .6s var(--ease-out),background .42s ease}.exp-node:after{position:absolute;inset:0;background:currentColor;content:"";transform:translate(-100%);transition:transform .65s var(--ease-out)}.exp-content{display:grid;grid-column:4 / span 8;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,2.6vw,3rem);min-width:0}.exp-role,.exp-summary{min-width:0}.exp-category{display:inline-block;margin-bottom:1.1rem;font-size:.52rem;font-weight:650;letter-spacing:.15em;opacity:.62;text-transform:uppercase;transition:opacity .42s ease}.exp-role h3{max-width:100%;margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,2.4vw,2.85rem);font-weight:400;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.045em;line-height:.94;overflow-wrap:break-word;text-wrap:balance;transition:transform .65s var(--ease-out)}.exp-role>p{margin:.8rem 0 0;font-size:.62rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.exp-summary{opacity:.62;transform:translate3d(0,.6rem,0);transition:opacity .42s ease,transform .65s var(--ease-out)}.exp-summary>p{max-width:50ch;margin:0;color:inherit;font-size:.84rem;line-height:1.72}.exp-summary>div{display:flex;flex-wrap:wrap;gap:.45rem .85rem;margin-top:1.35rem}.exp-summary span{font-size:.52rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.exp-summary span:before{margin-right:.45rem;content:"•"}.exp-mark{display:grid;grid-column:12;place-items:center;width:clamp(3.5rem,5vw,4.75rem);aspect-ratio:1;justify-self:end;margin:0;padding:.72rem;border:1px solid rgba(17,20,16,.22);background:#f0eadc33;filter:grayscale(1) contrast(1.08);opacity:.46;transform:scale(.92);transition:border-color .42s ease,background .42s ease,filter .5s ease,opacity .42s ease,transform .65s var(--ease-out)}.exp-mark img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}.exp-row.is-active .exp-date small,.exp-row:hover .exp-date small{color:#e8e8e394}.exp-row.is-active .exp-node,.exp-row:hover .exp-node{width:3rem;background:#e8e8e33d}.exp-row.is-active .exp-node:after,.exp-row:hover .exp-node:after{transform:translate(0)}.exp-row.is-active .exp-category,.exp-row:hover .exp-category,.exp-row.is-active .exp-summary,.exp-row:hover .exp-summary{opacity:1}.exp-row.is-active .exp-role h3,.exp-row:hover .exp-role h3{transform:translate(.35rem)}.exp-row.is-active .exp-summary,.exp-row:hover .exp-summary{transform:translateZ(0)}.exp-row.is-active .exp-mark,.exp-row:hover .exp-mark{border-color:#e8e8e357;background:#e8e8e3;filter:grayscale(0) contrast(1);opacity:1;transform:scale(1)}@media(max-width:1180px){.exp-content{grid-column:4 / span 8;grid-template-columns:1fr;gap:1.6rem}.exp-row{min-height:17rem}}@media(max-width:720px){.exp-head{margin-bottom:3.5rem}.exp-section .section-title{font-size:clamp(3.2rem,16vw,5.4rem)}.exp-row{grid-template-columns:4.6rem 1rem minmax(0,1fr);gap:.85rem;min-height:0;padding:2.6rem .8rem 3rem}.exp-date{grid-column:1}.exp-date time{font-size:clamp(2.1rem,10vw,2.85rem)}.exp-date small{font-size:.46rem}.exp-node{grid-column:2;width:.75rem}.exp-content{grid-column:3;grid-template-columns:1fr;gap:1.5rem}.exp-role h3{font-size:clamp(1.7rem,7.5vw,2.35rem)}.exp-summary>p{font-size:.78rem}.exp-mark{grid-column:3;width:3.25rem;justify-self:start;margin-top:1.25rem}.exp-row.is-active .exp-node,.exp-row:hover .exp-node{width:1rem}}@media(prefers-reduced-motion:reduce){.exp-row,.exp-row:before,.exp-node,.exp-node:after,.exp-category,.exp-role h3,.exp-summary,.exp-mark{transition:none}}.abt-section{--paper: #080807;--abt-depth-y: 0vh;--abt-depth-scale: 1;--abt-depth-opacity: 1;--ink: #e9e8e3;--ink-bright: #f7f6f1;--muted: rgba(233, 232, 227, .64);--line: rgba(233, 232, 227, .2);--line-soft: rgba(233, 232, 227, .1);--coral: #aaa9a3;overflow:hidden;color:var(--ink);background:#080807;border-top:0;isolation:isolate}.abt-depth-content{opacity:var(--abt-depth-opacity);transform:translate3d(0,var(--abt-depth-y),0) scale(var(--abt-depth-scale));transform-origin:center bottom;will-change:transform,opacity}.abt-section:after{content:"";position:absolute;right:-18vw;bottom:-24vw;width:52vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(233,232,227,.07),rgba(233,232,227,.025) 45%,transparent 70%);filter:blur(20px);pointer-events:none}.abt-statement{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);align-items:start}.abt-statement-copy{grid-column:6 / -1;display:grid;gap:clamp(.9rem,1.4vw,1.3rem)}.abt-statement-copy>.eyebrow{margin:0}.abt-testimonial-carousel{--testimonial-progress: 50%;grid-column:1 / span 4;display:flex;min-height:clamp(22rem,30vw,26rem);flex-direction:column;padding:1rem 0 1.15rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.abt-testimonial-head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.9rem;color:var(--muted);font-size:.54rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.abt-testimonial-head>span:first-child{display:flex;align-items:center;gap:.55rem}.abt-testimonial-head>span:first-child:before{content:"";width:.38rem;aspect-ratio:1;border-radius:50%;background:var(--coral)}.abt-testimonial-progress{width:100%;height:1px;overflow:hidden;background:var(--line-soft)}.abt-testimonial-progress span{display:block;width:var(--testimonial-progress);height:100%;background:var(--muted);transition:width .5s var(--ease-out)}.abt-testimonial-body{display:flex;flex:1;flex-direction:column;justify-content:center;padding:clamp(1.8rem,3vw,2.7rem) 0;animation:abt-testimonial-in .5s var(--ease-out) both}.abt-testimonial-body blockquote{max-width:42ch;margin:0;color:var(--ink);font-family:var(--font-body);font-size:clamp(.88rem,.98vw,1rem);letter-spacing:0;line-height:1.65}.abt-testimonial-word{display:inline-block;overflow:hidden;vertical-align:bottom}.abt-testimonial-word:not(:last-child){margin-right:.26em}.abt-testimonial-word>span{display:inline-block;animation:abt-testimonial-word-in .7s var(--ease-out) both;animation-delay:calc(var(--word-index) * 14ms)}.abt-testimonial-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--line-soft);animation:abt-testimonial-meta-in .65s .42s var(--ease-out) both}.abt-testimonial-author{display:grid;gap:.3rem;min-width:0}.abt-testimonial-author strong{color:var(--ink-bright);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.abt-testimonial-author span{color:var(--muted);font-size:.61rem;line-height:1.4}.abt-testimonial-controls{display:flex;flex:0 0 auto;gap:.5rem}.abt-testimonial-controls button{display:grid;width:2rem;aspect-ratio:1;place-items:center;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;cursor:pointer;transition:color .22s ease,background .22s ease,border-color .22s ease}.abt-testimonial-controls button:hover,.abt-testimonial-controls button:focus-visible{border-color:var(--ink-bright);color:var(--ink-bright);background:transparent;outline:none}@keyframes abt-testimonial-in{0%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes abt-testimonial-word-in{0%{opacity:0;filter:blur(.18rem);transform:translate3d(0,105%,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}@keyframes abt-testimonial-meta-in{0%{opacity:0;transform:translate3d(0,.5rem,0)}to{opacity:1;transform:translateZ(0)}}.abt-scroll-heading{max-width:18ch;margin:0;color:var(--ink-bright);font-size:clamp(2rem,3.35vw,3.65rem);font-weight:500;letter-spacing:-.045em;line-height:1.07}.abt-highlight-word{display:inline-block;white-space:nowrap}.abt-highlight-char{--char-opacity: .18;display:inline-block;opacity:var(--char-opacity);will-change:opacity}.abt-motion-bands{position:relative;left:50%;z-index:1;display:grid;width:100vw;gap:.5rem;margin:clamp(5rem,9vw,9rem) 0 clamp(5rem,8vw,8rem);padding:.95rem 0;transform:translate(-50%)}.abt-motion-band{position:relative;left:50%;width:calc(100vw + 3rem);overflow:hidden;border-block:1px solid rgba(233,232,227,.24);transform-origin:center}.abt-motion-band--forward{color:var(--paper-deep);background:#d7d6d0;transform:translate(-50%) rotate(-.75deg)}.abt-motion-band--reverse{color:var(--ink);background:#202020;transform:translate(-50%) rotate(.7deg)}.abt-motion-band-track{display:flex;width:-moz-max-content;width:max-content;will-change:transform}.abt-motion-band-group{display:flex;flex:0 0 auto;min-width:100vw}.abt-motion-band-group span{flex:0 0 auto;padding:1.05rem 2rem .98rem 0;font-size:clamp(.8rem,1.08vw,1rem);font-weight:600;letter-spacing:.16em;line-height:1;text-transform:uppercase;white-space:nowrap}.abt-motion-band--forward .abt-motion-band-track{animation:abt-band-forward 72s linear infinite}.abt-motion-band--reverse .abt-motion-band-track{animation:abt-band-reverse 80s linear infinite}.abt-layout{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);align-items:start}.abt-filmstrip{position:absolute;top:clamp(2.5rem,5vw,5rem);left:-9vw;z-index:0;display:flex;width:min(68vw,62rem);height:clamp(5.5rem,9vw,8.5rem);gap:.5rem;padding:1.15rem .55rem;overflow:hidden;border-block:1px solid rgba(233,232,227,.2);background:radial-gradient(ellipse,var(--paper) 58%,transparent 62%) 0 .26rem / 1.2rem .55rem repeat-x,radial-gradient(ellipse,var(--paper) 58%,transparent 62%) 0 calc(100% - .26rem) / 1.2rem .55rem repeat-x,#e9e8e30b;opacity:.42;pointer-events:none;transform:rotate(-4.2deg);transform-origin:center;animation:abt-filmstrip-drift 12s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent)}.abt-filmstrip span{flex:0 0 clamp(4.5rem,8vw,7.5rem);border:1px solid rgba(233,232,227,.17);background:#e9e8e306}.abt-story,.abt-portrait{position:relative;z-index:1}.abt-portrait{position:sticky;top:7rem;grid-column:8 / -1;justify-self:end;width:min(100%,30rem);margin:0}.abt-portrait-media{position:relative;isolation:isolate}.abt-portrait-media:before{content:"";position:absolute;inset:.85rem -.85rem -.85rem .85rem;z-index:-1;border:1px solid var(--coral);opacity:.72}.abt-portrait img{width:100%;aspect-ratio:.82;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 28%;object-position:50% 28%;filter:none}.abt-portrait figcaption{position:relative;z-index:2;display:flex;justify-content:space-between;gap:1.5rem;margin-top:1.85rem;color:var(--muted);font-size:.56rem;font-weight:600;letter-spacing:.12em;line-height:1.55;text-transform:uppercase}.abt-portrait figcaption span:first-child{color:var(--ink)}.abt-portrait figcaption span:last-child{max-width:18ch;text-align:right}.abt-story{grid-column:1 / span 6;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 clamp(1rem,2vw,2rem);width:100%;padding-top:.25rem}.abt-story-label{grid-column:1;margin:0;color:var(--coral);font-size:.58rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.abt-story-copy{grid-column:2 / -1}.abt-story-copy p{max-width:56ch;margin:0 0 1.5rem;color:var(--muted);font-size:clamp(.92rem,1vw,1rem);line-height:1.8}.abt-story-copy p:first-child{max-width:42ch;margin-bottom:clamp(2.3rem,3.5vw,3.5rem);color:var(--ink);font-family:var(--font-display);font-size:clamp(1.4rem,1.9vw,2rem);letter-spacing:-.02em;line-height:1.25}.abt-highlights{grid-column:1 / -1;display:grid;grid-template-columns:1fr 5fr;gap:clamp(1rem,2vw,2rem);margin-top:clamp(2.5rem,4vw,4rem);padding-top:1rem;border-top:1px solid var(--line)}.abt-highlights>p{margin:0;color:var(--muted);font-size:.54rem;font-weight:600;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}.abt-highlights>div{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:clamp(1.5rem,3vw,3rem);column-gap:clamp(1.5rem,3vw,3rem)}.abt-highlights span{display:flex;min-height:3.6rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line);font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.abt-highlights i{color:var(--muted);font-family:var(--font-body);font-size:.55rem;font-style:normal}.abt-credentials{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);margin-top:clamp(5rem,9vw,9rem);padding-top:1.2rem;border-top:1px solid var(--line)}.abt-credentials>p{margin:0;color:var(--coral);font-size:.62rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.abt-credentials>p{grid-column:1 / span 4}.abt-credentials dl{grid-column:6 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0}.abt-credentials dt{font-family:var(--font-display);font-size:clamp(1.5rem,2.3vw,2.5rem)}.abt-credentials dd{margin:.3rem 0 0;color:var(--muted);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:920px){.abt-statement-copy{grid-column:6 / -1}.abt-testimonial-carousel{grid-column:1 / span 4}.abt-story{grid-column:1 / span 7}.abt-portrait{grid-column:9 / -1}}@media(max-width:780px){.abt-statement{grid-template-columns:1fr;gap:1.75rem}.abt-statement-copy{grid-column:auto}.abt-testimonial-carousel{order:2;min-height:24rem;margin-top:1.5rem}.abt-testimonial-carousel{grid-column:auto}.abt-scroll-heading{max-width:none;font-size:clamp(1.75rem,7.4vw,2.6rem)}.abt-motion-bands{margin:5rem 0 4.5rem}.abt-layout{grid-template-columns:1fr;gap:4.5rem}.abt-portrait{position:relative;top:auto;grid-column:auto;justify-self:end;width:min(82vw,28rem);margin-top:0}.abt-story{grid-column:auto;width:100%;padding-top:0}.abt-filmstrip{top:3.5rem;left:-16vw;width:110vw;opacity:.3}.abt-credentials{grid-template-columns:1fr}.abt-credentials>p,.abt-credentials dl{grid-column:auto}.abt-credentials dl{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:520px){.abt-testimonial-footer{align-items:flex-start}.abt-story{grid-template-columns:1fr}.abt-story-label,.abt-story-copy,.abt-highlights{grid-column:auto}.abt-story-label{margin-bottom:1.5rem}.abt-highlights{grid-template-columns:1fr}.abt-highlights>div{grid-template-columns:1fr}.abt-portrait figcaption{gap:1rem}}@media(prefers-reduced-motion:reduce){.abt-depth-content{opacity:1;transform:none}.abt-highlight-char{opacity:1}.abt-testimonial-body{animation:none}.abt-testimonial-word>span,.abt-testimonial-footer,.abt-motion-band-track,.abt-filmstrip{animation:none}}@keyframes abt-band-forward{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes abt-band-reverse{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}@keyframes abt-filmstrip-drift{0%{transform:translate3d(-1.5rem,0,0) rotate(-4.2deg)}to{transform:translate3d(1.5rem,-.35rem,0) rotate(-3.5deg)}}.project-cta{position:relative;isolation:isolate;overflow:hidden;color:#f4f3ed;background:#080808;scroll-margin-top:-6rem}.project-cta-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 57%;object-position:50% 57%;filter:grayscale(1);transform:perspective(1800px) translate3d(var(--depth-image-x, 0px),var(--depth-image-y, 0px),0) rotateX(var(--depth-rotate-x, 0deg)) rotateY(var(--depth-rotate-y, 0deg)) scale(1.35);transform-origin:50% 57%}.project-cta:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#00000038,#0006 55%,#000000a6);content:""}.project-cta-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding-block:clamp(6rem,12vh,8rem) 2rem}.project-cta-eyebrow{margin:0 0 clamp(1.5rem,4vh,3rem);font-size:.62rem;letter-spacing:.15em;text-align:center;text-transform:uppercase}.project-cta-title{width:min(100%,62rem);margin:auto 0 0;font-family:var(--font-display);font-size:clamp(3rem,min(8.6vw,12svh),8.5rem);font-weight:500;letter-spacing:-.065em;line-height:.94;text-transform:uppercase}.project-cta-title>span{display:block}.project-cta-title>span:nth-child(2){margin-left:10%}.project-cta-title>span:nth-child(3){margin-left:3%}.project-cta-title>span:nth-child(4){margin-left:18%}.project-cta-title i{font-style:normal;font-weight:400}.project-cta-button{display:inline-flex;align-items:center;gap:2rem;min-height:3.25rem;margin-top:clamp(2rem,5vh,3.5rem);padding:.45rem .45rem .45rem 1.25rem;border:1px solid rgba(244,243,237,.6);color:#141414;background:#f4f3ed;font-size:.75rem;font-weight:500;transition:background .2s ease}.project-cta-button>span:last-child{display:grid;place-items:center;width:2.25rem;height:2.25rem;color:#f4f3ed;background:#141414;font-size:1.35rem;transition:transform .25s ease}.project-cta-button:hover{background:#fff}.project-cta-button:hover>span:last-child{transform:rotate(45deg)}.project-cta-button:focus-visible{outline:2px solid #fff;outline-offset:6px}.project-cta-caption{display:flex;justify-content:space-between;gap:1rem;width:100%;margin-top:auto;padding-top:clamp(2rem,5vh,4rem);padding-right:3.5rem;color:#f4f3edcc;font-size:.55rem;letter-spacing:.09em;text-transform:uppercase}@media(max-width:700px){.project-cta-photo{-o-object-position:50% 58%;object-position:50% 58%;transform-origin:50% 58%}.project-cta-inner{min-height:90svh;padding-top:6rem}.project-cta-title{font-size:clamp(2rem,10.2vw,4.5rem);line-height:1}.project-cta-caption{align-items:start;flex-direction:column;gap:.5rem}}@media(prefers-reduced-motion:reduce){.project-cta-photo{transform:scale(1.3)}.project-cta-button,.project-cta-button>span:last-child{transition:none}}.back-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:80;visibility:hidden;opacity:0;transform:translateY(1rem);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.back-top.is-visible{visibility:visible;opacity:1;transform:translateY(0)}.back-top-button{display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#111410db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:color .22s ease,background .22s ease}.back-top-button:hover{color:var(--paper-deep);background:var(--coral)}.back-top-icon{width:.72rem;height:.72rem;fill:currentColor}.page-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;color:var(--paper-deep);background:var(--coral);transition:opacity .6s var(--ease-out),visibility .6s ease}.page-loader:before{content:"";position:absolute;inset:1rem;border:1px solid rgba(8,8,8,.24);pointer-events:none}.page-loader--hidden{visibility:hidden;opacity:0;pointer-events:none}.page-loader__logo{display:block;width:clamp(9rem,20vw,15rem);height:auto;filter:brightness(0)}.page-loader__spinner{position:absolute;left:50%;bottom:3rem;width:min(18rem,70vw);height:1px;overflow:hidden;background:#11141038;transform:translate(-50%)}.page-loader__spinner:after{content:"";display:block;width:40%;height:100%;background:var(--paper-deep);animation:loader-line 1.1s ease-in-out infinite}.page-loader__label{position:absolute;right:2rem;bottom:2.6rem;color:var(--paper-deep);font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}@keyframes loader-line{0%{transform:translate(-110%)}to{transform:translate(360%)}}.nav{position:fixed;top:0;left:0;z-index:100;width:100%;color:#fff;background:transparent}.nav:not(.nav--open){mix-blend-mode:difference}.nav-shell{position:relative;z-index:2;min-height:5.2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.nav-brand{justify-self:start;display:flex;align-items:center;gap:.8rem}.nav-brand img{width:clamp(8.2rem,10vw,10.4rem);height:2.6rem;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;filter:brightness(0) invert(1)}.nav-contact,.lang-toggle{font-size:.64rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:clamp(1.2rem,3vw,3.4rem)}.nav-links a{display:flex;align-items:baseline;font-size:.67rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-underline-offset:.4em}.nav-links a:hover{text-decoration:underline}.nav-actions{justify-self:end;display:flex;align-items:center;gap:1.4rem}.lang-toggle{padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.lang-toggle span{color:inherit}.nav-contact{display:flex;align-items:center;gap:.6rem;padding-bottom:.25rem;border-bottom:1px solid currentColor}.nav-contact span{color:inherit;font-size:1rem;transition:transform .25s var(--ease-out)}.nav-contact:hover span{transform:translate(.2rem,-.2rem)}.nav-toggle{display:none;justify-self:end;width:2.8rem;height:2.8rem;padding:.8rem;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;cursor:pointer}.nav-toggle span{display:block;width:100%;height:1px;margin:.25rem 0;background:currentColor;transition:transform .3s ease}.nav--open .nav-toggle span:first-child{transform:translateY(.15rem) rotate(45deg)}.nav--open .nav-toggle span:last-child{transform:translateY(-.15rem) rotate(-45deg)}.nav-overlay{position:fixed;inset:0;z-index:1;display:none;visibility:hidden;opacity:0;background:var(--coral);color:var(--paper-deep);transition:opacity .3s ease,visibility .3s ease}@media(max-width:880px){.nav-shell{grid-template-columns:1fr auto;min-height:4.7rem}.nav-links,.nav-actions{display:none}.nav-toggle,.nav-overlay{display:block}.nav--open{color:var(--paper-deep)}.nav--open .nav-brand img{filter:brightness(0)}.nav--open .nav-overlay{visibility:visible;opacity:1}.nav-overlay-inner{height:100%;display:flex;flex-direction:column;padding-top:6.5rem;padding-bottom:2rem}.nav-overlay-inner>p{margin:0 0 2.5rem;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.nav-overlay-links{border-top:1px solid rgba(17,20,16,.3)}.nav-overlay-links a{display:grid;grid-template-columns:1fr;align-items:center;padding:.7rem 0;border-bottom:1px solid rgba(17,20,16,.3)}.nav-overlay-links span{font-family:var(--font-display);font-size:clamp(3.4rem,13vw,6rem);letter-spacing:-.045em;line-height:.9}.nav-overlay-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:auto}.nav-overlay-foot div{display:flex;gap:1rem}.nav-overlay-foot a,.nav-overlay-foot button{padding:0;border:0;color:inherit;background:transparent;font-size:.6rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}}@media(max-width:520px){.nav-brand img{width:7.4rem}.nav-overlay-foot{align-items:start;flex-direction:column}}.site-footer{--font-body: var(--font-creative);--font-display: var(--font-creative);position:relative;z-index:30;padding-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line);color:var(--ink);background:#080808;font-family:var(--font-body)}.sf-topline,.sf-bottomline{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--muted);font-size:.6rem;line-height:1.5;letter-spacing:.06em}.sf-topline{text-transform:uppercase}.sf-clock{display:flex;gap:1rem}.sf-clock time{color:var(--ink);font-variant-numeric:tabular-nums}.sf-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(3rem,10vw,10rem);padding-block:clamp(2.5rem,5vw,4.5rem)}.sf-label{margin:0 0 1.2rem;color:var(--muted);font-size:.6rem;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}.sf-navigation a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.75rem;padding-block:.55rem;border-bottom:1px solid var(--line-soft);font-size:clamp(2rem,3.8vw,3.6rem);letter-spacing:-.05em;line-height:1.15}.sf-navigation a>span:last-child{font-size:.7em;opacity:.35;transition:transform .25s ease,opacity .25s ease}.sf-navigation a:hover>span:last-child,.sf-navigation a:focus-visible>span:last-child{opacity:1;transform:translate(.15em,-.1em)}.sf-details{display:flex;flex-direction:column;align-items:start;gap:2rem;min-width:0}.sf-email{display:inline-flex;align-items:center;gap:1rem;min-height:2.75rem;font-size:clamp(1.2rem,2.1vw,2rem);letter-spacing:-.05em}.sf-email span{font-size:.7em}.sf-role{margin:.4rem 0 0;color:var(--muted);font-size:.8rem}.sf-socials a{display:inline-flex;align-items:center;gap:.65rem;min-height:2.75rem;margin-right:2rem;font-size:.83rem}.sf-socials .sf-label{margin-bottom:.35rem}.sf-email:hover,.sf-socials a:hover,.sf-bottomline a:hover{text-decoration:underline;text-underline-offset:.3em}.sf-availability{display:flex;align-items:center;gap:.75rem;margin:auto 0 0;color:var(--muted);font-size:.64rem;line-height:1.5}.sf-availability>span{flex:0 0 auto;width:.4rem;height:.4rem;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #e9e8e312}.sf-bottomline{padding-bottom:1.5rem}.sf-bottomline a{display:inline-flex;align-items:center;gap:.7rem;min-height:2.75rem;color:var(--ink)}.sf-signature{position:relative;overflow:hidden;padding-block:clamp(1.5rem,4vw,3.5rem) 1.5rem;color:#141414;background:#e8e8e3}.sf-signature:before{position:absolute;inset:0;background-image:radial-gradient(#141414 .75px,transparent .75px);background-size:5px 5px;-webkit-mask-image:linear-gradient(125deg,#000,transparent 65%);mask-image:linear-gradient(125deg,#000,transparent 65%);opacity:.12;content:"";pointer-events:none}.sf-signature-inner{position:relative}.sf-wordmark{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(2.5rem,12.2vw,13rem);font-weight:500;letter-spacing:-.075em;line-height:1;white-space:nowrap}.sf-wordmark-arrow{font-size:.55em;letter-spacing:0;transition:transform .3s ease}.sf-wordmark-text{display:inline-flex;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.sf-letter{display:inline-block;white-space:pre;opacity:0;transform:translateY(115%) rotate(5deg);transition:transform .9s var(--ease-out),opacity .6s ease}.sf-signature.is-revealed .sf-letter{opacity:1;transform:translateY(0) rotate(0);transition-delay:calc(var(--letter-index) * 45ms)}.sf-signature.is-revealed .sf-wordmark:hover .sf-letter{transform:translateY(-.045em)}.sf-wordmark:focus-visible .sf-letter{opacity:1;transform:none;transition-delay:0ms}.sf-wordmark:hover .sf-wordmark-arrow{transform:translate(.08em,-.08em)}.sf-signature p{margin:1.5rem 3.5rem 0 0;font-size:.65rem;letter-spacing:.1em;text-align:right;text-transform:uppercase}@media(max-width:700px){.sf-topline{align-items:start;flex-direction:column;gap:.5rem}.sf-clock{width:100%;justify-content:space-between}.sf-main{grid-template-columns:1fr;gap:2.5rem}.sf-details{gap:1.5rem}.sf-bottomline{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;font-size:.55rem}.sf-bottomline>span:nth-child(2){grid-column:1}.sf-bottomline a{grid-column:2;grid-row:1 / 3}.sf-wordmark{font-size:11.4vw;gap:.5rem}.sf-signature p{font-size:.55rem;text-align:left}}@media(prefers-reduced-motion:reduce){.sf-signature .sf-letter,.sf-signature.is-revealed .sf-wordmark:hover .sf-letter{opacity:1;transform:none;transition:none}.sf-navigation a>span:last-child,.sf-wordmark-arrow{transition:none}}.app{--z-layer-hero: 10;--z-layer-main: 30;position:relative;min-height:var(--app-viewport-height);background:var(--paper)}.hero-scroll-stage{position:relative;z-index:var(--z-layer-hero);min-height:calc(var(--app-viewport-height) + var(--app-viewport-height) + var(--app-viewport-height));background:#080807}.app>main{position:relative;z-index:var(--z-layer-main);margin-top:calc(0px - var(--app-viewport-height) - var(--app-viewport-height));background:#080807}.main-content-bg{--font-body: var(--font-creative);--font-display: var(--font-creative);position:relative;font-family:var(--font-creative)}.about-scroll-stage{position:relative;z-index:20;padding-bottom:var(--app-viewport-height);background:#080807}.about-scroll-stage .abt-section{position:sticky;bottom:0}.about-scroll-stage+.work-section{z-index:30;margin-top:calc(0px - var(--app-viewport-height))}.main-content-bg:before{content:"";position:absolute;top:24%;right:-18rem;width:40rem;height:40rem;border-radius:50%;background:radial-gradient(circle,rgba(233,232,227,.055),transparent 68%);filter:blur(40px);pointer-events:none}@media(prefers-reduced-motion:reduce){.about-scroll-stage{padding-bottom:0}.about-scroll-stage .abt-section{position:relative;bottom:auto}.about-scroll-stage+.work-section{margin-top:0}}.so-long-playable{display:grid;gap:1rem;padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:none}.so-long-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.so-long-status{margin:0;color:var(--ink);font-family:var(--font-body);font-size:clamp(.9rem,1vw,1rem);line-height:1.45}.so-long-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.6rem}.so-long-levels{display:flex;gap:.35rem;padding:.25rem;border:1px solid var(--line);border-radius:0;background:var(--paper-deep)}.so-long-level{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;transition:background .2s,color .2s,transform .2s}.so-long-level:hover{color:#f0f0f3db;background:#e9e8e317}.so-long-level.is-active{color:var(--paper-deep);background:var(--coral)}.so-long-shell{position:relative;width:100%;max-width:832px;margin:0 auto;aspect-ratio:832 / 704;overflow:hidden;border-radius:0;outline:none;border:1px solid var(--line);background:#0d5307}.so-long-shell:focus-visible{border-color:#f0f0f380;box-shadow:0 0 0 3px #f0f0f31f}.so-long-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.so-long-hud{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem 1rem;color:var(--muted);font-size:.76rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.so-long-controls{display:none;grid-template-columns:repeat(3,2.75rem);grid-template-areas:". up ." "left down right";justify-content:center;gap:.45rem}.so-long-control{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);cursor:pointer;touch-action:none;transition:background .2s,border-color .2s,color .2s,transform .2s}.so-long-control:hover,.so-long-control:active{color:var(--paper-deep);border-color:var(--coral);background:var(--coral)}.so-long-control:active{transform:translateY(1px)}.so-long-control svg{width:1.15rem;height:1.15rem}.so-long-control--up{grid-area:up}.so-long-control--left{grid-area:left}.so-long-control--down{grid-area:down}.so-long-control--right{grid-area:right}@media(max-width:760px){.so-long-topbar{align-items:stretch;flex-direction:column}.so-long-actions{justify-content:space-between}.so-long-controls{display:grid}}@media(max-width:480px){.so-long-playable{padding:.8rem}.so-long-actions{align-items:stretch;flex-direction:column}.so-long-levels{justify-content:center}}.pj{min-height:100vh;color:var(--ink);background:var(--paper)}.pj-back{position:fixed;top:1.25rem;left:1.25rem;z-index:50;display:inline-flex;align-items:center;gap:.65rem;min-height:2.8rem;padding:.7rem 1rem;border:1px solid rgba(17,20,16,.2);border-radius:0;color:var(--paper-deep);background:var(--coral);font-size:.64rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:transform .26s var(--ease-out),color .26s ease,background .26s ease}.pj-back:hover{transform:translate(-.2rem);color:var(--ink);background:var(--paper-deep)}.pj-back svg{width:1rem;height:1rem}.pj-hero{position:relative;width:100%;height:min(90vh,900px);min-height:34rem;overflow:hidden;background:var(--surface)}.pj-hero>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(.88) saturate(.12) contrast(1.05) brightness(.78)}.pj-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0b0e0ce0,#0b0e0c47 52%,#0b0e0c1f),linear-gradient(180deg,rgba(11,14,12,.18),transparent 45%,rgba(11,14,12,.75))}.pj-hero:after{content:"CASE STUDY / HANMIN PARK";position:absolute;z-index:3;top:1.8rem;right:2rem;color:#f0eadccc;font-size:.57rem;font-weight:600;letter-spacing:.16em}.pj-hero-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 50%,rgba(233,232,227,.16),transparent 36%),linear-gradient(130deg,var(--moss),var(--paper-deep) 72%)}.pj-hero-placeholder span{font-family:var(--font-display);font-size:clamp(6rem,18vw,16rem);color:#f0eadc1f}.pj-hero-body{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end}.pj-hero-inner{width:var(--container);margin-inline:auto;padding-bottom:clamp(3rem,8vh,7rem)}.pj-title{max-width:10ch;margin:0;color:var(--ink-bright);font-family:var(--font-display);font-size:clamp(5rem,11vw,12rem);font-weight:400;letter-spacing:-.065em;line-height:.72;text-wrap:balance}.pj-subtitle{max-width:58ch;margin:2rem 0 0;color:#f0eadcbf;font-size:.68rem;font-weight:600;letter-spacing:.14em;line-height:1.6;text-transform:uppercase}.pj-content{width:var(--container);display:grid;grid-template-columns:minmax(15rem,.55fr) minmax(0,1.45fr);gap:clamp(4rem,8vw,10rem);margin-inline:auto;padding:clamp(5rem,10vw,10rem) 0}.pj-meta{position:sticky;top:7rem;align-self:start;display:flex;flex-direction:column;gap:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}.pj-category,.pj-section-label{margin:0;color:var(--coral);font-size:.61rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.pj-category:before,.pj-section-label:before{content:"✦";margin-right:.55rem}.pj-tags{display:flex;flex-wrap:wrap;gap:.35rem}.pj-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.pj-demo-notice{display:flex;gap:.65rem;margin-top:.5rem;padding:1rem;border:1px solid var(--line);color:var(--muted);font-size:.75rem;line-height:1.55}.pj-demo-notice svg{flex:0 0 auto;width:1rem;height:1rem;color:var(--coral)}.pj-desc{grid-column:2;display:flex;flex-direction:column;gap:1.25rem}.pj-desc .pj-section-label:not(:first-child){margin-top:clamp(3rem,6vw,6rem);padding-top:1rem;border-top:1px solid var(--line)}.pj-desc p:not(.pj-section-label){max-width:68ch;margin:0;color:var(--muted);font-size:clamp(.92rem,1.15vw,1.08rem);line-height:1.82}.pj-desc p:not(.pj-section-label):nth-child(2){color:var(--ink);font-family:var(--font-display);font-size:clamp(2rem,3.8vw,4.2rem);letter-spacing:-.035em;line-height:1.05}.pj-desc p strong{color:var(--ink);font-weight:500}.pj-desc p a{color:var(--coral);border-bottom:1px solid currentColor}.pj-desc p code{padding:.12rem .3rem;color:var(--coral);background:#e9e8e312;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.pj-features{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0;margin:0;border-top:1px solid var(--line);list-style:none}.pj-features li{position:relative;min-height:8rem;padding:1.25rem 1rem 1.25rem 2.4rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.8rem;line-height:1.65}.pj-features li:nth-child(2n){border-right:0}.pj-features li:before{content:"↗";position:absolute;left:0;top:1.15rem;color:var(--coral);font-family:var(--font-display);font-size:1.25rem}.pj-status{margin-top:2rem;padding:1.25rem;border-left:2px solid var(--coral);background:var(--surface)}.pj-status span{color:var(--coral);font-size:.59rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.pj-status p{margin-top:.5rem!important}.pj-content>.so-long-playable,.pj-gallery{grid-column:1 / -1}.pj-gallery{margin-top:clamp(2rem,5vw,5rem);padding-top:1rem;border-top:1px solid var(--line)}.pj-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:2rem}.pj-gallery-item{grid-column:span 6;position:relative;overflow:hidden;border:1px solid var(--line-soft);background:var(--surface)}.pj-gallery-item:nth-child(3n+1){grid-column:span 7}.pj-gallery-item:nth-child(3n+2){grid-column:span 5}.pj-gallery-item:hover{border-color:var(--coral)}.pj-gallery-item img{width:100%;height:100%;min-height:24rem;-o-object-fit:cover;object-fit:cover;transition:transform .7s var(--ease-out)}.pj-gallery-item--image{cursor:zoom-in}.pj-gallery-item--image:hover img{transform:scale(1.025)}.pj-gallery-item--video{grid-column:1 / -1!important}.pj-gallery-item video{width:100%;display:block}.pj-gallery-placeholder{min-height:24rem;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:radial-gradient(circle at 70% 25%,rgba(233,232,227,.1),transparent 34%),var(--surface)}.pj-gallery-placeholder span{font-family:var(--font-display);font-size:2.3rem}.pj-gallery-placeholder small{margin-top:.5rem;color:var(--muted);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.pj-lightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:4rem;background:#0b0e0cf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:zoom-out;animation:pj-fade .22s ease}.pj-lightbox-img{max-width:92vw;max-height:86vh;-o-object-fit:contain;object-fit:contain;cursor:default}.pj-lightbox-close{position:absolute;top:1.25rem;right:1.25rem;display:grid;place-items:center;width:3rem;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;cursor:pointer}.pj-lightbox-close:hover{color:var(--paper-deep);background:var(--coral)}.pj-lightbox-close svg{width:1rem;height:1rem}@keyframes pj-fade{0%{opacity:0}}@media(max-width:800px){.pj-hero{height:72vh}.pj-content{grid-template-columns:1fr;gap:4rem}.pj-meta{position:relative;top:auto}.pj-desc,.pj-gallery{grid-column:1}.pj-gallery-item,.pj-gallery-item:nth-child(n){grid-column:1 / -1}}@media(max-width:560px){.pj-back{top:.75rem;left:.75rem}.pj-hero{height:78vh;min-height:32rem}.pj-hero:after{top:1.1rem;right:1rem;font-size:.48rem}.pj-title{font-size:clamp(4.2rem,23vw,7rem)}.pj-features{grid-template-columns:1fr}.pj-features li{min-height:0;border-right:0}.pj-gallery-item img{min-height:15rem}.pj-lightbox{padding:1rem}}:root{color-scheme:dark;--paper: #101010;--paper-deep: #080808;--surface: #171717;--surface-raised: #202020;--ink: #e9e8e3;--ink-bright: #f7f6f1;--muted: #989894;--muted-deep: #666663;--coral: #d7d6d0;--coral-dark: #858580;--moss: #4a4a48;--gold: #777671;--line: rgba(233, 232, 227, .2);--line-soft: rgba(233, 232, 227, .1);--font-body: "Inter", "Helvetica Neue", Arial, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--font-creative: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--app-viewport-height: 100vh;--container: min(1440px, calc(100vw - clamp(2rem, 6vw, 7rem)) )}@supports (height: 100dvh){:root{--app-viewport-height: 100dvh}}*{box-sizing:border-box}html{min-height:100%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;min-height:100%;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:var(--font-body);line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:-50% 0 0 -50%;z-index:9998;width:200vw;height:200vh;pointer-events:none;opacity:.5;mix-blend-mode:normal;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");background-repeat:repeat;background-size:400px 400px;background-attachment:fixed;animation:page-grain .5s steps(6) infinite;will-change:transform}@keyframes page-grain{0%,to{transform:translateZ(0)}17%{transform:translate3d(-5%,-10%,0)}33%{transform:translate3d(3%,-15%,0)}50%{transform:translate3d(12%,9%,0)}67%{transform:translate3d(9%,4%,0)}83%{transform:translate3d(-1%,7%,0)}}::-moz-selection{color:var(--paper-deep);background:var(--ink-bright)}::selection{color:var(--paper-deep);background:var(--ink-bright)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.container{width:var(--container);margin-inline:auto}.btn{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.85rem;padding:.72rem 1.25rem;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper-deep);font-size:.72rem;font-weight:600;letter-spacing:.12em;line-height:1;text-transform:uppercase;cursor:pointer;transition:color .28s ease,background .28s ease,transform .28s var(--ease-out)}.btn:after{content:"↗";font-size:1rem;line-height:0}.btn:hover{color:var(--ink);background:transparent;transform:translateY(-2px)}.btn.ghost{color:var(--ink);background:transparent;border-color:var(--line)}.btn.ghost:hover{color:var(--paper-deep);background:var(--coral);border-color:var(--coral)}.btn.small{min-height:2.55rem;padding:.65rem 1rem;font-size:.66rem}:focus-visible{outline:2px solid var(--coral);outline-offset:4px}@media(max-width:640px){:root{--container: calc(100vw - 2rem) }}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:before{animation:none;transform:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.section{position:relative;padding:clamp(6rem,12vw,11rem) 0;border-top:1px solid var(--line);scroll-margin-top:5rem}.section-head{display:grid;grid-template-columns:minmax(9rem,.45fr) 1.55fr;gap:2rem;margin-bottom:clamp(3rem,7vw,7rem)}.section-title{max-width:15ch;margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(3.4rem,7.8vw,8.5rem);font-weight:400;letter-spacing:-.045em;line-height:.83;text-wrap:balance}.section-subtitle{max-width:50ch;margin:1rem 0 0;color:var(--muted);font-size:.95rem}.eyebrow{margin:0;color:var(--coral);font-size:.66rem;font-weight:600;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.eyebrow:before{content:"✦";margin-right:.6rem;font-size:.55rem}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.pill{display:inline-flex;align-items:center;min-height:1.8rem;padding:.35rem .66rem;border:1px solid var(--line-soft);border-radius:0;color:var(--muted);background:transparent;font-size:.64rem;font-weight:500;letter-spacing:.08em;line-height:1;text-transform:uppercase}@media(max-width:700px){.section{padding:5rem 0}.section-head{grid-template-columns:1fr;gap:1rem}.section-title{font-size:clamp(3.2rem,17vw,5.6rem)}}.reveal{opacity:0;will-change:transform,opacity;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.reveal.reveal-up{transform:translateY(28px)}.reveal.reveal-down{transform:translateY(-24px)}.reveal.reveal-left{transform:translate(32px)}.reveal.reveal-right{transform:translate(-32px)}.reveal.reveal-scale{transform:scale(.96)}.reveal.reveal-blur{filter:blur(5px);transform:translateY(14px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),filter .45s cubic-bezier(.22,1,.36,1)}.reveal.is-revealed{opacity:1;transform:translate(0) scale(1);filter:blur(0);will-change:auto}.reveal-stagger>.reveal{transition-delay:calc(var(--reveal-i, 0) * .06s)}.reveal-stagger>.reveal:nth-child(1){--reveal-i: 0}.reveal-stagger>.reveal:nth-child(2){--reveal-i: 1}.reveal-stagger>.reveal:nth-child(3){--reveal-i: 2}.reveal-stagger>.reveal:nth-child(4){--reveal-i: 3}.reveal-stagger>.reveal:nth-child(5){--reveal-i: 4}.reveal-stagger>.reveal:nth-child(6){--reveal-i: 5}.reveal-stagger>.reveal:nth-child(7){--reveal-i: 6}.reveal-stagger>.reveal:nth-child(8){--reveal-i: 7}.reveal-stagger>.reveal:nth-child(9){--reveal-i: 8}.reveal-stagger>.reveal:nth-child(10){--reveal-i: 9}@keyframes text-reveal-up{0%{opacity:0;transform:translateY(32px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-reveal{opacity:0;animation:none}.app--loaded .hero-reveal{animation:text-reveal-up .9s cubic-bezier(.16,1,.3,1) forwards}.hero-reveal-d1{animation-delay:.15s}.hero-reveal-d2{animation-delay:.35s}.hero-reveal-d3{animation-delay:.55s}.hero-reveal-d4{animation-delay:.75s}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:9999;pointer-events:none;transform-origin:left;transform:scaleX(var(--scroll-progress, 0));background:#fff;mix-blend-mode:difference;box-shadow:none;transition:transform .12s linear}@supports (animation-timeline: scroll()){@keyframes scroll-progress-fill{to{transform:scaleX(1)}}.scroll-progress{transform:scaleX(0);animation:scroll-progress-fill linear both;animation-timeline:scroll(root block);transition:none}}.section-divider{width:min(860px,80vw);margin:0 auto;height:1px;border:none;background:var(--line)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.hero-reveal,.app--loaded .hero-reveal{opacity:1!important;animation:none!important}.scroll-progress{display:none}}@media(max-width:768px){.reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}