*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f0e0d;--color-surface: rgba(255, 255, 255, .045);--color-surface-strong: rgba(255, 255, 255, .08);--color-text: #f4f1ea;--color-text-soft: #d8d0c3;--color-text-muted: #b3aa9d;--color-text-dim: #8d857a;--color-accent: #e7dfd2;--color-accent-hover: #f1eadf;--color-accent-ink: #171513;--color-border: rgba(255, 255, 255, .12);--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Georgia", serif;--font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}html{scroll-behavior:smooth}body{min-width:320px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 28%),radial-gradient(circle at bottom right,rgba(255,255,255,.025),transparent 24%);opacity:.9}#root{isolation:isolate}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}h1,h2,h3{font-weight:500}p{text-wrap:pretty}::selection{background:#e7dfd238}.app{min-height:100vh;background:radial-gradient(circle at top,rgba(255,255,255,.05),transparent 34%),linear-gradient(180deg,#141210f5,#141210 30%,#0e0d0c)}.page{width:min(100%,1120px);margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}.banner{display:flex;justify-content:center;align-items:center;gap:.55rem;padding:.55rem 1rem;background:#ff69b4;color:#1c0a14;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.banner-dot{width:7px;height:7px;border-radius:50%;background:#1c0a14;flex-shrink:0}.intro{min-height:calc(100svh - 37px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 0 5.5rem;position:relative}.avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;margin-bottom:2rem;border:1px solid rgba(231,223,210,.18);box-shadow:0 10px 30px #00000059}h1{font-family:var(--font-display);font-size:clamp(2.4rem,5.4vw,4.4rem);font-weight:400;line-height:1.05;letter-spacing:-.025em;text-wrap:balance;color:var(--color-text);margin-bottom:1.5rem}.sub{color:var(--color-text-muted);font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.65;max-width:38rem;margin:0 auto 2.4rem}.sub strong{color:var(--color-text);font-weight:600}.doors{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-bottom:1.8rem}.btn{display:inline-flex;align-items:center;padding:.9rem 1.7rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.btn.primary{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:0 14px 40px #0000003d}.btn.primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn.ghost{border:1px solid var(--color-border);color:var(--color-text-muted)}.btn.ghost:hover{color:var(--color-text);border-color:#e7dfd266;transform:translateY(-1px)}.roles{color:var(--color-text-dim);font-size:.9rem}.next{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--color-text-dim);font-size:.85rem;text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:4px;transition:color .16s ease}.next:hover{color:var(--color-text)}a:focus-visible,.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.work{min-height:100svh;display:flex;flex-direction:column;gap:clamp(2.5rem,5.5vh,4rem);padding-top:clamp(2.5rem,5vh,4.5rem);border-top:1px solid var(--color-border);scroll-margin-top:0}.block h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:400;letter-spacing:-.01em;color:var(--color-text)}.note{color:var(--color-text-dim);font-size:.9rem;margin-top:.35rem}.contracts{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1.5rem;margin-top:1.3rem}.contract{min-width:0;border:1px solid rgba(231,223,210,.24);border-left:3px solid var(--color-accent);border-radius:12px;background:#e7dfd20b;padding:1.3rem 1.6rem 1.4rem}.contract h3{font-family:var(--font-display);font-size:1.45rem;font-weight:600;color:var(--color-text);line-height:1.2}.contract-client{color:var(--color-accent);font-size:1rem;margin-top:.25rem}.contract-when{color:var(--color-text-dim);font-size:.85rem;margin-top:.15rem}.contract-detail{color:var(--color-text-muted);font-size:.98rem;line-height:1.6;margin-top:.75rem;max-width:34rem}.proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem 2.2rem;margin-top:1.3rem}.job{min-width:0;border-top:1px solid var(--color-border);padding-top:1.1rem}.job h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--color-text);line-height:1.25}.line{color:var(--color-text-dim);font-size:.88rem;margin-top:.3rem}.num{color:var(--color-text-soft);font-size:.92rem;line-height:1.55;margin-top:.7rem}.shipped ul{list-style:none;display:flex;flex-wrap:wrap;gap:.7rem 1.8rem;margin-top:1.2rem}.shipped a{color:var(--color-text-muted);font-size:1rem;text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:4px;transition:color .16s ease}.shipped a:hover{color:var(--color-text)}.bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding:1.2rem 0 1.6rem;border-top:1px solid var(--color-border);color:var(--color-text-dim);font-size:.85rem}.bottom span:last-child{display:flex;gap:1.2rem}.bottom a{color:var(--color-text-dim);transition:color .16s ease}.bottom a:hover{color:var(--color-text)}@media(max-width:760px){.intro{padding:3rem 0 4.5rem}.avatar{width:88px;height:88px;margin-bottom:1.5rem}.doors{flex-direction:column;align-items:stretch;width:100%}.btn{justify-content:center}.contract{padding:1.3rem 1.3rem 1.4rem}.bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){.btn,.btn:hover{transition:none;transform:none}}.job h3 a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(231,223,210,.3)}.job h3 a:hover{border-bottom-color:var(--color-accent)}