html:has(.landing){scroll-behavior:smooth;scroll-padding-top:30px}.landing{--font-app:var(--font-interface);--ink:#111;--muted:#858585;--line:#e7e7e7;--accent:#111;--landing-paper:#fff;--surface:#fff;--surface-ink:#111;--surface-muted:#757575;--surface-line:#e7e7e7;--surface-stage:#fff;--landing-gutter:clamp(28px,3.125vw,72px);--landing-gap:clamp(12px,1.042vw,24px);--landing-ease:cubic-bezier(.22,.61,.36,1);--landing-body:16px;--landing-small:13px;--landing-heading:22px;color:var(--ink);font:var(--landing-body)/1.5 var(--font-interface);background:#fff;overflow-x:clip}.landing a{color:inherit;text-decoration:none}.landing button{font:inherit;cursor:pointer}.landing h1,.landing h2,.landing p{margin:0}.landing h1,.landing h2{overflow-wrap:anywhere}.landing :focus-visible{outline-offset:6px;outline:1px solid #111}.landing svg.lucide{stroke-width:1.5px;flex-shrink:0}.landing a,.landing button{-webkit-tap-highlight-color:transparent}.landing-content{width:100%;max-width:1920px;margin-inline:auto}.landing-wrap{column-gap:var(--landing-gap);padding-inline:var(--landing-gutter);grid-template-columns:repeat(7,minmax(0,1fr));width:100%;margin:0;display:grid}.landing-header{z-index:30;left:var(--landing-gutter);width:150px;position:fixed;top:50svh;translate:0 -50%}.landing-header-inner{flex-direction:column;align-items:flex-start;gap:20px;padding:0;display:flex}.landing-brand{min-height:24px;font:400 var(--landing-small)/1.5 var(--font-interface);white-space:nowrap;align-items:center;display:inline-flex;color:var(--muted)!important}.landing-desktop-nav{font-size:var(--landing-small);text-transform:uppercase;flex-direction:column;align-items:flex-start;display:flex}.landing-desktop-nav>a{color:#838383;min-height:30px;transition:color .25s var(--landing-ease);align-items:center;display:flex}.landing-desktop-nav>a>span{min-width:30px}.landing-desktop-nav>a[aria-current=location],.landing-desktop-nav>a:hover{color:#111}.landing-desktop-nav .landing-login{color:#111;gap:4px;min-height:44px;margin-top:14px}.landing-menu-toggle,.landing-mobile-nav,.landing-mobile-nav[hidden]{display:none}.landing-skip{z-index:100;background:#111;padding:10px 14px;position:fixed;top:12px;left:16px;transform:translateY(-160%);color:#fff!important}.landing-skip:focus{transform:none}.landing-hero{padding-top:var(--landing-gutter);align-items:center;row-gap:clamp(36px,4vw,72px);padding-bottom:56px}.landing-hero h1{width:100%;font:400 clamp(48px,6.4vw,124px)/1 var(--font-interface);white-space:nowrap;grid-column:1/-1;justify-content:space-between;display:flex}.landing-title-glyph{animation:landingGlyphIn .65s var(--landing-ease) both;display:block}.landing-hero [data-reveal]{animation:landingGlyphIn .65s var(--landing-ease) .12s backwards}.landing-hero .landing-hero-index{animation-delay:.18s}.landing-hero .landing-hero-bottom{animation-delay:.24s}.landing-hero-composition{display:contents}.landing-hero-index{font-size:var(--landing-body);text-transform:uppercase;flex-direction:column;grid-area:2/3/auto/4;gap:28px;line-height:1.5;display:flex}.landing-hero-index ul{margin:0;padding:0;list-style:none}.landing-hero-index>span{color:var(--muted);font-size:var(--landing-small)}.landing-hero-object{aspect-ratio:.954;perspective:1600px;color:#111;isolation:isolate;background:0 0;border:0;grid-area:2/4/auto/6;width:100%;padding:0;display:block;position:relative}.landing-hero-book-front{pointer-events:none;width:63%;transition:transform .55s var(--landing-ease);transform-style:preserve-3d;display:block;position:absolute;top:7%;left:18.5%;transform:rotateY(-7deg)}.landing-hero-object .cab-jacket{box-shadow:inset 0 1px #ffffff38,inset 0 -2px #00000024,3px 2px #dfdacb,5px 4px #aaa798,6px 6px var(--tone-dark),10px 18px 22px #222b2126}.landing-object-open{min-height:36px;font-size:var(--landing-small);text-transform:uppercase;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.landing-hero-bottom{text-transform:uppercase;grid-area:2/6/auto/7;min-width:0}.landing-hero-bottom>p{font-size:var(--landing-body);overflow-wrap:anywhere;line-height:1.5}.landing-hero-bottom>p+p{margin-top:24px}.landing-hero-actions{flex-direction:column;align-items:flex-start;gap:0;margin-top:20px;display:flex}.landing-primary,.landing-text-link{color:#111;min-height:44px;font:400 var(--landing-body)/1.5 var(--font-interface);text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;gap:7px;padding:8px 0;text-decoration:none;display:inline-flex}.landing-primary>svg,.landing-text-link>svg,.landing-back-top>svg,.landing-project-arrow>svg{transition:translate .35s var(--landing-ease)}.landing-primary:hover>svg,.landing-text-link:hover>svg,.landing-back-top:hover>svg,.landing-project-arrow:hover>svg{translate:2px -2px}.landing-primary:hover,.landing-text-link:hover{color:#757575}.landing-work{align-items:start;padding-bottom:24px}.landing-story{grid-column:2/5;min-width:0}.landing-cassette{grid-column:6/8;min-width:0;position:sticky;top:30px}.landing-cassette-demo{background:0 0;flex-direction:column;justify-content:center;min-width:0;padding:28px 16px 12px;display:flex}.landing-cassette-demo .cassette-player{width:100%;margin:0}.landing-demo-note{font:var(--landing-small)/1.5 var(--font-interface);color:#858585;padding-top:24px;margin-top:auto!important}.landing-cassette .cassette-player{padding:24px 0 0}.landing-cassette .cassette-player-controls{font-size:12px}.landing-cassette-heading{text-transform:uppercase;justify-content:space-between;align-items:start;gap:14px;margin-top:14px;display:flex}.landing-cassette h2{font:400 var(--landing-heading)/1.35 var(--font-interface);letter-spacing:-.025em}.landing-section-description{font-size:var(--landing-small);color:var(--muted);line-height:1.6;margin-top:5px!important}.landing-project-arrow{color:#111;min-width:44px;min-height:44px;font:400 30px/1 var(--font-interface);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:0;margin-top:-7px;padding:0;display:flex}.landing-cassette-create{max-width:100%;font-size:var(--landing-body);margin-top:24px}.landing-footer{text-transform:uppercase;align-items:end;row-gap:16px;padding-block:16px 28px}.landing-footer>div{grid-column:2/5}.landing-footer p{font:400 24px/1.4 var(--font-interface);letter-spacing:-.025em;max-width:24ch}.landing-footer .landing-text-link{margin-top:12px}.landing-back-top{min-height:44px;font-size:var(--landing-small);white-space:nowrap;grid-column:7/8;justify-content:flex-end;align-items:center;gap:5px;display:flex}@keyframes landingGlyphIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (min-width:761px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.landing-hero-book-front{transform:translate3d(calc(var(--pointer-x,0)*5px),calc(var(--pointer-y,0)*4px),0) rotateX(calc(var(--pointer-y,0)*-9deg)) rotateY(calc(-7deg + var(--pointer-x,0)*14deg))}.landing-hero-object:hover .landing-object-open>svg{translate:2px -2px}}@media (min-width:1921px){.landing-header{left:max(var(--landing-gutter),calc((100vw - 1920px)/2 + var(--landing-gutter)))}}@media (max-width:1100px) and (min-width:761px){.landing{--landing-body:14px;--landing-small:12px;--landing-heading:20px}.landing-hero-index{font-size:var(--landing-body);grid-column:2/4;justify-self:end;padding-right:12px}.landing-hero-index>span{font-size:var(--landing-small)}.landing-hero-bottom{grid-column:6/8}.landing-hero-bottom>p{font-size:var(--landing-body)}.landing-hero-bottom>p+p{margin-top:20px}.landing-hero-actions{margin-top:10px}.landing-header{width:110px}.landing-desktop-nav{font-size:var(--landing-small)}.landing-desktop-nav>a>span{min-width:27px}.landing-cassette-demo{padding:28px 12px 12px}.landing-cassette h2{font-size:var(--landing-heading)}.landing-cassette-create{font-size:var(--landing-body)}}@media (max-width:760px){html:has(.landing){scroll-padding-top:74px}.landing{--landing-gutter:20px;--landing-gap:16px;--landing-body:14px;--landing-small:12px;--landing-heading:22px}.landing-wrap{grid-template-columns:minmax(0,1fr)}.landing-header{background:#fff;border-bottom:1px solid #e7e7e7;width:100%;position:sticky;top:0;left:0;translate:none}.landing-header-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;height:54px;padding-inline:20px}.landing-brand{font-size:var(--landing-small)}.landing-desktop-nav{display:none}.landing-menu-toggle{min-height:44px;font-size:var(--landing-small);text-transform:uppercase;background:0 0;border:0;align-items:center;gap:4px;padding:8px 0;display:flex}.landing-mobile-nav:not([hidden]){animation:landingGlyphIn .3s var(--landing-ease) both;background:#fff;border-top:1px solid #e7e7e7;flex-direction:column;padding:8px 20px 16px;display:flex}.landing-mobile-nav>a{min-height:48px;font-size:var(--landing-small);text-transform:uppercase;align-items:center;gap:12px;display:flex}.landing-mobile-nav>a>small{color:#858585;font-size:10px}.landing-mobile-nav>a>svg{margin-left:auto}.landing-mobile-nav>a:last-child{margin-top:8px}.landing-hero{align-items:start;row-gap:24px;padding-block:20px 32px}.landing-hero h1{grid-area:1/1;font-size:9.6vw;line-height:1.1}.landing-hero-index{font-size:var(--landing-small);flex-direction:row;grid-area:2/1;justify-content:space-between;align-items:start;gap:20px;line-height:1.6}.landing-hero-index ul{grid-template-columns:auto auto;gap:0 16px;display:grid}.landing-hero-index>span{font-size:var(--landing-small);text-align:right}.landing-hero-object{aspect-ratio:.954;grid-area:3/1}.landing-hero-book-front{width:63%;top:7%;left:18.5%}.landing-object-open{font-size:var(--landing-small);padding-inline:12px}.landing-hero-bottom{grid-area:4/1;grid-template-columns:1fr 1fr;gap:14px 24px;display:grid}.landing-hero-bottom>p{font-size:var(--landing-body);line-height:1.55}.landing-hero-bottom>p+p{text-align:right;margin:0}.landing-hero-actions{flex-direction:row;grid-column:1/-1;justify-content:space-between;gap:16px;margin:0}.landing-primary,.landing-text-link{font-size:var(--landing-body)}.landing-work{row-gap:32px;padding-bottom:20px}.landing-story{grid-column:1}.landing-cassette{grid-column:1;position:relative;top:0}.landing-cassette-demo{padding:28px 20px 14px}.landing-cassette h2{font-size:var(--landing-heading)}.landing-cassette-heading{margin-top:14px}.landing-cassette-create{font-size:var(--landing-body);margin-top:16px}.landing-footer{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding-block:12px 24px}.landing-footer>div{grid-column:1}.landing-footer p{font-size:18px}.landing-footer .landing-text-link{margin-top:8px}.landing-back-top{font-size:var(--landing-small);grid-column:2}}@media (max-width:360px){.landing{--landing-gutter:16px;--landing-body:13px;--landing-small:11px;--landing-heading:20px}.landing-header-inner{padding-inline:16px}.landing-hero-index{font-size:var(--landing-small);gap:10px}.landing-hero-index ul{gap:0 10px}.landing-hero-index>span{font-size:var(--landing-small)}.landing-hero-bottom{column-gap:16px}.landing-hero-bottom>p{font-size:var(--landing-body)}}@media (prefers-reduced-motion:reduce){html:has(.landing){scroll-behavior:auto}.landing *,.landing :before,.landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.landing [data-reveal-state=waiting]{opacity:1;translate:none}}