:root{--bg: #f7f3ec;--surface: #fffaf2;--surface-strong: #ffffff;--ink: #171717;--muted: #66605a;--line: #ded7cb;--accent: #2532d9;--accent-dark: #164c48;--coral: #2532d9;--gold: #c69a38;--shadow: 0 24px 70px rgba(33, 28, 22, .12);--radius: 8px;--max-width: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.6}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:24px;left:0;z-index:20;width:100%;background:transparent;pointer-events:none}.site-header.is-scrolled{border-color:transparent}.nav{width:min(calc(100% - 56px),1140px);min-height:74px;margin:0 auto;padding:12px 14px 12px 26px;display:flex;position:relative;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.46);border-radius:24px;background:#faf8f4ad;box-shadow:0 22px 70px #1717171f,inset 0 1px #ffffffbf;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);pointer-events:auto;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.site-header.is-scrolled .nav{background:#faf8f4c7;box-shadow:0 18px 58px #17171726,inset 0 1px #fffc;transform:translateY(-2px)}.brand{display:inline-flex;align-items:center}.brand img{display:block;width:auto;height:31.68px}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{border-radius:999px;color:var(--muted);font-size:.9rem;font-weight:600;padding:9px 14px;transition:background .18s ease,color .18s ease}.nav-links a:hover,.nav-links a.is-active{background:#ffffff94;color:var(--ink)}.nav-links a:last-child{min-width:118px;margin-left:6px;background:#2532d9;color:#fff;text-align:center}.nav-links a:last-child:hover,.nav-links a:last-child.is-active{background:#1621ba;color:#fff}.nav-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;margin:5px auto;background:var(--ink);transition:transform .18s ease}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.section{width:min(calc(100% - 40px),var(--max-width));margin:0 auto;padding:112px 0;scroll-margin-top:88px}.hero{min-height:100vh;padding-top:140px;display:flex;align-items:center;justify-content:center}.hero-content{width:min(100%,720px);text-align:center}.eyebrow{margin:0 0 18px;padding-left:1px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.scramble-text{display:inline-block;min-width:100%}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:24px;font-size:clamp(4rem,11vw,8.25rem);line-height:.9;letter-spacing:0}.hero h1{font-size:clamp(3.2rem,calc(9.6vw - 60px),5.35rem)}h2{max-width:780px;margin-bottom:0;font-size:clamp(2rem,5vw,4.25rem);line-height:1.03;letter-spacing:0}h3{margin-bottom:10px;font-size:1.25rem;line-height:1.2}.hero-lead{max-width:620px;margin-right:auto;margin-left:auto;color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem)}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-actions{justify-content:center}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;font-weight:800;padding:12px 20px;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:var(--surface-strong)}.button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.hero-actions .button.primary:hover,.case-copy .button.primary:hover,.contact-actions .button.primary:hover{background:#2532d9;border-color:#2532d9}.button.secondary{background:transparent}.button.secondary:hover{background:var(--surface-strong)}.portrait-card{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.portrait-image{aspect-ratio:857 / 1459;display:grid;place-items:center;margin-bottom:18px;overflow:hidden;border:1px solid #ded7cb;border-radius:999px;background:var(--surface-strong);box-shadow:var(--shadow)}.portrait-image img{width:100%;height:100%;border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:cover}.section-heading{margin-bottom:48px}.about .section-heading{margin-bottom:28px}.about .section-heading h2{max-width:1120px}.text-line,.desktop-line{display:block}.mobile-line{display:none}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,257px);gap:clamp(24px,3.8vw,54px);align-items:start;max-width:1120px}.about-text{color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.about-portrait{width:min(100%,257px);justify-self:end;margin-top:-266px;margin-right:38px}.skills{display:flex;flex-wrap:wrap;gap:10px}.skills span{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:700;padding:10px 14px}.experience-tools{max-width:980px}.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:0 18px 52px #1717170f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.project-card:hover,.project-card:focus-visible{border-color:#00599261;box-shadow:var(--shadow);transform:translateY(-3px)}.project-card:focus-visible{outline:3px solid rgba(37,50,217,.22);outline-offset:4px}.project-card-head{display:grid;grid-template-columns:minmax(190px,.92fr) minmax(0,1fr);gap:22px;align-items:start}.project-media{width:100%;min-height:0;overflow:hidden;border-radius:var(--radius);border:1px solid rgba(23,23,23,.08);background:transparent}.project-media img{display:block;width:100%;height:auto}.project-content{padding:12px 8px 0 0}.project-content h3{font-size:1.42rem}.project-tag{margin-bottom:12px;color:var(--coral);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.project-description{max-width:none;margin-bottom:0;color:var(--muted);font-size:1.02rem}.projects-more{display:flex;justify-content:center;margin-top:64px}.projects-more .button.primary:hover{background:#2532d9;border-color:#2532d9}.case-page{width:min(calc(100% - 32px),1720px);margin:0 auto;padding:156px 0 96px}.case-top-nav{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin-bottom:56px;padding:0;border:0;background:transparent;box-shadow:none}.case-top-nav a{color:var(--accent);font-size:.84rem;font-weight:800}.case-top-nav a:first-child{justify-self:start}.case-top-nav a:hover{color:#2532d9}.case-hero{display:grid;grid-template-columns:minmax(280px,.28fr) minmax(720px,.72fr);align-items:start;gap:clamp(28px,4vw,68px)}.case-copy{position:sticky;top:138px;align-self:start;max-height:calc(100vh - 164px);overflow-y:auto;overscroll-behavior:contain;padding-right:14px;scrollbar-color:rgba(0,89,146,.38) transparent;scrollbar-width:thin}.case-copy::-webkit-scrollbar{width:6px}.case-copy::-webkit-scrollbar-track{background:transparent}.case-copy::-webkit-scrollbar-thumb{border-radius:999px;background:#00599247}.case-copy:hover::-webkit-scrollbar-thumb{background:#0059927a}.case-copy h1{margin-bottom:18px;font-size:1.42rem;line-height:1.2}.case-lead{max-width:460px;color:var(--muted);font-size:clamp(1.08rem,1.35vw,1.32rem)}.case-details{display:grid;gap:18px;margin:34px 0}.case-details div{padding-top:18px;border-top:1px solid var(--line)}.case-details dt{margin-bottom:6px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.case-details dd{margin:0;color:var(--muted)}.case-gallery{display:grid;gap:22px}.case-mobile-button{display:none}.case-media{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow)}.case-media img{display:block;width:100%;height:auto;object-fit:contain}.case-embed{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow)}.case-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.contact{padding-bottom:80px}.contact-panel{padding:clamp(32px,7vw,72px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow)}.contact-panel h2{max-width:820px}.contact-panel p:not(.eyebrow){max-width:880px;margin-top:22px;color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem)}.footer{width:min(calc(100% - 40px),var(--max-width));margin:0 auto;padding:28px 0 42px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.footer p{margin:0}.footer a{font-weight:800}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:860px){.site-header{top:14px}.nav{width:min(calc(100% - 28px),var(--max-width));min-height:66px;padding:10px 10px 10px 18px;border-radius:20px}.nav-toggle{display:block}.nav-links{position:absolute;top:calc(100% + 10px);right:0;left:0;display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.46);border-radius:20px;background:#faf8f4e6;box-shadow:0 22px 70px #1717171f,inset 0 1px #ffffffbf;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{border-radius:var(--radius);padding:14px}.nav-links a:last-child{margin-left:0;border-radius:999px}.section{width:min(calc(100% - 28px),var(--max-width));padding:84px 0}.hero{min-height:auto;padding-top:154px;grid-template-columns:1fr;gap:42px}.about-grid,.project-card,.case-hero,.project-list{grid-template-columns:1fr}.about-portrait{width:min(50vw,195px);justify-self:center;margin:0 auto}.project-card{gap:8px}.project-card-head{grid-template-columns:1fr;gap:12px}.case-page{width:min(calc(100% - 28px),var(--max-width));padding:122px 0 74px}.case-top-nav{grid-template-columns:1fr auto auto;gap:12px;margin-bottom:28px}.case-top-nav a:first-child{justify-self:start}.case-hero{min-height:auto;gap:34px}.case-copy{position:static;max-height:none;overflow:visible;padding-right:0}.case-desktop-button{display:none}.case-mobile-button{display:inline-flex}.case-media img{width:100%}}@media(max-width:520px){h1{font-size:3.55rem}.hero h1{font-size:clamp(2.2rem,10.2vw,2.9rem);white-space:nowrap}.hero-actions,.contact-actions,.footer{flex-direction:column;align-items:stretch}.button{width:100%}}@media(max-width:760px){.desktop-line{display:none}.mobile-line{display:inline}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}