@font-face{font-family:Söhne;src:url(/fonts/soehne-web-buch.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lonsdale;src:url(/fonts/lonsdale-bold-web.woff2)format("woff2"),url(/fonts/lonsdale-bold-web.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Disco Cowboy;src:url(/fonts/disco-cowboy-v0-1-web.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;--color-bg:#f7f5f0;--color-fg:#1a1917;--color-muted:#6b675e;--color-rule:#d9d4c6;--color-surface:#e0dcd2;--font-sans:"Söhne", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--step--1:clamp(.8125rem, .775rem + .125vw, .875rem);--step-0:clamp(1rem, .9625rem + .125vw, 1.0625rem);--step-1:clamp(1.125rem, 1.05rem + .25vw, 1.25rem);--step-2:clamp(1.375rem, 1.225rem + .5vw, 1.625rem);--step-3:clamp(1.75rem, 1.564rem + .762vw, 2.75rem);--step-4:clamp(2.5rem, 2.036rem + 1.905vw, 5rem);--step-5:clamp(3rem, 2.164rem + 3.429vw, 7.5rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2.25rem;--space-xl:3.5rem;--space-2xl:5.5rem;--space-3xl:8rem;--measure:44rem;--container:80rem;--gutter:clamp(1.25rem, 4vw, 5rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-1:.15s;--dur-2:.3s;--dur-3:.45s;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-pill:9999px}[data-theme=eugene]{--color-bg:#33382c;--color-fg:#f8f6f1;--color-muted:#8f997f;--color-rule:#434c35;--color-surface:#3d4234}[data-theme=fractional-talent]{--color-bg:#221629;--color-fg:#ede8f5;--color-muted:#9b8fb5;--color-rule:#3a2b4a;--color-surface:#2e1d3d}[data-theme=fractional-talent] .buy-box{background:#2e1d3d}[data-theme=disco-cowboy]{--color-bg:#e0dcd2;--color-fg:#1a1917;--color-muted:#7a766e;--color-rule:#c8c4ba;--color-surface:#cbc7bc;background-color:#141414}[data-theme=disco-cowboy] .notify-card{background:#cbc7bc}[data-theme=lonsdale]{--color-bg:#26231e;--color-fg:#f2ede3;--color-muted:#8c8478;--color-rule:#3a3730;--color-surface:#312e28}[data-theme=waterside]{--color-bg:#141414;--color-fg:#faf9f5;--color-muted:#9e9c90;--color-rule:#2c2c2c;--color-surface:#222}[data-theme=lonsdale] .buy-box{background:#312e28}[data-theme=lonsdale] .buy-early__cta:hover,[data-theme=lonsdale] .buy-box__cta:hover{background:#d9d4c8}*,:before,:after{box-sizing:border-box}*{margin:0}html{text-size-adjust:100%;scrollbar-gutter:stable;font-size:clamp(1rem,.8125rem + .2344vw,1.1875rem)}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--step-0);font-feature-settings:"kern", "liga", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;min-height:calc(100svh + 10rem);line-height:1.5;display:flex}main{flex:1 0 auto}.reveal-ready :is(.specimen__section,.work-item){opacity:0;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);transform:translateY(10px)}.reveal-ready :is(.specimen__section,.work-item).is-revealed{opacity:1;transform:none}.reveal-ready .face-card{opacity:0;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-1) var(--ease-out)}.reveal-ready .face-card.is-revealed{opacity:1}.reveal-ready .reveal-line{overflow:hidden}.reveal-ready .reveal-line>span{transition:transform var(--dur-3) var(--ease-out);will-change:transform;display:inline-block;transform:translateY(110%)}.reveal-ready .reveal-line.is-revealed>span{transform:translateY(0)}.reveal-ready .reveal-img{overflow:hidden}.reveal-ready .reveal-img :is(img,picture){opacity:0;transition:opacity 1.1s var(--ease-out), transform 1.4s var(--ease-out);will-change:opacity, transform;transform:scale(1.03)}.reveal-ready .reveal-img.is-revealed :is(img,picture){opacity:1;transform:scale(1)}::selection{background:var(--color-fg);color:var(--color-bg)}h1,h2,h3,h4{letter-spacing:-.025em;text-wrap:balance;font-weight:400;line-height:1.05}p{text-wrap:pretty;line-height:1.55}a{color:inherit;border-bottom:1px solid color-mix(in srgb, currentColor 40%, transparent);transition:opacity var(--dur-1) var(--ease-standard);text-decoration:none}a:hover,a:focus-visible{opacity:.55}a:focus-visible,button:focus-visible{outline:2px solid var(--color-fg);outline-offset:3px}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.measure{max-width:var(--measure)}.site-header{z-index:50;padding-block:var(--space-m);mix-blend-mode:difference;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-m);display:flex}.site-header__brand{color:#fff;border-bottom:none;align-items:center;line-height:0;display:inline-flex}.site-header__mark{width:auto;height:1.375rem;display:block}.site-header__nav{flex-wrap:wrap;justify-content:flex-end;gap:clamp(1.25rem,2.5vw,2rem);font-size:1rem;line-height:1.45;display:flex}.site-header__nav a{color:#ffffffad;transition:color var(--dur-1) var(--ease-standard);border-bottom:none}.site-header__nav a:hover,.site-header__nav a[aria-current=page]{color:#fff}.bottom-bar{left:0;right:0;bottom:calc(var(--space-l) + env(safe-area-inset-bottom,0px));z-index:60;justify-content:space-between;align-items:center;gap:var(--space-m);max-width:var(--container);padding-inline:var(--gutter);pointer-events:none;opacity:0;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);margin-inline:auto;display:flex;position:fixed;transform:translateY(.5rem)}.bottom-bar.is-visible{opacity:1;transform:none}.bottom-bar__island{pointer-events:none;box-sizing:border-box;backdrop-filter:blur(20px)saturate(1.3);color:#fff;background-color:#0000006b;border:1px solid #ffffff29;border-radius:15px;align-items:center;height:3.25rem;display:flex;box-shadow:0 2px 6px #0000001f,0 14px 40px #00000038}.bottom-bar.is-visible .bottom-bar__island{pointer-events:auto}.bottom-nav{gap:var(--space-s);padding:0 var(--space-m);font-size:1rem;line-height:1}.bottom-nav a{color:#ffffffb8;transition:color var(--dur-1) var(--ease-standard);border-bottom:none}.bottom-nav a:hover{color:#fff}.contact-island{gap:.35rem;padding:.35rem}.contact-island__avatar{aspect-ratio:1;border-bottom:none;border-radius:11px;flex-shrink:0;height:2.55rem;display:block;overflow:hidden}.contact-island__avatar img{object-fit:cover;width:100%;height:100%;display:block;transform:translate(-6px,-4px)scale(1.35)}.contact-island__cta{color:#ffffffeb;white-space:nowrap;height:100%;transition:background var(--dur-1) var(--ease-standard), color var(--dur-1) var(--ease-standard);background:#ffffff24;border:none;border-radius:11px;align-items:center;padding-inline:1.1rem;font-size:1rem;line-height:1;display:inline-flex}.contact-island__cta:hover,.contact-island__cta:focus-visible{color:#fff;background:#ffffff38}@media (width<=40rem){.bottom-nav{display:none}.bottom-bar{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.bottom-bar{transition:opacity var(--dur-1) linear;transform:none}}[data-theme=lonsdale] [data-contact-island],[data-theme=disco-cowboy] [data-contact-island]{display:none}.contact-popover{bottom:calc(var(--space-l) + env(safe-area-inset-bottom,0px) + 3.25rem + var(--space-xs));right:var(--gutter);z-index:65;width:min(21rem, calc(100vw - 2 * var(--gutter)));backdrop-filter:blur(28px)saturate(1.4);padding:var(--space-m);color:#fff;transform-origin:100% 100%;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);background:#00000080;border:1px solid #ffffff29;border-radius:15px;position:fixed;box-shadow:0 4px 12px #0000002e,0 20px 60px #00000052}.contact-popover[hidden]{display:none}.contact-popover.is-entering{opacity:0;transform:scale(.96)translateY(.5rem)}.contact-popover__header{margin-bottom:var(--space-s);justify-content:space-between;align-items:center;display:flex}.contact-popover__title{font-size:var(--step-1);letter-spacing:-.025em;color:#fff;line-height:1}.contact-popover__close{cursor:pointer;color:#fff;opacity:.6;transition:opacity var(--dur-1) var(--ease-standard);background:0 0;border:none;flex-shrink:0;padding:.25rem;line-height:0}.contact-popover__close:hover{opacity:1}.contact-popover__success{padding-block:var(--space-s);opacity:.7;font-size:var(--step--1)}.contact-form{gap:var(--space-s);flex-direction:column;display:flex}.hp-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-form__row{flex-direction:column;gap:.2rem;display:flex}.contact-form__label{font-size:var(--step--1);color:#fff;opacity:.78;letter-spacing:.02em}.contact-form__input{font-family:var(--font-sans);font-size:var(--step--1);color:#fff;box-sizing:border-box;width:100%;transition:border-color var(--dur-1) var(--ease-standard);background:#00000040;border:1px solid #ffffff38;border-radius:8px;outline:none;padding:.45rem .65rem}.contact-form__input::placeholder{opacity:.35}.contact-form__input:focus{border-color:#fff9}.contact-form__textarea{resize:none}.contact-form__error{color:#e05252;font-size:var(--step--1);margin-top:-.25rem}.contact-form__submit{font-family:var(--font-sans);font-size:var(--step--1);color:#1a1917;cursor:pointer;transition:background var(--dur-1) var(--ease-standard);background:#ffffffeb;border:none;border-radius:8px;align-self:flex-end;padding:.45rem 1.1rem;font-weight:500}.contact-form__submit:hover{background:#fff}.contact-form__submit:disabled{opacity:.5;cursor:default;opacity:.5;cursor:default}.breadcrumb{align-items:center;gap:var(--space-2xs);padding-block:var(--space-3xs);font-size:var(--step--1);color:var(--color-muted);letter-spacing:.01em;display:flex}.breadcrumb a{color:var(--color-muted);border-bottom:none}.breadcrumb a:hover{color:var(--color-fg)}.site-footer{margin-top:var(--space-2xl);font-size:calc(var(--step--1) * 1.15)}main:has(.type-showcase)+.site-footer{padding-top:var(--space-l);background:#1a1917;margin-top:0}main:has(.type-showcase)+.site-footer .site-footer__inner{color:#8c8478;border-top-color:#ffffff1f}main:has(.type-showcase)+.site-footer a:hover{color:#f2ede3}.site-footer__inner{gap:var(--space-s);border-top:1px solid var(--color-rule);color:var(--color-muted);padding-top:var(--space-xl);padding-bottom:var(--space-xl);flex-direction:column;display:flex}.site-footer__row{justify-content:space-between;align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.site-footer__nav{gap:var(--space-m);flex-wrap:wrap;display:flex}.site-footer__row--top{align-items:flex-start}.site-footer__row--meta{justify-content:flex-start;gap:var(--space-m)}.site-footer__social{align-items:center;gap:var(--space-s);display:flex}.site-footer a{color:inherit;border-bottom:none}.site-footer a:hover{color:var(--color-fg);opacity:1}.site-footer__social a{align-items:center;display:flex}.hero{padding-block:var(--space-xl) var(--space-xl);justify-content:flex-end;align-items:flex-start;gap:var(--space-l);flex-direction:column;min-height:calc(75svh - 5rem);display:flex}.hero__lede{letter-spacing:-.025em;max-width:54rem;color:var(--color-fg);font-size:clamp(2rem,1.2rem + 3.4vw,4.25rem);font-weight:400;line-height:1.15}.hero__lede-secondary{color:var(--color-fg);opacity:.6;transition:opacity var(--dur-1) var(--ease-standard);border-bottom:none;font-family:inherit}.hero__lede-secondary:hover,.hero__lede-secondary:focus-visible{opacity:1}.hero__lede-link{color:inherit;opacity:.55;transition:opacity var(--dur-1) var(--ease-standard);border-bottom:none}.hero__lede-link:hover,.hero__lede-link:focus-visible{opacity:1}.identity{color:var(--color-fg);border-radius:var(--radius-pill);letter-spacing:-.005em;background:#e0dcd2;align-self:flex-start;align-items:center;gap:.625rem;padding:.3125rem 1rem .3125rem .3125rem;font-size:1.25rem;line-height:1.2;display:inline-flex}.identity__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:3.1rem;height:3.1rem;display:block}@media (width<=30rem){.identity{gap:.5rem;max-width:100%;padding:.25rem .875rem .25rem .25rem;font-size:1rem}.identity__avatar{width:2.4rem;height:2.4rem}}@keyframes typewriter{0%{max-width:0}to{max-width:14rem}}@keyframes blink-caret{0%,to{border-right-color:#0000}50%{border-right-color:currentColor}}.identity__name{opacity:.9;white-space:nowrap;border-right:1.5px solid;max-width:0;animation:1.4s steps(19,end) .3s forwards typewriter,.7s step-end .3s 4 forwards blink-caret;overflow:hidden}@media (prefers-reduced-motion:reduce){.identity__name{border-right:none;max-width:none;animation:none}}.hero__cta{font-size:var(--step-1);letter-spacing:-.005em;line-height:1.45}.hero__cta a{color:var(--color-fg);border-bottom:none;align-items:center;display:inline-flex}.hero__cta-arrow{transition:transform var(--dur-1) var(--ease-out);display:inline-block}.hero__cta a:hover .hero__cta-arrow,.hero__cta a:focus-visible .hero__cta-arrow{transform:translate(.25rem)}.hero__ctas{gap:var(--space-2xs) var(--space-l);flex-wrap:wrap;display:flex}.arrow-link{border-bottom:none}.arrow-link__arrow{transition:transform var(--dur-1) var(--ease-out);display:inline-block}.arrow-link:hover .arrow-link__arrow,.arrow-link:focus-visible .arrow-link__arrow{transform:translate(.25rem)}.home-work{padding-block:var(--space-xl) var(--space-2xl);background:#e0dcd2;scroll-margin-top:5rem}.home-work__label{margin-bottom:var(--space-l);letter-spacing:-.02em;color:var(--color-fg);font-size:clamp(1.5rem,1.1rem + 1.3vw,2.125rem);line-height:1.15}.project-grid{gap:var(--space-l) var(--space-m);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}@media (width<=52rem){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=34rem){.project-grid{grid-template-columns:1fr}}.project-card__link{gap:var(--space-m);color:inherit;border-bottom:none;display:grid}.project-card__link:hover,.project-card__link:focus-visible{opacity:1}.project-card__frame{justify-content:space-between;align-items:flex-start;gap:var(--space-2xs);aspect-ratio:3/4;background:var(--color-surface);width:100%;padding:var(--space-s);border-radius:.375rem;display:flex;position:relative;overflow:hidden}.project-card__img{z-index:0;object-fit:cover;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.project-card__img--hover{opacity:0}.project-card__frame:after{content:"";z-index:1;opacity:0;pointer-events:none;background:linear-gradient(#0000004d,#0000 42%);transition:opacity .5s;position:absolute;inset:0}.project-card__tag{z-index:2;color:#fff;backdrop-filter:blur(20px);font-variant-numeric:tabular-nums;opacity:0;background-color:#fff3;border-radius:15px;max-width:72%;padding:15px;font-size:13px;font-weight:500;line-height:1.1;transition:opacity .5s;position:relative}.project-card__tag--role{text-align:right;font-variant-numeric:normal}.project-card__meta{flex-direction:column;gap:.15rem;display:flex}.project-card__title{letter-spacing:-.02em;font-size:1.5rem;line-height:1.2}.project-card__tagline{font-size:var(--step-1);color:var(--color-muted);opacity:0;line-height:1.35;transition:opacity .5s}@media (hover:hover){.project-card__link:hover .project-card__img--hover,.project-card__link:focus-visible .project-card__img--hover,.project-card__link:hover .project-card__frame:after,.project-card__link:focus-visible .project-card__frame:after,.project-card__link:hover .project-card__tag,.project-card__link:focus-visible .project-card__tag,.project-card__link:hover .project-card__tagline,.project-card__link:focus-visible .project-card__tagline{opacity:1}}@media (hover:none){.project-card__frame:after,.project-card__tag,.project-card__tagline{opacity:1}}.project-card__link:focus-visible{outline:2px solid var(--color-fg);outline-offset:4px;border-radius:2px}.error-page{min-height:62vh;padding-block:var(--space-2xl);justify-content:center;align-items:flex-start;gap:var(--space-m);flex-direction:column;display:flex}.error-page__code{font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}.error-page__title{letter-spacing:-.025em;text-wrap:balance;max-width:18ch;font-size:clamp(2rem,1.25rem + 3vw,3.5rem);line-height:1.1}.error-page__lede{font-size:var(--step-1);color:var(--color-muted);max-width:var(--measure)}.error-page__links{gap:var(--space-2xs) var(--space-l);margin-top:var(--space-s);flex-wrap:wrap;display:flex}.error-page__links a{color:var(--color-fg);border-bottom:none}.page-head{padding-block:var(--space-xl) var(--space-l)}.page-head__eyebrow{font-size:var(--step--1);color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-s)}.page-head__title{font-family:var(--font-sans);letter-spacing:-.025em;font-size:clamp(2rem,1.2rem + 3.4vw,4.25rem);font-weight:400;line-height:1.15}.case-study .page-head__title{font-size:var(--step-4);line-height:1}.page-head__subtitle{max-width:var(--measure);margin-top:var(--space-s);font-size:var(--step-1);color:var(--color-muted);line-height:1.4}.prose{max-width:var(--measure)}.prose p{font-size:var(--step-1);line-height:1.5}.prose p+p{margin-top:var(--space-m)}.prose h3{font-size:var(--step-0);margin-top:var(--space-l);margin-bottom:var(--space-2xs);color:var(--color-muted);font-weight:400}.prose ul{margin-top:var(--space-xs);padding-left:1.25em}.prose li{font-size:var(--step-1);margin-top:var(--space-2xs);line-height:1.5}.work-note{max-width:var(--measure);margin-bottom:var(--space-l);color:var(--color-muted)}.work-list{padding:0;list-style:none}.work-item{gap:var(--space-s);padding-block:var(--space-l);border-bottom:1px solid var(--color-rule);grid-template-columns:1fr;display:grid;position:relative}.work-item:last-child{border-bottom:none}.work-item__title{letter-spacing:-.02em;font-size:1.5rem;line-height:1.2}.work-item__role{opacity:.55;font-size:1.25rem;line-height:1.45}.work-item__year{font-variant-numeric:tabular-nums;letter-spacing:0;opacity:.55;font-size:1rem;line-height:1.45}.work-item__link{color:inherit;border-bottom:none;display:contents}.work-item__link:after{content:"";position:absolute;inset:0}.work-item__tile{aspect-ratio:3/2;background:var(--color-surface);border-radius:.5rem;width:100%;display:block;overflow:hidden}.work-item__tile-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.work-item__text{gap:var(--space-2xs);flex-direction:column;display:flex}.work-item:has(.work-item__link){cursor:pointer}@media (hover:hover){.work-item__link:hover .work-item__tile-img{transform:scale(1.04)}.work-item__link:hover .work-item__title{text-underline-offset:3px;text-decoration:underline}}.work-item:has(:focus-visible){outline:2px solid var(--color-fg);outline-offset:4px;border-radius:2px}.work-subitem__link{gap:var(--space-2xs);margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-rule);color:inherit;transition:opacity var(--dur-1) var(--ease-standard);border-bottom:none;grid-template-columns:1fr;display:grid}.work-subitem__link:hover{opacity:.6}.work-subitem__role{opacity:.55;font-size:1.25rem;line-height:1.45}.work-subitem__year{font-variant-numeric:tabular-nums;opacity:.55;font-size:1rem;line-height:1.45}@media (width>=48rem){.work-item{align-items:center;gap:var(--space-l);grid-template-columns:clamp(12rem,22vw,18rem) 1fr}.work-subitem__link{align-items:baseline;gap:var(--space-l);grid-column:2/-1;grid-template-columns:1.6fr .6fr}.work-subitem__role{grid-column:1}.work-subitem__year{text-align:right;grid-column:2}}.type-display{letter-spacing:-.005em;text-transform:uppercase;font-family:Lonsdale,Söhne,sans-serif;font-weight:700;line-height:1}.specimen__hero,.specimen__charset,.specimen__sample,.buy-box__name{text-transform:uppercase}.type-intro{max-width:var(--measure);margin-bottom:var(--space-2xl);color:var(--color-fg);opacity:.7;font-size:1.25rem;line-height:1.45}.face-list{gap:var(--space-s);flex-direction:column;padding:0;list-style:none;display:flex}.face-card{position:relative}.face-card__link{gap:var(--space-m);color:inherit;border-bottom:none;display:grid}.face-card__link:hover,.face-card__link:focus-visible{opacity:1}.face-card__frame{justify-content:space-between;align-items:flex-start;gap:var(--space-2xs);aspect-ratio:4/3;width:100%;padding:var(--space-s);isolation:isolate;background:#1a1a1a;border-radius:.375rem;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.face-card__img{z-index:0;object-fit:cover;border-radius:inherit;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.face-card__img--hover{opacity:0}.face-card__frame:after{content:"";z-index:1;opacity:0;pointer-events:none;background:linear-gradient(#0000004d,#0000 42%);transition:opacity .5s;position:absolute;inset:0}.face-card__tag{z-index:2;color:#fff;backdrop-filter:blur(20px);opacity:0;background-color:#fff3;border-radius:15px;padding:15px;font-size:13px;font-weight:500;line-height:1.1;transition:opacity .5s;position:relative}.face-card__tag--price{text-align:right;font-variant-numeric:tabular-nums}.face-card__meta{flex-direction:column;gap:.15rem;display:flex}.face-card__title{letter-spacing:-.02em;font-size:1.5rem;line-height:1.2}.face-card__desc{font-size:var(--step-1);opacity:.6;text-wrap:balance;line-height:1.35}.face-card__desc--hover{opacity:0;transition:opacity .5s}@media (hover:hover){.face-card__link:hover .face-card__img--hover,.face-card__link:focus-visible .face-card__img--hover,.face-card__link:hover .face-card__frame:after,.face-card__link:focus-visible .face-card__frame:after,.face-card__link:hover .face-card__tag,.face-card__link:focus-visible .face-card__tag{opacity:1}.face-card__link:hover .face-card__desc--hover,.face-card__link:focus-visible .face-card__desc--hover{opacity:.6}}@media (hover:none){.face-card__frame:after,.face-card__tag{opacity:1}.face-card__desc--hover{opacity:.6}}.face-card__link:focus-visible{outline-offset:3px;border-radius:.375rem;outline:2px solid #f7f5f0}.type-showcase{color:#f7f5f0;padding-block:var(--space-2xl);background:#1a1917;border-radius:0}.type-showcase__label{letter-spacing:-.02em;color:#f7f5f0;margin-bottom:var(--space-l);font-size:clamp(1.5rem,1.1rem + 1.3vw,2.125rem);line-height:1.15}.type-showcase .face-list{gap:var(--space-s);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=34rem){.type-showcase .face-list{grid-template-columns:1fr}}.specimen__note{margin-top:var(--space-s);font-size:var(--step--1);opacity:.5}.specimen{padding-block:var(--space-l) 0}.specimen__hero{margin-bottom:var(--space-l);color:var(--color-fg);border-radius:var(--radius-sm);overflow:hidden}.specimen__hero svg{width:100%;max-width:100%;height:auto;display:block}.specimen__hero--disco-live{color:#e0dcd2;background:#141414;border-radius:0;justify-content:center;align-items:flex-end;min-height:max(24rem,100svh - 5.5rem);margin-bottom:0;padding-block:clamp(3rem,8vw,7rem) clamp(2.5rem,6vw,5rem);display:flex;overflow:hidden}.specimen__hero-wordmark{width:100%;max-width:var(--container);padding-inline:var(--gutter);text-transform:none;font-family:Disco Cowboy,sans-serif;font-size:clamp(4rem,20vw,18rem);font-weight:400;line-height:.82}.specimen__hero--lonsdale-live{background:var(--color-bg);color:var(--color-fg);border-radius:0;justify-content:center;align-items:flex-end;min-height:max(24rem,100svh - 5.5rem);margin-bottom:0;padding-block:clamp(3rem,8vw,7rem) clamp(2.5rem,6vw,5rem);display:flex;overflow:hidden}.specimen__hero--lonsdale-live .specimen__hero-wordmark{text-transform:uppercase;letter-spacing:.02em;font-family:Lonsdale,sans-serif;font-weight:700}[data-theme=disco-cowboy] .breadcrumb,[data-theme=lonsdale] .breadcrumb{display:none}.specimen__face-name{letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-m);color:inherit;font-family:Lonsdale,sans-serif;font-size:clamp(3rem,1.5rem + 6vw,6rem);font-weight:700;line-height:1}.specimen__deck{max-width:36rem;margin-bottom:var(--space-l);opacity:.7;font-size:1.25rem;line-height:1.45}.specimen__notify-hero{margin-bottom:var(--space-3xl)}.specimen__masthead-intro{color:#e0dcd2;background:#141414;padding-block:clamp(1.5rem,4vw,3rem) clamp(2.5rem,6vw,5rem)}.specimen__masthead-intro .specimen__notify-hero{margin-bottom:0}[data-theme=disco-cowboy] #main,[data-theme=disco-cowboy] .site-footer{background-color:var(--color-bg)}[data-theme=disco-cowboy] .site-footer{margin-top:0}[data-theme=disco-cowboy] .specimen>.specimen__section:first-child{border-top:0;margin-top:0}.specimen__section{margin-top:var(--space-3xl);border-top:1px solid var(--color-rule);padding-block:var(--space-l);margin-bottom:0}.specimen__label{font-family:var(--font-sans);letter-spacing:-.025em;margin-bottom:var(--space-l);font-size:clamp(1.575rem,1.47rem + .575vw,1.875rem);line-height:1}.specimen__charset{letter-spacing:.05em;word-break:break-all;font-family:Lonsdale,Söhne,sans-serif;font-size:clamp(2rem,1rem + 5vw,4rem);font-weight:700;line-height:1.05}.specimen__charset[contenteditable]{cursor:text;caret-color:currentColor;outline:none}@media (width<=39.9375rem){.specimen__charset{font-size:clamp(4rem,12vw,5.5rem)}}.specimen__sample-svg{margin-top:0;margin-bottom:var(--space-l);color:var(--color-fg);display:block}.specimen__sample-svg svg{width:100%;max-width:100%;height:auto;display:block}.specimen__figure{margin-top:0;margin-bottom:var(--space-l);margin-inline:0}.specimen__figure img{width:100%;height:auto;display:block}.specimen__figure figcaption{margin-top:var(--space-xs);color:var(--color-text-muted,currentColor);opacity:.65;font-size:.75rem}.specimen__figure--full img{border-radius:var(--radius-sm)}.specimen__figure--grid{gap:var(--space-s);grid-template-columns:1fr;display:grid}.specimen__figure--grid figure{margin:0}.specimen__figure--grid img{border-radius:var(--radius-sm)}.specimen__figure--thirds figure{aspect-ratio:1;border-radius:var(--radius-sm);background:#fff}.specimen__figure--thirds figure:first-child img{transform:scale(.9)}.specimen__figure--thirds img{object-fit:contain;height:100%}@media (width>=40rem){.specimen__figure--grid{gap:var(--space-l);grid-template-columns:1fr 1fr}.specimen__figure--thirds{gap:var(--space-m);grid-template-columns:1fr 1fr 1fr}}.fn-ref{vertical-align:super;opacity:.55;border-bottom:none;font-size:.7em;line-height:0}.fn-list{gap:var(--space-xs);flex-direction:column;padding:0;list-style:none;display:flex}.fn-note{font-size:var(--step--1);color:var(--color-muted);max-width:36rem;line-height:1.55}.fn-back{opacity:.45;border-bottom:none;margin-left:.25em}.specimen__prose{max-width:38rem;margin-top:0;margin-bottom:var(--space-l)}.specimen__prose p{font-size:1.125rem;line-height:1.55}.specimen__prose p+p{margin-top:var(--space-m)}@media (width>=56rem) and (width<=67.99rem){.specimen__prose{columns:2;column-gap:var(--space-xl);max-width:none}.specimen__prose p+p{margin-top:0}}@media (width>=68rem){.specimen__section{column-gap:var(--space-xl);grid-template-columns:14rem 1fr;align-items:start;display:grid}.specimen__label{margin-bottom:0}.specimen__section>:not(.specimen__label){grid-column:2}.specimen__label+*{margin-top:0}.specimen__label+.specimen__charset{margin-top:-.3em}.specimen__prose{max-width:38rem}.specimen__section--proof{display:block}.specimen__section--proof .specimen__label{margin-bottom:var(--space-l)}.specimen__section--proof>:not(.specimen__label){grid-column:unset}.specimen__section--tester{display:block}.specimen__section--tester .specimen__label{margin-bottom:var(--space-l)}.specimen__section--tester>:not(.specimen__label){grid-column:unset}}.credits{gap:var(--space-s);flex-direction:column;padding:0;list-style:none;display:flex}.credits li{flex-direction:column;align-items:flex-start;gap:.125rem;font-size:1rem;line-height:1.45;display:flex}.credits li>span:first-child{text-transform:uppercase;letter-spacing:.06em;opacity:.55;font-size:.8125rem}@media (width>=40rem){.credits li{flex-direction:row;align-items:flex-start}.credits li>span:first-child{width:16rem;margin-right:var(--space-l);flex-shrink:0}}.credits__unit{white-space:nowrap}.credits--editorial{gap:var(--space-xl)}.credits--editorial li{flex-direction:column;align-items:flex-start;gap:.25rem}.credits__role{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:0;font-size:.8125rem}.credits__names{margin:0;font-size:1.25rem;line-height:1.4}.buy-box{gap:var(--space-l);padding:var(--space-l);border-radius:var(--radius-lg);background:#ece6d6;grid-template-columns:1fr;align-items:end;display:grid}@media (width>=40rem){.buy-box{grid-template-columns:1fr auto;align-items:center}}.buy-box__name{letter-spacing:.03em;margin-bottom:var(--space-2xs);font-family:Lonsdale,Söhne,sans-serif;font-size:clamp(2rem,1.25rem + 3vw,3rem);font-weight:700;line-height:1}.buy-box__meta{opacity:.65;font-size:1rem;line-height:1.45}.buy-box__cta{background:var(--color-fg);color:var(--color-bg);border-radius:var(--radius-pill);letter-spacing:-.005em;white-space:nowrap;border-bottom:none;justify-content:center;align-self:start;align-items:center;gap:.625rem;padding:.875rem 1.5rem;font-size:1rem;display:inline-flex}.buy-box__cta:hover{opacity:1;background:#2a2824}.buy-box__price{margin-top:var(--space-2xs);font-size:1.25rem;display:block}.tester{gap:var(--space-l);border-top:1px solid var(--color-rule);padding-top:var(--space-l);margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.tester+.specimen__section{border-top:none}.specimen__section--tester .tester{border-top:0;margin-top:0;padding-top:0}.tester__controls{align-items:center;gap:var(--space-m);flex-wrap:wrap;display:flex}.tester__size{flex:18rem;align-items:center;gap:.875rem;max-width:26rem;display:inline-flex}.tester__size-label{text-transform:uppercase;letter-spacing:.06em;opacity:.55;flex-shrink:0;font-size:.8125rem}.tester__size-input{appearance:none;cursor:pointer;background:0 0;flex:auto;height:1.25rem;margin:0}.tester__size-input:focus-visible{outline:2px solid var(--color-fg);outline-offset:6px;border-radius:1px}.tester__size-input::-webkit-slider-runnable-track{background:var(--color-fg);opacity:.3;height:1px}.tester__size-input::-webkit-slider-thumb{appearance:none;background:var(--color-fg);border:0;border-radius:50%;width:.875rem;height:.875rem;margin-top:-.4rem}.tester__size-input::-moz-range-track{background:var(--color-fg);opacity:.3;height:1px}.tester__size-input::-moz-range-thumb{background:var(--color-fg);border:0;border-radius:50%;width:.875rem;height:.875rem}.tester__size-value{font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:3.25rem;font-size:.8125rem}.tester__size-unit{opacity:.55;margin-left:.125rem}.tester__text{word-break:break-word;cursor:text;outline:none;min-height:1em;line-height:1}.tester__text:focus-visible{outline:none}.tester__text:empty:before{content:attr(data-placeholder);opacity:.25}.tester__canvas{position:relative}.tester__noise{mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity var(--dur-3) var(--ease-out);background-size:256px 256px;position:absolute;inset:0}.tester__canvas--ghost .tester__noise{opacity:.18}.tester__canvas--dark.tester__canvas--ghost .tester__noise{mix-blend-mode:screen;opacity:.12}.tester__extras{align-items:center;gap:var(--space-m);flex-shrink:0;margin-left:auto;display:flex}.tester__btn{text-transform:uppercase;letter-spacing:.06em;opacity:.55;cursor:pointer;color:inherit;transition:opacity var(--dur-1) var(--ease-standard);white-space:nowrap;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem}.tester__btn:hover{opacity:.8}.tester__btn[aria-pressed=true]{opacity:1}.tester__switch{cursor:pointer;color:inherit;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;display:inline-flex}.tester__switch-track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-fg) 20%, transparent);width:2.25rem;height:1.25rem;transition:background var(--dur-1) var(--ease-standard);flex-shrink:0;position:relative}.tester__switch[aria-checked=true] .tester__switch-track{background:color-mix(in srgb, var(--color-fg) 55%, transparent)}.tester__switch-knob{width:.875rem;height:.875rem;transition:transform var(--dur-1) var(--ease-out);background:#f2ede3;border-radius:50%;position:absolute;top:.1875rem;left:.1875rem;box-shadow:0 1px 2px #0000004d}.tester__switch[aria-checked=true] .tester__switch-knob{transform:translate(1rem)}.tester__switch-text{text-transform:uppercase;letter-spacing:.06em;opacity:.55;transition:opacity var(--dur-1) var(--ease-standard);font-family:inherit;font-size:.8125rem}.tester__switch:hover .tester__switch-text,.tester__switch[aria-checked=true] .tester__switch-text{opacity:1}.glyph-proof{gap:var(--space-l);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.glyph-proof--preview-only{margin-bottom:var(--space-l);grid-template-columns:1fr}.glyph-proof--preview-only .glyph-proof__preview{background:#fff}.glyph-proof__preview{aspect-ratio:1000 / var(--proof-aspect,1200);background:color-mix(in srgb, var(--color-fg) 5%, transparent);border-radius:var(--radius-sm);position:relative;overflow:hidden}.glyph-proof__svg{width:100%;height:100%;display:block}.glyph-proof__glyph{font-family:var(--font-family);fill:var(--proof-fg,var(--color-fg));font-size:1000px}.glyph-proof__labels{pointer-events:none;color:var(--proof-fg,var(--color-fg));position:absolute;inset:0}.glyph-proof__label{left:0;right:0;top:var(--y);font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:uppercase;opacity:.5;border-bottom:1px solid color-mix(in srgb, currentColor 40%, transparent);justify-content:space-between;padding:0 .75em .3em;font-size:.6875rem;display:flex;position:absolute;transform:translateY(-100%)}.glyph-proof__label--baseline{opacity:.5}.glyph-proof__grid{gap:var(--space-m);flex-direction:column;display:flex}.glyph-proof__group-label{letter-spacing:.06em;text-transform:uppercase;opacity:.5;margin:0 0 var(--space-2xs);font-size:.75rem}.glyph-proof__tiles{border-top:1px solid var(--color-rule);border-left:1px solid var(--color-rule);grid-template-columns:repeat(7,minmax(0,1fr));gap:0;display:grid}.glyph-proof__tile{appearance:none;box-shadow:inset -1px -1px 0 var(--color-rule);background:var(--color-bg);color:var(--color-fg);font-family:var(--font-family);aspect-ratio:1;cursor:pointer;transition:background-color var(--dur-1) var(--ease-standard), color var(--dur-1) var(--ease-standard);border:none;justify-content:center;align-items:center;padding:0;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1;display:flex}.glyph-proof__tile:hover{background:color-mix(in srgb, var(--color-fg) 8%, var(--color-bg))}.glyph-proof__tile:focus-visible{outline:2px solid var(--color-fg);outline-offset:-2px}.glyph-proof__tile.is-active{background:var(--color-fg);color:var(--color-bg)}@media (width<=62rem){.glyph-proof{grid-template-columns:1fr}.glyph-proof__preview{aspect-ratio:1000/650}.glyph-proof__tiles{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=36rem){.glyph-proof__tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}.coming-soon{gap:var(--space-xs);flex-direction:column;max-width:36rem;display:flex}.coming-soon__status{text-transform:uppercase;letter-spacing:.06em;opacity:.55;font-size:.8125rem}.coming-soon__name{letter-spacing:-.025em;color:var(--color-fg);font-size:clamp(3rem,1.5rem + 6vw,5.5rem);line-height:.95}.coming-soon__desc{opacity:.7;max-width:32rem;font-size:1.25rem;line-height:1.45}.notify-card{border-radius:var(--radius-lg);padding:var(--space-m);margin-top:var(--space-l);background:#ece6d6;max-width:36rem}@media (width>=40rem){.notify-card{padding:var(--space-xl)}}.notify-card__heading{letter-spacing:-.01em;margin-bottom:var(--space-m);font-size:1.25rem;line-height:1.4}.notify-card__success{opacity:.7;font-size:1.25rem;line-height:1.4}.notify-form{flex-wrap:wrap;gap:.5rem;max-width:28rem;display:flex}.notify-form__input{color:var(--color-fg);border:1px solid var(--color-rule);transition:border-color var(--dur-1) var(--ease-standard), box-shadow var(--dur-1) var(--ease-standard);background:#fff;border-radius:.625rem;outline:none;flex:14rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem;line-height:1.45}.notify-form__input:hover{box-shadow:0 0 0 1px var(--color-rule)}.notify-form__input:focus,.notify-form__input:focus-visible{border-color:var(--color-fg);box-shadow:none}.notify-form__input::placeholder{color:var(--color-muted)}.notify-form__submit{background:var(--color-fg);color:var(--color-bg);border-radius:var(--radius-pill);cursor:pointer;letter-spacing:-.005em;border:0;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;line-height:1.45}.notify-form__submit:hover{background:#2a2824}.notify-form__note{opacity:.5;margin-top:var(--space-2xs);flex-basis:100%;font-size:.8125rem}.notify-form--on-dark .notify-form__input{color:#e0dcd2;background:#ffffff0d;border-color:#3a3a3a}.notify-form--on-dark .notify-form__input::placeholder{color:#8c8478}.notify-form--on-dark .notify-form__input:hover{box-shadow:0 0 0 1px #3a3a3a}.notify-form--on-dark .notify-form__input:focus,.notify-form--on-dark .notify-form__input:focus-visible{box-shadow:none;border-color:#e0dcd2}.notify-form--on-dark .notify-form__submit{color:#141414;background:#e0dcd2}.notify-form--on-dark .notify-form__submit:hover{background:#fff}.signup{max-width:28rem}.signup__copy{font-size:calc(var(--step--1) * 1.05);opacity:.75;margin-bottom:var(--space-s);line-height:1.4}.signup__success{font-size:calc(var(--step--1) * 1.05);opacity:.7;line-height:1.4}.site-footer__row--top .signup{flex:0 28rem}.site-footer .signup__copy{font-size:inherit}main:has(.type-showcase)+.site-footer .notify-form__input{color:#e0dcd2;background:#ffffff0d;border-color:#3a3a3a}main:has(.type-showcase)+.site-footer .notify-form__input::placeholder{color:#8c8478}main:has(.type-showcase)+.site-footer .notify-form__input:hover{box-shadow:0 0 0 1px #3a3a3a}main:has(.type-showcase)+.site-footer .notify-form__input:focus,main:has(.type-showcase)+.site-footer .notify-form__input:focus-visible{box-shadow:none;border-color:#e0dcd2}main:has(.type-showcase)+.site-footer .notify-form__submit{color:#141414;background:#e0dcd2}main:has(.type-showcase)+.site-footer .notify-form__submit:hover{background:#fff}.trial{max-width:36rem}.trial__copy{font-size:var(--step-1);margin-bottom:var(--space-m);text-wrap:balance;line-height:1.4}.tools-empty{opacity:.7;max-width:36rem;font-size:1.25rem;line-height:1.5}.buy-early{gap:var(--space-s);padding-block:var(--space-l);border-top:1px solid var(--color-rule);flex-direction:column;margin-bottom:0;display:flex}.buy-early__purchase{align-items:center;gap:var(--space-m);flex-wrap:wrap;display:flex}.buy-early__price{letter-spacing:-.005em;font-size:1.25rem;line-height:1.45}.buy-early__cta{background:var(--color-fg);color:var(--color-bg);border-radius:var(--radius-pill);letter-spacing:-.005em;white-space:nowrap;border-bottom:none;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-size:1rem;display:inline-flex}.buy-early__cta:hover{opacity:1;background:#2a2824}.buy-early__pitch{letter-spacing:0;font-size:1.125rem}.buy-early__proof{font-size:var(--step--1);color:var(--color-muted);letter-spacing:0}.licence-summary{margin-top:var(--space-l);padding-top:var(--space-l);border-top:1px solid var(--color-rule)}.licence-summary--no-rule{border-top:none;margin-top:0;padding-top:0}.licence-summary__label{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin-bottom:var(--space-s);font-size:.8125rem}.licence-summary__list{gap:var(--space-2xs);flex-direction:column;max-width:32rem;padding-left:1.25rem;font-size:1rem;line-height:1.5;list-style:outside;display:flex}.licence-summary__list li::marker{opacity:.55}.faq{gap:var(--space-l);flex-direction:column;max-width:40rem;display:flex}.faq__item{gap:var(--space-2xs);flex-direction:column;display:flex}.faq__q{font-size:1rem;font-weight:400;line-height:1.45}.faq__a{opacity:.65;font-size:1rem;line-height:1.55}.type-notify{margin-top:var(--space-2xl);padding-top:var(--space-l)}.type-notify__label{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin-bottom:var(--space-m);font-size:.8125rem}.case-study__hero{margin:0;margin-block:var(--space-l)}.case-study__hero img{border-radius:var(--radius-sm);width:100%;height:auto;display:block}.case-study__hero-container{aspect-ratio:16/9;border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}@media (width<=39.9375rem){.case-study__hero-container{aspect-ratio:3/2}}.case-study__intro{max-width:var(--measure);font-size:var(--step-1);margin-bottom:var(--space-3xl);opacity:.75;line-height:1.55}.case-study__intro p+p{margin-top:var(--space-m)}.case-study__closing{max-width:var(--measure);font-size:var(--step-1);padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);opacity:.75;line-height:1.55}.img-placeholder{border-radius:var(--radius-sm);border:1px dashed var(--color-rule);aspect-ratio:4/3;opacity:.5;justify-content:center;align-items:center;margin:0;display:flex}.img-placeholder p{font-size:var(--step--1);text-align:center;padding:var(--space-m)}.specimen__card{border-radius:var(--radius-sm);padding:var(--space-xl);justify-content:center;align-items:center;margin:0;display:flex;overflow:hidden}.specimen__card img{width:100%;max-width:100%;height:auto;display:block}.specimen__card--flush{padding:0}.specimen__card-grid{gap:var(--space-s);margin-bottom:var(--space-l);grid-template-columns:1fr;display:grid}@media (width>=40rem){.specimen__card-grid{gap:var(--space-m);grid-template-columns:1fr 1fr}.specimen__card-grid .specimen__card--full{grid-column:1/-1}}.colour-grid{border-radius:var(--radius-sm);margin-bottom:var(--space-l);border:1px solid var(--color-rule);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}@media (width>=40rem){.colour-grid{grid-template-columns:repeat(4,1fr)}}.colour-swatch{aspect-ratio:4/3;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.colour-swatch--tall{aspect-ratio:3/4}.colour-swatch__tier{font-size:var(--step--1);opacity:.6;margin:0}.colour-swatch__name{font-size:var(--step-0);margin:0 0 .15rem;font-weight:400;line-height:1.1}.colour-swatch__hex{font-size:var(--step--1);opacity:.65;margin:0}.website-preview{aspect-ratio:24/17;border-radius:var(--radius-sm);position:relative;overflow:hidden}.website-preview img{will-change:transform;width:100%;height:auto;animation:12s ease-in-out forwards paused website-scroll;display:block}.website-preview.is-playing img{animation-play-state:running}.website-preview__btn{color:#fff;letter-spacing:.03em;cursor:pointer;backdrop-filter:blur(6px);transition:background var(--dur-1) var(--ease-standard);background:#00000059;border:none;border-radius:2rem;align-items:center;gap:.35rem;padding:.35rem .9rem;font-family:inherit;font-size:.75rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.website-preview__btn:hover{background:#0000008c}@keyframes website-scroll{0%{transform:translateY(0)}to{transform:translateY(-78.3%)}}@media (prefers-reduced-motion:reduce){.website-preview img{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}