.preview-note{color:#151411;background:#dfb659;padding:13px 24px;font-size:18px;line-height:1.5}.about-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:24px 0;display:flex}.about-nav img{width:80px;height:auto}.about-nav div{align-items:center;gap:26px;display:flex}.about-nav a{font-size:18px}.about-nav .active{color:var(--orange)}.about-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding:76px 0;display:grid}.about-hero h1{margin:20px 0 28px;font-size:clamp(62px,7.2vw,104px);line-height:.94}.about-hero .intro{max-width:580px;color:var(--muted);font-size:21px}.about-photo{margin:0}.about-photo img{width:100%;height:auto;display:block}.about-photo figcaption{color:var(--muted);margin-top:14px;font-size:18px}.about-history{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:60px;padding:70px 0;display:grid}.year{font:800 140px/.85 var(--display);color:var(--gold);margin-top:20px}.about-history h2{font-size:60px;line-height:1}.about-history p{max-width:740px;color:var(--muted)}.draft-tag{border:1px solid var(--line);color:var(--gold);letter-spacing:1px;padding:7px 10px;font-size:18px;font-weight:600;line-height:1.5;display:inline-block}.mission{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:65px 0}.mission h2{max-width:1000px;margin:28px 0 0;font-size:clamp(38px,4.4vw,65px);line-height:1.08}.about-block{padding:70px 0}.about-heading{justify-content:space-between;align-items:flex-start;gap:35px;margin-bottom:35px;display:flex}.about-heading h2{font-size:65px;line-height:1}.values{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.value{border:1px solid var(--line);padding:28px}.value h3{margin:10px 0 15px;font-size:37px;line-height:1.1}.value p{color:var(--muted);margin:0;font-size:18px}.value-number{font:600 18px var(--display);color:var(--orange)}.commitment{background:var(--paper);color:var(--ink);padding:44px}.commitment .draft-tag{color:#675027;border-color:#bca47c}.commitment h2{margin:25px 0;font-size:60px}.commitment p{max-width:900px;font-size:21px}.influences{grid-template-columns:1fr 1fr;gap:45px;display:grid}.influences h3{margin:20px 0;font-size:38px}.influences p{color:var(--muted)}.influences a{color:var(--gold);font-size:18px;text-decoration:underline}.influence-note{font-size:18px!important}.robin{border-top:1px solid var(--line);grid-template-columns:1fr 1.7fr;align-items:center;gap:50px;padding:70px 0;display:grid}.portrait-placeholder{aspect-ratio:4/5;color:var(--muted);background:#211e18;border:1px dashed #756a53;align-content:center;justify-items:center;gap:18px;padding:25px;display:grid}.portrait-placeholder b{font:700 100px var(--display);color:#dfb65966}.portrait-placeholder span{letter-spacing:2px;font-size:18px}.robin h2{margin:24px 0;font-size:72px}.robin p{color:var(--muted)}.team{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.team article{min-width:0}.team .portrait-placeholder{aspect-ratio:1;gap:8px;padding:15px}.team .portrait-placeholder b{font-size:55px}.team .portrait-placeholder span{text-align:center;font-size:18px}.team h3{margin:15px 0 8px;font-size:27px;line-height:1.1}.team p{color:var(--muted);margin:0;font-size:18px}.about-close{border-top:1px solid var(--line);text-align:center;padding:65px 0}.about-close h2{margin:20px 0;font-size:80px}.about-close .first-free{font-size:20px}.about-close .button{margin:20px}.about-foot{color:var(--muted);border-top:1px solid var(--line);padding:25px 0;font-size:18px}@media (width<=800px){.about-hero,.about-history,.robin,.influences{grid-template-columns:1fr;gap:30px}.about-nav div{gap:15px}.about-nav img{width:60px}.about-hero{padding:45px 0}.about-hero h1{font-size:68px}.about-history h2,.about-heading h2{font-size:50px}.year{font-size:95px}.values{grid-template-columns:1fr 1fr}.team{grid-template-columns:repeat(3,1fr)}.about-heading{display:block}.about-heading .draft-tag{margin-top:18px}.portrait-placeholder{width:100%;max-width:350px}.commitment{padding:28px}.commitment h2{font-size:46px}.about-close h2{font-size:60px}}@media (width<=480px){.about-nav div{gap:12px}.about-nav a{font-size:18px}.values{grid-template-columns:1fr}.team{grid-template-columns:repeat(2,1fr)}.robin h2{font-size:58px}.about-hero h1{font-size:60px}.about-block,.robin{padding:48px 0}.about-hero .intro{font-size:19px}}
