section.landing{--landing-peek: 0px;min-height:calc(100svh - var(--mast-h, 76px) - var(--landing-peek));display:grid;align-content:center;padding:clamp(1.5rem,5vh,3.5rem) 0 clamp(1.75rem,5vh,3.5rem)}.landing-inner{max-width:var(--shell);width:100%;margin-inline:auto;padding:0 var(--pad);display:grid;gap:clamp(1.5rem,4vh,2.5rem) clamp(2rem,5vw,5rem);grid-template-areas:"head" "print" "tail"}@media(min-width:1000px){.landing-inner{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"head  print" "tail  print";align-content:end;row-gap:clamp(1.25rem,3vh,2rem)}}.landing-head{grid-area:head}.landing-tail{grid-area:tail}.landing-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.7rem,6.4vw,5.4rem);line-height:.92;letter-spacing:-.03em;margin:0;text-wrap:balance}.landing-head h1 em{font-style:italic}.landing-lede{margin:0 0 clamp(1.25rem,3vh,1.9rem);color:var(--ink-dim);font-family:var(--serif);font-weight:400;font-size:clamp(1.2rem,1.5vw,1.4rem);line-height:1.45;max-width:46ch}.landing-lede>p{margin:0}.landing-lede>p+p{margin-top:1em}.landing-go{margin:0}.btn-lead{min-height:3rem;padding:0 1.6rem;font-size:.78rem;background:var(--ink);color:var(--ground);border-color:var(--ink)}.btn-lead:hover,.btn-lead:focus-visible{background:transparent;color:var(--ink);border-color:var(--ink)}.landing-print{grid-area:print;margin:0;align-self:end;justify-self:start;transform-origin:bottom left}.landing-frame{display:block;position:relative;overflow:hidden;cursor:zoom-in;background:var(--frame-accent, var(--ground-2))}.landing-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:min(58svh,660px)}.landing-frame:after{content:"";position:absolute;inset:0;background:var(--frame-accent, transparent);mix-blend-mode:var(--tint-blend);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}.landing-frame:hover:after,.landing-frame:focus-visible:after{opacity:var(--tint-alpha)}.landing-frame:focus-visible{outline-offset:-4px}.landing-label{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:.75rem;padding-top:.7rem;border-top:1px solid var(--line);margin-top:.75rem}.landing-name{grid-column:3;grid-row:1;justify-self:end;font-family:var(--serif);font-size:1.05rem;color:var(--ink)}.landing-where{grid-column:2;grid-row:1;text-align:center;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}@media(max-width:999px){.landing-print{justify-self:stretch}.landing-frame img{width:100%;max-width:100%;height:min(32svh,340px);max-height:none;object-fit:cover}.landing-inner{gap:clamp(1.1rem,2.5vh,1.6rem)}.landing-head h1{font-size:clamp(2.35rem,9vw,3.2rem)}.landing-lede{font-size:1.15rem;margin-bottom:1.15rem}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.landing-head,.landing-tail{animation:landing-lift linear both;animation-timeline:view();animation-range:exit 0% exit 80%}.landing-print{animation:landing-settle linear both;animation-timeline:view();animation-range:exit 0% exit 90%}}}@keyframes landing-lift{to{opacity:0;transform:translateY(-2.75rem)}}@keyframes landing-settle{to{opacity:0;transform:translateY(-1rem) scale(.965)}}@supports (animation-timeline: scroll()){@media(min-width:761px)and (prefers-reduced-motion:no-preference){body.has-landing .masthead:before{animation:mast-settle linear both;animation-timeline:scroll(root);animation-range:0 140px}}}@keyframes mast-settle{0%{opacity:0}to{opacity:1}}@media(pointer:coarse)and (max-height:600px){body.has-landing .masthead:before{animation:none;opacity:1}}.js body.landing-open main{display:none}section.landing{transition:opacity .4s var(--ease)}body.landing-leaving section.landing{opacity:0}.landing-intro{display:none;position:fixed;inset:0;z-index:60;place-items:center;background:var(--ground);transition:background .5s var(--ease);pointer-events:none}.js body.intro-running .landing-intro{display:grid}.landing-intro.lifting{background:transparent}.landing-intro .mark{color:var(--ink);display:block}.portfolio-wordmark .mark{transition:opacity .2s var(--ease)}body.intro-running .portfolio-wordmark .mark{opacity:0}.js .landing-inner{opacity:0;transition:opacity .7s var(--ease)}.js body.intro-done .landing-inner{opacity:1}@media(prefers-reduced-motion:reduce){.js .landing-inner{opacity:1;transition:none}section.landing{transition:none}}.landing-help-toggle{display:none}.landing-help:not([open]){display:none}body.browsing-help-open{overflow:hidden}.landing-help::backdrop{background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-help{position:fixed;inset:0;margin:auto;width:min(28rem,calc(100% - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:.65rem 1.1rem 1.1rem;border:1px solid var(--line-strong);border-radius:1rem;background:var(--ground);color:var(--ink-dim);box-shadow:0 12px 60px #0004;font:.8rem/1.55 var(--sans)}.help-handle{width:2rem;height:3px;margin:0 auto .7rem;background:var(--line-strong);border-radius:2px}.help-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.help-heading h2{margin:0;font:1.6rem var(--serif);color:var(--ink)}.help-heading h2:focus{outline:none}.landing-help p{margin:.8rem 0 0}.help-dismiss-note{font-size:.7rem}.help-touch{display:block}.help-keyboard{display:none}@media(min-width:761px)and (hover:hover)and (pointer:fine){.help-touch{display:none}.help-keyboard{display:block}}@media(max-width:999px){.js .landing-help-toggle{display:inline-block;border:0;background:none;color:var(--ink-dim);font:.7rem var(--mono);text-decoration:underline;text-underline-offset:.25em;padding:.75rem 0;min-height:44px;cursor:pointer}section.landing{padding:1rem 0 max(.75rem,env(safe-area-inset-bottom))}.landing-inner{gap:.85rem}.landing-head h1{font-size:clamp(2.1rem,8vw,3rem)}.landing-frame img{height:var(--landing-image-height, min(32svh, 340px))}.landing-label{padding-top:.35rem;margin-top:.4rem}.landing-lede{font-size:1.1rem;line-height:1.3;margin-bottom:.8rem}.landing-lede>p+p{margin-top:.6em}.landing-go{display:inline-block;margin-right:.8rem}}@media(max-width:999px)and (max-height:500px)and (orientation:landscape){.landing-inner{grid-template-columns:1.1fr 1fr;grid-template-areas:"head print" "tail print"}.landing-head h1{font-size:1.9rem}.landing-print{align-self:center}.landing-frame img{height:var(--landing-image-height, min(32svh, 340px))}.landing-lede{font-size:1rem}}@media(prefers-reduced-motion:reduce){.landing-help{transition:none}}.landing-lede{text-align:center;margin-inline:auto;text-wrap:pretty}.landing-tail{text-align:center}@media(min-width:1000px){.landing-inner{grid-template-areas:"head print" "lede print" "go print";grid-template-rows:auto 1fr auto}.landing-head{text-align:right}.landing-tail{display:contents}.landing-lede{grid-area:lede;align-self:center;justify-self:end;margin:0;text-align:right}.landing-go{grid-area:go;justify-self:end;text-align:right}}@media(max-width:999px)and (orientation:portrait){section.landing{padding-top:0;align-content:start}.landing-inner{min-height:calc(100svh - var(--mast-h) - max(.75rem,env(safe-area-inset-bottom)));grid-template-rows:auto auto auto;align-content:space-evenly;row-gap:0}.landing-head{display:grid;align-content:center;padding-block:0}.landing-frame img{height:var(--landing-image-height, min(38svh, 400px))}.landing-print{margin-bottom:0}.landing-lede{margin-bottom:clamp(1rem,2.5svh,1.5rem)}}