@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";html,body,#root{width:100%;height:100%;margin:0;padding:0;font-family:Arial,sans-serif}body{color:#000;background:#fff}.home-page{background:#f1f0ec;min-height:calc(100vh - 64px)}.hero-banner{background-image:linear-gradient(90deg,#0e100fd6,#0e100f33),url(/homepage-background.jpg);background-position:50%;background-size:cover;border-radius:0 0 28px 28px;min-height:min(560px,70vh);position:relative;overflow:hidden}.hero-content{width:min(1180px,100% - 64px);min-height:inherit;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;margin:0 auto;animation:.8s ease-out rise-in;display:grid}.hero-title{color:#fff;text-align:left}.hero-kicker,.section-kicker{color:#d5b36a;letter-spacing:.18em;margin:0 0 18px;font-size:.7rem;font-weight:700}.hero-title h1{color:#fff;letter-spacing:-.08em;margin:0;font-size:clamp(4rem,10vw,8.5rem);font-weight:800;line-height:.82}.hero-meta{text-align:center;flex-direction:column;justify-self:center;align-items:center;max-width:360px;display:flex}.hero-meta p{color:#fff;margin:0;line-height:1.65}.hero-meta-strong{color:#fff;letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(1.5rem,2vw,2rem);font-weight:700}.button-section{width:min(1180px,100% - 64px);margin:0 auto;padding:70px 0}.section-heading{border-bottom:1px solid #d8d5ce;justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.6rem,3vw,2.5rem)}.button-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.category-box{color:#000;min-height:50px;animation:.55s ease-out both card-in;animation-delay:calc(var(--card-index) * 70ms);background:#fff;border:1px solid #d8d5ce;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;text-decoration:none;transition:transform .25s,background .25s;display:flex;position:relative}.category-box:hover{color:#fff;background:#b9b49e;transform:translateY(-7px)}.category-number{color:#a8a69e;letter-spacing:.12em;font-size:.75rem}.category-label{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.category-arrow{font-size:1.25rem;transition:transform .25s;position:absolute;top:18px;right:18px}.category-box:hover .category-arrow{transform:translate(3px,-3px)}.category-box:hover .category-number{color:#fff}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0}to{opacity:1}}@media (width<=900px){.button-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.hero-content{grid-template-columns:1fr;gap:28px;width:min(100% - 36px,560px);padding:48px 0}.hero-banner{min-height:620px}.hero-title,.hero-meta{text-align:center;justify-self:center}.hero-title h1{font-size:clamp(3.8rem,18vw,6rem)}.button-section{width:min(100% - 36px,560px);padding:52px 0 64px}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.button-grid{grid-template-columns:1fr}}.personal-page{--background:#f5f3ee;--surface:#fffdf8;--text:#000;--muted:#716f68;--accent:#e16b4c;--line:#dedbd2;color:var(--text);background:var(--background);width:100%;padding-bottom:20px;font-family:DM Sans,sans-serif}.personal-page,.personal-page *{box-sizing:border-box}.personal-page>*{width:min(1180px,100% - 40px);margin:0 auto}.personal-page>.dashboard-page{margin:40px auto}.hero-section{padding:20px 0 0}.hero-section:before{content:"PERSONAL PAGE / 2026";color:var(--accent);letter-spacing:.18em;font-size:.75rem;font-weight:700}.subtitle{margin:0;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.tagline{max-width:650px;color:var(--muted);margin:0}.strike{color:var(--accent);text-decoration:line-through}.info-card{border:1px solid var(--line);background:#fffdf8d1;border-radius:14px;margin-top:24px;margin-bottom:24px;padding:32px;transition:transform .18s,box-shadow .18s;box-shadow:0 16px 40px #1e19140d}.info-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #1e19141a}.info-card h2{letter-spacing:-.04em;align-items:center;gap:14px;margin:0 0 24px;font-size:1.8rem;display:flex}.info-card h2:before{color:var(--accent);content:"→";font-size:1.4rem}.future-section{color:#fff;background:#20211f}.future-section p{color:#c6c5bd}.future-section p.highlight{color:#f3b29f;margin-bottom:0;font-weight:700}@media (width<=600px){.personal-page{padding-bottom:20px}.personal-page>*{width:calc(100% - 20px)}}.notes-header{width:100%;margin:0 auto 42px;padding-left:20px}.notes-intro-small{color:#9a3d25;letter-spacing:.16em;font-size:.75rem;font-weight:700}.notes-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:.9}.notes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;margin:0 auto;display:grid}.note-card{aspect-ratio:1.08;color:#fff;background:#222;border-radius:14px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.note-card-image{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .5s}.note-card-overlay{z-index:1;background:linear-gradient(#0000,#000000d1);position:absolute;inset:35% 0 0}.note-card-title{z-index:2;letter-spacing:.01em;font-size:1.25rem;font-weight:700;position:absolute;bottom:18px;left:20px;right:20px}.note-card:hover{transform:translateY(-6px)}.note-card:hover .note-card-image{transform:scale(1.06)}@media (width<=900px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.notes-grid{grid-template-columns:1fr}.note-card{aspect-ratio:1.35}}.dashboard-page{width:100%;margin:40px auto 0}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-kicker{letter-spacing:2px;color:#888;margin-bottom:5px;font-size:12px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px;display:grid}.dashboard-card{background:#fff;border:1px solid #eee;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 4px 12px #00000005}.dashboard-text-content{color:#222;white-space:pre-wrap;overflow-wrap:anywhere;aspect-ratio:4/3;padding:25px;font-size:16px;line-height:1.6}.dashboard-text-content p{margin:0}.dashboard-image-content img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.dashboard-caption{color:#333;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #f9f9f9;margin:0;padding:15px 20px;font-size:14px;line-height:1.5}.dashboard-card-footer{color:#999;background:#fafafa;border-top:1px solid #f5f5f5;padding:12px 25px;font-size:12px}.dashboard-empty{text-align:center;color:#aaa;grid-column:1/-1;font-style:italic}@media (width<=900px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.dashboard-grid{grid-template-columns:1fr}}body{color:#000;letter-spacing:normal;background:#fff;margin:0;font-family:Segoe UI,Inter,Arial,sans-serif}#root{min-height:100vh}.top-nav{z-index:1000;background:#fff;align-items:center;gap:12px;padding:16px 24px;display:flex;position:sticky;top:0;overflow-x:auto}.nav-link{color:#000;border-radius:999px;padding:8px 14px;font-size:14px;text-decoration:none}.nav-link.active{color:#fff;background:#000}.footer{background:#17181f;padding:48px 32px}.footer-inner{justify-content:space-between;align-items:center;width:min(1180px,100%);margin:0 auto;display:flex}.footer-copy{color:#a8a69e;margin:0;font-size:.85rem}.footer-links{align-items:center;gap:24px;display:flex}.footer-links a{color:#fff;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#d5b36a}@media (width<=650px){.footer{padding:30px 20px}.footer-inner{flex-direction:column;align-items:flex-start;gap:24px}.footer-links{gap:14px 20px}}.secret-link{opacity:.28;justify-content:center;align-items:center;margin-bottom:10px;font-size:10rem;transition:opacity .2s,transform .2s;display:inline-flex}.secret-link:hover{opacity:1;transform:scale(1.08)}.note-category-page{color:#171916;background:#f1f0ec;min-height:calc(100vh - 70px);padding:56px 0 80px}.note-category-header{width:min(1180px,100% - 64px);margin:0 auto 30px}.note-category-kicker{color:#a04a32;letter-spacing:.18em;margin:0 0 12px;font-size:.7rem;font-weight:700}.note-category-header h1{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,8vw,7rem);line-height:.9}.horizontal-gallery{width:100%;overflow:hidden}.horizontal-track{gap:18px;width:max-content;animation:30s linear infinite move-horizontal;display:flex}.horizontal-image{object-fit:cover;cursor:zoom-in;border-radius:14px;flex:0 0 300px;width:300px;height:300px}@keyframes move-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=700px){.note-category-header{width:calc(100% - 36px)}.horizontal-image{flex-basis:210px;width:210px;height:280px}.horizontal-track{gap:12px;animation-duration:30s}}.image-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-image{object-fit:contain;border-radius:16px;max-width:min(900px,90vw);max-height:85vh}.modal-arrow{color:#fff;cursor:pointer;background:#ffffff2e;border-radius:50%;width:48px;height:48px;font-size:1.8rem;position:absolute}.modal-arrow:hover{background:#ffffff59}.modal-arrow-left{left:24px}.modal-arrow-right{right:24px}.blob-uploads-section{width:min(1180px,100% - 64px);margin:40px auto 0;padding:40px 0}@media (width<=768px){.blob-uploads-section{width:calc(100% - 36px);margin-top:30px}}.blob-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.note-image-frame{aspect-ratio:1;background:#f9f9f9;border-radius:6px;overflow:hidden}.note-image-frame img{object-fit:cover;cursor:zoom-in;width:100%;height:100%}.note-image-meta{color:#666;white-space:pre-wrap;margin:8px 0 0;font-size:.85rem;line-height:1.4}@media (width<=550px){.blob-grid{grid-template-columns:1fr 1fr;gap:12px}}.motorcycle-page{color:#000;background:#fff}.motorcycle-hero{justify-content:center;display:flex}.motorcycle-hero h1{z-index:0;color:#c00000;margin-top:-10px;font-size:clamp(3rem,9vw,8rem);font-weight:800;position:absolute}.motorcycle-image{z-index:1;cursor:pointer;max-height:300px;margin-top:50px;transition:transform .2s}.motorcycle-image:hover{transform:scale(1.08)}.motorcycle-image.bike-clicked{animation:.7s bike-reaction}@keyframes bike-reaction{0%{transform:translate(0)rotate(0)}25%{transform:translate(-6px)rotate(-5deg)}50%{transform:translate(6px)rotate(5deg)}75%{transform:translate(-4px)rotate(-3deg)}to{transform:translate(0)rotate(0)}}.motorcycle-tabs{justify-content:center;gap:8px;width:100%;display:flex}.motorcycle-tabs button{color:#555;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:14px 16px}.motorcycle-tabs button:hover{color:#c00000}.motorcycle-tabs button.active{color:#c00000;border-bottom-color:#c00000;font-weight:700}.motorcycle-content{text-align:center}.motorcycle-content h2{color:#c00000;font-size:2.5rem}@media (width<=700px){.motorcycle-hero h1{margin-top:0}.motorcycle-image{width:50%}.motorcycle-tabs{justify-content:flex-start;overflow-x:auto}.motorcycle-tabs button{flex:none;padding:12px 10px;font-size:.85rem}}.section-content{text-align:left;width:min(760px,100%);margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.section-content p{padding:0 20px;line-height:1.7}.spec-table{border-spacing:0;border:1px solid #e5e7eb;border-radius:10px;width:100%;font-size:14px;box-shadow:0 4px 20px #0000000d}.spec-table thead th{color:#fff;letter-spacing:.3px;background:#111827;border-bottom:3px solid #dc2626;padding:16px 20px;font-size:16px;font-weight:700}.spec-table tbody tr:nth-child(odd){background-color:#fff}.spec-table tbody tr:nth-child(2n){background-color:#f9fafb}.spec-table tbody tr:hover{background-color:#fef2f2}.spec-label{color:#374151;border-bottom:1px solid #f3f4f6;width:35%;padding:12px 20px;font-weight:600}.spec-value{color:#111827;border-bottom:1px solid #f3f4f6;padding:12px 20px;font-weight:500}