:root{color-scheme:light;--bg: #f4efe3;--ink: #151311;--muted: #6c665d;--surface: #fff9ee;--surface-strong: #ffffff;--line: rgba(21, 19, 17, 0.16);--accent: #e85b2f;--accent-2: #1d745a;--accent-3: #dcbf68;--shadow: 0 18px 55px rgba(31, 24, 16, 0.14);--radius: 8px;--clip: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: Georgia, "Times New Roman", serif}html[data-theme=dark]{color-scheme:dark;--bg: #10110f;--ink: #f4f0e6;--muted: #aaa59a;--surface: #1a1c18;--surface-strong: #0a0b09;--line: rgba(244, 240, 230, 0.2);--accent: #d8ff4f;--accent-2: #ff5f7e;--accent-3: #61d7ff;--shadow: 0 18px 60px rgba(0, 0, 0, 0.38);--clip: polygon(0 10%, 90% 0, 100% 90%, 10% 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), var(--line) 100%),var(--bg);background-size:25% 100%,auto;color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;letter-spacing:0;transition:background-color 240ms ease,color 240ms ease}body::before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.4;background-image:linear-gradient(var(--line) 1px, transparent 1px),linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:10px 12px;background:var(--ink);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;top:12px;left:12px;right:12px;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;max-width:900px;margin:0 auto;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-strong) 84%, transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.admin-bar .site-header{top:44px}.brand-mark{display:grid;width:154px;height:42px;place-items:center;border-radius:var(--radius);background:rgba(0,0,0,0);color:var(--accent);font-weight:800;line-height:0;overflow:visible}.brand-mark__logo{display:block;width:142px;height:80px;transform:translateY(-15px)}.brand-mark__logo svg{display:block;width:100%;height:100%}.primary-nav{display:flex;justify-content:center;gap:2px}.primary-nav a{display:inline-flex;min-height:42px;align-items:center;padding:0 7px;border-radius:var(--radius);color:var(--muted);font-size:.68rem;font-weight:750;text-transform:uppercase}.primary-nav a:hover{color:var(--ink);background:color-mix(in srgb, var(--accent) 14%, transparent)}.theme-toggle{display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(0,0,0,0);color:var(--muted);cursor:pointer;font-size:.72rem;font-weight:850;text-transform:uppercase}.theme-toggle:hover{color:var(--ink);border-color:var(--ink)}.theme-toggle__icon{display:block;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;background:linear-gradient(90deg, currentColor 0 50%, transparent 50% 100%)}.section-pad{padding:96px 16px}.hero{display:grid;min-height:100svh;align-content:center;gap:34px;padding-top:116px}.eyebrow,.section-kicker,.project__number,.project__meta,.project__credits dt{margin:0;color:var(--muted);font-size:.76rem;font-weight:850;line-height:1.1;text-transform:uppercase}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--accent-2)}.hero h1,.section-head h2,.about__statement h2,.contact__copy h2{margin:18px 0 0;font-size:3rem;line-height:.95;font-weight:850;letter-spacing:0}.hero h1 em{display:block;color:var(--accent);font-family:var(--font-serif);font-style:italic;font-weight:400}.hero__intro{max-width:640px;margin:20px 0 0;color:var(--muted);font-size:1rem}.hero__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.button{display:inline-flex;min-width:154px;min-height:42px;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--ink);border-radius:var(--radius);font-size:.82rem;font-weight:850;text-transform:uppercase}.button--primary{background:var(--ink);color:var(--bg)}.button--ghost{background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--ink)}.hero__stage{position:relative;overflow:visible;min-height:470px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent 58%),var(--surface)}.hero-card{position:absolute;overflow:hidden;margin:0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);clip-path:var(--clip)}.hero-card--one{top:-14px;left:22px;width:78%;height:238px}.hero-card--two{right:-12px;bottom:148px;width:64%;height:254px}.hero-card--three{left:20px;bottom:-16px;width:52%;height:202px;background:var(--accent-3)}.hero__stamp{position:absolute;top:252px;left:28px;display:grid;width:120px;height:120px;place-content:center;border:1px solid var(--line);background:var(--accent);color:var(--ink);clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);text-align:center}.hero__stamp span{font-size:2.4rem;font-weight:900;line-height:1}.hero__stamp small{font-size:.62rem;font-weight:850;text-transform:uppercase}.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--ink);color:var(--bg)}.marquee__track{display:flex;width:max-content;animation:drift 28s linear infinite;will-change:transform}.marquee__group{display:flex;flex:0 0 auto;min-width:100vw}.marquee__item{flex:0 0 auto;padding:15px 30px;color:color-mix(in srgb, var(--bg) 85%, var(--accent));font-size:.82rem;font-weight:850;text-transform:uppercase}.section-head{display:grid;max-width:820px;gap:12px;margin-bottom:34px}.section-head h2,.about__statement h2,.contact__copy h2{font-size:2.3rem}.project-list{display:grid;gap:14px}.project{border-top:1px solid var(--line)}.project a{display:grid;gap:14px;padding:14px 0 22px}.project:hover .project__media,.project:focus-within .project__media{transform:scale(1.025)}.project__media{overflow:hidden;min-height:220px;aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);clip-path:var(--clip);transform-origin:center;transition:transform 420ms ease}.project__media-inner{width:100%;height:calc(100% + 88px);margin-top:-44px;will-change:transform}.project--contain .project__media-inner{height:calc(100% + 32px);margin-top:-16px}.project--contain .project__media img{object-fit:contain;padding:18px;background:var(--surface-strong)}.project__body{display:grid;gap:10px}.project__body h3{margin:0;font-size:1.55rem;line-height:1;font-weight:850}.project__body p:not(.project__number){max-width:620px;margin:0;color:var(--muted)}.project__credits{display:grid;gap:8px;margin:4px 0 0}.project__credits div{display:grid;gap:3px}.project__credits dd{margin:0;font-size:.95rem;font-weight:750}.about{background:var(--surface-strong)}.about__statement{max-width:860px}.about__grid{display:grid;gap:26px;margin-top:34px}.about__copy{display:grid;gap:16px;color:var(--muted);font-size:1.02rem}.about__copy p{margin:0}.proof-stack{display:grid;gap:10px}.proof-stack div{display:grid;grid-template-columns:minmax(86px, 0.32fr) minmax(0, 1fr);min-height:88px;align-items:center;gap:30px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.proof-stack span{min-width:0;color:var(--accent);font-size:2rem;font-weight:900;line-height:1;overflow-wrap:break-word}.proof-stack p{min-width:0;margin:0;color:var(--muted)}.capabilities{overflow:hidden}.capability-list{display:grid;gap:10px}.capability-card{position:relative;isolation:isolate;display:grid;min-height:196px;align-content:space-between;gap:28px;margin:0;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--cap-accent, var(--accent)) 18%, transparent), transparent 44%),linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 88%, transparent), color-mix(in srgb, var(--surface) 70%, transparent));box-shadow:0 12px 34px color-mix(in srgb, var(--ink) 9%, transparent);transform:translateY(0);transition:border-color 240ms ease,box-shadow 240ms ease,transform 240ms ease,background-color 240ms ease}.capability-card::before{position:absolute;inset:0 auto 0 0;z-index:-1;width:5px;background:var(--cap-accent, var(--accent));content:""}.capability-card::after{position:absolute;top:0;right:0;width:68px;height:68px;border-left:1px solid color-mix(in srgb, var(--cap-accent, var(--accent)) 46%, transparent);border-bottom:1px solid color-mix(in srgb, var(--cap-accent, var(--accent)) 46%, transparent);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--cap-accent, var(--accent)) 38%, transparent) 0 1px, transparent 1px 8px);clip-path:polygon(100% 0, 100% 100%, 0 0);content:"";opacity:.55}.capability-card:nth-child(1),.capability-card:nth-child(5){--cap-accent: var(--accent)}.capability-card:nth-child(2),.capability-card:nth-child(6){--cap-accent: var(--accent-2)}.capability-card:nth-child(3){--cap-accent: var(--accent-3)}.capability-card:nth-child(4){--cap-accent: color-mix(in srgb, var(--accent) 48%, var(--accent-2))}.capability-card:hover,.capability-card:focus-within{border-color:color-mix(in srgb, var(--cap-accent, var(--accent)) 70%, var(--line));box-shadow:0 20px 46px color-mix(in srgb, var(--ink) 15%, transparent);transform:translateY(-5px)}.capability-card h3{max-width:11ch;margin:0;color:var(--ink);font-size:1.45rem;font-weight:900;line-height:.98}.capability-card p{max-width:32ch;margin:0;color:var(--muted);font-size:.93rem;line-height:1.42}.capability-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.capability-card__index,.capability-card__tag{color:color-mix(in srgb, var(--ink) 72%, var(--cap-accent, var(--accent)));font-size:.72rem;font-weight:850;line-height:1;text-transform:uppercase}.capability-card__index{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb, var(--cap-accent, var(--accent)) 58%, var(--line));border-radius:50%;background:color-mix(in srgb, var(--cap-accent, var(--accent)) 18%, transparent);color:var(--ink)}.capability-card__tag{color:var(--muted)}.contact{display:grid;gap:24px;background:var(--ink);color:var(--bg)}.contact .section-kicker{color:color-mix(in srgb, var(--bg) 62%, var(--accent))}.contact__media{overflow:hidden;min-height:360px;aspect-ratio:3/4;border:1px solid color-mix(in srgb, var(--bg) 18%, transparent);border-radius:var(--radius);background:var(--surface);clip-path:var(--clip)}.contact__copy{display:grid;align-content:center;gap:16px}.contact__copy h2{margin-bottom:8px}.contact-link{display:block;padding:12px 0;border-top:1px solid color-mix(in srgb, var(--bg) 24%, transparent);color:var(--bg);font-size:1.35rem;font-weight:850;line-height:1.1}.contact-link:hover{color:var(--accent)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 16px;border-top:1px solid color-mix(in srgb, var(--bg) 16%, transparent);background:var(--ink);color:color-mix(in srgb, var(--bg) 66%, transparent);font-size:.82rem;font-weight:750;text-transform:uppercase}.site-footer p{margin:0}html[data-theme=dark] .button--primary{background:var(--accent);color:#0a0b09}html[data-theme=dark] .brand-mark{color:var(--accent)}html[data-theme=dark] .site-header,html[data-theme=dark] .project__media,html[data-theme=dark] .proof-stack div,html[data-theme=dark] .capability-card{box-shadow:none}html[data-theme=dark] .hero__stage{background:repeating-linear-gradient(90deg, transparent 0 22px, color-mix(in srgb, var(--accent-3) 12%, transparent) 22px 23px),var(--surface-strong)}html[data-theme=dark] .hero__stamp{color:#000}html[data-theme=dark] .theme-toggle{color:var(--accent)}@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(min-width: 700px){.site-header{top:18px;left:18px;right:18px}.admin-bar .site-header{top:50px}.primary-nav{gap:6px}.primary-nav a{padding:0 12px;font-size:.82rem}.theme-toggle{padding-inline:14px}.section-pad{padding:120px 32px}.hero{grid-template-columns:minmax(0, 1fr) minmax(320px, 0.82fr);align-items:center;gap:30px}.hero h1{font-size:4.4rem}.hero__stage{min-height:580px}.project a{grid-template-columns:minmax(260px, 0.82fr) minmax(0, 1fr);align-items:end;gap:22px}.project--wide a{grid-template-columns:minmax(0, 1fr) minmax(280px, 0.72fr)}.project--wide .project__media{aspect-ratio:16/9}.section-head h2,.about__statement h2,.contact__copy h2{font-size:3.5rem}.about__grid{grid-template-columns:minmax(0, 0.9fr) minmax(280px, 0.62fr);align-items:start}.capability-list{grid-template-columns:repeat(2, minmax(0, 1fr))}.contact{grid-template-columns:minmax(280px, 0.82fr) minmax(0, 1fr);align-items:stretch}}@media(min-width: 1040px){.section-pad{padding-inline:56px}.hero,.work,.about,.capabilities,.contact{max-width:1440px;margin-inline:auto}.hero h1{font-size:5.8rem}.hero__intro,.about__copy{font-size:1.12rem}.project-list{gap:0}.project a{padding-block:28px}.project__body h3{font-size:2.2rem}.capability-list{grid-template-columns:repeat(3, minmax(0, 1fr))}.capability-card{min-height:230px;padding:20px}.capability-card h3{font-size:1.65rem}.contact-link{font-size:2rem}}@media(max-width: 390px){.site-header{gap:5px}.brand-mark{width:106px}.brand-mark__logo{width:96px;height:56px;transform:translateY(-7px)}.primary-nav a{padding:0 4px;font-size:.6rem}.theme-toggle{width:42px;justify-content:center;padding:0}.theme-toggle__text{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}.hero h1{font-size:2.55rem}.section-head h2,.about__statement h2,.contact__copy h2{font-size:2rem}.contact-link{font-size:1.1rem}}@media(max-width: 782px){.admin-bar .site-header{top:58px}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important}}/*# sourceMappingURL=main.css.map */