@font-face{font-family:JetBrains Mono;src:url(../assets/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+2190-21FF}:root{--bg:#0a0a0a;--surface:#141414;--guide:#171717;--line:#1f1f1f;--line-strong:#2e2e2e;--fg:#e8e8e8;--body:#9a9a9a;--muted:#6b6b6b;--silver:silver;--serif:"Newsreader", "Times New Roman", serif;--sans:"Funnel Sans", "Helvetica Neue", Arial, sans-serif;--mono:"DM Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--script:"Mrs Saint Delafield", cursive;--cols:12;--gutter:2rem;--pad:2rem;--ease:cubic-bezier(.22, 1, .36, 1)}html{font-size:min(1.11111vw,1.78571svh)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);height:100svh;color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5;overflow:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--silver);color:var(--bg)}:focus-visible{outline:1px solid var(--silver);outline-offset:.25rem}.meta{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);font-size:.6875rem;line-height:1.5}.meta--fg{color:var(--fg)}.dot{background:var(--silver);border-radius:50%;flex:none;width:.4rem;height:.4rem;animation:2.4s ease-in-out infinite dot-pulse}@keyframes dot-pulse{50%{opacity:.25}}.link{display:inline-block;position:relative}.link:after{content:"";transform-origin:100%;height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:-.1em;left:0;right:0;transform:scaleX(0)}.link:hover:after{transform-origin:0;transform:scaleX(1)}.is-intro :is([data-intro],.guide__col){visibility:hidden}.guide{z-index:0;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);padding:0 var(--pad);pointer-events:none;transition:opacity .5s var(--ease);display:grid;position:fixed;inset:0}.guide__col{border-left:1px solid var(--guide)}.guide__col:last-child{border-right:1px solid var(--guide)}body.is-grid-off .guide{opacity:0}.page{z-index:1;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);height:100svh;padding:1.5rem var(--pad) 3.4rem;grid-template-rows:auto 1fr auto;display:grid;position:relative}.head,.hero,.foot{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.head{align-items:start}.head__slogan{font-family:var(--mono);letter-spacing:.03em;white-space:nowrap;grid-column:1/3;font-size:.875rem;line-height:1.18}.head__where{grid-column:5/7}.head__svc{flex-direction:column;grid-column:9/11;gap:.4rem;display:flex}.head__avail{white-space:nowrap;grid-column:11/13;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.svc-list{flex-direction:column;gap:.4rem;display:flex}.svc{font-family:var(--mono);white-space:nowrap;cursor:default;gap:.76rem;font-size:.6875rem;line-height:1.5;display:flex}.svc__num{color:var(--muted);letter-spacing:.04em}.svc__name{transition:color .3s;position:relative}.svc__name:after{content:"";transform-origin:100%;height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:-.15rem;left:0;right:0;transform:scaleX(0)}.svc:hover .svc__name,.svc.is-active .svc__name{color:var(--silver)}.svc:hover .svc__name:after,.svc.is-active .svc__name:after{transform-origin:0;transform:scaleX(1)}.hero{align-self:center;align-items:center;translate:0 .8rem}.hero__mark{--word:10rem;grid-column:1/5;position:relative;translate:0 1.35rem}.hero__word{font-family:var(--serif);font-weight:400;font-size:var(--word);white-space:nowrap;margin-left:-.04em;line-height:.74}.hero__script{left:calc(var(--word) * 1.015);bottom:calc(var(--word) * -.315);font-family:var(--script);font-size:calc(var(--word) * .19);color:var(--silver);white-space:nowrap;pointer-events:none;line-height:1;position:absolute;rotate:-6deg}.hero__coin{grid-column:5/9;justify-self:center;width:26.125rem;translate:0 -1.15rem}.hero__side{flex-direction:column;grid-column:9/13;gap:1rem;display:flex}.hero__lead{letter-spacing:-.02em;font-size:1.875rem;font-weight:400;line-height:1.08}.hero__statement{color:var(--body);font-size:.9375rem;line-height:1.45}.coin{aspect-ratio:1;border-radius:50%;position:relative}.coin__stage{position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 52%,#0000 71%);mask-image:radial-gradient(circle,#000 52%,#0000 71%)}.coin__scene{width:100%;height:100%}.foot{align-items:end}.foot__block{flex-direction:column;gap:.7rem;min-width:0;padding-top:1rem;display:flex}.foot__block--contact{grid-column:1/4}.foot__block--about{grid-column:5/8}.foot__block--work{grid-column:9/13}.foot__mail{letter-spacing:-.015em;align-self:flex-start;font-size:1.625rem;line-height:1.27}.foot__note{max-width:14.7rem}.foot__bio{color:var(--body);font-size:.8125rem;line-height:1.55}.foot__name{color:var(--fg);-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-position:from-font}.foot__sign{color:var(--fg);font-style:normal;display:block}.work{flex-direction:column;display:flex}.work__item{border-top:1px solid var(--line);transition:color .3s, padding .45s var(--ease);grid-template-columns:1.8rem 1fr auto;align-items:baseline;gap:.75rem;padding:.4rem 0;display:grid}.work__item:last-child{border-bottom:1px solid var(--line)}.work:hover .work__item{color:var(--muted)}.work .work__item:hover{color:var(--fg);padding-left:.5rem}.work__name{letter-spacing:-.01em;font-size:1.0625rem;line-height:1.5rem;display:block}.work__tags{margin-top:.15rem;display:block}.float{z-index:40;pointer-events:none;opacity:0;will-change:transform;transition:opacity .25s;position:fixed;top:0;left:0}.float.is-on{opacity:1}.float--preview{aspect-ratio:16/10;background:var(--surface);width:18rem;overflow:hidden}.float--preview img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease);display:block;transform:scale(1.08)}.float--preview.is-on img{transform:scale(1)}.float--tip{background:var(--fg);max-width:18rem;color:var(--bg);padding:.7rem .8rem;font-size:.8125rem;line-height:1.4}.cursor{z-index:60;background:var(--fg);pointer-events:none;mix-blend-mode:difference;width:.5rem;height:.5rem;transition:width .3s var(--ease), height .3s var(--ease), margin .3s var(--ease);border-radius:50%;margin:-.25rem 0 0 -.25rem;position:fixed;top:0;left:0}.cursor.is-hover{width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem}@media (pointer:fine){body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}}@media (width<=1023px){:root{--cols:4;--gutter:1rem;--pad:1.25rem}html{font-size:16px}.guide__col:nth-child(n+5){display:none}.guide__col:nth-child(4){border-right:1px solid var(--guide)}.page{padding:1.25rem var(--pad) 1.5rem;row-gap:1rem}.head,.hero,.foot,.hero__side{display:contents}.head__slogan{grid-area:slogan}.head__svc{grid-area:svc}.head__avail{grid-area:avail;justify-content:flex-start}.hero__mark{grid-area:mark}.hero__coin{grid-area:coin}.hero__lead{grid-area:lead}.foot__block--contact{grid-area:contact}.foot__block--work{grid-area:work}.head__where,.hero__statement,.foot__block--about,.foot__note{display:none}.hero__mark{--word:4.5rem;margin-bottom:calc(var(--word) * .3);align-self:start;translate:none}.hero__lead{font-size:1.5rem;line-height:1.12}.foot__block{padding-top:0}.hero__coin{aspect-ratio:auto;place-self:stretch stretch;width:auto;min-height:0;translate:none;container-type:size}.coin__stage{width:min(100cqw,100cqh);height:min(100cqw,100cqh);margin:auto}:is([data-m="1"],[data-m="3"]) .hero__lead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-m="1"] .page{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"mark mark mark mark""coin coin coin coin""contact contact contact contact"}[data-m="1"] :is(.head__slogan,.head__svc,.head__avail,.foot__block--work){display:none}[data-m="2"] .page{grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-areas:"avail avail avail avail"". . . .""mark mark mark mark""lead lead lead lead""contact contact contact contact"}[data-m="2"] :is(.head__slogan,.head__svc,.hero__coin,.foot__block--work){display:none}[data-m="2"] .hero__mark{--word:min(30vw, 9rem)}[data-m="2"] .hero__lead{margin-bottom:2rem;font-size:1.75rem}[data-m="2"] .foot__note{display:block}[data-m="3"] .page{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"mark mark mark mark""coin coin coin coin""work work work work""contact contact contact contact"}[data-m="3"] :is(.head__slogan,.head__svc,.head__avail){display:none}[data-m="3"] .foot__block--work{margin-bottom:1rem}[data-m="4"] .page{grid-template-rows:auto auto auto minmax(0,1fr) auto auto;grid-template-areas:"mark mark mark mark""lead lead lead lead""avail avail avail avail"". . . .""svc svc svc svc""contact contact contact contact"}[data-m="4"] :is(.head__slogan,.hero__coin,.foot__block--work){display:none}[data-m="4"] .hero__lead{margin-bottom:.5rem;font-size:1.75rem}[data-m="4"] .head__svc{margin-bottom:1.5rem}[data-m="4"] :is(.svc,.head__svc>.meta){font-size:.8125rem}[data-m="5"] .page{grid-template-rows:auto auto 8.5rem auto minmax(0,1fr) auto auto;grid-template-areas:"slogan slogan slogan slogan""avail avail avail avail""mark mark coin coin""lead lead lead lead"". . . .""work work work work""contact contact contact contact"}[data-m="5"] .head__svc,[data-m="5"] .work__tags{display:none}[data-m="5"] .head__avail{margin-top:-.5rem}[data-m="5"] .hero__mark{--word:3.25rem;align-self:center}[data-m="5"] .foot__block--work{margin-bottom:1rem}[data-m="6"] .page{grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto;grid-template-areas:"slogan slogan slogan slogan""mark mark mark mark""lead lead lead lead"". . . .""about about about about""work work work work""contact contact contact contact"}[data-m="6"] .hero__coin{z-index:-1;width:60vw;height:60vw;position:absolute;top:-20vw;right:-22vw;container-type:normal}[data-m="6"] .coin__stage{width:100%;height:100%;margin:0;inset:0}[data-m="6"] .foot__block--about{grid-area:about;margin-bottom:1rem;display:flex}[data-m="6"] .hero__lead{text-wrap:balance;margin-bottom:.75rem;font-size:1.375rem}[data-m="6"] :is(.head__svc,.head__avail){display:none}[data-m="6"] .hero__mark{margin-top:.75rem}[data-m="6"] .foot__block--work{margin-bottom:1rem}}@media (width<=1023px) and (height<=720px){[data-m="6"] .work__tags,[data-m="6"] .foot__block--about>.meta{display:none}[data-m="6"] .page{row-gap:.75rem}[data-m="6"] :is(.foot__block--about,.foot__block--work){margin-bottom:.5rem}}@media (width<=1023px) and (height<=540px){body,.page{height:auto;overflow:visible}.page{grid-template-rows:none!important}.hero__coin{height:60vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}
