.navbar{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ab8;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 50px;display:flex;position:sticky;top:0}.logo{color:#fff;letter-spacing:.08em;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .2s}.logo:hover{color:#3b82f6}.navbar-links{white-space:nowrap;align-items:center;gap:40px;display:flex;overflow:auto hidden}.navbar-links::-webkit-scrollbar{display:none}.navbar-links{scrollbar-width:none}.nav-item>a{color:#fff;font-weight:600;text-decoration:none;transition:all .3s}.nav-item>a:hover{color:#93c5fd}.active-link{color:#60a5fa!important}.hamburger{display:none}.navbar-links{display:flex}@media (width<=768px){.hamburger{display:block}.navbar-links{background:#0f172a;flex-direction:column;width:100%;padding:30px;display:none;position:absolute;top:100%;left:0}.navbar-links.open{display:flex}.dropdown{opacity:1;visibility:visible;box-shadow:none;background:0 0;padding-left:20px;position:relative;transform:none}.dropdown a{color:#fff}}.about-page{max-width:1200px}.about-intro{grid-template-columns:1.5fr .7fr;align-items:center;gap:60px;margin-bottom:80px;display:grid}.about-intro-content{max-width:700px}.about-eyebrow{color:#1d4ed8;letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.about-intro h1{margin:0 0 8px;font-size:clamp(2.5rem,5vw,4rem);line-height:1.05}.about-intro h2{color:var(--muted);margin:0 0 28px;font-size:1.25rem;font-weight:600}.about-intro-text{max-width:700px;color:var(--muted);margin:0 0 18px;font-size:1.05rem;line-height:1.8}.about-photo-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:0 10px 30px #0f172a0f}.about-photo{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;display:block}.about-photo-caption{flex-direction:column;gap:4px;padding:14px 8px 4px;display:flex}.about-photo-caption strong{font-size:1rem}.about-photo-caption span{color:var(--muted);font-size:.9rem}.about-section{margin-bottom:80px}.about-section-heading{margin-bottom:28px}.about-section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.3rem)}.about-focus-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.about-focus-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 10px 30px #0f172a0a}.about-focus-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0f172a14}.about-focus-number{color:#1d4ed8;margin-bottom:25px;font-size:.8rem;font-weight:700}.about-focus-card h3{margin:0 0 10px}.about-focus-card p{color:var(--muted);margin:0;line-height:1.65}.about-current-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.about-current-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;align-items:center;gap:18px;min-height:120px;padding:20px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 10px 30px #0f172a0a}.about-current-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f172a14}.about-current-icon{background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.about-current-label{color:#1d4ed8;letter-spacing:.12em;margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.about-current-card h3{margin:0 0 4px}.about-current-card p{color:var(--muted);margin:0;font-size:.92rem}.about-more-grid{grid-template-columns:1.3fr .7fr;align-items:start;gap:30px;display:grid}.about-more-grid>div:first-child p{color:var(--muted);margin:0 0 18px;line-height:1.8}.about-more-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:18px;flex-direction:column;gap:10px;padding:24px;display:flex}.about-more-card span{color:#1d4ed8;letter-spacing:.12em;font-size:.75rem;font-weight:700}.about-more-card strong{line-height:1.6}.about-timeline{flex-direction:column;display:flex;position:relative}.about-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:10px;bottom:10px;left:74px}.about-timeline-item{grid-template-columns:120px 1fr;gap:30px;padding:0 0 35px;display:grid;position:relative}.about-timeline-item:last-child{padding-bottom:0}.about-timeline-year{color:#1d4ed8;font-weight:700;position:relative}.about-timeline-year:after{content:"";background:#1d4ed8;border:3px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;right:14px;box-shadow:0 0 0 1px #dbeafe}.about-timeline-item h3{margin:0 0 6px}.about-timeline-item p{color:var(--muted);margin:0;line-height:1.6}@media (width<=900px){.about-intro{grid-template-columns:1fr;gap:35px}.about-photo-card{max-width:400px}.about-focus-grid{grid-template-columns:repeat(2,1fr)}.about-more-grid{grid-template-columns:1fr}}@media (width<=640px){.about-focus-grid,.about-current-grid{grid-template-columns:1fr}.about-intro,.about-section{margin-bottom:60px}.about-timeline:before{left:59px}.about-timeline-item{grid-template-columns:85px 1fr;gap:20px}.about-timeline-year:after{right:7px}}.music-page{width:100%;max-width:1200px;margin:0 auto;padding:3rem 2rem}.music-header{text-align:center;max-width:850px;margin:0 auto 5rem}.music-header h1{margin:0 0 1rem;font-size:3.5rem}.music-header p{max-width:750px;margin:0 auto;font-size:1.05rem;line-height:1.8}.music-section{margin-bottom:6rem}.album-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.album-card{min-width:0}.album-cover{aspect-ratio:1;color:#777;background:#e5e5e5;border-radius:8px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex;overflow:hidden}.album-cover span{font-size:.85rem}.album-info h3{margin:0 0 .25rem;font-size:1rem}.album-info p{color:#555;margin:0 0 .35rem}.album-info span{color:#888;font-size:.8rem}.artist-list{border-top:1px solid #ddd;grid-template-columns:repeat(2,1fr);display:grid}.artist-card{border-bottom:1px solid #ddd;grid-template-columns:50px 1fr;align-items:center;gap:1rem;padding:1.5rem;transition:background .2s;display:grid}.artist-card:nth-child(odd){border-right:1px solid #ddd}.artist-card:hover{background:#f7f7f7}.artist-number{color:#999;font-size:.8rem;font-weight:600}.artist-card h3{margin:0 0 .3rem}.artist-card p{color:#777;margin:0;font-size:.85rem}.genre-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.genre-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.genre-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000012}.genre-card h3{margin:0 0 .4rem}.genre-card p{color:#777;margin:0;font-size:.9rem;line-height:1.5}.song-list{border-top:1px solid #ddd}.song-item{border-bottom:1px solid #ddd;grid-template-columns:50px 1fr auto;align-items:center;gap:1rem;padding:1.25rem 0;display:grid}.song-number{color:#999;font-size:.8rem}.song-info h3{margin:0 0 .25rem;font-size:1rem}.song-info p{color:#777;margin:0;font-size:.85rem}.song-duration{color:#888;font-size:.8rem}.music-story{background:#f5f5f5;border-radius:12px;grid-template-columns:1fr 1fr;align-items:stretch;gap:3rem;padding:3rem;display:grid}.music-story-content{flex-direction:column;justify-content:center;display:flex}.story-label{color:#777;letter-spacing:.12em;margin-bottom:1rem;font-size:.7rem;font-weight:600}.music-story-content h2{margin:0 0 1.25rem;font-size:2rem}.music-story-content p{margin:0 0 1rem;line-height:1.8}.music-story-content p:last-child{margin-bottom:0}.music-story-placeholder{color:#777;text-align:center;background:#ddd;border-radius:8px;justify-content:center;align-items:center;min-height:350px;display:flex}.music-closing{text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;max-width:800px;margin:0 auto 3rem;padding:4rem 0}.music-closing h2{margin:0 0 1rem;font-size:2.25rem}.music-closing p{max-width:650px;margin:0 auto;line-height:1.8}@media (width<=1000px){.album-grid,.genre-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.music-page{padding:2rem 1.25rem}.music-header{margin-bottom:3.5rem}.music-header h1{font-size:2.75rem}.music-story{grid-template-columns:1fr;gap:2rem;padding:2rem}.music-story-placeholder{min-height:250px}}@media (width<=600px){.album-grid,.genre-grid,.artist-list{grid-template-columns:1fr}.artist-card:nth-child(odd){border-right:none}.song-item{grid-template-columns:35px 1fr auto}.music-section{margin-bottom:4rem}.music-closing{padding:3rem 0}.music-closing h2{font-size:1.8rem}}.photography-page{width:100%;max-width:1400px;margin:0 auto;padding:3rem 2rem}.photography-header{text-align:center;max-width:850px;margin:0 auto 5rem}.photography-header h1{margin:0 0 1rem;font-size:3.5rem}.photography-header p{max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.8}.photography-section{margin-bottom:6rem}.photo-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.featured-grid{grid-auto-rows:280px}.photo-card{background:#eee;border-radius:10px;position:relative;overflow:hidden}.photo-large{grid-area:span 2/span 2}.photo-placeholder{color:#777;background:#ddd;justify-content:center;align-items:center;width:100%;height:100%;min-height:250px;font-size:.9rem;display:flex}.photo-caption{color:#fff;background:linear-gradient(#0000,#000000bf);padding:3rem 1.5rem 1.25rem;position:absolute;bottom:0;left:0;right:0}.photo-caption h3{margin:0 0 .25rem;font-size:1.1rem}.photo-caption p{margin:0;font-size:.85rem}.collection-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.collection-card{background:#fff;border:1px solid #ddd;border-radius:10px;transition:transform .2s,box-shadow .2s;overflow:hidden}.collection-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.collection-placeholder{aspect-ratio:4/3;color:#777;background:#eee;justify-content:center;align-items:center;display:flex}.collection-info{padding:1.25rem}.collection-info h3{margin:0 0 .5rem}.collection-info p{margin:0 0 1rem;font-size:.9rem;line-height:1.6}.collection-count{color:#777;font-size:.8rem}.featured-story{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;display:grid}.story-image{background:#eee;border-radius:10px;overflow:hidden}.story-image .photo-placeholder{aspect-ratio:4/3;min-height:0}.story-content h3{margin:0 0 .5rem;font-size:1.75rem}.story-location{color:#777;margin:0 0 1.5rem;font-size:.9rem}.story-content>p:not(.story-location){line-height:1.8}.photo-details{border-top:1px solid #ddd;flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.photo-details div{justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.detail-label{color:#777}.photography-closing{text-align:center;max-width:800px;margin:0 auto 3rem;padding:3rem 0}.photography-closing h2{margin:0 0 1rem;font-size:2rem}.photography-closing p{margin:0;line-height:1.8}@media (width<=1100px){.photo-grid,.collection-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.photography-page{padding:2rem 1.25rem}.photography-header{margin-bottom:3.5rem}.photography-header h1{font-size:2.75rem}.featured-story{grid-template-columns:1fr;gap:2rem}}@media (width<=600px){.photo-grid{grid-template-columns:1fr;grid-auto-rows:300px}.photo-large{grid-area:span 1/span 1}.collection-grid{grid-template-columns:1fr}.photography-section{margin-bottom:4rem}}.travel-page{width:100%;max-width:1400px;margin:0 auto;padding:3rem 2rem}.travel-header{text-align:center;max-width:850px;margin:0 auto 5rem}.travel-header h1{margin:0 0 1rem;font-size:3.5rem}.travel-header p{max-width:750px;margin:0 auto;font-size:1.05rem;line-height:1.8}.travel-section{margin-bottom:6rem}.destination-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.destination-card{background:#fff;border:1px solid #ddd;border-radius:10px;transition:transform .2s,box-shadow .2s;overflow:hidden}.destination-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.destination-large{grid-area:span 2/span 2}.destination-image{aspect-ratio:4/3;color:#777;background:#ddd;justify-content:center;align-items:center;display:flex}.destination-large .destination-image{aspect-ratio:1}.destination-info{padding:1.25rem}.destination-location{color:#777;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.destination-info h3{margin:0 0 .5rem}.destination-info p{margin:0;font-size:.9rem;line-height:1.6}.trip-list{flex-direction:column;gap:2rem;display:flex}.trip-card{background:#fff;border:1px solid #ddd;border-radius:12px;grid-template-columns:50px 320px 1fr;align-items:center;gap:2rem;padding:1.5rem;display:grid}.trip-number{color:#999;font-size:.8rem;font-weight:600}.trip-image{aspect-ratio:4/3;color:#777;background:#ddd;border-radius:8px;justify-content:center;align-items:center;display:flex}.trip-date{color:#777;letter-spacing:.1em;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.trip-info h3{margin:0 0 .25rem;font-size:1.5rem}.trip-location{color:#777;margin:0 0 1rem;font-size:.9rem}.trip-info>p:last-child{max-width:600px;margin:0;line-height:1.7}.travel-interest-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.travel-interest-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1.75rem;transition:transform .2s,box-shadow .2s}.travel-interest-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000012}.travel-interest-number{color:#999;margin-bottom:1.25rem;font-size:.8rem;font-weight:600;display:block}.travel-interest-card h3{margin:0 0 .6rem}.travel-interest-card p{margin:0;line-height:1.6}.future-grid{border-top:1px solid #ddd;border-left:1px solid #ddd;grid-template-columns:repeat(3,1fr);display:grid}.future-card{border-bottom:1px solid #ddd;border-right:1px solid #ddd;min-height:150px;padding:1.5rem;transition:background .2s}.future-card:hover{background:#f7f7f7}.future-card>span{color:#999;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;display:block}.future-card h3{margin:0 0 .3rem}.future-card p{color:#777;margin:0;font-size:.85rem}.travel-closing{text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;max-width:800px;margin:0 auto 3rem;padding:4rem 0}.travel-closing h2{margin:0 0 1rem;font-size:2.25rem}.travel-closing p{max-width:650px;margin:0 auto;line-height:1.8}@media (width<=1100px){.destination-grid{grid-template-columns:repeat(2,1fr)}.destination-large{grid-area:span 1/span 2}.destination-large .destination-image{aspect-ratio:16/7}.travel-interest-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.travel-page{padding:2rem 1.25rem}.travel-header{margin-bottom:3.5rem}.travel-header h1{font-size:2.75rem}.trip-card{grid-template-columns:1fr;gap:1.25rem}.trip-number{display:none}.trip-image{width:100%}.future-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.destination-grid,.travel-interest-grid,.future-grid{grid-template-columns:1fr}.destination-large{grid-column:span 1}.destination-large .destination-image{aspect-ratio:4/3}.travel-section{margin-bottom:4rem}.travel-closing{padding:3rem 0}.travel-closing h2{font-size:1.8rem}}.books-page{width:100%}.books-page .page-header{text-align:center;max-width:900px;margin:0 auto 4rem}.books-page .page-header h1{margin-bottom:1rem}.books-page .page-header p{max-width:700px;margin:0 auto;line-height:1.7}.books-page .interest-content{max-width:1200px;margin:0 auto}.books-page .interest-section{margin-bottom:5rem}.books-page .interest-section h2{margin-bottom:2rem}.books-page .book-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.books-page .book-card{background:var(--card-background,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:12px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.books-page .book-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.books-page .book-cover{aspect-ratio:2/3;width:100%;overflow:hidden}.books-page .book-cover img{object-fit:cover;width:100%;height:100%;display:block}.books-page .book-cover.placeholder{background:var(--secondary-background,#f1f1f1);color:var(--secondary-text,#777);justify-content:center;align-items:center;font-size:.9rem;display:flex}.books-page .book-info{padding:1.5rem}.books-page .book-info h3{margin:0 0 .4rem;font-size:1.2rem}.books-page .book-author{color:var(--secondary-text,#666);margin:0 0 1rem;font-size:.95rem}.books-page .book-description{margin:0;line-height:1.6}.books-page .reading-list{border-top:1px solid var(--border-color,#e5e5e5);flex-direction:column;display:flex}.books-page .reading-item{border-bottom:1px solid var(--border-color,#e5e5e5);justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0;display:flex}.books-page .reading-item h3{margin:0 0 .35rem}.books-page .reading-item .book-author{margin:0}.books-page .reading-details{color:var(--secondary-text,#666);white-space:nowrap;align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.books-page .interest-tags{flex-wrap:wrap;gap:.75rem;display:flex}.books-page .interest-tags span{background:var(--secondary-background,#f1f1f1);border:1px solid var(--border-color,#e5e5e5);border-radius:999px;padding:.6rem 1rem;font-size:.9rem}.books-page .influential-book{border-left:4px solid var(--accent-color,#333);background:var(--secondary-background,#f7f7f7);max-width:800px;padding:2rem}.books-page .influential-book h3{margin:0 0 .4rem}.books-page .influential-book .book-author{margin-bottom:1.25rem}.books-page .influential-book p:last-child{margin-bottom:0;line-height:1.7}@media (width<=900px){.books-page .book-grid{grid-template-columns:repeat(2,1fr)}.books-page .reading-item{flex-direction:column;align-items:flex-start;gap:1rem}.books-page .reading-details{white-space:normal;flex-wrap:wrap;gap:.75rem 1.25rem}}@media (width<=600px){.books-page .page-header{margin-bottom:3rem}.books-page .interest-section{margin-bottom:3.5rem}.books-page .book-grid{grid-template-columns:1fr}.books-page .book-info{padding:1.25rem}.books-page .influential-book{padding:1.5rem}}.learning-page{width:100%;max-width:1200px;margin:0 auto;padding:3rem 2rem}.learning-header{text-align:center;max-width:850px;margin:0 auto 5rem}.learning-header h1{margin:0 0 1rem;font-size:3.5rem}.learning-header p{max-width:750px;margin:0 auto;font-size:1.05rem;line-height:1.8}.learning-section{margin-bottom:6rem}.section-heading p{margin:0;line-height:1.6}.learning-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.learning-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:2rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.learning-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.learning-card-number{color:#999;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.8rem;font-weight:600}.learning-card-content h3{margin:0 0 .5rem;font-size:1.3rem}.learning-category{color:#666;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-size:.8rem;font-weight:600;display:inline-block}.learning-card-content>p{margin:0;line-height:1.7}.learning-progress{margin-top:2rem}.progress-label{color:#777;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;display:flex}.progress-bar{background:#e5e5e5;border-radius:999px;width:100%;height:5px;overflow:hidden}.progress-fill{border-radius:inherit;background:#333;width:50%;height:100%}.interest-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.interest-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:1.75rem;transition:transform .2s,box-shadow .2s}.interest-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000012}.interest-icon{margin-bottom:1.25rem;font-size:1.75rem}.interest-card h3{margin:0 0 .6rem}.interest-card p{margin:0;line-height:1.6}.learning-timeline{flex-direction:column;gap:2rem;display:flex;position:relative}.learning-timeline:before{content:"";background:#ddd;width:1px;position:absolute;top:0;bottom:0;left:24px}.timeline-item{grid-template-columns:48px 1fr;align-items:start;gap:1.5rem;display:grid;position:relative}.timeline-marker{z-index:1;color:#666;background:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:.75rem;font-weight:600;display:flex;position:relative}.timeline-content{padding:.25rem 0 1.5rem}.timeline-category{color:#777;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:inline-block}.timeline-content h3{margin:0 0 .75rem}.timeline-content p{max-width:750px;margin:0;line-height:1.7}.resource-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.resource-card{color:inherit;background:#fff;border:1px solid #ddd;border-radius:10px;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.resource-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000012}.resource-type{color:#777;letter-spacing:.1em;margin-bottom:1rem;font-size:.7rem;font-weight:600;display:block}.resource-card h3{margin:0 0 .35rem;font-size:1.05rem}.resource-card p{color:#777;margin:0;font-size:.85rem}.learning-philosophy{text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;max-width:850px;margin:0 auto 3rem;padding:4rem 2rem}.learning-philosophy h2{margin:0 0 1.25rem;font-size:2.25rem}.learning-philosophy p{max-width:700px;margin:0 auto;line-height:1.8}@media (width<=1000px){.learning-grid,.interest-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=750px){.learning-page{padding:2rem 1.25rem}.learning-header{margin-bottom:3.5rem}.learning-header h1{font-size:2.75rem}.learning-grid,.interest-grid,.resource-grid{grid-template-columns:1fr}.learning-section{margin-bottom:4rem}.learning-philosophy{padding:3rem 1rem}.learning-philosophy h2{font-size:1.8rem}}body{background:#fff!important}.app-shell{min-height:100vh;color:var(--text)}.hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#111827 40%,#1d4ed8 100%);padding:120px 40px 80px}.top-nav a{color:#ffffffe6;font-weight:600;text-decoration:none}.hero-content{grid-template-columns:1.6fr .9fr;align-items:start;gap:70px;max-width:1200px;margin:0 auto;padding-top:24px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#93c5fd;margin-bottom:12px;font-size:.78rem;font-weight:700}.hero h1{max-width:760px;margin:0 0 16px;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.04}.hero-text{color:#ffffffdb;max-width:680px;margin-bottom:24px;font-size:1.08rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#0f172a;background:#fff;box-shadow:0 10px 30px #0f172a26}.button-secondary{color:#fff;background:#ffffff24;border:1px solid #ffffff40}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.hero-stats li{background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;padding:14px}.hero-stats strong{margin-bottom:4px;font-size:1.18rem;display:block}.hero-stats span{color:#ffffffbf;font-size:.92rem}.hero-card{color:var(--text);background:#fffffff2;border-radius:20px;padding:22px;box-shadow:0 20px 60px #0f172a33}.hero-card-content{flex-direction:column;gap:16px;display:flex}.hero-card h2{margin-top:0;margin-bottom:12px}.hero-card ul{gap:10px;padding-left:18px;display:grid}.section{max-width:1200px;margin:auto;padding:60px 40px}.section-heading{margin-bottom:24px}.section-heading h2{margin:0;font-size:clamp(1.5rem,2.1vw,2rem)}.about-grid{grid-template-columns:1.4fr .8fr;align-items:start;gap:20px;display:grid}.about-grid p,.project-card p,.contact-card p{color:var(--muted);line-height:1.75}.info-card,.project-card,.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 10px 30px #0f172a0a}.pill-list{flex-wrap:wrap;gap:12px;display:flex}.pill{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:10px 14px;font-weight:600}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.project-card h3{margin-top:0;margin-bottom:10px}.stack-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.stack-list span{color:#334155;background:#f8fafc;border-radius:999px;padding:6px 10px;font-size:.9rem}.contact-section{padding-top:20px;padding-bottom:72px}@media (width<=900px){.hero-content,.about-grid,.card-grid,.hero-stats{grid-template-columns:1fr}}@media (width<=640px){.hero{padding:18px 16px 42px}.top-nav{flex-wrap:wrap;justify-content:flex-start}.section{padding:44px 16px}}.profile-image{object-fit:cover;border:3px solid #dbeafe;border-radius:50%;align-self:center;width:250px;height:250px}.top-nav{justify-content:flex-end;gap:2rem;display:flex}.nav-item{position:relative}.nav-item button{color:#fff;cursor:pointer;font:inherit;background:0 0;border:none}.resume-card{flex-direction:column;align-items:center;gap:2rem;display:flex}.resume-preview{border-radius:12px;width:650px;max-width:100%;box-shadow:0 10px 30px #00000026}.resume-actions{justify-content:center;display:flex}.blue-button{color:#fff;background:#2563eb;border:1px solid #1d4ed8;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 6px 20px #0f172a14}.blue-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a1f}.contact-links{flex-direction:column;gap:16px;width:100%;max-width:700px;margin:40px auto 0;display:flex}.contact-link{border:1px solid var(--border);width:100%;min-height:64px;color:var(--text);background:#fff;border-radius:14px;align-items:center;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:flex;position:relative;box-shadow:0 6px 20px #0f172a0f}.contact-link:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a1a}.contact-link-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.contact-link-icon{object-fit:contain;width:26px;height:26px}.contact-link span:nth-child(2){position:absolute;left:50%;transform:translate(-50%)}.contact-link-arrow{margin-left:auto;font-size:1.25rem}.experience-page .page-navigation{flex-direction:column;gap:16px;width:100%;max-width:700px;margin:40px auto 0;display:flex}.experience-page .page-navigation .button{border:1px solid var(--border);width:100%;min-height:64px;color:var(--text);background:#fff;border-radius:14px;align-items:center;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:flex;position:relative;box-shadow:0 6px 20px #0f172a0f}.experience-page .page-navigation .button:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a1a}.experience-page .page-navigation-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.experience-page .page-navigation-icon{object-fit:contain;width:26px;height:26px}.experience-page .page-navigation-title{position:absolute;left:50%;transform:translate(-50%)}.experience-page .page-navigation-arrow{margin-left:auto;font-size:1.25rem}.awards-list{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.award-card{background-color:#f5f5f5;border-radius:12px;gap:2rem;padding:2rem;display:flex;box-shadow:0 2px 8px #00000014}.award-image{object-fit:contain;border-radius:8px;flex-shrink:0;width:180px;height:180px}.award-content{flex:1}.award-content h2{margin:0 0 .4rem;font-size:1.5rem}.award-content h3{color:#666;margin:0 0 .75rem;font-size:1rem;font-weight:500}.award-dates{margin-bottom:1rem;font-size:.95rem;font-weight:600}.award-content p{margin:0;line-height:1.6}.award-certificates{margin-top:1.5rem}.award-certificates h4{margin:0 0 .75rem;font-size:1rem}.certificate-list{flex-wrap:wrap;gap:1rem;display:flex}.certificate{width:140px}.certificate a{transition:transform .2s;display:block}.certificate a:hover{transform:scale(1.03)}.certificate img{border-radius:6px;width:140px;height:auto;display:block;box-shadow:0 1px 4px #0000001a}.certificate p{margin:.4rem 0 0;font-size:.75rem;line-height:1.3}.certificate-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.certificate-expanded{object-fit:contain;border-radius:8px;width:auto;max-width:90vw;height:auto;max-height:90vh;box-shadow:0 4px 20px #0006}.certificate-close{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;font-size:2.5rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.certificate-close:hover{opacity:.7}.certifications-list{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.certification-card{background-color:#f5f5f5;border-radius:12px;gap:2rem;padding:2rem;display:flex;box-shadow:0 2px 8px #00000014}.certification-image{object-fit:contain;border-radius:8px;flex-shrink:0;width:140px;height:140px}.certification-content{flex:1}.certification-content h2{margin:0 0 .4rem;font-size:1.5rem}.certification-content h3{color:#666;margin:0 0 .75rem;font-size:1rem;font-weight:500}.certification-date{margin-bottom:1rem;font-size:.95rem;font-weight:600}.credential-id{font-size:.9rem}.verification-link{margin-top:.5rem;display:inline-block}.certification-document{margin-top:1.5rem}.certification-document h4{margin:0 0 .75rem;font-size:1rem}.certificate-button{cursor:pointer;background:0 0;border:none;padding:0;display:block}.certificate-button img{border-radius:6px;width:140px;height:auto;transition:transform .2s;display:block;box-shadow:0 1px 4px #0000001a}.certificate-button:hover img{transform:scale(1.03)}.education-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px;display:grid}.education-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 10px 30px #0f172a0a}.education-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0f172a14}.education-card>img{object-fit:cover;width:100%;height:220px;display:block}.education-card-content{padding:24px}.education-card-content h2{margin:0 0 10px;font-size:1.4rem}.education-card-content p{color:var(--muted);margin:0 0 12px;line-height:1.6}.education-card-content span{color:var(--muted);margin-bottom:20px;font-size:.95rem;display:block}.education-card-content button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.education-card-content button:hover{background:#2563eb;transform:translateY(-2px)}@media (width<=900px){.education-grid{grid-template-columns:1fr}}.school-header{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:3rem;margin-bottom:4rem;display:grid}.school-image{object-fit:cover;border-radius:1.25rem;width:180px;height:180px;display:block}.school-header-content{max-width:750px}.school-header-content .eyebrow{margin-bottom:.5rem}.school-header-content h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.school-header-content h2{opacity:.7;margin:.75rem 0 0;font-size:1.2rem;font-weight:500}.school-meta{opacity:.55;margin:.75rem 0 0;font-size:.95rem}.school-description{opacity:.8;max-width:650px;margin:1.5rem 0 0;line-height:1.75}.education-tabs{width:100%;max-width:1000px}.education-tab-buttons{border-bottom:1px solid var(--border-color,#80808040);gap:.25rem;margin-bottom:2.5rem;display:flex}.education-tab-buttons button{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;margin-bottom:-1px;padding:.9rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:opacity .2s,transform .2s;position:relative}.education-tab-buttons button:hover{opacity:.8}.education-tab-buttons button.active{opacity:1}.education-tab-buttons button.active:after{content:"";background:currentColor;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.education-tab-content{animation:.2s educationTabFade}@keyframes educationTabFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.education-list{flex-direction:column;display:flex}.education-item{border-bottom:1px solid var(--border-color,#8080802e);padding:1.5rem 0}.education-item:first-child{padding-top:0}.education-item:last-child{border-bottom:none}.education-item-header{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.education-item-header h3{margin:0;font-size:1.1rem;font-weight:600}.education-item-role{opacity:.55;margin:.35rem 0 0;font-size:.9rem}.education-item-date{opacity:.5;flex-shrink:0;font-size:.85rem}.education-item-description{opacity:.7;max-width:750px;margin:.75rem 0 0;font-size:.95rem;line-height:1.65}.education-year-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.education-year-tabs button{border:1px solid var(--border-color,#80808040);color:inherit;opacity:.55;cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .9rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:opacity .2s,background-color .2s,border-color .2s,transform .2s}.education-year-tabs button:hover{opacity:.9;transform:translateY(-1px)}.education-year-tabs button.active{opacity:1;color:var(--background-color,#fff);background:currentColor;border-color:currentColor}.course-list{border-top:1px solid var(--border-color,#8080802e);flex-direction:column;display:flex}.course-item{border-bottom:1px solid var(--border-color,#8080802e);justify-content:space-between;align-items:center;gap:2rem;padding:1.2rem 0;transition:padding-left .2s,padding-right .2s;display:flex}.course-item:hover{padding-left:.5rem;padding-right:.5rem}.course-main{align-items:baseline;gap:1rem;min-width:0;display:flex}.course-code{opacity:.45;flex-shrink:0;min-width:75px;font-family:monospace;font-size:.8rem}.course-main h3{margin:0;font-size:.95rem;font-weight:500}.course-details{opacity:.55;flex-shrink:0;align-items:center;gap:1.5rem;font-size:.85rem;display:flex}.course-grade{text-align:center;opacity:1;min-width:2rem;font-size:.9rem;font-weight:600}.education-empty{text-align:center;opacity:.45;margin:0;padding:3rem 0;font-size:.9rem}@media (width<=700px){.school-header{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.school-image{border-radius:1rem;width:120px;height:120px}.school-header-content h1{font-size:2rem}.school-header-content h2{font-size:1rem}.education-tab-buttons{scrollbar-width:none;overflow-x:auto}.education-tab-buttons::-webkit-scrollbar{display:none}.education-tab-buttons button{flex-shrink:0;padding-left:.9rem;padding-right:.9rem}.education-item-header{flex-direction:column;gap:.35rem}.education-item-date{font-size:.8rem}.course-item{flex-direction:column;align-items:flex-start;gap:.5rem}.course-main{flex-direction:column;align-items:flex-start;gap:.25rem}.course-code{min-width:0}.course-details{justify-content:space-between;width:100%}}.research-intro{max-width:800px;line-height:1.7}.research-list{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.research-card{background-color:#f5f5f5;border-radius:12px;gap:2rem;padding:2rem;display:flex;box-shadow:0 2px 8px #00000014}.research-image{object-fit:contain;border-radius:8px;flex-shrink:0;width:140px;height:140px}.research-content{flex:1}.research-content h2{margin:0 0 .4rem;font-size:1.5rem}.research-content h3{color:#666;margin:0 0 .5rem;font-size:1rem;font-weight:500}.research-advisor{margin:0 0 .5rem;font-size:.9rem}.research-meta{margin-bottom:1rem;font-size:.95rem;font-weight:600}.research-section{margin-top:1.5rem}.research-section h4{margin:0 0 .75rem;font-size:1rem}.research-section ul{margin:0;padding-left:1.25rem}.research-section li{margin-bottom:.4rem;line-height:1.5}.research-tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.research-tag{background-color:#e5e5e5;border-radius:999px;padding:.35rem .7rem;font-size:.85rem;display:inline-block}@media (width<=700px){.research-card{flex-direction:column;padding:1.5rem}.research-image{align-self:center;width:100px;height:100px}}.research-gallery{flex-wrap:wrap;gap:1rem;display:flex}.research-gallery-image{object-fit:cover;border-radius:8px;width:160px;height:120px;box-shadow:0 1px 5px #0000001a}.work-list{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.work-card{background-color:#f5f5f5;border-radius:12px;gap:2rem;padding:2rem;display:flex;box-shadow:0 2px 8px #00000014}.work-image{object-fit:contain;border-radius:8px;flex-shrink:0;width:140px;height:140px}.work-content{flex:1}.work-content h2{margin:0 0 .4rem;font-size:1.5rem}.work-content h3{color:#666;margin:0 0 .75rem;font-size:1rem;font-weight:500}.work-meta{margin-bottom:1rem;font-size:.95rem;font-weight:600}.work-content>p{line-height:1.6}.work-responsibilities{margin-top:1.5rem}.work-responsibilities h4,.work-skills h4{margin:0 0 .75rem;font-size:1rem}.work-responsibilities ul{margin:0;padding-left:1.25rem}.work-responsibilities li{margin-bottom:.4rem;line-height:1.5}.work-skills{margin-top:1.5rem}.skill-list{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{background-color:#e5e5e5;border-radius:999px;padding:.35rem .7rem;font-size:.85rem;display:inline-block}.work-gallery{margin-top:1.5rem}.work-gallery h4,.related-projects h4{margin:0 0 .75rem;font-size:1rem}.work-gallery-list{flex-wrap:wrap;gap:1rem;display:flex}.work-gallery-image{object-fit:cover;border-radius:8px;width:160px;height:120px;box-shadow:0 1px 5px #0000001a}.related-projects{margin-top:1.5rem}.related-project-list{flex-wrap:wrap;gap:.5rem;display:flex}.related-project{background-color:#e5e5e5;border-radius:999px;padding:.35rem .7rem;font-size:.85rem;display:inline-block}.interests-page .page-navigation{flex-direction:column;gap:16px;width:100%;max-width:700px;margin:40px auto 0;display:flex}.interests-page .page-navigation .button{border:1px solid var(--border);width:100%;min-height:64px;color:var(--text);background:#fff;border-radius:14px;align-items:center;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:flex;position:relative;box-shadow:0 6px 20px #0f172a0f}.interests-page .page-navigation .button:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a1a}.interests-page .page-navigation-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.interests-page .page-navigation-icon{object-fit:contain;width:26px;height:26px}.interests-page .page-navigation-title{position:absolute;left:50%;transform:translate(-50%)}.interests-page .page-navigation-arrow{margin-left:auto;font-size:1.25rem}.highlight-carousel{width:100%;max-width:500px;margin:40px auto 0}.highlight-image-container{aspect-ratio:16/9;background:#f1f5f9;border-radius:18px;width:100%;position:relative;overflow:hidden}.highlight-image{object-fit:cover;width:100%;height:100%;display:block}.highlight-content{text-align:center;padding:24px 20px 12px}.highlight-content h3{margin:0 0 8px;font-size:1.5rem}.highlight-content p{max-width:650px;color:var(--muted);margin:0 auto;line-height:1.7}.highlight-controls{justify-content:center;align-items:center;gap:18px;margin-top:18px;display:flex}.highlight-arrow{border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:background .18s,transform .18s,box-shadow .18s;display:flex}.highlight-arrow:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a1a}.highlight-dots{justify-content:center;align-items:center;gap:8px;display:flex}.highlight-dot{cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:transform .18s,background .18s}.highlight-dot:hover{transform:scale(1.2)}.highlight-dot.active{background:#1d4ed8;transform:scale(1.2)}@media (width<=640px){.highlight-image-container{aspect-ratio:4/3}.highlight-arrow{width:34px;height:34px}}.skills-tabs{width:100%;max-width:1000px;margin:32px auto 0}.skills-tab-list{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.skills-tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-weight:600;transition:color .18s,border-color .18s}.skills-tab:hover{color:var(--text)}.skills-tab.active{color:#1d4ed8;border-bottom-color:#1d4ed8}.skills-tab-content{min-height:100px;padding:28px 10px}.skills-tab-content .pill-list{justify-content:center}.projects-page{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}.projects-page h1{margin-bottom:30px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.project-card{color:inherit;background:#fff;border:1px solid #ddd;border-radius:10px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.project-card img{object-fit:cover;width:100%;height:200px;display:block}.project-card-content{flex-direction:column;flex:1;padding:20px;display:flex}.project-card-content h2{margin:0 0 10px}.project-card-content p{margin:0 0 20px;line-height:1.5}.project-card-content span{margin-top:auto;font-weight:600}@media (width<=900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects-grid{grid-template-columns:1fr}}.project-detail-page{width:100%;max-width:1100px;margin:0 auto;padding:50px 30px 80px}.project-detail-header{margin-bottom:60px}.project-detail-title{margin-bottom:30px}.project-detail-title h1{margin:0 0 10px;font-size:3rem}.project-detail-title p{max-width:750px;margin:0;font-size:1.2rem;line-height:1.6}.project-detail-hero{text-align:center;width:100%;margin-bottom:30px}.project-detail-hero img{border-radius:12px;width:80%;max-width:900px;height:auto;display:inline-block}.project-detail-meta{border-top:1px solid #ddd;border-bottom:1px solid #ddd;grid-template-columns:repeat(2,1fr);gap:20px 50px;padding:25px 0;display:grid}.project-meta-item{flex-direction:column;gap:5px;display:flex}.project-meta-label{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.project-meta-value{font-size:1rem}.project-detail-section{border-bottom:1px solid #ddd;padding:45px 0}.project-detail-section:last-child{border-bottom:none}.project-detail-section h2{margin:0 0 25px;font-size:2rem}.project-detail-section p{max-width:850px;margin:0 0 20px;font-size:1rem;line-height:1.75}.project-detail-section ul{max-width:850px;margin:0;padding-left:25px}.project-detail-section li{margin-bottom:12px;line-height:1.6}.project-detail-subsection{margin-top:35px}.project-detail-subsection h3{margin:0 0 12px;font-size:1.3rem}.project-gallery{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-gallery img{object-fit:cover;border-radius:8px;width:100%;height:220px;display:block}.project-skills{flex-wrap:wrap;gap:10px;display:flex}.project-skills span{border:1px solid #ccc;border-radius:20px;padding:8px 14px;font-size:.9rem}@media (width<=900px){.project-detail-page{padding:40px 25px 60px}.project-detail-title h1{font-size:2.5rem}.project-detail-hero img{height:400px}.project-gallery{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.project-detail-page{padding:30px 20px 50px}.project-detail-title h1{font-size:2rem}.project-detail-title p{font-size:1rem}.project-detail-hero img{height:250px}.project-detail-meta{grid-template-columns:1fr;gap:20px}.project-detail-section{padding:35px 0}.project-detail-section h2{font-size:1.6rem}.project-gallery{grid-template-columns:1fr}.project-gallery img{height:auto}}.project-gallery{width:100%;margin-top:20px}.project-gallery-image-container{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.project-gallery-image{border-radius:10px;width:auto;max-width:85%;height:auto;max-height:550px;display:block}.project-gallery-button{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-gallery-button:hover{background:#000000d9}.project-gallery-button-left{left:10px}.project-gallery-button-right{right:10px}.project-gallery-info{text-align:center;max-width:750px;margin:20px auto 0}.project-gallery-info h3{margin:0 0 8px}.project-gallery-info p{margin:0;line-height:1.6}.project-gallery-indicators{justify-content:center;gap:8px;margin-top:20px;display:flex}.project-gallery-indicator{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:9px;height:9px;padding:0}.project-gallery-indicator.active{background:#333}.project-gallery-counter{text-align:center;margin-top:10px;font-size:.85rem}@media (width<=600px){.project-gallery-image{max-width:90%;max-height:400px}.project-gallery-button{width:36px;height:36px;font-size:1.2rem}}.projects-page .page-navigation{flex-direction:column;gap:16px;width:100%;max-width:700px;margin:40px auto 0;display:flex}.projects-page .page-navigation .button{border:1px solid var(--border);width:100%;min-height:64px;color:var(--text);background:#fff;border-radius:14px;align-items:center;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:flex;position:relative;box-shadow:0 6px 20px #0f172a0f}.projects-page .page-navigation .button:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a1a}.page-navigation-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.page-navigation-icon{object-fit:contain;width:26px;height:26px}.page-navigation-title{position:absolute;left:50%;transform:translate(-50%)}.page-navigation-arrow{margin-left:auto;font-size:1.25rem}:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#0f172a;--muted:#475569;--surface:#fff;--border:#e2e8f0;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px;color:var(--text);background:#f8fafc;margin:0;overflow-x:hidden}a{color:inherit}h1,h2,h3,p{margin-top:0}button,a{font:inherit}#root{min-height:100vh}