:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--color-bg:#0a0a0a;--color-surface:#111;--color-text:#f5f5f5;--color-muted:#a1a1aa;--color-accent:#c6ff3d;--color-border:#ffffff1c;--page-width:1360px;--page-gutter:clamp(22px, 5.2vw, 84px);background:#0a0a0a;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}body,button,a{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}::selection{color:var(--color-bg);background:var(--color-accent)}.skip-link{z-index:100;color:#0a0a0a;background:var(--color-accent);border-radius:999px;padding:12px 16px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.section-wrap,.site-header__inner,.site-footer__inner{width:min(100% - var(--page-gutter) * 2, var(--page-width));margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0ad6;border-bottom:1px solid #ffffff12;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:32px;min-height:78px;display:flex}.site-header__brand,.site-footer__brand{flex:none;display:inline-flex}.brand-mark{color:#f5f5f5;letter-spacing:-.075em;white-space:nowrap;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.08rem;font-weight:800}.brand-mark__dot{color:var(--color-accent)}.brand-mark__suffix{color:#a1a1aa;font-weight:600}.site-nav{align-items:center;gap:clamp(22px,3.2vw,48px);margin-left:auto;display:flex}.site-nav a{color:#b3b3b7;font-size:.77rem;transition:color .18s}.site-nav a:hover,.site-nav a:focus-visible{color:#fff}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:24px;min-height:54px;padding:0 23px;font-size:.81rem;font-weight:700;transition:background .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--small{gap:12px;min-height:42px;padding:0 17px;font-size:.72rem}.button--outline{border-color:var(--color-border);background:0 0}.button--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.button--accent{color:#10120a;background:var(--color-accent)}.button--accent:hover{background:#d5ff6d}.hero{grid-template-columns:minmax(0,1.07fr) minmax(330px,.8fr);align-items:center;gap:clamp(44px,7.7vw,126px);min-height:min(780px,100svh - 78px);padding-top:clamp(72px,9vw,132px);padding-bottom:clamp(74px,9vw,132px);display:grid;position:relative}.hero:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(at 70% 36%,#c6ff3d0d,#0000 58%);width:75%;height:80%;position:absolute;top:7%;right:-15%}.hero__copy{z-index:1;padding-bottom:8px;position:relative}.eyebrow{color:#b5b5b9;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 25px;font-size:.67rem;font-weight:600;line-height:1.3;display:flex}.eyebrow__marker{background:var(--color-accent);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 16px #c6ff3d61}.hero h1,.section-heading h2{letter-spacing:-.092em;margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:clamp(3.65rem,7.2vw,7.2rem);font-weight:600;line-height:.97}.hero h1 span{color:#f5f5f5}.hero h1 em,.section-heading h2 em{color:var(--color-accent);letter-spacing:-.085em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.hero__intro{max-width:465px;color:var(--color-muted);margin:27px 0 0;font-size:clamp(.97rem,1.25vw,1.11rem);line-height:1.75}.hero__actions{flex-wrap:wrap;align-items:center;gap:27px;margin-top:33px;display:flex}.text-link{color:#e6e6e7;align-items:center;gap:10px;font-size:.78rem;transition:color .18s;display:inline-flex}.text-link:hover{color:var(--color-accent)}.hero__signature{color:#77777d;letter-spacing:.035em;align-items:center;gap:12px;margin-top:clamp(55px,8vw,100px);font-size:.68rem;display:flex}.hero__signature-line{background:var(--color-accent);width:34px;height:1px;display:block}.hero__side-note{color:#57575c;letter-spacing:.2em;writing-mode:vertical-rl;font-size:.58rem;position:absolute;top:50%;right:-34px}.hero-art{justify-self:end;width:100%;max-width:490px;margin:0}.hero-art__frame{aspect-ratio:1.22;background:#101010;border:1px solid #ffffff1c;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.hero-art__frame:after{content:"";pointer-events:none;border:10px solid #0a0a0a12;position:absolute;inset:0}.hero-art__frame img{object-fit:contain;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.hero-art:hover .hero-art__frame img{transform:scale(1.025)}.hero-art__index{z-index:1;color:#f5f5f5;letter-spacing:.12em;background:#0a0a0ab8;padding:8px 10px;font-size:.58rem;position:absolute;bottom:16px;right:16px}.hero-art__index span{color:var(--color-accent);padding-inline:4px}.hero-art__stamp{z-index:1;color:#fff;letter-spacing:-.08em;text-shadow:0 1px 14px #000;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.05rem;font-weight:800;position:absolute;top:14px;left:16px}.hero-art__stamp span{color:var(--color-accent)}.hero-art figcaption{color:#8d8d93;justify-content:space-between;gap:15px;padding-top:14px;font-size:.65rem;display:flex}.hero-art figcaption strong{color:#e6e6e7;font-weight:500}.portfolio{border-top:1px solid #ffffff14;padding-top:clamp(78px,10vw,142px);padding-bottom:clamp(84px,10vw,145px)}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:clamp(40px,5vw,68px);display:flex}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{font-size:clamp(3.15rem,6vw,6.1rem)}.section-heading__note{max-width:310px;color:var(--color-muted);margin:0 0 6px;font-size:.81rem;line-height:1.8}.portfolio__toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.portfolio-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.filter-chip{color:#929298;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;min-height:35px;padding:0 12px;font-size:.65rem;transition:color .16s,background .16s,border-color .16s}.filter-chip:hover{color:#f5f5f5}.filter-chip.is-active{color:var(--color-accent);background:#c6ff3d0f;border-color:#c6ff3d47}.filter-chip span{color:#74747a;margin-left:6px;font-size:.58rem}.portfolio__contact-link{color:#d5d5d7;flex:none;align-items:center;gap:9px;font-size:.67rem;transition:color .18s;display:inline-flex}.portfolio__contact-link:hover{color:var(--color-accent)}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(26px,3vw,42px) 18px;display:grid}.project-card{min-width:0;animation:.42s both card-in}.project-card--feature{grid-column:span 7}.project-card--portrait{grid-column:span 5}.project-card--landscape{grid-column:span 6}.project-card--square{grid-column:span 4}.project-card__media{background:#131313;place-items:center;display:grid;position:relative;overflow:hidden}.project-card--feature .project-card__media{aspect-ratio:1.16}.project-card--portrait .project-card__media{aspect-ratio:.82}.project-card--landscape .project-card__media{aspect-ratio:1.28}.project-card--square .project-card__media{aspect-ratio:1}.project-card__media:after{content:"";pointer-events:none;border:1px solid #ffffff0f;position:absolute;inset:0}.project-card__media img{object-fit:contain;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .35s}.project-card:hover .project-card__media img{filter:saturate(1.04);transform:scale(1.025)}.project-card__number{z-index:1;color:#f5f5f5;letter-spacing:.12em;background:#0a0a0a94;border:1px solid #fff3;padding:7px 9px;font-size:.55rem;position:absolute;top:13px;left:14px}.project-card__caption{justify-content:space-between;align-items:start;gap:15px;padding:15px 1px 0;display:flex}.project-card__category{color:#87878d;letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.59rem}.project-card__caption h3{color:#ebebec;letter-spacing:-.02em;margin:0;font-size:.86rem;font-weight:500}.project-card__index{color:#68686e;letter-spacing:.08em;font-size:.59rem}@keyframes card-in{0%{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.site-footer{background:#0d0d0d;border-top:1px solid #ffffff17}.site-footer__inner{align-items:center;gap:28px;min-height:114px;display:flex}.site-footer__inner>p{color:#85858b;margin:0;font-size:.69rem}.site-footer__links{align-items:center;gap:22px;margin-left:auto;display:flex}.site-footer__links a{color:#b7b7bc;align-items:center;gap:8px;font-size:.68rem;transition:color .16s;display:inline-flex}.site-footer__links a:hover{color:var(--color-accent)}.site-footer__copyright{color:#626268;font-size:.62rem}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media (width>=1500px){:root{--page-width:1440px}}@media (width<=1050px){:root{--page-gutter:clamp(24px, 4.5vw, 54px)}.hero{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:45px}.hero h1{font-size:clamp(3.7rem,7.4vw,6rem)}.portfolio__toolbar{align-items:flex-start}.portfolio-filters{max-width:710px}.filter-chip{padding-inline:9px}}@media (width<=760px){:root{--page-gutter:22px}html{scroll-padding-top:72px}.site-header__inner{gap:14px;min-height:68px}.brand-mark{font-size:.98rem}.site-nav{gap:15px}.site-nav a{font-size:.68rem}.button--small{gap:7px;min-height:38px;padding:0 12px;font-size:.65rem}.hero{grid-template-columns:1fr;gap:48px;min-height:auto;padding-top:74px;padding-bottom:74px}.hero h1{max-width:650px;font-size:clamp(3.65rem,11.8vw,6.3rem)}.hero__intro{max-width:530px;margin-top:22px;font-size:.96rem}.hero__signature{margin-top:42px}.hero-art{justify-self:start;width:min(100%,520px)}.hero-art__frame{min-height:230px}.hero__side-note{display:none}.section-heading{flex-direction:column;align-items:start;gap:19px}.section-heading h2{font-size:clamp(3.3rem,11vw,5rem)}.section-heading__note{max-width:430px}.portfolio__toolbar{flex-direction:column;gap:17px}.portfolio-filters{width:calc(100vw - var(--page-gutter));max-width:none;margin-right:calc(var(--page-gutter) * -1);scrollbar-width:none;flex-wrap:nowrap;padding:0 0 8px;overflow-x:auto}.portfolio-filters::-webkit-scrollbar{display:none}.filter-chip{flex:none}.project-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 13px}.project-card--feature,.project-card--landscape{grid-column:span 6}.project-card--portrait,.project-card--square{grid-column:span 3}.project-card--feature .project-card__media{aspect-ratio:1.15}.project-card--landscape .project-card__media{aspect-ratio:1.24}.project-card--portrait .project-card__media{aspect-ratio:.76}.project-card--square .project-card__media{aspect-ratio:.88}.project-card__caption h3{font-size:.78rem}.project-card__category{font-size:.52rem}.site-footer__inner{flex-wrap:wrap;gap:13px 18px;min-height:auto;padding-block:25px}.site-footer__inner>p{order:2;width:100%}.site-footer__links{gap:13px;margin-left:auto}.site-footer__links a{gap:5px;font-size:.63rem}.site-footer__copyright{order:3;width:100%}}@media (width<=420px){:root{--page-gutter:18px}.site-nav{gap:11px}.site-nav a:nth-child(2){display:none}.site-nav a{font-size:.63rem}.button--small{padding-inline:10px}.hero h1{font-size:clamp(3.25rem,12vw,4rem)}.hero__actions{gap:19px}.button{min-height:49px;padding-inline:18px}.button--small{min-height:36px;padding-inline:9px}.hero-art figcaption{flex-direction:column;gap:5px}.portfolio__contact-link{font-size:.63rem}.project-grid{grid-template-columns:1fr}.project-card--feature,.project-card--portrait,.project-card--landscape,.project-card--square{grid-column:span 1}.project-card--portrait .project-card__media{aspect-ratio:1.02}.project-card--square .project-card__media{aspect-ratio:1.1}.site-footer__links{margin-left:0}.site-footer__copyright{margin-top:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
