:root{--accent:#a67c52;--accent-dark:#8b6a45;--ink:#111827;--muted:#4b5563;--soft:#f9fafb;--line:#e5e7eb;--card:#fff;--shadow:0 20px 45px #11182714;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.2, .8, .2, 1);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}#root{min-height:100svh}.site-shell{flex-direction:column;min-height:100svh;display:flex}.page-main{animation:page-enter .52s var(--ease-out) both}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #e5e7ebb3;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0}.header-inner,.footer-inner,.page-section,.page-hero{width:min(1120px,100% - 48px);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;min-height:64px;display:flex}.brand,.footer-brand{letter-spacing:0;color:var(--ink);font-size:24px;font-weight:700;line-height:32px}.desktop-nav{align-items:center;gap:48px;display:flex}.nav-link,.mobile-link{color:#374151;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:var(--ease-standard);font-size:14px;font-weight:500;line-height:20px}.nav-link:hover,.nav-link.active,.mobile-link:hover,.mobile-link.active{color:var(--accent)}.icon-button{color:#374151;cursor:pointer;width:44px;height:44px;transition:background-color .2s var(--ease-standard), color .2s var(--ease-standard), transform .24s var(--ease-spring);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--accent);background:#f3f4f6;transform:translateY(-1px)}.mobile-menu-button,.mobile-nav{display:none}.hero-section{text-align:center;background:#f9fafb;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 64px);padding:72px 24px 112px;display:flex}.hero-motion>*{animation:hero-rise .78s var(--ease-out) both}.hero-motion>:first-child{animation-delay:80ms}.hero-motion>:nth-child(2){animation-delay:.17s}.hero-motion>:nth-child(3){animation-delay:.26s}.hero-motion>:nth-child(4){animation-delay:.36s}.hero-section h1{color:var(--ink);letter-spacing:0;margin:0 0 24px;font-size:48px;font-weight:700;line-height:1}.hero-role{color:#4b5563;margin:0 0 16px;font-size:24px;line-height:32px}.hero-tagline{color:#6b7280;margin:0 0 40px;font-size:18px;line-height:28px}.primary-button{background:var(--accent);color:#fff;cursor:pointer;min-height:56px;transition:background-color .22s var(--ease-standard), box-shadow .26s var(--ease-standard), transform .26s var(--ease-spring), color .22s var(--ease-standard);border:0;border-radius:8px;justify-content:center;align-items:center;padding:16px 32px;font-size:16px;font-weight:500;line-height:24px;display:inline-flex}.primary-button:hover{background:var(--accent-dark);transform:translateY(-2px)scale(1.05);box-shadow:0 16px 30px #8b6a4538}.secondary-link{color:var(--accent);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:var(--ease-standard);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.page-section{padding:80px 0}.gray-section{background:var(--soft);width:100%;max-width:none;padding-inline:max(24px,50% - 560px)}.narrow-section{width:min(896px,100% - 48px)}.stacked-section{gap:32px;display:grid}.section-card{background:var(--card);box-shadow:var(--shadow);transition:box-shadow .32s var(--ease-standard), transform .32s var(--ease-spring);border-radius:8px;padding:32px}.section-card:hover{transform:translateY(-3px);box-shadow:0 24px 55px #1118271a}.section-card+.section-card{margin-top:32px}.stacked-section .section-card+.section-card,.contact-layout .section-card+.section-card{margin-top:0}.section-card h2,.section-card h3,.section-card h4,.section-heading h2,.cta-band h2,.page-hero h1{color:var(--ink);letter-spacing:0;margin:0;line-height:1.12}.section-card h2{margin-bottom:16px;font-size:36px;font-weight:700;line-height:40px}.section-card h3{margin-bottom:8px;font-size:20px;font-weight:600;line-height:28px}.section-card p,.section-heading p,.cta-band p,.page-hero p,.project-tagline,.project-description{color:var(--muted);line-height:1.8}.about-summary p{font-size:18px}.tag-list{flex-wrap:wrap;gap:12px;display:flex}.tag{color:#374151;transition:background-color .2s var(--ease-standard), color .2s var(--ease-standard), transform .24s var(--ease-spring);background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:650;display:inline-flex}.tag.interactive{cursor:default;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,transform;transition-duration:.2s;transition-timing-function:var(--ease-standard)}.tag.interactive:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.section-heading{text-align:center;margin-bottom:56px}.section-heading h2{margin-bottom:16px;font-size:36px;font-weight:700;line-height:40px}.section-heading p{font-size:18px;line-height:28px}.compact-grid,.project-grid,.photo-grid,.hobby-image-grid,.skill-group-grid,.contact-layout{gap:32px;display:grid}.compact-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hobby-card{background:#fff;border-radius:8px;overflow:hidden}.hobby-card.compact{text-align:center;transition:background-color .26s var(--ease-standard), box-shadow .3s var(--ease-standard), transform .3s var(--ease-spring);background:#f9fafb;padding:28px 18px}.hobby-card.compact:hover{background:#fff;transform:translateY(-5px);box-shadow:0 16px 32px #11182714}.hobby-icon-badge{width:64px;height:64px;color:var(--accent);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:var(--ease-standard);background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.hobby-card.compact:hover .hobby-icon-badge{background:var(--accent);color:#fff}.hobby-card h4,.hobby-card h3{color:var(--ink);margin:0 0 8px}.hobby-card p{color:var(--muted);margin:0}.hobby-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-card{box-shadow:var(--shadow);transition:box-shadow .32s var(--ease-standard), transform .32s var(--ease-spring)}.image-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #1118271f}.image-card img{object-fit:cover;width:100%;height:210px;transition:transform .65s var(--ease-out)}.image-card:hover img{transform:scale(1.1)}.image-card p{padding:0 24px 24px}.hobby-overlay-title{color:var(--accent);align-items:center;gap:10px;padding:22px 24px 10px;display:flex}.hobby-overlay-title h3{margin:0}.home-projects,.full-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{box-shadow:var(--shadow);transition:box-shadow .32s var(--ease-standard), transform .32s var(--ease-spring);background:#fff;border-radius:8px;overflow:hidden}.project-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #1118271f}.project-card.compact:hover{transform:translateY(-4px)}.project-card img{transition:transform .65s var(--ease-out)}.project-card.compact img{transition-duration:.3s}.project-card:hover img{transform:scale(1.1)}.project-card img{object-fit:cover;width:100%;height:260px}.project-card.compact img{height:220px}.project-body{padding:28px}.project-body h3{color:var(--ink);margin:0 0 8px;font-size:20px;font-weight:600;line-height:28px}.project-tagline{margin:0 0 20px}.project-description{margin:-6px 0 20px}.link-row{gap:24px;margin-top:22px;display:flex}.link-row a{color:#4b5563;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:var(--ease-standard);align-items:center;gap:8px;font-weight:700;display:inline-flex}.link-row a:hover,.secondary-link:hover{color:var(--accent-dark)}.center-row{justify-content:center;margin-top:48px;display:flex}.featured-photo-grid,.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-card{cursor:pointer;min-height:440px;transition:box-shadow .34s var(--ease-standard), transform .34s var(--ease-spring);background:#111827;border-radius:8px;position:relative;overflow:hidden}.photo-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #1118272e}.photo-card img{width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .7s var(--ease-out)}.photo-card:hover img{transform:scale(1.1)}.photo-overlay{color:#fff;opacity:0;transition:opacity .32s var(--ease-standard);background:linear-gradient(#0000,#000000c7);padding:28px;position:absolute;inset:auto 0 0}.photo-card:hover .photo-overlay,.photo-card:focus-within .photo-overlay{opacity:1}.photo-category{align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:inline-flex}.photo-overlay h3{margin:0;font-size:24px}.photo-overlay p{color:#ffffffdb;margin:10px 0 0;line-height:1.6}.topic-masonry-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px;display:grid}.topic-card{min-height:390px;box-shadow:var(--shadow);isolation:isolate;transition:box-shadow .34s var(--ease-standard), transform .34s var(--ease-spring), opacity .7s var(--ease-out);background:#111827;border-radius:8px;display:block;position:relative;overflow:hidden}.topic-card:nth-child(6n+2),.topic-card:nth-child(6n+5){min-height:470px}.topic-card:nth-child(6n+3){min-height:340px}.topic-card:hover,.topic-card:focus-visible{transform:translateY(-4px);box-shadow:0 26px 64px #11182733}.topic-card:before{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at 18% 82%,#000000b8,#0000 46%),linear-gradient(#1118270a,#1118276b);position:absolute;inset:0}.topic-card:has(.topic-card-label.top-left):before{background:radial-gradient(circle at 18% 18%,#000000b8,#0000 46%),linear-gradient(#11182733,#11182747)}.topic-card:has(.topic-card-label.top-right):before{background:radial-gradient(circle at 82% 18%,#000000b8,#0000 46%),linear-gradient(#11182733,#11182747)}.topic-card:has(.topic-card-label.bottom-right):before{background:radial-gradient(circle at 82% 82%,#000000b8,#0000 46%),linear-gradient(#1118270a,#1118276b)}.topic-card-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-standard), transform .9s var(--ease-out);position:absolute;inset:0;transform:scale(1.03)}.topic-card-image.active{opacity:1;transform:scale(1)}.topic-card:hover .topic-card-image.active,.topic-card:focus-visible .topic-card-image.active{transform:scale(1.06)}.topic-card-label{z-index:2;color:#fff;gap:6px;max-width:min(72%,280px);padding:20px 22px;display:grid;position:absolute}.topic-card-label.bottom-left{bottom:0;left:0}.topic-card-label.bottom-right{text-align:right;bottom:0;right:0}.topic-card-label.top-left{top:0;left:0}.topic-card-label.top-right{text-align:right;top:0;right:0}.topic-card-title{text-shadow:0 2px 16px #0000005c;font-size:26px;font-weight:800;line-height:1.15}.topic-card-count{color:#ffffffd1;font-size:14px;font-weight:700}.photo-topic-hero{text-align:left;display:grid}.photo-topic-copy{gap:18px;max-width:860px;display:grid}.photo-topic-copy h1{margin-bottom:4px}.photo-topic-copy p{margin:0}.topic-back-link{width:fit-content;color:var(--accent);transition:color .22s var(--ease-standard), transform .26s var(--ease-spring);align-items:center;font-weight:800;display:inline-flex}.topic-back-link:hover{color:var(--accent-dark);transform:translate(-3px)}.photo-topic-category{color:#374151;background:#f3f4f6;border-radius:999px;width:fit-content;padding:8px 14px;font-size:14px;font-weight:800;display:inline-flex}.photo-topic-feature{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;gap:24px;display:grid}.photo-topic-lead,.photo-topic-supporting div{min-height:278px;box-shadow:var(--shadow);background:#111827;border-radius:8px;margin:0;position:relative;overflow:hidden}.photo-topic-feature img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out)}.photo-topic-lead:hover img,.photo-topic-supporting div:hover img{transform:scale(1.05)}.photo-topic-lead{min-height:580px}.photo-topic-supporting{gap:24px;display:grid}.photo-story-section{padding-top:80px}.photo-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.photo-story-item{box-shadow:var(--shadow);background:#fff;border-radius:8px;overflow:hidden}.photo-story-item img{object-fit:cover;width:100%;height:220px}.photo-story-item div{padding:26px}.photo-story-item h3{color:var(--ink);margin:0 0 10px;font-size:20px;line-height:28px}.photo-story-item p{color:var(--muted);margin:0;line-height:1.8}.page-hero{text-align:center;padding:104px 0 80px}.page-hero h1{margin-bottom:28px;font-size:clamp(48px,6vw,72px);font-weight:700}.page-hero p{max-width:820px;margin:0 auto;font-size:18px;line-height:28px}.compact-hero{padding-bottom:64px}.with-filters{flex-direction:column;align-items:center;gap:36px;display:flex}.filter-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.filter-pill{color:#374151;cursor:pointer;transition:background-color .22s var(--ease-standard), color .22s var(--ease-standard), box-shadow .26s var(--ease-standard), transform .26s var(--ease-spring);background:#fff;border:0;border-radius:999px;padding:12px 24px;font-weight:700}.filter-pill:hover{background:#f3f4f6;transform:translateY(-2px)}.filter-pill.active{background:var(--accent);color:#fff;box-shadow:0 12px 24px #a67c5238}.first-after-hero{padding-top:64px}.icon-heading{align-items:center;gap:12px;display:inline-flex}.icon-heading svg{color:var(--accent)}.timeline{gap:26px;display:grid}.timeline-item{border-left:3px solid var(--accent);padding-left:28px;position:relative}.timeline-item h3,.simple-block h3,.skill-group h3,.contact-method h3{color:var(--ink);margin:0 0 8px}.timeline-item p,.simple-block p,.skill-group p,.contact-method p{margin:0}.muted{color:var(--muted);font-weight:700}.small-muted{color:#6b7280;font-size:14px}.simple-block{border-left:3px solid var(--accent);padding-left:28px}.skill-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-group{background:#f9fafb;border-radius:8px;padding:24px}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.contact-card,.message-card{min-height:100%}.contact-methods{gap:26px;margin-bottom:34px;display:grid}.contact-method{grid-template-columns:auto 1fr;gap:18px;display:grid}.method-icon{width:54px;height:54px;color:var(--accent);background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.copy-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.copy-button{color:#6b7280;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.copy-button:hover{color:var(--accent)}.contact-socials{flex-wrap:wrap;gap:16px;display:flex}.contact-socials a{color:#4b5563;width:48px;height:48px;transition:background-color .22s var(--ease-standard), color .22s var(--ease-standard), transform .26s var(--ease-spring);background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.contact-socials a:hover{background:var(--accent);color:#fff;transform:translateY(-3px)}.contact-steps{gap:20px;margin:24px 0;padding:0;list-style:none;display:grid}.contact-steps li{grid-template-columns:auto 1fr;align-items:start;gap:16px;display:grid}.contact-steps span{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:inline-flex}.contact-steps p,.message-note{color:var(--muted);margin:0;line-height:1.8}.cta-band{text-align:center;background:var(--soft);padding:86px 24px}.cta-band h2{margin-bottom:18px;font-size:36px;font-weight:700;line-height:40px}.cta-band p{max-width:680px;margin:0 auto 32px;font-size:18px;line-height:28px}.site-footer{color:#fff;background:#111827;margin-top:auto}.footer-inner{justify-content:space-between;align-items:center;gap:32px;padding:48px 0;display:flex}.footer-brand{color:#fff}.footer-socials{gap:18px;margin:20px 0;display:flex}.footer-socials a{color:#9ca3af;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:var(--ease-standard)}.footer-socials a:hover{color:var(--accent)}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(30px)}.reveal-scale{transform:scale(.9)}.reveal.is-visible{opacity:1;transform:none}.reveal.reveal-done{will-change:auto;transition-delay:0s}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hero-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes mobile-menu-enter{0%{opacity:0;transform:translateY(-8px)scaleY(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.topic-card-image,.topic-card-image.active,.topic-card:hover .topic-card-image.active,.topic-card:focus-visible .topic-card-image.active{transition:none;transform:none}.reveal,.reveal-scale,.reveal.is-visible{opacity:1;transition-delay:0s;transform:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.copyright,.footer-role{color:#9ca3af;margin:0}@media (width<=900px){.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.mobile-nav{transform-origin:top;background:#fff;gap:18px;padding:0 24px 24px;display:grid}.mobile-nav.is-open{animation:mobile-menu-enter .26s var(--ease-out) both}.mobile-link{padding:12px 0}.compact-grid,.featured-photo-grid,.portfolio-grid,.topic-masonry-grid,.hobby-image-grid,.skill-group-grid,.contact-layout,.home-projects,.full-projects{grid-template-columns:1fr}.hero-section{min-height:760px}.photo-card{min-height:380px}.topic-card,.topic-card:nth-child(n){min-height:360px}.photo-topic-hero{text-align:center}.photo-topic-copy{justify-items:center;margin:0 auto}.photo-topic-feature,.photo-story-grid{grid-template-columns:1fr}.photo-topic-lead{min-height:420px}.photo-topic-supporting{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:column;align-items:flex-start}}@media (width>=768px){.hero-section h1{font-size:72px}}@media (width<=560px){.header-inner,.footer-inner,.page-section,.page-hero,.narrow-section{width:min(100% - 32px,1120px)}.brand,.footer-brand{font-size:24px}.hero-section{min-height:680px;padding-inline:16px}.hero-tagline{margin-bottom:44px}.primary-button{width:min(100%,280px);min-height:58px;padding:0 22px;font-size:18px}.page-section{padding-block:64px}.gray-section{padding-inline:16px}.section-card,.project-body{padding:24px}.section-heading h2,.cta-band h2{font-size:32px}.page-hero{padding-top:72px}.page-hero p{font-size:18px}.photo-topic-feature,.photo-topic-supporting{gap:16px}.photo-topic-lead,.photo-topic-supporting div{min-height:280px}.photo-topic-supporting{grid-template-columns:1fr}.photo-story-item div{padding:24px}.contact-socials{grid-template-columns:1fr}}