.tiw{color:var(--foreground);overflow-x:clip}.tiw-hero{align-items:end;min-height:min(92vh,900px);display:grid;position:relative}.tiw-hero-world{position:absolute;inset:0}.tiw-hero-world canvas{width:100%!important;height:100%!important}.tiw-hero-copy{z-index:2;text-align:center;background:var(--wirld-glass,color-mix(in oklab, var(--background) 70%, transparent));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:46rem;box-shadow:0 30px 80px -40px color-mix(in oklab, var(--foreground) 35%, transparent);border-radius:2rem;margin:0 auto 6vh;padding:1.6rem 2rem;position:relative}.tiw-hero-copy h1{font-family:var(--font-display,serif);letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(2.6rem,7vw,5.4rem);line-height:1}.tiw-hero-copy p{opacity:.8;max-width:34rem;margin:0 auto 1.2rem;font-size:clamp(1rem,1.6vw,1.2rem)}.tiw-cta{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.tiw-chapter{grid-template-columns:minmax(16rem,1fr) minmax(0,2.2fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);max-width:84rem;margin:0 auto;padding:clamp(3rem,9vw,7rem) clamp(1rem,4vw,3rem);display:grid}.tiw-chapter[data-flip=true]{grid-template-columns:minmax(0,2.2fr) minmax(16rem,1fr)}.tiw-chapter[data-flip=true] .tiw-copy{order:2}.tiw-visual{min-width:0}.tiw-copy,.tiw-visual{transition:opacity .9s,transform 1.1s cubic-bezier(.2,.7,.2,1)}.tiw-chapter[data-in=false] .tiw-copy{opacity:0;transform:translateY(24px)}.tiw-chapter[data-in=false] .tiw-visual{opacity:0;transform:translateY(48px)scale(.96)}.tiw-n{font-family:var(--font-display,serif);color:var(--primary);font-size:.9rem}.tiw-eyebrow{text-transform:uppercase;letter-spacing:.14em;opacity:.6;margin:.3rem 0;font-size:.72rem}.tiw-copy h2{font-family:var(--font-display,serif);margin:0 0 .8rem;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.05}.tiw-copy p:last-child{opacity:.75;font-size:1.02rem}.tiw-device{background:var(--card);border:1px solid color-mix(in oklab, var(--foreground) 9%, transparent);box-shadow:0 50px 100px -50px color-mix(in oklab, var(--foreground) 40%, transparent), 0 10px 30px -20px color-mix(in oklab, var(--primary) 30%, transparent);border-radius:1.4rem;margin:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;overflow:hidden}.tiw-device:hover{transform:translateY(-6px)}.tiw-bar{border-bottom:1px solid color-mix(in oklab, var(--foreground) 7%, transparent);background:color-mix(in oklab, var(--muted) 60%, transparent);align-items:center;gap:.35rem;padding:.55rem .8rem;display:flex}.tiw-bar i{background:color-mix(in oklab, var(--foreground) 15%, transparent);border-radius:99px;width:.6rem;height:.6rem}.tiw-bar span{opacity:.55;margin-left:.6rem;font-size:.72rem}.tiw-screen{background:var(--background);width:100%;position:relative;overflow:hidden}.tiw-screen iframe{transform-origin:0 0;pointer-events:none;border:0;display:block;position:absolute;top:0;left:0}.tiw-screen-wait{opacity:.4;font-family:var(--font-display,serif);place-items:center;display:grid;position:absolute;inset:0}.tiw-open{background:linear-gradient(to top, color-mix(in oklab, var(--background) 55%, transparent), transparent 40%);opacity:0;place-items:end center;padding:1rem;transition:opacity .35s;display:grid;position:absolute;inset:0}.tiw-device:hover .tiw-open,.tiw-open:focus-within{opacity:1}.tiw-open-btn{background:var(--primary);color:var(--primary-foreground);border-radius:99px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;display:inline-flex}.tiw-open-btn svg{width:1rem;height:1rem}.tiw-device figcaption{opacity:.6;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.75rem;display:flex}.tiw-device figcaption svg{width:.85rem;height:.85rem}.tiw-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tiw-final{text-align:center;background:radial-gradient(ellipse at 50% 0%, color-mix(in oklab, var(--primary) 14%, transparent), transparent 70%);padding:clamp(4rem,10vw,8rem) 1rem}.tiw-final h2{font-family:var(--font-display,serif);margin:0 0 .5rem;font-size:clamp(2.2rem,5vw,4rem)}.tiw-final p{opacity:.75;margin-bottom:1.4rem}@media (width<=860px){.tiw-chapter,.tiw-chapter[data-flip=true]{grid-template-columns:minmax(0,1fr)}.tiw-chapter[data-flip=true] .tiw-copy{order:0}.tiw-pair{grid-template-columns:1fr}.tiw-open{opacity:1}.tiw-hero-copy{margin:0 .8rem 4vh;padding:1.2rem}}@media (prefers-reduced-motion:reduce){.tiw-copy,.tiw-visual,.tiw-device{transition:none;opacity:1!important;transform:none!important}}.tiw-copy{min-width:0}.tiw-device{max-width:100%}