@keyframes hero-bob{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(6px);opacity:1}}@keyframes about-scan{0%{background-position:0 0}to{background-position:0 4px}}@keyframes about-roll{0%{background-position:0-70%}to{background-position:0 170%}}:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--header-h:64px;--ease:cubic-bezier(0.22, 0.61, 0.36, 1);--content-width:1160px;--lightbox-fg:rgba(233, 223, 198, 0.9);--lightbox-line:rgba(233, 223, 198, 0.32)}:root[data-theme=dark]{--bg:#100d09;--bg-elev:#17130d;--fg:#e9dfc6;--fg-soft:#c9bda0;--fg-dim:#8f8368;--line:rgba(233, 223, 198, 0.14);--accent:#d95d39;--state-dead:#9c9077;--header-bg:rgba(16, 13, 9, 0.62);--lightbox-bg:rgba(8, 6, 4, 0.93);--shadow-lift:0 16px 30px rgba(0, 0, 0, 0.6);color-scheme:dark}:root[data-theme=light]{--bg:#efe8da;--bg-elev:#e5dcc7;--fg:#241f18;--fg-soft:#4a4235;--fg-dim:#6f6656;--line:rgba(36, 31, 24, 0.16);--accent:#a83e1e;--state-dead:#6a6559;--header-bg:rgba(239, 232, 218, 0.66);--lightbox-bg:rgba(30, 25, 18, 0.9);--shadow-lift:0 16px 30px rgba(36, 31, 24, 0.28);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .45s var(--ease),color .45s var(--ease)}::selection{background:var(--accent);color:var(--bg)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}#hero-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,4vw,56px);background:var(--header-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);transition:background-color .45s var(--ease),border-color .45s var(--ease)}.brand,.brand-avatar{display:block;border-radius:50%}.brand{flex:none}.brand-avatar{width:40px;height:40px;border:1px solid var(--line);object-fit:cover;background:var(--bg-elev);transition:border-color .3s var(--ease),transform .35s var(--ease)}.brand:hover .brand-avatar{border-color:var(--accent)}.brand:focus-visible .brand-avatar,.brand:hover .brand-avatar{transform:scale(1.06)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-nav{display:flex;gap:clamp(16px,2.4vw,34px)}.site-nav a{position:relative;font-size:.9rem;color:var(--fg-dim);text-decoration:none;padding:4px 0;transition:color .25s var(--ease)}.site-nav a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.site-nav a:hover,.theme-toggle{color:var(--fg)}.site-nav a:hover::after{transform:scaleX(1)}.theme-toggle{width:36px;height:36px;flex:none;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:0 0;font-size:.95rem;cursor:pointer;transition:border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),background-color .45s var(--ease)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(-15deg)}.theme-icon{display:none;line-height:1}:root[data-theme=dark] .theme-icon--sun,:root[data-theme=light] .theme-icon--moon{display:block}.hero{--hero-pad-bottom:clamp(40px, 9vh, 96px);position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;padding:calc(var(--header-h) + clamp(28px,8vh,92px)) clamp(20px,4vw,56px) var(--hero-pad-bottom);pointer-events:none}.hero::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:calc(var(--hero-pad-bottom) + 2px);background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.hero-caption{max-width:min(44rem,62vw)}.hero-kicker{margin:0 0 16px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.hero-name-row{display:flex;align-items:center;gap:.24em;width:max-content;font-size:clamp(1.7rem,8.6vw,5.4rem)}.hero-title{margin:0;font-size:1em;font-weight:600;line-height:1.05;letter-spacing:-.025em;white-space:nowrap;text-shadow:0 0 60px var(--bg),0 0 24px var(--bg);transition:color .45s var(--ease)}.hero-hint-wrap{position:relative;display:flex;flex:none}.hero-hint{position:relative;width:1.7em;height:1.7em;flex:none;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:0 0;color:var(--fg-dim);font-family:var(--font-mono);font-size:max(.8rem,.22em);line-height:1;cursor:pointer;pointer-events:auto;transition:border-color .25s var(--ease),color .25s var(--ease),background-color .45s var(--ease)}.hero-hint::after{content:"";position:absolute;inset:-9px;border-radius:50%}.hero-hint-wrap.is-open .hero-hint,.hero-hint:focus-visible,.hero-hint:hover{border-color:var(--accent);color:var(--accent)}.hero-hint:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero-hint-tip{position:absolute;z-index:2;top:auto;bottom:calc(100% + 10px);left:50%;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev);box-shadow:0 10px 26px rgba(0,0,0,.28);color:var(--fg);font-family:var(--font-sans);font-size:.8rem;line-height:1.2;letter-spacing:0;white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(4px);pointer-events:none;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s var(--ease),background-color .45s var(--ease),border-color .45s var(--ease)}.hero-hint-wrap.is-open .hero-hint-tip,.hero-hint-wrap:hover .hero-hint-tip,.hero-hint:focus-visible~.hero-hint-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.hero-scroll,.hero-sub{font-family:var(--font-mono);color:var(--fg-dim)}.hero-sub{margin:20px 0 0;font-size:.85rem;letter-spacing:.02em}.hero-scroll{position:absolute;z-index:1;right:clamp(20px,4vw,56px);bottom:var(--hero-pad-bottom);font-size:.72rem;letter-spacing:.14em;text-decoration:none;pointer-events:auto;animation:hero-bob 3.2s var(--ease) infinite}.placeholder{position:relative;z-index:1;min-height:68vh;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:96px clamp(20px,4vw,56px);background:var(--bg);border-top:1px solid var(--line);transition:background-color .45s var(--ease),border-color .45s var(--ease)}.placeholder-label{margin:0;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.placeholder-text{margin:0;font-size:clamp(1.1rem,2.4vw,1.6rem);color:var(--fg-dim)}.works{position:relative;z-index:1;background:var(--bg);padding:clamp(56px,8vw,112px) clamp(20px,4vw,56px);transition:background-color .45s var(--ease),border-color .45s var(--ease)}.works-inner{max-width:var(--content-width);margin:0 auto}.about-label,.contacts-label,.works-label{margin:0 0 clamp(28px,4vw,48px);font-family:var(--font-mono);font-size:.74rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.works-empty{margin:0;font-size:1rem;color:var(--fg-dim)}.works-group+.works-group{margin-top:clamp(44px,6vw,84px)}.works-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.works-group-title{margin:0;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:600;letter-spacing:-.01em}.works-group-count{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.work{display:flex;gap:clamp(20px,3vw,40px);padding:clamp(26px,3.2vw,42px)0;border-bottom:1px solid var(--line)}.work-gallery{flex:0 1 45%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-self:flex-start;min-width:0}.work-shot{position:relative;display:block;width:100%;padding:0;border:0;background:0 0;cursor:zoom-in;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.work-shot:focus-visible,.work-shot:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-lift);z-index:1}.work-shot::after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .25s var(--ease)}.work-shot:focus-visible::after,.work-shot:hover::after{border-color:var(--accent)}.about-photo picture,.brand picture,.work-shot picture{display:block}.work-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.work-body{flex:1 1 55%;min-width:0}.work-meta{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.5em;margin:0 0 12px;padding:3px 8px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--bg);transition:background-color .45s var(--ease),color .45s var(--ease)}.work-meta .work-year{color:inherit}.work-meta .work-sep{opacity:.6}.work-title{margin:0 0 10px;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600;line-height:1.15;letter-spacing:-.015em}.work-title a{color:var(--fg);text-decoration:none;transition:color .25s var(--ease)}.work-title a:hover{color:var(--accent)}.work-state{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.work-state-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.work-state--ok{color:var(--accent)}.work-state--wip{color:var(--fg)}.work-state--dead{color:var(--state-dead)}.work-description{max-width:62ch;font-size:.875rem;line-height:1.6;color:var(--fg-soft)}.work-description p{margin:0 0 .7em}.work-description p:last-child{margin-bottom:0}.work-description b,.work-description strong{font-weight:600}.work-description em,.work-description i{font-style:italic}.work-description a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.work-description a:hover{text-decoration-thickness:2px}.work-details{display:grid;gap:5px;margin:16px 0 0;font-size:.875rem}.work-details-row{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:baseline}.work-details dt{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim)}.work-details dd{margin:0;color:var(--fg-soft)}.work-actions{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:22px}.contacts-action,.work-action{display:inline-flex;align-items:center;gap:.5em;padding:10px 18px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--bg);background:var(--accent);border:1px solid var(--accent);transition:opacity .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),background-color .25s var(--ease)}.contacts-action:hover,.work-action:hover{opacity:.86}.work-action--ghost{color:var(--fg);background:0 0;border-color:var(--line)}.work-action--ghost:hover{color:var(--accent);border-color:var(--accent);opacity:1;background:0 0}html.is-locked,html.is-locked body{overflow:hidden}.lightbox,.lightbox-shot{position:fixed;cursor:zoom-out}.lightbox{inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--lightbox-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s var(--ease)}.lightbox[hidden]{display:none}.lightbox.is-open{opacity:1}.lightbox-shot{top:50%;left:50%;display:block;max-width:none;max-height:none;will-change:transform;transition:transform .32s var(--ease)}.lightbox-nav{position:fixed;top:50%;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;margin-top:-22px;font-size:1.1rem;line-height:1;color:var(--lightbox-fg);background:0 0;border:1px solid var(--lightbox-line);border-radius:50%;cursor:pointer;transition:border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}.lightbox-nav:hover{border-color:var(--accent);color:var(--accent)}.about-photo.is-canvas .about-photo-media,.lightbox-nav[hidden],.no-webgl #hero-canvas{display:none}.lightbox-nav--prev{left:clamp(12px,3vw,40px)}.lightbox-nav--next{right:clamp(12px,3vw,40px)}.lightbox-counter{position:fixed;left:50%;bottom:clamp(18px,4vh,40px);transform:translateX(-50%);margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;color:var(--lightbox-fg);opacity:.75}.article-page{position:relative;z-index:1;background:var(--bg);padding:clamp(8px,1.5vw,20px) clamp(20px,4vw,56px) clamp(64px,8vw,120px);transition:background-color .45s var(--ease)}.article-inner{max-width:var(--content-width);margin:0 auto}.article-title{margin:0 0 14px;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:600;line-height:1.1;letter-spacing:-.02em}.article-page .work-state{margin-bottom:0}.article-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.5vw,18px);margin:clamp(22px,3vw,38px)0}.article-description{max-width:68ch;font-size:1rem;line-height:1.65}.article-details{margin-top:26px;font-size:.95rem}.article-page .work-details-row{grid-template-columns:120px 1fr}.article-actions{margin-top:30px}.article-back{margin:44px 0 0;padding-top:22px;border-top:1px solid var(--line)}@media (max-width:900px){.article-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.article-gallery{grid-template-columns:1fr}.article-description{font-size:.94rem}.article-title{font-size:clamp(1.5rem,7vw,2rem)}}.about{position:relative;z-index:1;background:var(--bg);border-top:1px solid var(--line);padding:clamp(56px,8vw,112px) clamp(20px,4vw,56px);transition:background-color .45s var(--ease),border-color .45s var(--ease)}.about-inner{max-width:var(--content-width);margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,4vw,64px);align-items:start}.about-photo{position:relative;width:100%;max-width:260px;margin:0 0 22px;border:1px solid var(--line);overflow:hidden;line-height:0;transition:border-color .25s var(--ease)}.about-photo:hover{border-color:var(--accent)}.about-photo-canvas,.about-photo-media{display:block;width:100%;height:auto}.about-photo.is-glitch{transform:translate3d(var(--glitch-shift, 0),0,0)}.about-photo::after,.about-photo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.about-photo::after{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.16)0 1px,transparent 1px 4px);background-size:100% 4px;animation:about-scan 1.6s linear infinite}.about-photo::before{background-image:linear-gradient(to bottom,rgba(255,255,255,0)0,rgba(255,255,255,.1) 45%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.1) 55%,rgba(255,255,255,0) 100%);background-repeat:no-repeat;background-size:100% 40%;mix-blend-mode:screen;animation:about-roll 8s linear infinite}.about-meta{margin:0 0 16px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.about-stack,.about-text{margin:0 0 22px;max-width:46ch;font-size:1rem;line-height:1.6}.about-stack{font-size:.9rem}.about-stack-label{display:block;margin-bottom:4px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.about-note{margin:0;max-width:46ch;font-size:.9rem;line-height:1.65;color:var(--fg-soft)}.about-row{display:grid;grid-template-columns:132px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.about-row:first-child{padding-top:0;border-top:0}.about-period{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--fg-dim);white-space:nowrap}.about-job-title{margin:0 0 6px;font-size:1rem;font-weight:600}.about-job-text{margin:0;font-size:.9rem;line-height:1.6;color:var(--fg-soft)}@media (max-width:900px){.about-grid{grid-template-columns:1fr}}@media (max-width:620px){.about-row{grid-template-columns:1fr;gap:6px}.about-photo{max-width:200px}.about-note,.about-stack,.about-text{max-width:none}}.contacts{position:relative;z-index:1;background:var(--bg);border-top:1px solid var(--line);padding:clamp(56px,8vw,112px) clamp(20px,4vw,56px);transition:background-color .45s var(--ease),border-color .45s var(--ease)}.contacts-inner{max-width:var(--content-width);margin:0 auto}.contacts-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,64px);align-items:start}.contacts-title{margin:0 0 14px;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:600;letter-spacing:-.01em}.contacts-note{margin:0;max-width:44ch;font-size:.95rem;line-height:1.65;color:var(--fg-soft)}.contacts-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.contacts-mail{font-size:1rem;color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-thickness .25s var(--ease),color .25s var(--ease)}.contacts-mail:hover{text-decoration-thickness:2px}@media (max-width:900px){.contacts-grid{grid-template-columns:1fr}}.site-footer{position:relative;z-index:1;background:var(--bg);border-top:1px solid var(--line);padding:clamp(26px,4vw,40px) clamp(20px,4vw,56px);transition:background-color .45s var(--ease),border-color .45s var(--ease)}.site-footer-copyright{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--fg-dim)}.breadcrumbs{position:relative;z-index:1;margin:0;padding:calc(var(--header-h) + 20px) clamp(20px,4vw,56px)0}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;max-width:var(--content-width);margin:0 auto;padding:0;list-style:none}.breadcrumbs__item{display:inline}.breadcrumbs__item:not(:last-child)::after{display:inline-block;width:.6rem;height:1rem;margin:0 .7em;background-image:url(/img/breadcrumbs_arrow.svg);background-position:50%;background-repeat:no-repeat;content:"";user-select:none;transform:translateY(2px)}.breadcrumbs__link{display:inline-block;padding:.4rem 0;font-size:.95rem;color:var(--fg-dim);text-decoration:none;transition:color .25s var(--ease)}.breadcrumbs__link:hover{color:var(--fg)}.breadcrumbs__link--current,.breadcrumbs__link:active{opacity:.55}.breadcrumbs__name{margin:0}@media (max-width:900px){.work{flex-direction:column;gap:clamp(16px,3vw,24px)}.work-body,.work-gallery{flex:none;width:100%}.work-description{max-width:none}}@media (max-width:620px){:root{--header-h:56px}.brand-avatar{width:34px;height:34px}.site-nav{gap:14px}.site-nav a{font-size:.82rem}.hero-scroll{display:none}.work-gallery{gap:6px}.work-description{font-size:.84rem}.work-details-row{grid-template-columns:88px 1fr;gap:10px}.work-actions{gap:8px 20px}.lightbox-nav{top:auto;bottom:clamp(52px,12vh,84px);width:40px;height:40px;margin-top:0}.lightbox-nav--prev{left:20px}.lightbox-nav--next{right:20px}}.no-webgl .hero{background:radial-gradient(120% 90%at 50% 108%,var(--bg-elev) 0%,transparent 62%),var(--bg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-photo::after,.about-photo::before,.hero-scroll{animation:none}*{transition-duration:.01ms!important}}