@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&family=Permanent+Marker&display=swap');
:root{--bg:#000;--bg2:#000;--panel:#0d252c;--panel2:#102d35;--text:#f4f7f6;--muted:#a7b8ba;--line:#24424a;--yellow:#ffd21a;--cyan:#16d7d2;--blue:#2d8cff;--purple:#a78bfa;--danger:#ff647c;--max:1240px;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--text);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.10;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;height:74px;background:rgba(5,18,23,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(22px,calc((100% - var(--max))/2));gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.block-logo{width:38px;height:38px;fill:var(--yellow);flex:none}.brand-wordmark{font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.04em;font-size:18px;line-height:.9}.brand-wordmark strong{color:var(--cyan)}.brand-wordmark span{color:var(--yellow)}.nav{display:flex;align-items:center;gap:23px;margin-left:auto}.nav a{font-size:11px;font-weight:700;letter-spacing:.04em;color:#c9d4d5;padding:27px 0;position:relative}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--yellow)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--yellow);border-radius:5px;background:var(--yellow);color:#07161b;font-weight:800;font-size:12px;padding:11px 16px;transition:.18s ease}.header-cta:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-dark{background:transparent;color:#fff;border-color:#91a7aa}.btn-dark:hover{border-color:var(--cyan);color:var(--cyan)}.btn-light{background:var(--cyan);border-color:var(--cyan)}.btn-primary{background:var(--yellow);color:#07161b;border-color:var(--yellow)}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:5px;padding:8px 11px;font-size:17px}
.container{max-width:var(--max);margin:auto;padding:0 22px}.hero{max-width:var(--max);margin:auto;padding:46px 22px 34px;display:grid;grid-template-columns:1.02fr 1.58fr;gap:18px;align-items:stretch}.hero-copy{padding:20px 0 15px}.eyebrow,.kicker,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}.hero h1,.page-hero h1{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-weight:800;font-size:clamp(56px,6.5vw,88px);line-height:.88;letter-spacing:-.025em;margin:13px 0 20px}.hero h1 span,.page-hero h1 span{color:var(--yellow)}.hero-lead{font-size:18px;line-height:1.45;max-width:570px}.hero-support{color:var(--muted);font-size:13px;max-width:600px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-art{position:relative;min-height:460px}.hero-photo{height:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#08191e;position:relative}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,22,.18),rgba(4,18,22,.02) 60%,rgba(4,18,22,.28))}.hero-photo img{width:100%;height:100%;object-fit:cover}.note{position:absolute;z-index:2;right:22px;bottom:20px;background:var(--yellow);color:#10191c;padding:12px 15px;font-family:'Permanent Marker';font-size:16px;line-height:1.2;transform:rotate(-2deg);border-radius:3px;box-shadow:0 8px 24px rgba(0,0,0,.3)}.tape{display:none}.scribble{font-family:'Permanent Marker';color:var(--yellow);font-size:16px;margin-bottom:12px}.principles{max-width:var(--max);margin:0 auto 18px;padding:0 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.principles>div{background:var(--panel);border:1px solid var(--line);padding:18px 15px}.principle-mark{font-size:24px;color:var(--cyan);font-family:'Barlow Condensed';font-weight:800;display:block}.principles strong{display:block;font-size:12px}.principles small{color:var(--muted);font-size:10px}.section{padding:68px 0}.section.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section h2{font-family:'Barlow Condensed';font-size:clamp(40px,5vw,64px);line-height:.9;text-transform:uppercase;margin:8px 0;letter-spacing:-.01em}.section h2 span{color:var(--yellow)}.section-head p{max-width:450px;color:var(--muted);font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature,.info-card,.card,.manual-card,.link-card,.role,.membership-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:21px}.feature{min-height:205px}.feature:nth-child(2),.feature:nth-child(3){transform:none}.feature-num,.num{font-family:'Barlow Condensed';font-weight:800;color:var(--yellow);font-size:13px}.feature-icon{font-size:29px;color:var(--cyan);margin:22px 0 6px}.feature h3,.info-card h3,.role h3,.membership-card h3,.card h3,.manual-card h3{font-family:'Barlow Condensed';font-size:26px;text-transform:uppercase;margin:0 0 7px;line-height:1}.feature p,.info-card p,.role p,.membership-card p,.card p,.manual-card p{font-size:12px;color:var(--muted);margin:0}.event-table-wrap{border:1px solid var(--line);border-radius:8px;overflow:auto;background:var(--panel)}.event-table{width:100%;border-collapse:collapse;min-width:760px}.event-table th{background:#071b21;color:var(--cyan);text-align:left;padding:13px 15px;font-size:10px;letter-spacing:.08em}.event-table td{padding:15px;border-bottom:1px solid var(--line);font-size:12px;color:#dbe4e4}.event-table tr:last-child td{border-bottom:0}.event-table td:first-child{color:var(--yellow);font-weight:800}.founder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.founder{border:1px solid var(--line);background:var(--panel);padding:12px;border-radius:8px}.avatar{height:220px;background:#0a2026;border:1px solid var(--line);display:flex;align-items:end;justify-content:center;overflow:hidden;border-radius:6px}.avatar svg{height:215px}.founder h3{font-family:'Barlow Condensed';font-size:17px;margin:12px 0 2px;text-transform:uppercase}.founder p{font-size:10px;color:var(--muted);margin:0}.cta{margin:0 0 70px;background:linear-gradient(100deg,#0f3038,#0a1e24);border:1px solid var(--line);border-radius:8px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-family:'Barlow Condensed';font-size:48px;text-transform:uppercase;line-height:.9;margin:0 0 8px}.cta p{max-width:560px;color:var(--muted);font-size:13px}footer{background:#000;border-top:1px solid var(--line);padding:45px 0 18px}.footer-main,.footer-grid{max-width:var(--max);margin:auto;padding:0 22px;display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:45px}.footer-brand{display:flex;gap:10px;align-items:center}.footer-brand strong,.footer-title{font-family:'Barlow Condensed';font-size:24px;text-transform:uppercase}.footer-brand p,.footer-grid p{color:var(--muted);font-size:11px;margin:3px 0}.footer-contact{display:flex;flex-direction:column;gap:5px}.footer-contact span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.12em}.footer-contact a{font-size:12px}.footer-contact small{color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.footer-links a{font-size:10px;color:#c6d1d2}.footer-links a:hover{color:var(--yellow)}.footer-bottom{max-width:var(--max);margin:35px auto 0;padding:15px 22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f8589;font-size:9px}
.breadcrumbs{max-width:var(--max);margin:0 auto;padding:20px 22px 0;color:#708589;font-size:9px;letter-spacing:.08em}.breadcrumbs a{color:var(--cyan)}.page-hero{max-width:var(--max);margin:auto;padding:55px 22px 40px;border-bottom:1px solid var(--line)}.page-hero p{max-width:680px;color:var(--muted);font-size:14px}.page-grid{max-width:var(--max);margin:auto;padding:48px 22px 80px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:38px}.page-main>h2{font-family:'Barlow Condensed';font-size:38px;text-transform:uppercase;line-height:1;margin:34px 0 12px}.page-main>h2:first-child{margin-top:0}.page-main>h3{font-family:'Barlow Condensed';font-size:25px;text-transform:uppercase;margin:32px 0 8px}.page-main>p,.page-main li{color:#c0cecf;font-size:13px}.page-main ul{padding-left:20px}.side-nav{background:var(--panel);border:1px solid var(--line);border-radius:8px;height:max-content;position:sticky;top:94px;overflow:hidden}.side-nav h3{font-family:'Barlow Condensed';font-size:19px;text-transform:uppercase;margin:0;padding:16px;border-bottom:1px solid var(--line);color:#fff}.side-nav a{display:block;padding:11px 15px;border-bottom:1px solid rgba(36,66,74,.6);font-size:11px;color:#b9c8ca}.side-nav a:hover,.side-nav a.active{background:#12343c;color:var(--yellow)}.info-grid,.role-list,.manual-list,.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.info-card{min-height:160px}.info-card h3{margin-top:7px}.notice,.legal-card,.note-box{background:#102f38;border:1px solid #2e5862;border-radius:8px;padding:20px;margin:25px 0}.notice strong,.legal-card strong,.note-box strong{color:var(--yellow);font-size:11px;letter-spacing:.08em}.notice p,.legal-card p,.note-box p{margin:6px 0 0;color:#b8cacc;font-size:12px}.membership-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:15px;margin-bottom:20px}.member-intro{padding:4px 0}.member-intro h2{font-family:'Barlow Condensed';font-size:44px;line-height:.95;text-transform:uppercase;margin:8px 0 12px}.member-intro p{color:var(--muted);font-size:13px}.member-note{background:#102f38;border:1px solid #2e5862;padding:22px;border-radius:8px}.member-note strong{font-family:'Barlow Condensed';font-size:21px;line-height:1;text-transform:uppercase;color:var(--yellow)}.member-note p{font-size:11px;color:var(--muted)}.membership-cards,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.membership-card{min-height:270px}.membership-card:nth-child(2){border-color:var(--yellow);transform:none;background:linear-gradient(145deg,#152d31,#0d2227);box-shadow:none}.membership-card:nth-child(3){background:linear-gradient(145deg,#15272e,#0d2026)}.membership-card h3{font-size:29px;margin-top:26px}.tag{display:inline-block;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.1em}.member-footer-box{margin-top:30px;background:linear-gradient(100deg,#12323a,#0a1e24);border:1px solid var(--line);padding:25px;border-radius:8px}.member-footer-box h3{font-family:'Barlow Condensed';font-size:34px;text-transform:uppercase;margin:0;color:#fff}.member-footer-box p{color:var(--muted);font-size:12px}.manual-list{grid-template-columns:repeat(2,1fr)}.manual-card{display:block;min-height:150px}.manual-card:hover,.link-card:hover,.card:hover{border-color:#39727e;transform:translateY(-2px)}.manual-card .tag,.card .tag{margin-bottom:8px}.link-grid{grid-template-columns:repeat(3,1fr)}.link-card{display:block}.role-list{grid-template-columns:repeat(3,1fr)}.role-row{padding:16px 0;border-bottom:1px solid var(--line)}.role-row strong{font-family:'Barlow Condensed';font-size:19px}.schedule-day{font-family:'Barlow Condensed';font-size:18px;color:var(--yellow)}.schedule-event{font-weight:700}.time{color:var(--cyan);font-size:11px}.cards .card{min-height:220px}.prose h2{font-family:'Barlow Condensed';font-size:34px;text-transform:uppercase}.prose h3{font-family:'Barlow Condensed';font-size:23px;text-transform:uppercase}.prose p,.prose li{font-size:13px;color:#c0cecf}.prose img{border:1px solid var(--line);border-radius:8px;margin:20px 0}.manual-resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.resource-card{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:10px;text-align:center}.resource-card img{height:90px;width:100%;object-fit:contain;margin:0 auto 7px}.resource-card strong{font-family:'Barlow Condensed';font-size:15px;display:block}.resource-card small{color:var(--muted);font-size:9px}.manual-banner{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:25px 0}.manual-banner img{width:100%;height:220px;object-fit:cover}.page-main .actions{margin-top:25px}
@media(max-width:980px){.nav{display:none;position:absolute;left:0;right:0;top:74px;background:#06151a;border-bottom:1px solid var(--line);padding:8px 22px;flex-wrap:wrap;gap:18px}.nav.open{display:flex}.nav a{padding:10px 0}.nav a.active:after{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-art{min-height:400px}.principles{grid-template-columns:repeat(2,1fr)}.feature-grid,.founder-grid,.membership-cards,.cards{grid-template-columns:repeat(2,1fr)}.page-grid{grid-template-columns:1fr}.side-nav{position:static}.membership-hero{grid-template-columns:1fr}.role-list,.link-grid,.manual-resource-grid{grid-template-columns:repeat(2,1fr)}.footer-main,.footer-grid{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1}}
@media(max-width:620px){.site-header{padding:0 15px}.brand-wordmark{font-size:15px}.header-cta{display:none}.container{padding:0 15px}.hero{padding:32px 15px 20px}.hero h1,.page-hero h1{font-size:16vw}.hero-art{min-height:310px}.hero-photo img{height:310px}.note{right:10px;bottom:10px;font-size:13px}.principles{padding:0 15px;grid-template-columns:1fr 1fr}.section{padding:48px 0}.section-head{display:block}.feature-grid,.founder-grid,.membership-cards,.cards,.info-grid,.manual-list,.role-list,.link-grid,.manual-resource-grid{grid-template-columns:1fr}.cta{display:block;margin-bottom:45px;padding:24px}.cta h2{font-size:40px}.page-hero{padding:40px 15px 30px}.page-grid{padding:35px 15px 60px}.footer-main,.footer-grid{padding:0 15px;grid-template-columns:1fr}.footer-links{grid-column:auto}.footer-bottom{margin-top:25px;padding-left:15px;padding-right:15px;display:block}.footer-bottom span{display:block;margin:4px 0}.membership-card:nth-child(2){transform:none}.membership-hero{grid-template-columns:1fr}}

/* Manual/documentation page refinements */
.manual-shell{max-width:var(--max);margin:0 auto;padding:0 22px 80px}
.manual-shell .page-grid{padding-left:0;padding-right:0}
.manual-content{min-width:0}
.manual-content img{border-radius:8px}
.manual-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}
.manual-resource{background:#0b2026;border:1px solid #24424a;border-radius:8px;padding:12px;text-align:center}
.manual-resource img{height:72px;width:100%;object-fit:contain;margin:0 auto 8px}
.manual-resource strong{display:block;font-family:Inter,sans-serif;font-size:11px;color:#eef5f5}
.manual-resource small{display:block;color:#91a7aa;font-size:9px;margin-top:2px}
.manual-hero-image{width:100%;height:300px;object-fit:cover;border:1px solid var(--line);margin:24px 0}
.manual-main-title{margin-top:0!important}
.tip-box{display:flex;gap:12px;align-items:flex-start;background:#102f38;border:1px solid #2e5862;border-radius:8px;padding:17px;margin:25px 0}
.tip-box .tip-icon{font-size:25px;color:var(--yellow);line-height:1}
.tip-box strong{display:block;color:#fff;font-size:13px;margin-bottom:3px}
.tip-box p{margin:0;color:#b8cacc;font-size:12px}
.manual-nav-title{display:flex;align-items:center;justify-content:space-between}
@media(max-width:980px){.manual-resource-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.manual-shell{padding-left:15px;padding-right:15px}.manual-resource-grid{grid-template-columns:repeat(2,1fr)}.manual-hero-image{height:220px}}

.manual-visual{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:center;background:linear-gradient(135deg,#0d252c,#0a1a20);border:1px solid #294b54;border-radius:10px;padding:18px;margin:22px 0 30px;overflow:hidden}.manual-visual-art{height:120px;border-radius:8px;background:#07161b;border:1px solid #24424a;display:flex;align-items:center;justify-content:center}.manual-visual-art img{width:110px;height:110px;object-fit:contain;border:0!important;margin:0!important}.manual-visual .eyebrow{font-family:JetBrains Mono,monospace;color:#ffd21a;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.manual-visual h3{font-family:'Barlow Condensed',Inter,sans-serif;font-size:27px;text-transform:uppercase;margin:0 0 6px;color:#fff}.manual-visual p{margin:0;color:#aebfc2;font-size:12px;line-height:1.6}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.tools-grid .manual-resource{min-height:145px;display:flex;flex-direction:column;justify-content:center}.tools-grid .manual-resource img{height:82px}.tool-group-title{font-family:'Barlow Condensed',Inter,sans-serif;text-transform:uppercase;font-size:28px;margin:34px 0 10px}.manual-resource-grid + .manual-visual{margin-top:28px}@media(max-width:700px){.manual-visual{grid-template-columns:1fr}.manual-visual-art{height:140px}.tools-grid{grid-template-columns:repeat(2,1fr)}}

/* Manuals single-page navigation */
.manuals-app{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.manual-tabs{position:sticky;top:96px;background:var(--panel,#0d252c);border:1px solid var(--line,#21434d);border-radius:12px;overflow:hidden}
.manual-tabs-title{padding:18px 18px 14px;font-family:"Barlow Condensed",sans-serif;font-size:22px;font-weight:800;letter-spacing:.04em;border-bottom:1px solid var(--line,#21434d)}
.manual-tab{display:block;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none;transition:.2s ease}
.manual-tab:last-of-type{border-bottom:0}.manual-tab:hover{background:rgba(0,220,220,.06)}
.manual-tab.active{background:#126fd1;border-left:4px solid #ffd21a;padding-left:12px}.manual-tab span{display:block;font-weight:700;font-size:15px}.manual-tab small{display:block;margin-top:4px;color:#9fb8c2;line-height:1.4;font-size:12px}
.manual-help{margin:14px;border:1px solid #2a505b;border-radius:10px;padding:14px;background:#0a1d23}.manual-help strong{color:#ffd21a;font-family:"Barlow Condensed",sans-serif;letter-spacing:.04em}.manual-help p{font-size:12px;color:#a9c0c8;line-height:1.5}.manual-help a{font-size:12px;color:#18e0e5;text-decoration:none}
.manual-section{display:none}.manual-section.active{display:block}.manual-section-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line,#21434d)}
.manual-section-top h2{margin:4px 0 8px}.manual-desc{max-width:760px;color:#a9c0c8}.manual-back{white-space:nowrap;border:1px solid #31525d;border-radius:8px;padding:9px 12px;color:#c9d9de;text-decoration:none;font-size:12px}.manual-back:hover{border-color:#ffd21a;color:#ffd21a}
.manual-content{max-width:900px}.manual-content > h2:first-child{margin-top:0}.manual-content .manual-visual{margin-bottom:28px}
@media(max-width:900px){.manuals-app{grid-template-columns:1fr}.manual-tabs{position:static}.manual-tab{display:none}.manual-tab.active{display:block}.manual-tabs-title{display:flex;justify-content:space-between}.manual-section-top{flex-direction:column}.manual-back{align-self:flex-start}}

.manual-tab{width:100%;text-align:left;font-family:inherit;background:transparent;cursor:pointer;border-top:0;border-right:0;border-left:0;color:inherit}
.manual-tab:focus-visible{outline:2px solid #ffd21a;outline-offset:-2px}


/* Manuals: one continuous scrolling knowledge base */
html{scroll-behavior:smooth}
.manuals-app{align-items:start}
.manual-tabs{max-height:calc(100vh - 118px);overflow-y:auto}
.manual-section{display:block!important;scroll-margin-top:105px;padding:0 0 72px;margin:0 0 38px;border-bottom:1px solid var(--line,#21434d)}
.manual-section:last-child{border-bottom:0;margin-bottom:0}
.manual-section-top{position:relative}
.manual-back{display:none}
.manual-tab.active{background:#126fd1;border-left:4px solid #ffd21a;padding-left:12px}
.manual-tab:not(.active){background:transparent}
@media(max-width:900px){
 .manuals-app{grid-template-columns:1fr}
 .manual-tabs{position:static;max-height:none;overflow:visible}
 .manual-tab{display:block}
 .manual-tab.active{display:block}
 .manual-section{scroll-margin-top:85px}
}
/* OBS manuals v4 — continuous, image-led knowledge base */
.manual-page{max-width:1240px;margin:0 auto;padding:0 22px 90px}
.manual-hero{display:grid;grid-template-columns:1fr 260px;gap:28px;padding:52px 0 34px;border-bottom:1px solid var(--line)}
.manual-hero h1{font-family:'Barlow Condensed';font-size:clamp(52px,7vw,84px);line-height:.9;text-transform:uppercase;margin:10px 0 16px;color:#f3f7f7}.manual-hero h1 span{color:var(--yellow)}.manual-hero p{max-width:760px;color:#b9cacc;font-size:14px;line-height:1.7}.manual-hero-note{align-self:center;border:1px solid #2a515b;border-radius:10px;padding:22px;background:linear-gradient(145deg,#0f2b32,#091a20);display:flex;flex-direction:column;gap:3px;font-family:'Barlow Condensed';font-size:28px;line-height:.95;color:#fff;transform:rotate(1deg)}.manual-hero-note span:nth-child(2){color:var(--cyan)}.manual-hero-note span:nth-child(4){color:var(--yellow)}
.manuals-app{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start;padding-top:32px}.manual-tabs{position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto;background:#0b2229;border:1px solid var(--line);border-radius:10px}.manual-tabs-title{padding:18px;font-family:'Barlow Condensed';font-size:23px;font-weight:800;border-bottom:1px solid var(--line);color:#fff}.manual-tabs-title span{float:right;color:var(--yellow)}.manual-tab{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.07);color:#c2d0d2;text-decoration:none;font-size:11px;line-height:1.35}.manual-tab b{color:#718b90;font-family:'JetBrains Mono';font-size:10px}.manual-tab span{font-weight:600}.manual-tab:hover{background:#102e37;color:#fff}.manual-tab.active{background:#126fd1;border-left:4px solid var(--yellow);padding-left:11px;color:#fff}.manual-tab.active b{color:var(--yellow)}.manual-help{margin:14px;border:1px solid #2a505b;border-radius:8px;padding:14px;background:#081920}.manual-help strong{color:var(--yellow);font-family:'Barlow Condensed';font-size:17px}.manual-help p{font-size:11px;color:#9eb2b6;line-height:1.5}.manual-help a{font-size:11px;color:var(--cyan)}
.manual-content{min-width:0}.manual-section{scroll-margin-top:105px;padding:0 0 58px;margin:0 0 42px;border-bottom:1px solid var(--line)}.manual-section:last-child{border-bottom:0}.manual-section-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;margin-bottom:18px}.manual-section-top h2{font-family:'Barlow Condensed';font-size:clamp(38px,5vw,58px);line-height:.92;text-transform:uppercase;margin:6px 0 9px;color:#f3f7f7}.manual-desc{max-width:820px;color:#aebfc2;font-size:13px;line-height:1.6;margin:0}.manual-section h3{font-family:'Barlow Condensed';font-size:25px;text-transform:uppercase;margin:28px 0 10px;color:#fff}.manual-section p,.manual-section li{color:#c2ced0;font-size:13px;line-height:1.65}.manual-section ul,.manual-section ol{padding-left:22px}.section-kicker{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.13em;color:var(--cyan);font-weight:700}.eyebrow{font-family:'JetBrains Mono';font-size:9px;color:var(--yellow);letter-spacing:.12em}
.manual-visual{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;background:linear-gradient(135deg,#0d2931,#081a20);border:1px solid #2b515b;border-radius:10px;padding:18px;margin:18px 0 25px}.manual-visual-art{height:110px;border-radius:8px;border:1px solid #31545c;background:#07151a;display:flex;align-items:center;justify-content:center}.visual-icon{font-family:'Barlow Condensed';font-size:60px;font-weight:800;color:var(--yellow)}.manual-visual h3{margin:0 0 4px}.manual-visual p{margin:0}.check-list li{margin:7px 0}.check-list li::marker{color:var(--yellow)}.number-list li{margin:11px 0}.number-list li::marker{color:var(--cyan);font-weight:700}.rule-grid,.instruction-grid,.kitchen-rules,.documentation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.rule-grid>div,.instruction,.kitchen-rules>div,.documentation-grid>div{background:#0c252d;border:1px solid var(--line);border-radius:8px;padding:18px}.rule-grid strong{display:block;color:var(--yellow);font-family:'Barlow Condensed';font-size:19px}.rule-grid span{display:block;color:#9fb3b7;font-size:11px;margin-top:4px}.instruction-no{display:inline-block;color:var(--yellow);font-family:'JetBrains Mono';font-size:10px;margin-bottom:8px}.instruction h3,.kitchen-rules h3,.documentation-grid h3{margin:0 0 5px;font-size:21px}.instruction p,.kitchen-rules p,.documentation-grid li{margin:0;color:#aebfc2;font-size:12px}.safety-panel{background:#102f38;border:1px solid #2d5a64;border-left:4px solid var(--yellow);padding:17px 18px;border-radius:8px;margin:20px 0}.safety-panel strong{font-family:'Barlow Condensed';font-size:18px;color:var(--yellow)}.safety-panel p{margin:5px 0 0}.safety-panel.danger{border-left-color:#ff8a4c}.safety-panel.kitchen{border-left-color:#18e0e5}.note-box{margin:22px 0}.real-image-grid{display:grid;gap:12px;margin:20px 0 24px}.real-image-grid.two{grid-template-columns:repeat(2,1fr)}.real-image-grid.three{grid-template-columns:repeat(3,1fr)}.real-image-grid.four{grid-template-columns:repeat(4,1fr)}.real-image-grid figure{margin:0;background:#f2f4f4;border:1px solid #294650;border-radius:8px;overflow:hidden}.real-image-grid img{width:100%;height:145px;object-fit:contain;display:block;background:#f5f5f5}.real-image-grid.three img{height:175px}.real-image-grid.two img{height:230px}.real-image-grid figcaption{background:#0b2027;color:#fff;padding:9px 10px;font-family:'Barlow Condensed';font-size:16px;text-transform:uppercase}.electronics-grid img{height:125px}.kitchen-grid img{height:170px}.documentation-hero{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;padding:20px;background:#0d2931;border:1px solid #2b515b;border-radius:10px}.book-illustration{height:100px;display:flex;align-items:center;justify-content:center;font-size:65px;background:#07171c;border-radius:8px}.documentation-hero h3{margin:0 0 5px}.documentation-hero p{margin:0}.documentation-grid ul{margin:8px 0 0;padding-left:18px}
@media(max-width:980px){.manual-hero{grid-template-columns:1fr}.manual-hero-note{max-width:300px}.manuals-app{grid-template-columns:1fr}.manual-tabs{position:static;max-height:none}.manual-tab{grid-template-columns:34px 1fr}.real-image-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.manual-page{padding:0 15px 60px}.manual-hero{padding:35px 0 25px}.manual-hero h1{font-size:17vw}.manuals-app{padding-top:22px}.manual-visual,.documentation-hero{grid-template-columns:1fr}.rule-grid,.instruction-grid,.kitchen-rules,.documentation-grid,.real-image-grid.two,.real-image-grid.three,.real-image-grid.four{grid-template-columns:1fr}.real-image-grid img,.real-image-grid.two img,.real-image-grid.three img,.kitchen-grid img{height:190px}.manual-section{scroll-margin-top:80px}.manual-section-top h2{font-size:44px}}

.real-image-grid.one{grid-template-columns:minmax(280px,1fr)}.real-image-grid.one figure{max-width:720px}.real-image-grid.one img{height:320px}.image-source-note{margin:8px 0 35px;color:#718b91;font-size:11px;font-family:'JetBrains Mono',monospace}.image-source-note a{color:#9fdde1;text-decoration:underline}

/* OBS equipment photography: isolated-object presentation */
.real-image-grid{display:grid;gap:12px;margin:24px 0}.real-image-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.real-image-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.real-image-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.real-image-grid figure{margin:0;background:#fff;border:1px solid #24424a;border-radius:8px;overflow:hidden}.real-image-grid figure img{display:block;width:100%;height:220px;object-fit:contain;object-position:center;padding:18px;background:#fff}.real-image-grid figcaption{background:#0b2026;border-top:1px solid #24424a;padding:10px 11px;color:#f4f7f6;font-family:'Barlow Condensed',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.02em}.real-image-grid figure img[src*="MacBook_white"],.real-image-grid figure img[src*="NeXTcube"],.real-image-grid figure img[src*="WhiteSewingMachine"]{padding:10px}.real-image-grid figure img[src*="Netgear_ProSafe"]{padding:28px 14px}.real-image-grid figure img[src*="RUT240"]{padding:14px}.real-image-grid figure img[src*="Raspberry_Pi_5"]{padding:20px}.real-image-grid figure img[src*="Pair_of_scissors"],.real-image-grid figure img[src*="Paintbrushes"],.real-image-grid figure img[src*="Spool_of_white_thread"]{padding:22px}
@media(max-width:900px){.real-image-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.real-image-grid.two,.real-image-grid.three,.real-image-grid.four{grid-template-columns:1fr}.real-image-grid figure img{height:210px}}

/* Icon-based manual equipment cards */
.icon-grid{display:grid;gap:12px;margin:20px 0 24px}.icon-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-grid figure{margin:0;background:#0b2027;border:1px solid #294650;border-radius:8px;overflow:hidden}.icon-grid figure img{display:block;width:100%;height:145px;object-fit:contain;object-position:center;padding:18px;background:#071a20}.icon-grid.three img{height:175px}.icon-grid.two img{height:230px}.icon-grid figcaption{background:#0b2027;color:#fff;padding:9px 10px;font-family:'Barlow Condensed';font-size:16px;text-transform:uppercase}.icon-grid.electronics-grid img{height:145px}.icon-grid.kitchen-grid img{height:170px}
@media(max-width:980px){.icon-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.icon-grid.two,.icon-grid.three,.icon-grid.four{grid-template-columns:1fr}.icon-grid img,.icon-grid.two img,.icon-grid.three img,.icon-grid.kitchen-grid img{height:190px}}


/* Accessibility foundation — OBS */
.skip-link{position:fixed;left:12px;top:10px;z-index:1000;transform:translateY(-160%);background:#fff;color:#07161b;border:3px solid var(--yellow);border-radius:6px;padding:10px 14px;font-weight:800;font-size:13px;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.skip-link:focus{transform:translateY(0);outline:none}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
a:focus-visible,.btn:focus-visible,.header-cta:focus-visible,.menu-toggle:focus-visible,.manual-tab:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
button,a{touch-action:manipulation}
.menu-toggle{min-width:46px;min-height:46px;cursor:pointer}
.nav a,.footer-links a,.side-nav a,.manual-tab{min-height:44px}
.site-header{isolation:isolate}
.breadcrumbs{position:relative}
.manual-tab[aria-current="location"]{background:#126fd1;color:#fff}
.manual-tab[aria-current="location"] b{color:var(--yellow)}
@media (prefers-reduced-motion: reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .header-cta:hover,.btn:hover{transform:none}
}
@media (forced-colors: active){
 .skip-link,.btn,.header-cta,.menu-toggle,.manual-tab.active{border:2px solid ButtonText}
 :focus-visible{outline:3px solid Highlight}
}
@media (prefers-contrast: more){
 :root{--muted:#d4e0e1;--line:#6b858b}
 .nav a,.footer-links a,.side-nav a,.manual-tab{color:#f0f5f5}
}

/* Final OBS icon system: literal, recognizable equipment illustrations */
.icon-grid figure img{height:160px;object-fit:contain;object-position:center;padding:14px;background:#071a20}
.icon-grid.two figure img{height:220px}
.icon-grid.three figure img{height:175px}
.icon-grid.four figure img{height:160px}
.icon-grid figure{background:#0b2027}
.icon-grid figcaption{letter-spacing:.02em}
.manual-visual-art{overflow:hidden}
.manual-visual-art img{width:100%;height:100%;object-fit:contain;padding:10px}
.book-illustration{overflow:hidden}
.book-illustration img{width:100%;height:100%;object-fit:contain;padding:8px}
@media(max-width:620px){.icon-grid.two figure img,.icon-grid.three figure img,.icon-grid.four figure img{height:190px}}

/* Generated equipment photography: clean, object-focused presentation. */
.manual-section .icon-grid figure img[src^="assets/generated/"] { object-fit: contain; background: #fff; padding: 8px; }

/* Updated generated-photo manuals layout */
.real-image-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.fabrication-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fabrication-equipment-grid img{height:180px}.electronics-grid img{height:135px}.electronics-instruments img{height:180px}.event-image-grid img{height:245px}.event-image-grid figure{background:#fff}.event-image-grid img{object-fit:cover;padding:0}.fabrication-equipment-grid figure,.electronics-grid figure,.electronics-instruments figure{background:#fff}.fabrication-equipment-grid figcaption,.electronics-grid figcaption,.electronics-instruments figcaption{min-height:42px;display:flex;align-items:center}
@media(max-width:1100px){.real-image-grid.five{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.real-image-grid.five,.fabrication-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.electronics-grid img,.fabrication-equipment-grid img{height:190px}}
@media(max-width:560px){.real-image-grid.five,.fabrication-equipment-grid{grid-template-columns:1fr}.electronics-grid img,.fabrication-equipment-grid img,.electronics-instruments img,.event-image-grid img{height:210px}}
/* Official Open Builders Space branding */
.brand-mark-img{width:48px;height:48px;object-fit:contain;flex:none;border-radius:0;background:transparent}
.footer-brand-logo{width:190px;max-width:100%;padding:8px 0}
.footer-brand-logo img{width:180px;height:auto;max-height:160px;object-fit:contain;object-position:left center}

/* About page: continuous vertical co-founder list aligned with the page content. */
.about-founders{width:100%;max-width:var(--max);margin:0 auto;padding:0 22px 70px}
.about-founders h2{font-family:'Barlow Condensed';font-size:42px;line-height:.95;text-transform:uppercase;margin:0 0 18px}
.about-founders .cofounder-list{display:flex;flex-direction:column;gap:0;max-width:760px}
.about-founders .cofounder-list>div{background:transparent;border:0;border-radius:0;padding:18px 0;display:flex;flex-direction:column;gap:3px}
.about-founders .cofounder-list strong{font-family:'Barlow Condensed';font-size:22px;text-transform:none;letter-spacing:.01em}
.about-founders .cofounder-list span{font-size:12px;color:var(--muted)}

/* Header uses the white/yellow OBS mark only; no wordmark. */
.site-header .brand{gap:0}
.site-header .brand-wordmark{display:none}
.site-header .brand-mark-img{width:48px;height:48px;object-fit:contain;flex:none;border-radius:0}
@media(max-width:620px){.site-header .brand-mark-img{width:42px;height:42px}.about-founders{width:100%;max-width:var(--max);padding-left:22px;padding-right:22px;padding-bottom:55px}.footer-brand-logo img{width:160px}}

/* Site-wide readability improvements */
body { font-size: 16px; line-height: 1.65; }
.nav a { font-size: 12px; }
.header-cta, .btn { font-size: 13px; }

/* Homepage scroll safeguard */
html, body {
  overflow-y: auto;
}
body.home-page {
  height: auto;
  min-height: 100vh;
}

/* Shared page gutters and typography across OBS pages */
@media (min-width: 1100px) {
  .page-hero,
  .page-grid,
  .manual-hero,
  .manuals-app,
  .manual-content,
  .breadcrumbs,
  .footer-main,
  .footer-bottom {
    width: min(86%, 1180px);
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-hero,
  .page-grid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1500px) {
  .page-hero,
  .page-grid,
  .manual-hero,
  .manuals-app,
  .manual-content,
  .breadcrumbs,
  .footer-main,
  .footer-bottom {
    width: min(82%, 1200px);
    max-width: 1200px;
  }
}
/* One typography system for all content pages */
body {
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
}
.page-hero h1,
.manual-hero h1,
.page-main h2,
.page-main h3,
.manual-section h2,
.manual-section h3,
.info-card h3,
.link-card h3,
.membership-card h3,
.schedule-event h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
}
.page-hero h1,
.manual-hero h1 {
  font-size: clamp(44px, 5.2vw, 72px);
  line-height: .92;
  letter-spacing: -.02em;
}
.page-hero p,
.page-main > p,
.page-main li,
.manual-desc,
.manual-section p,
.manual-section li {
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
}
.page-main > h2 { font-size: clamp(30px, 3.2vw, 40px); line-height: .98; }
.page-main > h3 { font-size: clamp(23px, 2.2vw, 28px); line-height: 1.05; }
.info-card p,
.link-card p,
.membership-card p,
.manual-card p,
.schedule-event p {
  font-size: 13px;
  line-height: 1.55;
}
@media(max-width:780px) {
  .page-hero,
  .page-grid,
  .manual-hero,
  .manuals-app,
  .manual-content,
  .breadcrumbs,
  .footer-main,
  .footer-bottom {
    width: calc(100% - 32px);
    max-width: none;
  }
  .page-hero, .page-grid { padding-left: 0; padding-right: 0; }
}

/* Manuals page redesign: a wider, more efficient knowledge-base workspace.
   This page intentionally uses wider gutters than the other content pages. */
.manual-page {
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 clamp(20px, 3.2vw, 48px) 64px;
  box-sizing: border-box;
}
.manual-page .manual-hero,
.manual-page .manuals-app,
.manual-page .manual-content,
.manual-page .breadcrumbs {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.manual-page .manual-hero {
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: clamp(22px, 3vw, 42px);
  padding: 34px 0 26px;
  border-bottom: 1px solid rgba(91,137,145,.24);
}
.manual-page .manual-hero h1 {
  font-size: clamp(46px, 5.5vw, 72px);
  margin: 8px 0 12px;
}
.manual-page .manual-hero p {
  max-width: 780px;
  font-size: 15px;
  line-height: 1.65;
  margin-bottom: 0;
}
.manual-page .manual-hero-note {
  padding: 17px;
  font-size: 24px;
}
.manual-page .manuals-app {
  grid-template-columns: 235px minmax(0, 1fr);
  gap: clamp(20px, 2.6vw, 36px);
  padding-top: 24px;
  align-items: start;
}
.manual-page .manual-tabs {
  top: 88px;
  max-height: calc(100vh - 104px);
  border-radius: 8px;
}
.manual-page .manual-tabs-title {
  padding: 14px 15px 12px;
  font-size: 21px;
}
.manual-page .manual-tab {
  grid-template-columns: 26px minmax(0,1fr);
  gap: 7px;
  padding: 10px 12px;
  font-size: 12px;
}
.manual-page .manual-tab.active {
  padding-left: 8px;
}
.manual-page .manual-section {
  padding-bottom: 40px;
  margin-bottom: 28px;
}
.manual-page .manual-section-top {
  padding-bottom: 17px;
  margin-bottom: 20px;
}
.manual-page .manual-section-top h2 {
  font-size: clamp(30px, 3.2vw, 42px);
}
.manual-page .manual-desc,
.manual-page .manual-section p,
.manual-page .manual-section li {
  font-size: 15px;
  line-height: 1.7;
}
.manual-page .manual-visual {
  grid-template-columns: 120px minmax(0,1fr);
  gap: 16px;
  padding: 15px;
  margin: 18px 0 22px;
}
.manual-page .manual-visual-art {
  height: 104px;
}
.manual-page .manual-visual-art img {
  width: 96px;
  height: 96px;
}
.manual-page .manual-resource-grid,
.manual-page .tools-grid {
  gap: 10px;
}
@media (min-width: 1500px) {
  .manual-page { padding-left: 56px; padding-right: 56px; }
  .manual-page .manuals-app { grid-template-columns: 250px minmax(0,1fr); }
}
@media (max-width: 900px) {
  .manual-page { padding-left: 22px; padding-right: 22px; }
  .manual-page .manual-hero { grid-template-columns: minmax(0,1fr) 170px; gap: 20px; }
  .manual-page .manuals-app { grid-template-columns: 1fr; gap: 18px; }
  .manual-page .manual-tabs {
    position: sticky;
    top: 76px;
    max-height: 230px;
    overflow-y: auto;
    z-index: 5;
  }
  .manual-page .manual-tab { display: grid; }
  .manual-page .manual-tab.active { display: grid; }
}
@media (max-width: 600px) {
  .manual-page { padding-left: 16px; padding-right: 16px; padding-bottom: 42px; }
  .manual-page .manual-hero { grid-template-columns: 1fr; padding-top: 26px; }
  .manual-page .manual-hero-note {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    transform: none;
    font-size: 18px;
    gap: 8px 14px;
  }
  .manual-page .manuals-app { padding-top: 18px; }
  .manual-page .manual-tabs { max-height: 210px; }
  .manual-page .manual-section { padding-bottom: 28px; margin-bottom: 22px; }
  .manual-page .manual-visual { grid-template-columns: 1fr; }
  .manual-page .manual-resource-grid,
  .manual-page .tools-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* Image-led Explore cards for creative and traditional making disciplines */
.explore-image-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 24px 0 34px;
}
.explore-image-card {
  min-width: 0;
  overflow: hidden;
  padding: 0 0 18px;
  background: #081619;
  border: 1px solid rgba(91,137,145,.28);
  border-radius: 8px;
}
.explore-card-image {
  display: block;
  width: 100%;
  height: clamp(150px, 16vw, 220px);
  object-fit: cover;
  object-position: center;
  margin: 0 0 15px;
  border-radius: 0;
  background: #fff;
}
.explore-image-card .num,
.explore-image-card h3,
.explore-image-card p {
  margin-left: 17px;
  margin-right: 17px;
}
.explore-image-card .num {
  margin-bottom: 6px;
}
.explore-image-card h3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 25px;
  line-height: 1.05;
  text-transform: uppercase;
}
.explore-image-card p {
  margin-top: 0;
  margin-bottom: 0;
  color: #b9cacc;
  font-size: 14px;
  line-height: 1.6;
}
@media(max-width:900px) {
  .explore-image-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
  .explore-card-image { height: 180px; }
}
@media(max-width:560px) {
  .explore-image-grid { grid-template-columns: 1fr; gap: 14px; }
  .explore-card-image { height: 210px; }
}

/* Keep Explore card artwork isolated within each card */
.explore-image-card { isolation: isolate; }
.explore-card-image {
  width: 100%;
  max-width: 100%;
  height: clamp(150px, 16vw, 220px);
  object-fit: cover;
  object-position: center;
  display: block;
  overflow: hidden;
}
