.about-hero{position:relative;width:100vw;min-height:100svh;overflow:hidden;background:var(--base-100);color:var(--base-300);padding:5rem 2.75rem 2rem;display:flex;flex-direction:column}.about-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;flex:1}.about-hero-text{display:flex;flex-direction:column}.about-hero-eyebrow{color:var(--base-secondary-dark);letter-spacing:.12em;margin-bottom:3rem}.about-hero-name{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(5rem,11vw,13rem);line-height:.85;letter-spacing:-.02em;text-transform:uppercase;color:var(--base-300);margin:0}.about-hero-name span{display:block;overflow:hidden}.about-hero-role{margin-top:2rem;letter-spacing:.12em;color:var(--base-300)}.about-hero-quote{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:clamp(1.25rem,1.6vw,1.75rem);line-height:1.45;max-width:40ch;margin-top:2.5rem;color:var(--base-secondary-dark)}.about-hero-plate{margin:0;display:flex;flex-direction:column;justify-self:end;position:relative;--frame-height: min(60svh, 520px)}.about-hero-plate-frame{width:clamp(320px,34vw,520px);height:var(--frame-height);border:1px solid var(--base-300);padding:.75rem;background:var(--base-200);position:relative;overflow:visible}.about-hero-plate-frame:before,.about-hero-plate-frame:after,.about-hero-plate:before,.about-hero-plate:after{content:"+";position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:14px;line-height:1;color:var(--base-300);opacity:.7;pointer-events:none}.about-hero-plate-frame:before{top:-7px;left:-7px}.about-hero-plate-frame:after{top:-7px;right:-7px}.about-hero-plate:before{top:calc(var(--frame-height) - 7px);left:-7px}.about-hero-plate:after{top:calc(var(--frame-height) - 7px);right:-7px}.about-hero-plate-frame img{width:100%;height:100%;object-fit:cover;display:block}.about-hero-plate figcaption{margin-top:.75rem;font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;text-transform:uppercase;color:var(--base-secondary-dark)}.about-hero-headrule{position:relative;z-index:1;margin-top:2.5rem;margin-bottom:2rem}.about-hero-headrule .about-hero-divider{margin:0}.about-hero-footrule{position:relative;z-index:1;margin-top:3rem}.about-hero-divider{border:0;border-top:1px solid var(--base-300);opacity:.3;margin:0 0 1rem;width:100%}.about-hero-meta{display:flex;justify-content:space-between;align-items:center}.about-hero-meta p{color:var(--base-300);opacity:.7;letter-spacing:.12em}@media(max-width:900px){.about-hero{padding:4rem 1.5rem 1.5rem}.about-hero-grid{grid-template-columns:1fr;gap:3rem}.about-hero-plate{order:-1;justify-self:stretch;max-width:100%;width:100%}.about-hero-plate-frame{height:auto}.about-hero-eyebrow{margin-bottom:1.5rem}}.anime-text-container{position:relative;width:100vw;height:100svh;overflow:hidden}.anime-text-container .copy-container{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:clamp(2rem,5vw,6rem)}.anime-text-container .anime-text{width:min(60%,950px)}.anime-text-container .anime-text-illustration{flex:0 0 clamp(320px,34vw,520px);width:clamp(320px,34vw,520px);aspect-ratio:4 / 5;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.anime-text-container .anime-text-illustration img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}.anime-text-container .anime-text p{color:var(--base-300);text-align:left;margin-bottom:2rem;font-family:"Instrument Serif",serif;font-style:normal;font-size:clamp(1.25rem,1.8vw,1.75rem);font-weight:400;line-height:1.25}.anime-text-container .anime-text .word{display:inline-block;position:relative;margin-right:.2rem;margin-bottom:.2rem;padding:.1rem .2rem;border-radius:8px;will-change:background-color,opacity}.anime-text-container .anime-text .word.keyword-wrapper{margin:0 .4rem .2rem .2rem}.anime-text-container .anime-text .word span{position:relative}.anime-text-container .anime-text .word span.keyword{border-radius:2rem;display:inline-block;width:100%;height:100%;padding:.1rem 0;color:var(--base-300)}.anime-text-container .anime-text .word span.keyword:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 1rem);height:calc(100% + .1rem);background-color:var(--base-300);border-radius:8px;z-index:-1;border:1px dashed var(--base-300)}.anime-text-container .anime-text .word a{color:var(--base-300);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-1);text-decoration-thickness:2px;transition:all .2s ease;position:relative;z-index:10}.anime-text-container .anime-text .word a:hover{text-decoration-color:var(--accent-2)}.anime-text-container .anime-text .word span.keyword.design:before,.anime-text-container .anime-text .word span.keyword.engineer:before,.anime-text-container .anime-text .word span.keyword.interfaces:before{background-color:var(--accent-1)}.anime-text-container .anime-text .word span.keyword.storytelling:before,.anime-text-container .anime-text .word span.keyword.narrative:before{background-color:var(--accent-2)}.anime-text-container .anime-text .word,.anime-text-container .anime-text .word span{opacity:0}.currently{position:relative;width:100vw;padding:5rem 0 7rem;background-color:var(--base-300);color:var(--base-100)}.pin-spacer:has(>.currently){background-color:var(--base-300)!important}.currently:before{content:"";position:absolute;top:0;left:0;width:100%;border-top:1px dashed var(--base-secondary-fade);opacity:.75}.currently .container{position:relative;z-index:5}.currently-editorial{display:flex;flex-direction:column;gap:0}.currently-editorial-top{display:flex;flex-direction:column;padding:0 0 2rem}.currently-reading-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px dashed var(--base-secondary-fade)}.currently-reading-topbar .mono{letter-spacing:.12em}.currently-index-num{font-size:.75rem;color:var(--base-secondary-fade);letter-spacing:.15em}.currently-reading-headline{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(5rem,11vw,13rem);line-height:.85;letter-spacing:-.02em;color:var(--base-100);text-transform:uppercase;margin:0}.currently-active-book{font-size:.75rem;color:var(--base-secondary-fade);letter-spacing:.15em;margin-top:1.5rem;text-transform:uppercase}.currently-divider{border:none;border-top:1px dashed var(--base-secondary-fade);margin:0}.currently-editorial-book{padding:0}.bookshelf-container{position:relative;width:100%;height:280px;background:var(--base-300);overflow:hidden}.bookshelf-container:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h2v2H0z' fill='%23ffffff' fill-opacity='0.02'/%3E%3C/svg%3E");z-index:1;pointer-events:none}.shelf-wrapper{position:absolute;bottom:0;left:0;width:100%;height:220px;z-index:10}.shelf{position:absolute;bottom:0;left:0;width:100%;max-width:none;height:12px;background:linear-gradient(to bottom,#1a1a1a,#0a0a0a);border-radius:2px;z-index:20;box-shadow:0 -1px 1px #ffffff1a,0 2px 3px #0000004d,0 5px 10px #0003}.shelf:before{content:"";position:absolute;inset:0;border-radius:2px;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='6' height='6' fill='%23000000'/%3E%3Crect x='0' y='0' width='2' height='2' fill='%23ffffff'/%3E%3Crect x='4' y='2' width='2' height='2' fill='%23ffffff'/%3E%3Crect x='2' y='4' width='2' height='2' fill='%23ffffff'/%3E%3C/svg%3E");opacity:.15;mix-blend-mode:overlay}.books-wrapper{position:absolute;bottom:12px;left:0;width:max-content;display:flex;justify-content:flex-start;align-items:flex-end;gap:1.5rem;z-index:15}.books__item{cursor:pointer;height:200px}.books__container{position:relative;width:140px;height:100%}.books__cover{position:relative;will-change:transform;height:100%}.books__hitbox{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;cursor:pointer}.books__back-cover{position:absolute;width:96%;height:96%;top:2%;left:2%;background:#fff;border-radius:0 6px 6px 0;box-shadow:2px 2px 5px #00000040;z-index:-10}.books__inside{position:absolute;width:90%;height:94%;top:3%;left:5%;z-index:0}.books__page{position:absolute;top:0;right:0;width:98%;height:100%;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:0 6px 6px 0;box-shadow:0 1px 3px #00000026;transform-origin:right center;z-index:-5}.books__image{line-height:0;position:relative;border-radius:2px 6px 6px 2px;height:100%;box-shadow:#0003 10px -5px 20px,#00000026 20px 0 30px;transform-origin:left center;cursor:pointer;will-change:transform,box-shadow;z-index:10}.books__image img{width:100%;height:100%;object-fit:cover;border-radius:2px 6px 6px 2px}.books__effect{position:absolute;width:24px;height:100%;margin-left:12px;top:0;border-left:2px solid rgba(0,0,0,.08);background-image:linear-gradient(90deg,#ffffff40,#fff0);transform-origin:left center;z-index:5;pointer-events:none;will-change:margin-left}.books__light{width:100%;height:100%;position:absolute;border-radius:2px 6px 6px 2px;background-image:linear-gradient(90deg,#fff0,#ffffff80);top:0;left:0;opacity:.1;transform-origin:left center;z-index:4;pointer-events:none;mix-blend-mode:overlay;will-change:opacity}.book-shadow{position:absolute;bottom:0;left:0;width:max-content;display:flex;justify-content:flex-start;align-items:flex-end;gap:1.5rem;z-index:12}.book-shadow__item{width:110px;height:2px;background:radial-gradient(ellipse at center,#0000004d,#0000 70%);border-radius:50%;will-change:width,opacity}.book-descriptions{position:relative;width:90%;max-width:700px;height:100px;margin-top:16px;z-index:5}.book-description{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;font-family:DM Mono,monospace;font-size:.875rem;line-height:1.5;color:var(--base-100);text-align:left;transition:opacity .3s ease,visibility .3s ease}.book-description.active{opacity:1;visibility:visible}.book-description h3{font-family:Host Grotesk,sans-serif;font-size:1rem;font-weight:600;text-transform:none;letter-spacing:0;line-height:1.2;margin-bottom:.25rem;color:var(--accent-2)}.book-description .author{font-size:.75rem;opacity:.7;margin-bottom:.5rem}.book-description p{margin:0;font-size:.75rem;opacity:.8}.line{overflow:hidden!important;display:block}.line-inner{display:block;transform:translateY(0);opacity:1}@media(max-width:1000px){.anime-text-container .anime-text{width:100%}.anime-text-container .anime-text-illustration{display:none}.anime-text-container .anime-text p{font-size:1.15rem}.anime-text-container .anime-text .word{margin-right:.1rem;margin-bottom:.15rem;padding:.05rem .125rem}.anime-text-container .anime-text .word.keyword-wrapper{margin:0 .2rem .1rem .1rem}.anime-text-container .anime-text .word span.keyword:before{width:calc(100% + .35rem);height:calc(100% + .075rem)}.currently{padding:6rem 0}.currently-editorial-top{padding-bottom:3rem}.bookshelf-container{height:450px}.books__item{height:160px}.books__container{width:110px}.books-wrapper{gap:1rem}.book-descriptions{bottom:10px;width:95%;height:90px}.book-description h3{font-size:.9rem}.book-description p{font-size:.7rem}}
