:root{color-scheme:dark;--bg: #0b0d0b;--bg-deep: #050605;--panel: #121511;--panel-soft: #191d17;--text: #f3ebdd;--text-muted: #b8ae9d;--matcha: #a7b487;--matcha-deep: #5e6b4a;--matcha-dark: #303828;--ivory: #f5eedf;--bronze: #a98655;--celadon: #c4d6be;--soft-mint: #b8d8cc;--oat: #e9ddc8;--dusty-lavender: #b8afcb;--rose-beige: #c6a99a;--fog-blue: #afc5c8;--line: rgba(245, 238, 223, .12);--line-strong: rgba(245, 238, 223, .22);--bg-soft: var(--bg-deep);--surface: var(--panel);--surface-strong: var(--panel-soft);--muted: var(--text-muted);--muted-strong: #d8d0bd;--blue: var(--matcha);--violet: var(--matcha-deep);--silver: var(--soft-mint);--green: var(--matcha);--max: 1160px;--radius: 8px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}html.intro-lock,html.intro-lock body{overflow:hidden}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 0%,rgba(167,180,135,.12),transparent 34rem),radial-gradient(circle at 82% 12%,rgba(184,216,204,.055),transparent 30rem),linear-gradient(180deg,rgba(8,10,9,.18),transparent 420px),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;line-height:1.55}body::selection{background:#a7b4876b}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}p,h1,h2,h3{margin:0}p{color:var(--muted);font-size:1rem}h1,h2,h3{color:var(--ivory);font-weight:560;line-height:1.03;text-wrap:balance}h1{font-size:4.5rem}h2{font-size:2.75rem}h3{font-size:1.35rem}.container{width:min(100% - 40px,var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#080a09d1;backdrop-filter:blur(18px)}.site-header__inner{width:min(100% - 40px,var(--max));min-height:76px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:650;color:var(--ivory)}.brand__mark{width:34px;height:36px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(184,216,204,.11))}.brand__name{font-size:1rem}.site-header__right{display:flex;align-items:center;gap:12px}.site-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#f5eedf06}.site-nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;color:var(--muted);font-size:.92rem}.site-nav a:hover,.site-nav a[aria-current=page]{background:#a7b48724;color:var(--ivory)}.language-switcher{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#f5eedf06}.language-switcher button,.language-switcher a{min-width:36px;min-height:36px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:720;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.language-switcher button:hover,.language-switcher button[aria-pressed=true],.language-switcher a:hover,.language-switcher a[aria-current=true]{background:#a7b48729;color:var(--ivory)}.intro-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(184,192,173,.18),transparent 32%),radial-gradient(circle at 50% 62%,rgba(184,216,204,.12),transparent 28%),#000;animation:introHold 2.4s cubic-bezier(.76,0,.24,1) forwards}.intro-overlay__glow{position:absolute;width:min(70vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(233,221,200,.2),transparent 64%);filter:blur(26px);opacity:0;animation:introGlow 2.2s ease forwards}.intro-overlay__logo{position:relative;width:min(42vw,420px);min-width:230px;height:auto;opacity:0;transform:translateY(22px) scale(.94);filter:drop-shadow(0 28px 80px rgba(184,216,204,.18));animation:introLogo 2.2s cubic-bezier(.22,1,.36,1) forwards}.intro-overlay__wordmark{position:absolute;left:50%;bottom:min(12vh,112px);transform:translate(-50%);color:#f5eedfe6;font-size:.78rem;font-weight:760;letter-spacing:0;text-transform:uppercase;opacity:0;animation:introWordmark 1.8s ease .65s forwards}.intro-overlay__line{position:absolute;left:50%;bottom:min(9vh,78px);width:min(280px,42vw);height:1px;transform:translate(-50%) scaleX(0);transform-origin:center;background:linear-gradient(90deg,transparent,rgba(245,238,223,.8),transparent);animation:introLine 1.9s cubic-bezier(.22,1,.36,1) .58s forwards}.intro-overlay--leaving{pointer-events:none;animation:introExit .9s cubic-bezier(.76,0,.24,1) forwards}@keyframes introLogo{0%{opacity:0;transform:translateY(22px) scale(.94)}38%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:.92;transform:translateY(-4px) scale(1.02)}}@keyframes introGlow{0%{opacity:0;transform:scale(.8)}58%,to{opacity:1;transform:scale(1)}}@keyframes introWordmark{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes introLine{0%{opacity:0;transform:translate(-50%) scaleX(0)}to{opacity:1;transform:translate(-50%) scaleX(1)}}@keyframes introHold{to{opacity:1}}@keyframes introExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.045)}}.hero{position:relative;min-height:calc(100svh - 128px);overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg-deep);perspective:1200px;transform-style:preserve-3d}.hero__media{position:absolute;inset:0;background-image:radial-gradient(circle at 64% 28%,rgba(167,180,135,.14),transparent 28rem),radial-gradient(circle at 84% 70%,rgba(169,134,85,.08),transparent 26rem),linear-gradient(90deg,#080a09f0,#111412b8 42%,#1114125c),linear-gradient(0deg,#080a09f5,#2c352b33 48%),url(/assets/quadraj-hero-matcha.png);background-position:center;background-size:cover;opacity:.9;filter:saturate(.78) sepia(.08) hue-rotate(28deg) brightness(.88);transform:translate3d(0,calc(var(--hero-progress, 0) * 46px),calc(var(--hero-progress, 0) * -90px)) scale(calc(1.03 + var(--hero-progress, 0) * .08));transform-origin:center;will-change:transform}.hero__sculpture{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.hero__glass-logo{position:absolute;right:max(5vw,58px);top:50%;width:min(38vw,480px);height:auto;opacity:calc(.36 - var(--hero-progress, 0) * .16);filter:drop-shadow(0 30px 90px rgba(184,216,204,.11)) saturate(.82) sepia(.06) hue-rotate(26deg);transform:translate3d(calc(var(--hero-progress, 0) * -28px),calc(-50% + var(--hero-progress, 0) * 86px),calc(var(--hero-progress, 0) * 140px)) rotateX(calc(var(--hero-progress, 0) * 10deg)) rotateY(calc(-8deg + var(--hero-progress, 0) * 16deg)) scale(calc(.88 + var(--hero-progress, 0) * .18));will-change:transform,opacity}.hero__orbit{position:absolute;right:min(13vw,170px);top:50%;border:1px solid rgba(245,238,223,.1);border-radius:50%;opacity:.44;transform-style:preserve-3d}.hero__orbit--outer{width:min(42vw,570px);aspect-ratio:1;transform:translate3d(calc(var(--hero-progress, 0) * 34px),-50%,calc(var(--hero-progress, 0) * 80px)) rotateX(68deg) rotate(calc(18deg + var(--hero-progress, 0) * 26deg));background:radial-gradient(circle,transparent 56%,rgba(167,180,135,.075))}.hero__orbit--inner{width:min(28vw,360px);aspect-ratio:1;transform:translate3d(calc(var(--hero-progress, 0) * -52px),-50%,calc(var(--hero-progress, 0) * 140px)) rotateX(70deg) rotate(calc(-16deg - var(--hero-progress, 0) * 34deg));border-color:#b8d8cc24}.hero__depth-card{position:absolute;border:1px solid rgba(245,238,223,.1);border-radius:var(--radius);background:linear-gradient(135deg,#f5eedf14,#a7b4870f),#171d172e;box-shadow:0 26px 90px #00000038;backdrop-filter:blur(10px)}.hero__depth-card--one{right:11vw;top:18%;width:min(18vw,210px);height:min(22vw,260px);transform:translate3d(calc(var(--hero-progress, 0) * -70px),calc(var(--hero-progress, 0) * 98px),calc(var(--hero-progress, 0) * 180px)) rotateX(calc(60deg - var(--hero-progress, 0) * 18deg)) rotate(28deg)}.hero__depth-card--two{right:30vw;bottom:14%;width:min(20vw,250px);height:min(12vw,150px);border-color:#a9865529;transform:translate3d(calc(var(--hero-progress, 0) * 82px),calc(var(--hero-progress, 0) * -42px),calc(var(--hero-progress, 0) * 120px)) rotateX(68deg) rotate(-14deg)}.hero__content{position:relative;z-index:2;width:min(100% - 40px,var(--max));min-height:calc(100svh - 128px);margin-inline:auto;display:flex;flex-direction:column;justify-content:center;padding:92px 0 108px}.hero h1{max-width:780px;margin-top:18px;font-size:6rem}.hero__statement{max-width:820px;margin-top:22px;color:var(--text);font-size:2rem;line-height:1.18}.hero__copy{max-width:680px;margin-top:20px;color:var(--muted-strong);font-size:1.08rem}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line-strong);border-radius:var(--radius);font-weight:620;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--ivory);color:var(--bg-deep);box-shadow:0 16px 44px #f5eedf1f}.button--secondary{background:#080a0957;color:var(--ivory)}.button--secondary:hover{border-color:#a7b48780;background:#a7b4871a}.section{padding:96px 0}.home-experience{--scroll-progress: 0;--hero-progress: 0;--hero-depth: 0px;position:relative;isolation:isolate}.home-section{position:relative}.home-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background:radial-gradient(circle at 12% 28%,rgba(167,180,135,.055),transparent 24rem),radial-gradient(circle at 82% 66%,rgba(169,134,85,.035),transparent 20rem)}[data-home-reveal]{opacity:0;transform:translate3d(0,34px,-42px) rotateX(4deg);transform-origin:center top;transition:opacity .76s ease,transform .9s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}[data-home-reveal].is-visible{opacity:1;transform:translateZ(0) rotateX(0)}.home-experience .card-grid{perspective:1000px}.home-experience .work-card,.home-experience .division-card,.home-experience .note-card{transform-style:preserve-3d}.home-experience .work-card:hover,.home-experience .division-card:hover,.home-experience .note-card:hover{transform:translateY(-7px) rotateX(1.8deg) scale(1.008)}.home-section--vision .split-statement{perspective:1200px}.home-section--vision h2{color:var(--ivory)}.section--bordered{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 0%,rgba(167,180,135,.075),transparent 30rem),linear-gradient(180deg,rgba(245,238,223,.025),transparent),var(--bg-soft)}.eyebrow{color:var(--matcha);font-size:.78rem;font-weight:760;letter-spacing:0;text-transform:uppercase}.section-header{max-width:760px;margin-bottom:34px}.section-header h2{margin-top:12px}.section-header p:last-child{margin-top:16px;font-size:1.05rem}.split-statement{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}.split-statement h2{margin-top:12px}.statement-stack{display:grid;gap:18px;padding-top:4px}.statement-stack p{color:var(--muted-strong);font-size:1.08rem}.card-grid{display:grid;gap:18px}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.work-card,.division-card,.note-card,.principles-grid article,.note-panel{position:relative;isolation:isolate;overflow:hidden;min-height:100%;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 18% 0%,rgba(167,180,135,.1),transparent 72%),linear-gradient(180deg,#f5eedf0a,#f5eedf04),var(--surface);box-shadow:0 24px 70px #00000038;backdrop-filter:blur(18px) saturate(1.08);transform:translateZ(0);transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.work-card:before,.division-card:before,.note-card:before,.principles-grid article:before,.note-panel:before{content:"";position:absolute;inset:-1px;z-index:-1;opacity:0;background:radial-gradient(circle at 20% 0%,rgba(245,238,223,.2),transparent 32%),radial-gradient(circle at 86% 18%,rgba(184,216,204,.14),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.11),transparent 38%,rgba(167,180,135,.1));transition:opacity .26s ease}.work-card:after,.division-card:after,.note-card:after,.principles-grid article:after,.note-panel:after{content:"";position:absolute;top:-45%;left:-60%;z-index:-1;width:80%;height:190%;opacity:0;background:linear-gradient(105deg,transparent 0%,rgba(245,238,223,.03) 34%,rgba(245,238,223,.22) 48%,rgba(184,216,204,.08) 56%,transparent 72%);filter:blur(10px);transform:rotate(8deg) translate(-12%);transition:opacity .22s ease,transform .7s cubic-bezier(.22,1,.36,1)}.work-card:hover,.division-card:hover,.note-card:hover,.principles-grid article:hover,.note-panel:hover{border-color:#b8d8cc61;background:radial-gradient(circle at 18% 0%,rgba(184,216,204,.16),transparent 70%),linear-gradient(180deg,#f5eedf13,#f5eedf07),#121511c7;box-shadow:0 34px 90px #00000057,0 0 0 1px #f5eedf0f inset,0 0 38px #b8d8cc14;transform:translateY(-6px) scale(1.006)}.work-card:hover:before,.division-card:hover:before,.note-card:hover:before,.principles-grid article:hover:before,.note-panel:hover:before{opacity:1}.work-card:hover:after,.division-card:hover:after,.note-card:hover:after,.principles-grid article:hover:after,.note-panel:hover:after{opacity:1;transform:rotate(8deg) translate(210%)}.work-card,.division-card,.note-card{display:flex;flex-direction:column;padding:24px}.work-card__meta,.work-card__footer,.note-card__meta,.note-card__footer,.division-card__topline,.note-page__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:.82rem}.work-card__meta,.note-card__meta,.division-card__topline{margin-bottom:22px}.work-card h3,.note-card h3,.division-card h3{margin-bottom:14px}.work-card p,.note-card p,.division-card p{flex:1}.work-card__footer,.note-card__footer{margin-top:24px}.status-pill,.platform,.note-card__footer span,.note-page__meta span,.note-page__meta time{border:1px solid var(--line);border-radius:999px;padding:4px 9px;background:#f5eedf08}.status-pill{color:var(--matcha)}.text-link{width:fit-content;margin-top:22px;color:var(--ivory);font-weight:650;border-bottom:1px solid rgba(167,180,135,.8)}.text-link:hover,.note-card h3 a:hover{color:var(--soft-mint)}.division-card dl{display:grid;gap:16px;margin:24px 0 0}.division-card dt{color:var(--soft-mint);font-size:.78rem;font-weight:720;text-transform:uppercase}.division-card dd{margin:6px 0 0;color:var(--muted)}.page-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 0%,rgba(167,180,135,.11),transparent 32rem),linear-gradient(180deg,rgba(245,238,223,.025),transparent 70%),var(--bg)}.page-hero--visual{background:radial-gradient(circle at 70% 30%,rgba(167,180,135,.12),transparent 30rem),linear-gradient(90deg,#080a09f7,#111412c7),url(/assets/quadraj-hero-matcha.png);background-position:center right;background-size:cover}.page-hero__inner{max-width:900px;padding:92px 0 76px;animation:pageRise .72s cubic-bezier(.22,1,.36,1) both}.page-hero h1{margin-top:14px;font-size:4rem}.page-hero p:last-child{max-width:740px;margin-top:20px;color:var(--muted-strong);font-size:1.12rem}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:56px;animation:pageRise .76s cubic-bezier(.22,1,.36,1) 80ms both}.category-nav a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted-strong);background:#ffffff08}.category-nav a:hover{border-color:var(--line-strong);color:var(--text)}.work-group+.work-group{margin-top:80px}.note-panel{padding:34px}.note-panel h2{margin-top:12px}.note-panel p:last-child{max-width:820px;margin-top:18px;color:var(--muted-strong)}.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.principles-grid article{padding:28px}.principles-grid h3{margin-top:20px;margin-bottom:12px}.note-page__header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 22% 0%,rgba(167,180,135,.1),transparent 28rem),linear-gradient(180deg,rgba(245,238,223,.025),transparent 70%),var(--bg)}.note-page__header .container{max-width:860px;padding:92px 0 68px}.note-page h1{margin-top:14px;font-size:4rem}.note-page__header p:not(.eyebrow){max-width:720px;margin-top:18px;color:var(--muted-strong);font-size:1.08rem}.note-page__meta{margin-top:24px}.prose{max-width:760px;padding:72px 0 96px}.prose p{margin-top:20px;color:var(--muted-strong);font-size:1.08rem}.prose h2,.prose h3{margin-top:42px}.prose a{color:var(--soft-mint);border-bottom:1px solid rgba(167,180,135,.5)}.site-footer{border-top:1px solid var(--line);background:var(--bg-deep)}@keyframes pageRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.site-footer__inner{width:min(100% - 40px,var(--max));margin-inline:auto;padding:42px 0;display:grid;grid-template-columns:1fr 1fr;gap:48px}.footer-kicker{color:var(--text);font-weight:720}.footer-statement{max-width:360px;margin-top:10px;color:var(--muted-strong);font-size:1.05rem}.footer-meta{display:grid;gap:8px;justify-items:end;text-align:right}.footer-meta p{max-width:520px;font-size:.92rem}.footer-policy-link{color:var(--muted-strong);border-bottom:1px solid var(--line-strong)}.footer-policy-link:hover{color:var(--text)}@media (max-width: 1040px){h1{font-size:3.6rem}h2{font-size:2.25rem}.hero h1,.page-hero h1,.note-page h1{font-size:4.25rem}.card-grid--four,.card-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.split-statement{grid-template-columns:1fr;gap:30px}.hero__glass-logo{right:2vw;width:min(44vw,380px);opacity:calc(.24 - var(--hero-progress, 0) * .1)}.hero__orbit,.hero__depth-card{display:none}}@media (max-width: 760px){.container,.site-header__inner,.hero__content,.site-footer__inner{width:min(100% - 28px,var(--max))}.site-header{position:static}.site-header__inner{min-height:auto;padding:18px 0;align-items:flex-start;flex-direction:column}.site-header__right{width:100%;align-items:stretch;flex-direction:column}.site-nav{width:100%;overflow:visible;flex-wrap:wrap;justify-content:flex-start;border-radius:var(--radius)}.site-nav a{flex:1 1 auto;justify-content:center;padding:0 10px}.language-switcher{width:max-content}.hero,.hero__content{min-height:auto}.hero__content{padding:82px 0 86px}.hero__media{transform:none}.hero__glass-logo{top:18px;right:12px;width:min(48vw,220px);opacity:.18;transform:none}.hero h1,.page-hero h1,.note-page h1{font-size:3.15rem}.hero__statement{font-size:1.55rem}[data-home-reveal]{transform:translate3d(0,22px,0)}.page-hero__inner,.note-page__header .container{padding:68px 0 56px}.section{padding:68px 0}.card-grid--four,.card-grid--three,.card-grid--two,.principles-grid,.site-footer__inner{grid-template-columns:1fr}.footer-meta{justify-items:start;text-align:left}}@media (max-width: 460px){.hero h1,.page-hero h1,.note-page h1{font-size:2.45rem}h2{font-size:1.9rem}.hero__actions,.button{width:100%}.intro-overlay__logo{width:min(68vw,300px)}.work-card,.division-card,.note-card,.principles-grid article,.note-panel{padding:20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.intro-overlay,.intro-overlay__glow,.intro-overlay__logo,.intro-overlay__wordmark,.intro-overlay__line,[data-home-reveal],.hero__media,.hero__glass-logo,.hero__orbit,.hero__depth-card{animation:none!important;transition:none!important;transform:none!important}[data-home-reveal]{opacity:1!important}}