:root{--bg:#f3f0e5;--panel:#fffdf5;--ink:#181b13;--muted:#676953;--line:#d9d6ad;--acid:#e9f332;--acid-2:#cbd61d;--shadow:#1b20120f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:"Segoe UI",system-ui,sans-serif}html[data-theme="dark"]{--bg:#11140d;--panel:#171b12;--ink:#f4f0dd;--muted:#bbb99e;--line:#383d1e;--shadow:#0007}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 32px));margin:auto;padding:18px 0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand>span{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--acid-2);border-radius:50%;color:var(--acid);font:700 1.1rem Georgia}.brand strong{font-size:.9rem}.brand small{display:block;margin-top:3px;color:var(--acid);font-size:.58rem;letter-spacing:.25em}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none}.theme-toggle,.nav-toggle{padding:9px 14px;color:var(--ink);border:1px solid var(--line);border-radius:999px;background:transparent;font:inherit;cursor:pointer}.nav-toggle{display:none}main{width:min(1160px,calc(100% - 32px));margin:auto}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;min-height:690px;padding:70px 55px}.eyebrow{margin:0 0 20px;color:var(--acid);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:0;font:700 clamp(4.3rem,8vw,7.5rem)/.79 Georgia,serif;letter-spacing:-.055em}.hero-copy>p:not(.eyebrow){max-width:570px;margin:38px 0 26px;color:var(--muted);font-size:1.05rem;line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;padding:14px 20px;border:1px solid var(--line);border-radius:9px;font-weight:800;text-decoration:none}.button.primary{color:#16180c;border-color:var(--acid);background:var(--acid)}.hero-art{position:relative;isolation:isolate;min-height:500px;overflow:hidden;border:1px solid #ecf34c;border-radius:30px;color:white;background:linear-gradient(145deg,#f7ff59,#dbe91e);box-shadow:0 35px 80px var(--shadow)}.hero-art:before{position:absolute;inset:0;z-index:-1;content:"";background:repeating-linear-gradient(135deg,#fff2 0 2px,transparent 2px 7px)}.mosaic{position:absolute;inset:34% 0 27%;background:conic-gradient(from 90deg at 25% 50%,#fff1 25%,#abb50044 0 50%,#fff2 0 75%,#89960033 0);background-size:135px 100%}.orb{position:absolute;border:8px solid #ffffa6aa;border-radius:50%}.orb.one{width:110px;height:110px;left:35%;top:16%}.orb.two{width:130px;height:130px;right:20%;top:20%}.orb.three{width:85px;height:85px;left:23%;bottom:26%}.hero-art strong{position:absolute;left:8%;top:46%;font-size:1.6rem}.hero-art em{position:absolute;left:12%;bottom:8%;font:700 2.7rem Georgia;transform:rotate(-5deg)}.section{padding:95px 55px;border-top:1px solid var(--line)}.section h2{margin:0 0 35px;font:700 clamp(2.5rem,5vw,4.4rem) Georgia}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-grid article{min-height:280px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 18px 40px var(--shadow)}.project-icon{color:var(--acid);font-size:2.2rem}.project-grid h3{font:700 1.6rem Georgia}.project-grid p,.about p{color:var(--muted);line-height:1.6}.tag{display:inline-flex;padding:7px 11px;border-radius:999px;color:#17190b;background:var(--acid);font-weight:800}.about{min-height:350px}footer{width:min(1160px,calc(100% - 32px));margin:auto;padding:30px 0 50px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:800px){.site-header{padding:12px 0}.nav-toggle{display:block}nav{position:absolute;top:65px;right:0;display:none;align-items:stretch;flex-direction:column;gap:5px;min-width:190px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}nav.open{display:flex}.hero{grid-template-columns:1fr;gap:35px;padding:55px 5px}.hero h1{font-size:clamp(3.5rem,17vw,6rem)}.hero-art{min-height:390px}.section{padding:70px 5px}.project-grid{grid-template-columns:1fr}}