:root{--blush:#fbe9f0;--lilac:#ece3f8;--mint:#d6f0e4;--butter:#fcf1c9;--ink:#3a2335;--ink-soft:#5c4757;--faded:#7a6475;--rule:#ebcfdc;--berry:#a83d66;--sans:"Schibsted Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;font-family:var(--sans);color:var(--ink);background:var(--blush);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:linear-gradient(180deg, var(--blush) 0%, #fbeef4 60%, var(--lilac) 100%);min-width:320px;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}ul,dl,dd{margin:0;padding:0}ul{list-style:none}::selection{color:var(--ink);background:var(--butter)}:focus-visible{outline:2px solid var(--berry);outline-offset:4px;border-radius:4px}.page{width:min(100%,1180px);margin:0 auto;padding:0 clamp(16px,4vw,48px)}.topbar{z-index:10;justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex;position:sticky;top:0}.topbar:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);background:#fbe9f0e0;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.logo{letter-spacing:-.03em;font-size:1.375rem;font-weight:800}.topbar nav{gap:clamp(14px,3vw,32px);font-size:.9375rem;font-weight:500;display:flex}.topbar nav a{color:var(--ink-soft)}.topbar nav a:hover{color:var(--berry)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px);min-height:min(720px,100svh - 68px);padding:clamp(48px,7vw,96px) 0;display:grid}.hero h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 24px;font-size:clamp(2.75rem,6vw,5.25rem);font-weight:800;line-height:.98}.lead{max-width:34ch;color:var(--ink-soft);margin:0 0 32px;font-size:clamp(1.0625rem,1.5vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{background:var(--ink);min-height:46px;color:var(--blush);border-radius:999px;align-items:center;padding:0 22px;font-weight:600;transition:background .16s;display:inline-flex}.button:hover{background:var(--berry)}.button-quiet{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.button-quiet:hover{background:var(--lilac)}.trace{background:var(--lilac);font-family:var(--mono);border-radius:20px;padding:clamp(20px,3vw,32px);font-size:clamp(.78rem,1.15vw,.92rem);line-height:1.5;box-shadow:0 0 0 1px #ddd0ef,0 24px 48px -28px #5a326e59}.trace-line{border-radius:8px;margin:0;padding:6px 10px;display:block}.trace-head{margin-bottom:8px}.trace-type{color:var(--berry);font-weight:700}.trace-frame{text-indent:-24px;color:var(--ink-soft);padding-left:34px}.trace-frame b{color:var(--ink);font-weight:700}.trace-at,.trace-file{color:var(--faded)}.trace-cause{margin-top:8px;font-weight:700}.trace-frame:hover,.trace-cause:hover{background:var(--mint)}.trace-frame,.trace-cause{animation:.26s ease-out both trace-in;animation-delay:calc(var(--i) * .11s + .2s)}@keyframes trace-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.section{border-top:1px solid var(--rule);padding:clamp(64px,9vw,112px) 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;margin-bottom:clamp(32px,4vw,48px);display:flex}.section-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05}.section-head p{max-width:46ch;color:var(--faded);margin:0}.project-list{gap:16px;margin-bottom:28px;display:grid}.project{box-shadow:inset 0 0 0 1px var(--rule);background:#ffffff80;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-template-areas:"name desc""name meta";gap:8px clamp(24px,4vw,56px);padding:clamp(24px,3vw,36px);transition:background .16s;display:grid}.project:hover{background:var(--butter)}.project h3{letter-spacing:-.03em;grid-area:name;margin:0;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:800;line-height:1.05}.project-desc{max-width:52ch;color:var(--ink-soft);grid-area:desc;margin:0}.project-meta{flex-wrap:wrap;grid-area:meta;gap:8px;margin:8px 0 0;font-size:.875rem;display:flex}.project-meta span{background:var(--mint);border-radius:999px;padding:3px 12px}.project-meta span+span{background:var(--lilac)}.text-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--berry);text-decoration-color:var(--berry);font-weight:600}.text-link:hover{color:var(--berry)}.about-body{max-width:62ch}.about-body p{color:var(--ink-soft);margin:0 0 20px;font-size:clamp(1.0625rem,1.5vw,1.25rem)}.interest-list{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.interest-list li{box-shadow:inset 0 0 0 1px var(--rule);background:#ffffff8c;border-radius:999px;padding:6px 14px;font-size:.9375rem;font-weight:500}.service-list{border-top:1px solid var(--rule);margin-bottom:36px}.service-row{border-bottom:1px solid var(--rule);grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:8px clamp(24px,5vw,72px);padding:22px 0;display:grid}.service-row dt{font-size:1.125rem;font-weight:700}.service-row dd{max-width:60ch;color:var(--ink-soft)}.contact{border-top:1px solid var(--rule);padding:clamp(72px,10vw,128px) 0 64px}.contact h2{letter-spacing:-.045em;margin:0 0 clamp(32px,5vw,48px);font-size:clamp(3rem,8vw,6.5rem);font-weight:800;line-height:.95}.contact-links{border-top:1px solid var(--rule)}.contact-links li{border-bottom:1px solid var(--rule)}.contact-links a,.contact-links button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:110px minmax(0,1fr) auto;align-items:baseline;gap:4px 24px;width:100%;padding:20px 12px;transition:background .16s;display:grid}.contact-links a:hover,.contact-links button:hover{background:#ffffff8c}.contact-links button.is-copied{background:var(--mint)}.contact-where{color:var(--faded);font-size:.9375rem}.contact-handle{overflow-wrap:anywhere;letter-spacing:-.015em;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700}.contact-do{color:var(--berry);font-size:.9375rem;font-weight:600}footer{border-top:1px solid var(--rule);min-height:72px;color:var(--faded);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}footer p{margin:0}footer a:hover{color:var(--berry)}@media (width<=820px){.hero{grid-template-columns:1fr;min-height:0}.project{grid-template-columns:1fr;grid-template-areas:"name""desc""meta"}}@media (width<=560px){.topbar nav{gap:12px;font-size:.875rem}.topbar nav a[href=\#about],.trace-pkg{display:none}.service-row{grid-template-columns:1fr}.contact-links a,.contact-links button{grid-template-columns:minmax(0,1fr) auto}.contact-where{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}