@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-cyrillic-ext-400-normal.054892a7.woff2)format("woff2"),url(../media/montserrat-cyrillic-ext-400-normal.6a60580f.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-cyrillic-400-normal.e958ea29.woff2)format("woff2"),url(../media/montserrat-cyrillic-400-normal.ac599f03.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-vietnamese-400-normal.a6618036.woff2)format("woff2"),url(../media/montserrat-vietnamese-400-normal.beb776e0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-latin-ext-400-normal.00f15970.woff2)format("woff2"),url(../media/montserrat-latin-ext-400-normal.96c0a7ec.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(../media/montserrat-latin-400-normal.30677e4b.woff2)format("woff2"),url(../media/montserrat-latin-400-normal.a2b12486.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#020202;--bg-soft:#0a0a0ac2;--bg-panel:#090909a3;--font-display:"Montserrat";--font-body:"Montserrat";--font-mono:"Montserrat";--fg:#f5f7fb;--fg-muted:#f5f7fbb8;--fg-soft:#f5f7fb7a;--line:#ffffff1f;--line-strong:#fff3;--accent:#ffffffe6;--glow:#ffffff2e;--frame-padding:clamp(1rem,2vw,1.8rem);--project-frame-gap:clamp(.8rem,1.5vw,1.25rem);--content-width:min(1120px,calc(100vw - (var(--frame-padding)*2)));--panel-width:min(44rem,calc(100vw - (var(--frame-padding)*2)));--section-top:clamp(4.5rem,12vh,8rem);--radius-lg:1.75rem;--radius-md:1.1rem;--shadow-soft:0 32px 80px #0006;--shadow-panel:0 24px 72px #0000005c;--ease-standard:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-block-start:0}body{min-height:100vh;color:var(--fg);font-family:var(--font-body),sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffffff1a,#0000 34%),radial-gradient(circle at 80% 20%,#ffffff14,#0000 28%),linear-gradient(#040404 0%,#020202 32%,#010101 100%);margin:0;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:1;position:fixed;inset:0}body:before{opacity:.14;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:7.5rem 7.5rem;-webkit-mask-image:radial-gradient(circle,#000 36%,#0000 84%);mask-image:radial-gradient(circle,#000 36%,#0000 84%)}body:after{opacity:.14;mix-blend-mode:screen;background:linear-gradient(#00000005 0%,#ffffff0b 50%,#00000005 100%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.portfolio-shell{isolation:isolate;position:relative}.intro-backdrop{z-index:2;pointer-events:none;background:#000;position:fixed;inset:0}.scene-frame,.scene-placeholder{z-index:3;pointer-events:none;position:fixed;inset:0}.scene-placeholder{background:radial-gradient(circle at 50% 32%,#ffffff1f,#0000 25%),radial-gradient(circle at 50% 48%,#ffffff0f,#0000 30%)}.page-stage{z-index:4;position:relative}.site-chrome{inset:var(--frame-padding)var(--frame-padding)auto;z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed}.scroll-meter-shell{pointer-events:auto}.site-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);background:#00000080;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem;display:inline-flex}.site-nav a{color:var(--fg-muted);font-family:var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;transition:background-color .18s var(--ease-standard),color .18s var(--ease-standard);border-radius:999px;padding:.55rem .85rem;font-size:.72rem}.site-nav a:hover,.site-nav a:focus-visible{color:var(--fg);background:#ffffff14;outline:none}.scroll-meter-shell{left:var(--frame-padding);right:var(--frame-padding);bottom:var(--frame-padding);pointer-events:none;background:#ffffff14;border-radius:999px;height:.2rem;position:fixed;overflow:hidden}.scroll-meter{transform-origin:0;background:linear-gradient(90deg,#ffffff1a,#fffffff0);width:100%;height:100%;display:block}.scroll-section{min-height:150svh;position:relative}.scroll-section--hero{min-height:122svh}.scroll-section--intro{min-height:168svh}.scroll-section--transform{min-height:0}.scroll-section--project{scroll-snap-align:start;scroll-snap-stop:normal;min-height:100svh}.scroll-section--compact{min-height:132svh}.scroll-section--outro{min-height:150svh}.section-sticky{top:var(--section-top);width:var(--content-width);min-height:calc(100svh - (var(--section-top)*.9));justify-content:flex-start;align-items:center;margin:0 auto;padding:clamp(1rem,2vw,1.8rem) 0;display:flex;position:sticky}.section-sticky--center{justify-content:center}.section-sticky--project{width:100vw;max-width:none;min-height:100svh;padding:var(--project-frame-gap)clamp(2.5rem,6vw,6rem);justify-content:center;align-items:center;top:0}.section-sticky--intro{width:calc(100vw - (var(--frame-padding)*2));max-width:none}.intro-stage{width:100%;min-height:calc(100svh - (var(--section-top)*.75));justify-content:flex-start;align-items:center;display:flex;position:relative}.intro-copy{text-align:left;gap:1rem;width:min(40rem,36vw);margin-left:0;padding-left:clamp(.15rem,1vw,.75rem);display:grid;transform:translate(clamp(1.8rem,3vw,2.8rem),clamp(-8.6rem,-13vh,-5rem))}.intro-title,.intro-subtitle{margin:0}.intro-title{font-family:var(--font-display),sans-serif;letter-spacing:-.08em;gap:.15em;font-size:clamp(4.4rem,9vw,8.6rem);font-weight:700;line-height:.82;display:grid}.intro-subtitle{max-width:16ch;color:var(--fg-muted);font-family:var(--font-display),sans-serif;letter-spacing:-.05em;font-size:clamp(1.8rem,3vw,3rem);font-weight:600;line-height:.95}.intro-note{pointer-events:none;width:auto;transition:opacity .26s var(--ease-standard);position:absolute;top:48%;right:clamp(1.2rem,0vw,3.4rem)}.intro-note__text{color:#f5f7fbeb;font-family:var(--font-body),sans-serif;letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:clamp(1.18rem,1.5vw,1rem);font-weight:600;line-height:1.25}.transform-stage{width:100%;min-height:calc(100svh - (var(--section-top)*.7))}.project-card{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:clamp(.62rem,1.1vw,.95rem);width:100%;height:100%;padding:clamp(1.4rem,2.8vh,2rem) clamp(1rem,1.8vw,1.35rem);display:grid}.project-card__media{border-radius:calc(var(--radius-lg) - .2rem);background:linear-gradient(135deg,#ffffff14,#0000 44%),#ffffff05;border:1px solid #ffffff14;justify-content:center;align-self:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.project-card__media:after{content:"";pointer-events:none;background:radial-gradient(circle at 16% 18%,#ffffff1f,#0000 28%),linear-gradient(#00000005,#0003);position:absolute;inset:0}.project-card__media-inner{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.project-card__image-overlay{position:absolute;inset:0}.project-card__image{object-fit:contain;object-position:center;width:100%;height:auto;max-height:min(70svh,100svh - 9rem);display:block}.project-card__image-overlay{pointer-events:none;opacity:.9;mix-blend-mode:multiply}.project-card__copy{align-content:center;gap:1.15rem;min-width:0;min-height:0;padding:clamp(.4rem,1vh,1rem) clamp(.7rem,1vw,.95rem);display:grid}.project-card h2{max-width:11ch;font-size:clamp(2.9rem,5vw,5.4rem)}.project-card__summary{color:#f5f7fbe0;max-width:30rem;font-size:clamp(.98rem,1.45vw,1.14rem);line-height:1.4}.project-highlights,.project-tags{margin:0;padding:0;list-style:none}.project-card__actions{justify-content:flex-start;display:flex}@media (max-width:1400px){.project-card{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:.62rem}.project-card__copy{scrollbar-width:none;align-content:start;gap:.85rem;padding-block:.2rem;overflow-y:auto}.project-card__copy::-webkit-scrollbar{display:none}.project-card h2{max-width:none;font-size:clamp(2.2rem,3.5vw,3.8rem)}.project-card__summary{font-size:clamp(.92rem,1.02vw,1rem);line-height:1.38}.project-body{gap:.7rem}.project-highlights{gap:.55rem}.project-body p,.project-highlight{font-size:.92rem;line-height:1.42}.project-tags{gap:.55rem}.tag{min-height:1.9rem;padding:.52rem .72rem;font-size:.68rem}}@media (max-width:1280px){.project-card{grid-template-columns:1fr;gap:1rem;height:100%}.project-card__media{min-height:0}.project-card__image{max-height:min(34svh,18rem)}.project-card__copy{gap:.85rem;padding:.1rem;overflow-y:auto}.project-card__summary{max-width:none}.project-card h2{max-width:10ch;font-size:clamp(2.3rem,8vw,3.6rem)}}.panel{width:min(100%,var(--panel-width));border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0a,transparent 26%),linear-gradient(160deg,#ffffff05,#ffffff03),var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-panel);contain:paint;will-change:transform,opacity;padding:clamp(1.2rem,2vw,1.75rem);position:relative;overflow:hidden;transform:translateZ(0)}.panel.project-card{width:min(84vw,1120px);height:calc(100svh - (var(--project-frame-gap)*2) - clamp(2.25rem,5vh,4rem));border-radius:var(--radius-lg);padding:clamp(1rem,1.8vw,1.35rem)}.panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff08 48%,#0000 100%);position:absolute;inset:0}.panel--hero{width:min(100%,52rem);padding:clamp(1.35rem,2.5vw,2rem)}.panel--center{text-align:center}.panel--right{margin-left:auto}.panel--compact{width:min(100%,38rem)}.panel h1,.panel h2{font-family:var(--font-display),sans-serif;letter-spacing:-.04em;margin:0;font-weight:600;line-height:.92}.panel h1{max-width:11ch;font-size:clamp(3.5rem,10vw,8.2rem)}.panel h2{max-width:12ch;font-size:clamp(2.35rem,5vw,4.6rem)}.panel p{max-width:36rem;color:var(--fg-muted);margin:0;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.6}.panel p+p{margin-top:1rem}.panel-copy{gap:1.15rem;margin-top:1.5rem;display:grid}.hero-copy{max-width:35rem}.hero-footer,.project-tags,.contact-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-footer{margin-top:1.8rem}.tag{border:1px solid var(--line);min-height:2.35rem;color:var(--fg-muted);font-family:var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;background:#ffffff08;border-radius:999px;align-items:center;gap:.45rem;padding:.65rem .9rem;font-size:.68rem;display:inline-flex}.transition-copy{max-width:33rem;margin-inline:auto}.project-grid{gap:1.25rem;margin-top:1.5rem;display:grid}.project-headline{gap:.7rem;min-width:0;display:grid}.project-body{gap:.85rem;min-width:0;display:grid}.project-body p{max-width:31rem;font-size:.95rem;line-height:1.5}.project-highlights{gap:.72rem;min-width:0;max-width:32rem;display:grid}.project-highlight{color:#f5f7fbd1;padding-left:1.1rem;font-size:.92rem;line-height:1.45;position:relative}.project-highlight:before{content:"";background:#ffffffc2;border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.68rem;left:0}.project-tags{min-width:0;margin-top:.6rem}.tag{max-width:100%;min-height:2rem;color:var(--fg-soft);white-space:normal;overflow-wrap:anywhere;text-align:center}.contact-panel{text-align:center;width:min(100%,42rem);margin-inline:auto}.cta-link{border:1px solid var(--line-strong);min-height:3rem;color:var(--fg);font-family:var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;transition:transform .22s var(--ease-standard),background-color .22s var(--ease-standard),border-color .22s var(--ease-standard);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.2rem;font-size:.71rem;display:inline-flex}.cta-link:hover,.cta-link:focus-visible{background:#ffffff1c;border-color:#ffffff5c;outline:none;transform:translateY(-1px)}.footer-note{color:var(--fg-soft);font-family:var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;margin-top:1rem;font-size:.72rem}.section-anchor{position:absolute;inset-block-start:0}@media (max-width:900px){.site-chrome{inset-inline-start:var(--frame-padding);inset-inline-end:var(--frame-padding)}.site-nav{display:none}.scroll-section,.scroll-section--hero,.scroll-section--intro,.scroll-section--transform,.scroll-section--project,.scroll-section--compact{min-height:126svh}.scroll-section--transform{min-height:102svh}.scroll-section--project{min-height:100svh}.scroll-section--outro{min-height:132svh}.section-sticky{align-items:flex-end;min-height:calc(100svh - 4.5rem);top:clamp(4.2rem,10vh,5.8rem)}.section-sticky--intro{align-items:center}.panel,.panel--hero,.panel--compact{width:100%}.panel.project-card{width:calc(100vw - (var(--project-frame-gap)*2))}.project-card{grid-template-columns:1fr;gap:1rem;height:100%;padding-block:clamp(1.15rem,2.2vh,1.6rem)}.project-card__media{min-height:0}.project-card__image{max-height:min(34svh,18rem)}.project-card__copy{gap:.85rem;padding:.1rem;overflow-y:auto}.project-card__summary{max-width:none}.intro-stage{align-items:flex-end;padding-bottom:clamp(5.5rem,16vh,8rem)}.intro-copy{width:min(100%,24rem);max-width:calc(100% - 44vw);padding-left:0;transform:translate(clamp(.8rem,1.6vw,1.25rem),clamp(-5.2rem,-10vh,-3rem))}.intro-note{top:45%;right:clamp(.8rem,2vw,1.5rem)}.intro-title{font-size:clamp(3.5rem,11vw,5.6rem)}.intro-subtitle{max-width:15ch;font-size:clamp(1.35rem,5vw,2rem)}.panel h1{font-size:clamp(2.8rem,16vw,5.6rem)}.panel h2{font-size:clamp(2.1rem,10vw,3.3rem)}.panel p{font-size:1rem}.project-card h2{max-width:10ch;font-size:clamp(2.3rem,8vw,3.6rem)}}@media (max-width:640px){:root{--frame-padding:.9rem;--radius-lg:1.35rem;--radius-md:1rem}.scroll-meter-shell{bottom:.8rem}.scroll-section--project{min-height:100svh}.panel{padding:1.15rem}.project-card{gap:.85rem;height:100%;padding:1.1rem .95rem}.project-card__media{min-height:0}.project-card__image{max-height:min(28svh,12.5rem)}.intro-stage{align-items:center}.intro-copy{max-width:calc(100% - 46vw);transform:translate(.7rem,clamp(-3.8rem,-8vh,-2rem))}.intro-note{top:auto;bottom:12.5rem;right:.25rem}.intro-note__text{font-size:.78rem;line-height:1.15}.intro-title{font-size:clamp(2.8rem,12vw,4.2rem)}.intro-subtitle{font-size:clamp(1.1rem,5vw,1.45rem)}.project-card h2{font-size:clamp(2rem,9vw,2.8rem)}.project-card__summary{font-size:.98rem;line-height:1.38}.project-highlight,.project-body p{font-size:.92rem;line-height:1.42}.tag,.cta-link{justify-content:center;width:100%}.contact-actions{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.site-nav a,.cta-link{transition:none}}