@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;1,6..96,400;1,6..96,500&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary: #293452;--color-primary-light: #3a4668;--color-primary-dark: #1a2236;--color-primary-deeper: #0f1520;--color-accent: #7b8cae;--color-accent-warm: #a89682;--color-accent-cool: #6b8295;--color-white: #fafafa;--color-off-white: #f0f0ec;--color-gray-100: #e5e5e0;--color-gray-200: #c9c9c4;--color-gray-300: #a0a09b;--color-gray-400: #6b6b66;--color-gray-500: #3d3d3a;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-bodoni: "Bodoni Moda", "Didot", "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.375rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.75rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--text-4xl: clamp(2.5rem, 2rem + 3vw, 5rem);--text-5xl: clamp(3rem, 2.5rem + 4vw, 7rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-circ: cubic-bezier(.85, 0, .15, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s;--duration-slower: 1.2s;--container-max: 1400px;--section-height: 100vh;--section-min-height: 100svh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-snap-type:y mandatory}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--color-white);background-color:var(--color-primary-dark);overflow-x:hidden}::selection{background:var(--color-accent);color:var(--color-primary-dark)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-primary-dark)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.2;letter-spacing:-.02em}p{max-width:65ch}a{color:inherit;text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out-quart)}a:hover{opacity:.8}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{min-height:var(--section-min-height);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-4xl) var(--space-xl);position:relative;scroll-snap-align:start;scroll-snap-stop:always}.section-content{width:100%;max-width:var(--container-max);opacity:0;transform:translateY(60px);transition:opacity var(--duration-slower) var(--ease-out-expo),transform var(--duration-slower) var(--ease-out-expo)}.section-content.visible{opacity:1;transform:translateY(0)}.section-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-400);transition:background var(--duration-normal) var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-expo);cursor:pointer}.section-dot.active{background:var(--color-white);transform:scale(1.5)}.section-dot:hover{background:var(--color-accent)}.fade-in{animation:fadeIn var(--duration-slower) var(--ease-out-expo) forwards}.slide-up{animation:slideUp var(--duration-slower) var(--ease-out-expo) forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.image-frame{position:relative;overflow:hidden;background:var(--color-primary)}.image-frame:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);pointer-events:none}.image-frame img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-expo)}.image-frame:hover img{transform:scale(1.05)}.quote{font-family:var(--font-serif);font-style:italic;font-size:var(--text-lg);color:var(--color-gray-200);position:relative;padding-left:var(--space-xl);border-left:2px solid var(--color-accent)}.tag{display:inline-block;padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--color-gray-200)}.section-tag{display:inline-block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-lg);position:relative;padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-accent)}.divider{width:60px;height:1px;background:var(--color-accent);margin:var(--space-xl) 0}.stat-number{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:400;line-height:1;letter-spacing:-.03em;color:var(--color-white)}.stat-label{font-size:var(--text-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-300);margin-top:var(--space-sm)}.item-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-md)}.item-list li{font-size:var(--text-lg);padding-left:var(--space-lg);position:relative;transition:transform var(--duration-normal) var(--ease-out-expo)}.item-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--color-accent);border-radius:50%}.item-list li:hover{transform:translate(8px)}.card-grid{display:grid;gap:var(--space-lg)}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:var(--space-xl);transition:background var(--duration-normal) var(--ease-out-quart),border-color var(--duration-normal) var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-expo)}.card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-4px)}@media(max-width:768px){html{scroll-snap-type:none}.section{padding:var(--space-3xl) var(--space-lg);min-height:auto;scroll-snap-align:none}.section-indicator{right:var(--space-md)}.section-dot{width:6px;height:6px}}@media(max-width:480px){.section{padding:var(--space-2xl) var(--space-md)}.section-indicator{display:none}}.app{position:relative}.app:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}.app:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(123,140,174,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 80% 60%,rgba(107,130,149,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.hero-section{background:linear-gradient(180deg,var(--color-primary-deeper) 0%,var(--color-primary-dark) 50%,var(--color-primary) 100%);overflow:hidden}.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);z-index:1;position:relative}.hero-title{display:flex;flex-direction:column;align-items:center;gap:.4em}.hero-name{font-size:var(--text-2xl);font-weight:500;color:var(--color-white);letter-spacing:0em;opacity:0;transform:translateY(20px);animation:slideUp var(--duration-slower) var(--ease-out-expo) .2s forwards}.hero-year-highlight{font-size:var(--text-xl);font-weight:400;color:var(--color-gray-300);letter-spacing:.2em;text-transform:uppercase;opacity:0;transform:translateY(20px);animation:slideUp var(--duration-slower) var(--ease-out-expo) .4s forwards}.hero-title-wrapped{font-family:var(--font-serif);font-size:clamp(4rem,12vw,10rem);font-weight:500;line-height:1.1;letter-spacing:-.03em;font-style:italic;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-accent) 50%,var(--color-accent-warm) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(30px);animation:slideUp var(--duration-slower) var(--ease-out-expo) .6s forwards;margin-top:var(--space-sm);padding:.1em .15em}.hero-scroll-hint{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);opacity:0;z-index:10;animation:fadeIn var(--duration-slower) var(--ease-out-expo) 1.2s forwards}.scroll-text{font-size:var(--text-xs);font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gray-400)}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--color-accent) 0%,transparent 100%);animation:scrollPulse 2s var(--ease-in-out-circ) infinite}@keyframes scrollPulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.6);opacity:.5}}.hero-decoration{position:absolute;border-radius:50%;pointer-events:none}.hero-decoration-1{width:600px;height:600px;top:-200px;right:-200px;background:radial-gradient(circle,rgba(123,140,174,.1) 0%,transparent 70%);animation:float 8s var(--ease-in-out-circ) infinite}.hero-decoration-2{width:400px;height:400px;bottom:-100px;left:-150px;background:radial-gradient(circle,rgba(168,150,130,.08) 0%,transparent 70%);animation:float 10s var(--ease-in-out-circ) infinite 1s}@media(max-width:768px){.hero-scroll-hint{bottom:var(--space-2xl)}.scroll-line{height:40px}.hero-decoration-1,.hero-decoration-2{display:none}}.photo-section{background:var(--color-primary);height:100vh;min-height:100vh;max-height:100vh;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center}.photo-content{height:100%;max-height:100vh;width:100%;padding:var(--space-xl);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-xl)}.photo-header{text-align:center;flex-shrink:0;margin-top:var(--space-lg)}.photo-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;font-style:normal;color:var(--color-white);margin-top:var(--space-xs)}.photo-display{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);min-height:0;position:relative;max-width:1200px;margin:0 auto;width:100%}.photo-nav{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--color-gray-300);cursor:pointer;transition:all .3s var(--ease-out-quart);flex-shrink:0;z-index:20}.photo-nav:hover{border-color:var(--color-white);color:var(--color-white);background:#ffffff0d;transform:scale(1.1)}.photo-main-container{flex:1;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.photo-main-wrapper{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.photo-main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.photo-frame{width:100%;height:100%;max-width:1200px;max-height:60vh;background:transparent;border:none;box-shadow:none;overflow:visible;display:flex;align-items:center;justify-content:center}.photo-img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:0 20px 40px #0000004d}.photo-frame-landscape,.photo-frame-portrait,.photo-frame-square{aspect-ratio:auto;width:100%;height:100%}.photo-thumb-inner{width:100%;height:100%;overflow:hidden}.thumb-img{width:100%;height:100%;object-fit:cover;display:block}.photo-caption{font-family:var(--font-sans);font-size:var(--text-sm);font-style:normal;color:var(--color-gray-200);line-height:1.4;text-align:center;max-width:70ch;white-space:pre-line;flex-shrink:0;margin-top:var(--space-sm)}.photo-thumbnails{display:flex;gap:var(--space-sm);justify-content:center;flex-shrink:0;padding-bottom:var(--space-lg);flex-wrap:wrap;z-index:10}.photo-thumb{width:44px;height:44px;border:1px solid rgba(255,255,255,.1);background:var(--color-primary-dark);cursor:pointer;transition:border-color .3s var(--ease-out-quart),transform .3s var(--ease-out-expo);padding:0;opacity:.5}.photo-thumb:hover{border-color:var(--color-accent);transform:translateY(-4px);opacity:1}.photo-thumb.active{border-color:var(--color-white);border-width:2px;transform:translateY(-4px);opacity:1;box-shadow:0 4px 12px #0000004d}@media(max-width:768px){.photo-content{padding:var(--space-md)}.photo-display{gap:var(--space-sm)}.photo-frame{max-height:50vh;box-shadow:0 10px 30px #0003}.photo-nav{width:32px;height:32px;background:#0000004d;border:none;position:absolute;top:50%;transform:translateY(-50%)}.photo-nav-prev{left:0}.photo-nav-next{right:0}.photo-thumb{width:32px;height:32px}}.writing-section{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.writing-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3xl);text-align:center}.writing-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3xl);width:100%;max-width:1100px;align-items:start}.writing-column{display:flex;flex-direction:column;gap:var(--space-2xl);text-align:left}.writing-stat-block{display:flex;flex-direction:column;gap:var(--space-sm)}.writing-stat-block .stat-number{font-size:clamp(4rem,6vw,7rem);line-height:.9;margin-bottom:var(--space-lg);background:linear-gradient(to right,var(--color-white),var(--color-gray-300));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.writing-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;color:var(--color-white);letter-spacing:-.02em}.stat-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-gray-400);line-height:1.6}.accent-link{font-family:var(--font-mono);color:var(--color-accent);text-decoration:none;transition:all var(--duration-fast) var(--ease-out-quart);border-bottom:1px solid transparent}.accent-link:hover{opacity:1;border-bottom:1px solid var(--color-accent)}.writing-highlights{display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-md)}.writing-highlights{display:flex;flex-direction:column;gap:var(--space-md)}.highlights-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gray-400)}.writing-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.writing-item{border-bottom:1px solid rgba(255,255,255,.08);transition:border-color var(--duration-normal) var(--ease-out-quart)}.writing-item:hover{border-color:var(--color-accent)}.writing-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;color:var(--color-gray-100);transition:color var(--duration-normal) var(--ease-out-quart)}.writing-link:hover{color:var(--color-white);opacity:1}.writing-link-text{font-size:var(--text-base);line-height:1.4}.writing-link-arrow{font-size:var(--text-lg);color:var(--color-accent);transform:translate(0);transition:transform var(--duration-normal) var(--ease-out-expo)}.writing-link:hover .writing-link-arrow{transform:translate(4px)}.writing-divider{display:flex;align-items:center;justify-content:center;padding:0 var(--space-lg)}.divider-line{width:1px;height:200px;background:linear-gradient(to bottom,transparent 0%,var(--color-accent) 50%,transparent 100%)}@media(max-width:900px){.writing-grid{grid-template-columns:1fr;gap:var(--space-3xl)}.writing-divider{padding:0}.divider-line{width:100px;height:1px;background:linear-gradient(to right,transparent 0%,var(--color-accent) 50%,transparent 100%)}.writing-column{text-align:center;align-items:center}}.media-section{background:var(--color-primary-dark);min-height:auto;padding:var(--space-4xl) var(--space-xl)}.media-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4xl)}.book-cover img,.poster-frame img,.album-cover img,.artist-image img{width:100%;height:100%;object-fit:cover;display:block}.media-block{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:var(--space-xl)}.media-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:inherit;transition:opacity var(--duration-fast) var(--ease-out-quart)}.media-link:hover{opacity:.8}.media-block-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.media-block-title{font-size:var(--text-2xl);color:var(--color-white)}.media-stat-inline{display:flex;align-items:baseline;gap:var(--space-sm)}.stat-number-inline{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:400;color:var(--color-accent)}.stat-label-inline{font-size:var(--text-sm);color:var(--color-gray-400)}.media-subtitle{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-300);letter-spacing:.05em}.book-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.book-item{display:flex;flex-direction:column;gap:var(--space-md)}.book-cover{aspect-ratio:2 / 3;background:var(--color-primary);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-quart)}.book-cover:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff26}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--color-primary-light) 0%,var(--color-primary) 50%,var(--color-primary-dark) 100%);font-size:var(--text-sm);color:var(--color-gray-400);text-align:center;padding:var(--space-md)}.book-title{font-size:var(--text-sm);color:var(--color-gray-200);line-height:1.4}.film-grid{display:flex;flex-direction:column;gap:var(--space-xl)}.film-category{display:flex;flex-direction:column;gap:var(--space-md)}.film-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-400)}.poster-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);align-items:end}.poster-item{display:flex;flex-direction:column;gap:var(--space-sm)}.poster-frame{aspect-ratio:2 / 3;background:var(--color-primary);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-quart)}.poster-frame:hover{transform:scale(1.03);border-color:#fff3}.poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);font-size:var(--text-xs);color:var(--color-gray-400);text-align:center;padding:var(--space-sm)}.poster-title{font-size:var(--text-xs);color:var(--color-gray-300)}.music-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.music-item{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;text-align:center}.music-label{font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;color:var(--color-gray-400)}.album-cover{width:100%;max-width:200px;aspect-ratio:1 / 1;background:var(--color-primary);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-expo)}.album-cover:hover{transform:scale(1.05)}.album-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);font-size:var(--text-sm);color:var(--color-gray-400)}.artist-image{width:100%;max-width:200px;aspect-ratio:1 / 1;background:var(--color-primary);border:1px solid rgba(255,255,255,.1);border-radius:50%;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-expo)}.artist-image:hover{transform:scale(1.05)}.artist-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,var(--color-primary-light) 0%,var(--color-primary) 100%);font-size:var(--text-sm);color:var(--color-gray-400)}.music-title{font-size:var(--text-base);color:var(--color-gray-100)}@media(max-width:768px){.book-shelf{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.film-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.poster-feature .poster-frame{max-width:140px;margin:0 auto}.music-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.album-cover,.artist-image{max-width:180px}}@media(max-width:480px){.book-shelf{grid-template-columns:1fr;max-width:200px;margin:0 auto}.poster-row{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}}.projects-section{position:relative;background:var(--color-primary-dark);min-height:100vh;overflow:hidden;transition:background-color .5s ease}.projects-background{position:absolute;inset:0;z-index:0;pointer-events:none}.project-bg-image{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease-out-expo);background:radial-gradient(circle at center,var(--color-primary-light),var(--color-primary-dark))}.project-bg-image.active{opacity:1}.bg-overlay{position:absolute;inset:0;background:#0f1520d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.projects-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:var(--space-2xl);max-width:1200px;padding-left:var(--space-xl);padding-right:var(--space-xl);padding-bottom:var(--space-xl)}.projects-header{margin-bottom:var(--space-3xl);width:100%;display:flex;justify-content:center}.projects-body{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4xl);width:100%;align-items:center}.projects-list{display:flex;flex-direction:column;gap:var(--space-lg);padding-right:var(--space-2xl)}.project-item{display:flex;flex-direction:column;padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .3s ease;text-decoration:none}.project-item:hover,.project-item.active{border-color:#fff6}.project-item-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;color:#ffffff80;transition:color .3s var(--ease-out-quart);display:flex;align-items:center;justify-content:space-between}.project-item:hover .project-item-title,.project-item.active .project-item-title{color:var(--color-white)}.project-arrow{font-size:var(--text-xl);opacity:0;transform:translate(-10px);transition:all .3s var(--ease-out-expo);font-family:var(--font-sans);color:var(--color-accent)}.project-item:hover .project-arrow,.project-item.active .project-arrow{opacity:1;transform:translate(0)}.project-item-details{display:flex;flex-direction:column;padding-top:var(--space-sm);overflow:hidden}.project-subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent)}.projects-gallery{position:relative;width:100%;height:600px;perspective:1000px}.project-display-wrapper{position:absolute;cursor:default}.pos-1{top:5%;left:0%;--rotation: -12deg}.pos-2{top:25%;right:5%;--rotation: 15deg}.pos-3{bottom:15%;left:8%;--rotation: -18deg}.pos-4{top:40%;left:40%;--rotation: 8deg}.pos-5{bottom:5%;right:5%;--rotation: -5deg}.frame-browser{background:#1e1e1e;border-radius:12px;box-shadow:0 20px 50px #0006,0 0 0 1px #ffffff1a;overflow:hidden;width:320px;display:flex;flex-direction:column}.browser-header{height:36px;background:#2d2d2d;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.05)}.traffic-lights{display:flex;gap:6px}.traffic-lights span{width:10px;height:10px;border-radius:50%;background-color:#5f5f5f}.traffic-lights span:nth-child(1){background-color:#ff5f56}.traffic-lights span:nth-child(2){background-color:#ffbd2e}.traffic-lights span:nth-child(3){background-color:#27c93f}.browser-content{background:#111;height:200px;position:relative;overflow:hidden}.browser-content img{width:100%;height:100%;object-fit:cover}.frame-group-container{position:relative;width:400px;height:320px}.frame-browser-secondary{position:absolute;top:-20px;right:0;z-index:1;transform:scale(.9) rotate(3deg);opacity:.9;transition:all .5s ease}.frame-browser-primary{position:absolute;bottom:0;left:0;z-index:2;transition:all .5s ease;box-shadow:-10px 10px 40px #00000080}.frame-browser-retro{border-radius:4px;border:2px solid #a89682;width:340px}.frame-browser-retro .browser-header{background:#a89682;height:30px;justify-content:center}.browser-address-bar{background:#fff;color:#333;font-family:var(--font-mono);font-size:10px;padding:2px 8px;border-radius:2px;width:60%;text-align:center}.frame-app-icon{width:160px;height:160px;border-radius:36px;background:#111;box-shadow:0 20px 40px #0006;position:relative;overflow:hidden}.frame-app-icon img{width:100%;height:100%;object-fit:cover}.frame-book{width:180px;aspect-ratio:2 / 3;background:#fff;border-radius:2px 6px 6px 2px;position:relative;box-shadow:10px 10px 30px #00000080,2px 0 #ffffff1a inset}.frame-book img{width:100%;height:100%;object-fit:cover;border-radius:2px 6px 6px 2px}.book-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(to right,#ffffff4d,#0000001a 40%,#0003);z-index:10;border-radius:2px 0 0 2px}.book-sheen{position:absolute;inset:0;background:linear-gradient(45deg,#fff0 40%,#ffffff1a,#fff0 60%);z-index:11;pointer-events:none}.frame-letter{width:320px;aspect-ratio:1.5 / 1;background:#fdfdfd;padding:12px 16px;box-shadow:0 10px 30px #0003}.letter-paper{width:100%;height:100%;background:#fff;border:1px solid #eee;padding:8px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.letter-paper img{width:100%;height:100%;object-fit:cover;filter:sepia(.2)}.letter-texture{position:absolute;inset:0;background-image:repeating-linear-gradient(#f0f0f0 0 1px,transparent 1px 100%);background-size:100% 24px;opacity:.3;pointer-events:none}@media(max-width:900px){.projects-body{grid-template-columns:1fr;gap:var(--space-2xl)}.projects-gallery{height:400px;order:1}}.tech-section{position:relative;background:var(--color-primary-dark);min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.tech-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;max-width:1400px}.tech-header{margin-bottom:var(--space-4xl);text-align:center}.tech-display-area{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3xl);perspective:1000px}.tech-rows{display:flex;flex-direction:column;gap:6vh;width:100%;align-items:center;padding:var(--space-2xl) 0}.tech-row{display:flex;justify-content:center;gap:6vw;width:100%;height:180px;align-items:center}.tech-object{position:relative;cursor:pointer;will-change:transform;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.tech-object-inner{position:relative;width:100%;height:100%;transition:filter .3s ease;display:flex;align-items:center;justify-content:center}.tech-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));transition:filter .3s ease}.tech-object:hover .tech-img{filter:drop-shadow(0 25px 50px rgba(0,0,0,.6))}.tech-frame-app{width:140px;height:140px;border-radius:32px;background:#111;box-shadow:0 20px 40px #0006;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.tech-frame-app img{width:100%;height:100%;object-fit:cover}.app-glass-shine{position:absolute;inset:0;background:linear-gradient(135deg,#fff6,#fff0 50%);pointer-events:none}.item-hud{position:absolute;left:20%;transform:translate(-50%);width:300px;z-index:200;pointer-events:none}.item-hud.hud-bottom{top:100%}.item-hud.hud-top{bottom:100%;top:auto}.item-hud.hud-align-right{left:auto;right:20%;transform:none}.item-hud-glass{background:#0f0f14d9;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff0d inset;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:all .3s ease}.item-hud-glass.honorable-mention{background:#282314e6;border-color:#ffd7004d;box-shadow:0 10px 40px #0009,0 0 0 1px #ffd7001a inset,0 0 20px #ffd7000d}.hud-header.small{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.item-hud-glass.honorable-mention .hud-header.small{border-bottom-color:#ffd70033}.hud-title-small{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:#fff}.item-hud-glass.honorable-mention .hud-title-small{color:#fff5e0}.hud-badge-small{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;background:#ffffff1a;padding:2px 4px;border-radius:3px;color:var(--color-accent)}.hud-badge-small.badge-honorable{background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.2)}.hud-tribute-small{font-family:var(--font-sans);font-size:var(--text-sm);color:#fffc;font-style:normal;line-height:1.4;margin:0}.item-hud-glass.honorable-mention .hud-tribute-small{color:#fff5e6e6}.hud-decoration{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5}.hud-scanner{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.05),transparent);animation:scan 3s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.tech-ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:60%;background:radial-gradient(circle at center,rgba(58,70,104,.15),transparent 70%);pointer-events:none;z-index:0}@media(max-width:900px){.tech-rows{gap:var(--space-xl)}.tech-row{flex-wrap:wrap;gap:var(--space-xl);height:auto}.tech-object{width:120px;height:120px}.item-hud{width:250px}.tech-frame-app{width:100px;height:100px}}.thoughts-section{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);justify-content:flex-start!important;padding-top:18vh}.thoughts-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4xl);max-width:800px;text-align:center;min-height:600px}.thoughts-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.thoughts-title{font-size:var(--text-3xl);color:var(--color-white)}.realizations-container{display:flex;flex-direction:column;gap:0;width:100%}.realization-card{display:flex;flex-direction:column;width:100%;padding:2px 32px;border-radius:24px;transition:background-color .3s ease,opacity .3s ease;cursor:default}.realization-card:hover{background:#ffffff08}.realization-card.dimmed{opacity:.3}.realization-main{display:flex;align-items:center;gap:var(--space-xl);width:100%}.realization-index{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:400;color:var(--color-accent);opacity:.6;flex-shrink:0;width:80px;transition:color .3s ease}.realization-card.active .realization-index{color:var(--color-white);opacity:1}.realization-line{width:60px;height:1px;background:linear-gradient(to right,var(--color-accent) 0%,transparent 100%);flex-shrink:0;opacity:.5;transition:opacity .3s ease}.realization-card.active .realization-line{opacity:1}.realization-text{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-gray-100);line-height:1.5;font-style:italic;margin:0;transition:color .3s ease}.realization-card.active .realization-text{color:var(--color-white)}.realization-explanation-wrapper{overflow:hidden;width:100%}.realization-explanation{padding-top:0;padding-left:calc(110px + 60px + var(--space-xl));padding-bottom:16px;font-family:var(--font-sans);font-size:var(--text-base);color:#ffffffb3;line-height:1.6;max-width:90%;text-align:left}@media(max-width:768px){.realization-card{padding:16px}.realization-main{flex-direction:column;gap:var(--space-md);text-align:center;align-items:center}.realization-index{width:auto;font-size:var(--text-3xl)}.realization-line{width:40px;background:linear-gradient(to right,transparent 0%,var(--color-accent) 50%,transparent 100%)}.realization-explanation{padding-left:0;text-align:center;max-width:100%;font-size:var(--text-sm)}}.outro-section{background:linear-gradient(180deg,var(--color-primary-dark) 0%,var(--color-primary-deeper) 100%);min-height:100vh}.outro-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xl);text-align:center;z-index:1;position:relative}.outro-year{margin-bottom:var(--space-lg)}.outro-year-end{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:400;letter-spacing:.15em;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-gray-400) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:fadeIn var(--duration-slower) var(--ease-out-expo) .2s forwards}.outro-title{font-size:var(--text-3xl);font-weight:500;color:var(--color-white);opacity:0;transform:translateY(20px);animation:slideUp var(--duration-slower) var(--ease-out-expo) .4s forwards}.outro-message{font-size:var(--text-lg);color:var(--color-gray-300);max-width:45ch;opacity:0;transform:translateY(20px);animation:slideUp var(--duration-slower) var(--ease-out-expo) .6s forwards}.outro-signature{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);opacity:0;animation:fadeIn var(--duration-slower) var(--ease-out-expo) .8s forwards}.signature-line{width:60px;height:1px;background:var(--color-accent)}.signature-image{height:60px;width:auto;filter:brightness(0) invert(1);opacity:.9}.signature-date{font-size:var(--text-sm);color:var(--color-gray-400);letter-spacing:.1em}.outro-links{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);opacity:0;animation:fadeIn var(--duration-slower) var(--ease-out-expo) 1s forwards}.outro-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);transition:color var(--duration-fast) var(--ease-out-quart)}.outro-link:hover{color:var(--color-white);opacity:1}.link-divider{color:var(--color-gray-500)}.outro-decoration{position:absolute;bottom:0;left:0;right:0;height:200px;background:radial-gradient(ellipse 100% 100% at 50% 100%,rgba(123,140,174,.08) 0%,transparent 70%);pointer-events:none}@media(max-width:480px){.outro-links{flex-direction:column;gap:var(--space-sm)}.link-divider{display:none}}.finale-section{position:relative;height:100vh;width:100%;overflow:hidden;background:linear-gradient(to bottom,#171d28,#0f1520 15%,#050505);display:flex;align-items:center!important;justify-content:center;padding:0!important}.finale-image-container{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.museum-frame{position:relative;background-color:#f4f4f0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");padding:clamp(30px,3vw,80px);border:20px solid #1a1a1a;border-top-color:#2a2a2a;border-left-color:#222;border-bottom-color:#111;border-right-color:#151515;box-shadow:0 40px 80px -20px #000c,0 0 0 1px #000,inset 0 0 20px #0000001a;max-width:100%;max-height:85vh;display:flex;align-items:center;justify-content:center}.frame-timestamp{position:absolute;bottom:15px;left:50%;transform:translate(-50%) rotate(-.5deg);font-family:var(--font-mono),"Courier New",monospace;font-size:.75rem;color:#14141499;letter-spacing:.15em;font-weight:500;opacity:.8;pointer-events:none;white-space:nowrap}.finale-image-wrapper{position:relative;width:auto;height:auto;display:flex;align-items:center;justify-content:center;box-shadow:inset 3px 3px 8px #0003,inset -1px -1px 2px #ffffff80;background:#fff}.finale-image{max-height:55vh;width:auto;max-width:100%;object-fit:contain;display:block;mix-blend-mode:multiply;filter:sepia(.05) contrast(1.1)}.finale-spotlight{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;background:radial-gradient(circle,#3a466826,#0000 70%);z-index:1;pointer-events:none;opacity:.6}.finale-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;mix-blend-mode:screen;z-index:3}.section-indicator{position:fixed;right:var(--space-xl);top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:var(--space-md)}.section-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-400);border:none;padding:0;cursor:pointer;transition:background var(--duration-normal) var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-quart)}.section-dot:hover{background:var(--color-accent);transform:scale(1.25)}.section-dot.active{background:var(--color-white);transform:scale(1.5);box-shadow:0 0 20px #ffffff4d}@media(max-width:768px){.section-indicator{right:var(--space-md);gap:var(--space-sm)}.section-dot{width:6px;height:6px}}@media(max-width:480px){.section-indicator{display:none}}.mobile-warning{position:fixed;inset:0;background-color:var(--color-primary-deeper, #0f1520);background-image:radial-gradient(circle at 20% 30%,rgba(123,140,174,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(168,150,130,.08) 0%,transparent 40%);z-index:99999;align-items:center;justify-content:center;padding:var(--space-2xl);overflow:hidden;display:flex}.mobile-warning:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:1}@media(max-width:768px){body{overflow:hidden}}.mobile-warning-content{position:relative;z-index:2;max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);animation:slideUp var(--duration-slow) var(--ease-out-expo)}.mobile-warning-icon{width:64px;height:64px}.mobile-warning-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1.5px solid var(--color-accent)}.mobile-warning-title{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-white);letter-spacing:-.02em;margin-bottom:0}.mobile-warning-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.6;margin:var(--space-md) 0}.mobile-warning-text{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.4;color:var(--color-gray-300);max-width:320px;display:flex;flex-direction:column;gap:var(--space-md)}.warning-line{opacity:0;transform:translateY(15px) scale(.98);animation:slideUpFade 1.2s var(--ease-out-expo) forwards}.warning-line.line-1{animation-delay:.3s;font-weight:300}.warning-line.line-2{animation-delay:.5s;font-size:1.1em}.warning-line.line-3{animation-delay:.7s;font-weight:300}.mobile-warning-text .highlight{color:var(--color-accent);font-weight:500;position:relative}.mobile-warning-text .highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-accent);opacity:.3}@keyframes slideUpFade{to{opacity:1;transform:translateY(0) scale(1)}}.mobile-warning-footer{margin-top:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.remind-button{display:flex;align-items:center;gap:var(--space-sm);padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:var(--text-sm);font-weight:500;color:var(--color-white);transition:all .3s ease;text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.remind-button:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.remind-button:active{transform:translateY(0)}.remind-button svg{width:18px;height:18px;color:var(--color-accent)}.mobile-warning-bg{position:absolute;inset:0;z-index:1;pointer-events:none}.blob{position:absolute;width:300px;height:300px;background:radial-gradient(circle,#7b8cae26,#7b8cae00 70%);border-radius:50%;filter:blur(40px)}.blob-1{top:-100px;right:-100px;animation:float 10s ease-in-out infinite}.blob-2{bottom:-100px;left:-100px;animation:float 12s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}