:root{color:#f7f2e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#11120f;--paper:#f7f2e8;--muted:#a7a08e;--line:#f7f2e829;--cyan:#14ffec;--coral:#ff6b4a;--olive:#b7d66b;background:#0e0f0d;font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,#f7f2e809 1px,#0000 1px) 0 0/84px 84px,linear-gradient(0deg,#f7f2e809 1px,#0000 1px) 0 0/84px 84px,radial-gradient(circle at 14% 12%,#14ffec30,#0000 28rem),radial-gradient(circle at 86% 18%,#ff6b4a29,#0000 24rem),#0e0f0d;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#app{min-height:100vh}.portfolio-shell{align-content:center;gap:18px;width:min(1210px,100% - 32px);min-height:100vh;margin:0 auto;padding:32px 0;display:grid}.hero{isolation:isolate;border:1px solid var(--line);background:linear-gradient(135deg,#f7f2e81a,#f7f2e806),#0f100ddb;border-radius:28px;grid-template-columns:.84fr minmax(280px,.42fr);gap:24px;min-height:620px;padding:clamp(28px,5vw,72px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 120px #0000005c}.hero:before{content:"";z-index:-1;filter:blur(38px);opacity:.62;background:linear-gradient(90deg,#0000,#14ffec8c,#ff6b4a66,#0000);height:62%;position:absolute;inset:auto -18% -46% 28%;transform:rotate(-8deg)}.hero:after{content:"DESIGN";z-index:-1;letter-spacing:0;color:#f7f2e80b;font-family:Fraunces,Georgia,serif;font-size:clamp(7rem,22vw,20rem);font-weight:900;line-height:.8;position:absolute;bottom:-.22em;right:-.08em}.brand-mark{background:#0e0f0dbd;border:1px solid #14ffec61;border-radius:24px;place-items:center;width:76px;height:76px;display:grid;position:absolute;top:28px;left:28px;box-shadow:inset 0 0 28px #14ffec17}.brand-mark img{width:42px;height:auto}.hero-copy{flex-direction:column;justify-content:flex-end;max-width:760px;padding-top:110px;display:flex}.eyebrow,.availability,.project-card>p:first-child{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}h1{letter-spacing:0;text-wrap:balance;max-width:9ch;margin:20px 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(4.4rem,11vw,10.8rem);font-weight:900;line-height:.84}.intro{color:#f7f2e8bd;max-width:660px;margin:28px 0 0;font-size:clamp(1.03rem,1.8vw,1.35rem)}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-action,.secondary-action{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-weight:900;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.primary-action{color:var(--ink);background:var(--cyan);box-shadow:0 18px 44px #14ffec2e}.secondary-action{background:#f7f2e812;border:1px solid #f7f2e83d}.primary-action:hover,.secondary-action:hover,.social-link:hover,.project-card:hover{transform:translateY(-3px)}.primary-action:focus-visible,.secondary-action:focus-visible,.social-link:focus-visible{outline:3px solid var(--olive);outline-offset:4px}.contact-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f2e814;border:1px solid #f7f2e829;border-radius:22px;align-self:end;gap:18px;padding:20px;display:grid}.availability{color:var(--olive)}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.social-link{color:#f7f2e8db;background:#0e0f0d99;border:1px solid #f7f2e81f;border-radius:16px;align-items:center;gap:10px;min-height:58px;padding:12px;font-size:.88rem;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:flex}.social-link:hover{background:#14ffec14;border-color:#14ffec8a}.social-link img{flex:none;width:24px;height:24px}.studio-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.studio-strip span{border:1px solid var(--line);color:#f7f2e8c7;background:#f7f2e812;border-radius:18px;place-items:center;min-height:64px;font-weight:900;display:grid}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--line);min-height:240px;color:var(--ink);background:#f7f2e8;border-radius:24px;padding:24px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.project-card:nth-child(2){background:#ff6b4a}.project-card:nth-child(3){background:#b7d66b}.project-card:hover{box-shadow:0 24px 70px #00000042}.project-card>p:first-child{color:#11120f9e}.project-card h2{letter-spacing:0;max-width:10ch;margin:48px 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(2.25rem,4vw,3.55rem);line-height:1;position:relative}.project-number{color:#11120f33;font-family:Fraunces,Georgia,serif;font-size:4rem;font-weight:900;line-height:1;position:absolute;top:18px;right:22px}.project-description{color:#11120fb8;max-width:28ch;margin:22px 0 0;font-weight:700}@media (width<=900px){.portfolio-shell{align-content:start;width:min(100% - 24px,720px);padding:12px 0}.hero{grid-template-columns:1fr;min-height:auto;padding:24px}.hero-copy{padding-top:104px}.contact-card{align-self:stretch}.studio-strip,.project-grid{grid-template-columns:1fr}}@media (width<=560px){.portfolio-shell{width:min(100% - 18px,420px)}.hero{border-radius:22px}.brand-mark{border-radius:20px;width:64px;height:64px;top:20px;left:20px}.brand-mark img{width:35px}.hero-copy{padding-top:88px}h1{font-size:clamp(3.55rem,18vw,5.2rem)}.actions,.social-grid{grid-template-columns:1fr}.actions{display:grid}.primary-action,.secondary-action{width:100%}.studio-strip span{min-height:54px}}