/* Compact editorial layouts; the original Aperture hero stays intact. */
.site-nav{gap:25px}
.section{padding-top:48px;scroll-margin-top:24px}
.section-topline{border:0;padding:0;min-height:0}
.section-heading{padding:0 0 28px}
.section-heading .eyebrow{color:#999;margin:0 0 12px;font-size:10px}
.section-heading h2{font-size:clamp(34px,4.2vw,58px)}
.acknowledgments{padding-top:5px}
.acknowledgments-heading{border-top:1px solid #303030;padding:30px 0 24px}
.acknowledgments-heading h2{font-size:clamp(32px,3.5vw,48px)}
.acknowledgments-heading p{margin-top:10px;font-size:13px}
.featured-logos{border:1px solid #252525;background:#080808}
.featured-logos .logo-item{min-height:148px;padding:22px 12px;gap:15px}
.featured-logos .logo-art{height:66px;width:80px}
.featured-logos .logo-art img{width:66px;height:66px;max-width:80px;filter:none;opacity:1}
.featured-logos .logo-name{font-size:12px}
.marquee-header{padding:14px 0 5px}
.logo-marquee{padding:2px 0 12px}
.logo-group>.logo-item{width:190px;min-width:190px;height:138px;padding:14px 22px;gap:14px;border-radius:4px;transition:background .2s ease}
.logo-group>.logo-item .logo-art{height:76px;width:100px}
.logo-group>.logo-item .logo-art img{width:72px;height:72px;max-width:100px;opacity:.82;filter:saturate(.65);transition:filter .22s ease,opacity .22s ease,transform .22s ease}
.logo-group>.logo-item:hover,.logo-group>.logo-item:focus-visible{background:#111}
.logo-group>.logo-item:hover img,.logo-group>.logo-item:focus-visible img{filter:none;opacity:1;transform:scale(1.08)}
.logo-group>.logo-item .logo-name{color:#aaa;font-size:12px}
.logo-group>.logo-moonpay .logo-art,.logo-group>.logo-playtika .logo-art{background:#f4f4f4;padding:7px;border-radius:2px}
.logo-group>.logo-moonpay .logo-art img,.logo-group>.logo-playtika .logo-art img{width:100%;height:100%;filter:none}
.about{padding-top:32px;border-top:1px solid #252525}
.about-layout{padding-top:26px;gap:70px}
.about-copy p{margin-bottom:17px}
.about-copy .lead{margin-bottom:20px}
.identity-stamp{margin-top:30px}
.focus-index{margin-top:30px;gap:12px;border:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.focus-index>.expertise-card{background:#eee;color:#080808;min-height:220px;padding:23px;display:flex;gap:0;flex-direction:column;justify-content:flex-end}
.expertise-top{display:flex;justify-content:space-between;align-items:flex-start;flex:1;padding-bottom:30px}
.expertise-top>span{font:10px var(--mono);color:#777}
.expertise-top svg{width:43px;height:43px}
.focus-index .expertise-card h3{font-size:21px;color:#111;font-weight:500;letter-spacing:-.6px;line-height:1.15;max-width:180px}
.expertise-card p{font-size:12px;line-height:1.6;color:#666;margin-top:12px;max-width:200px}
.ventures .section-heading h2>span{color:#929292}
.venture-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.venture-card{background:#0d0d0d;border:1px solid #303030;padding:27px;display:flex;flex-direction:column;min-width:0;scroll-margin-top:30px}
.venture-card-top{display:flex;justify-content:space-between;gap:15px;align-items:center}
.venture-card-top .eyebrow{font-size:9px;letter-spacing:1px;color:#999}
.venture-status{font:9px var(--mono);color:#777;text-transform:uppercase;letter-spacing:.4px}
.venture-emblem{font:55px/1 var(--mono);letter-spacing:-5px;height:125px;display:flex;align-items:center;color:#eee}
.venture-emblem>span{color:#696969}
.sectiv-emblem{font:bold 83px/1 Arial,sans-serif;letter-spacing:-7px}
.sectiv-emblem>span{font-size:20px;align-self:center;margin:0 0 38px 7px;color:#333}
.hackerz-emblem{font-size:46px;letter-spacing:-4px}
.venture-card h3{font-size:clamp(27px,3vw,40px);font-weight:400;letter-spacing:-1.5px}
.venture-card>p{font-size:13px;line-height:1.8;color:#999;margin-top:15px;margin-bottom:27px;max-width:330px;flex:1}
.venture-link{border-top:1px solid #303030;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font:11px var(--mono)}
.venture-link>span{font:18px Arial,sans-serif;transition:transform .2s}
.venture-link:hover>span{transform:translate(2px,-2px)}
.venture-card-featured{background:#ededed;border-color:#ededed;color:#111}
.venture-card-featured .venture-card-top .eyebrow,.venture-card-featured .venture-status{color:#666}
.venture-card-featured .venture-emblem{color:#111}
.venture-card-featured>p{color:#5d5d5d}
.venture-card-featured .venture-link{border-color:#c6c6c6}
.project-grid{gap:32px 24px}
.project-visual{height:260px}
.project-caption{padding-top:18px}
.project-description{padding-top:8px;max-width:95%}
.burp-illustration{position:absolute;inset:62px 8% 51px;display:flex;align-items:center;justify-content:center;gap:25px}
.burp-request{border:1px solid #484848;padding:17px;width:230px;background:#111;transform:rotate(-3deg)}
.burp-request>span{display:block;font:8px var(--mono);letter-spacing:2px;color:#777;margin-bottom:17px}
.burp-request>b{display:block;font:12px var(--mono);color:#ddd;margin-bottom:8px}
.burp-request>i{font:9px var(--mono);color:#777;font-style:normal;white-space:nowrap}
.request-lines{margin-top:18px;display:grid;gap:6px}
.request-lines i{background:#333;height:3px;width:90%}
.request-lines i:nth-child(2){width:70%}.request-lines i:nth-child(3){width:80%}
.flow-arrow{font-size:25px;color:#777}
.burp-review{display:flex;flex-direction:column;align-items:center}
.burp-review>b{font:bold 68px/1 Arial,sans-serif;letter-spacing:-5px}
.burp-review>b>span{font-size:25px;vertical-align:top;color:#aaa}
.burp-review small{font:8px var(--mono);letter-spacing:1px;white-space:nowrap;color:#777;margin-top:10px}
.recon-map{position:absolute;left:0;bottom:15px;width:100%;height:210px}
.react-illustration{display:flex;align-items:center;justify-content:center;gap:28px;position:absolute;inset:58px 30px 40px}
.react-illustration svg{width:160px;height:145px;color:#a8a8a8}
.react-illustration>span{font:11px/1.9 var(--mono);letter-spacing:2px;color:#777}
.react-illustration b{font-size:10px;font-weight:400;color:#ccc;white-space:nowrap}
.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
.tutorial-card{min-width:0;display:block}
.tutorial-thumbnail{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden;border:1px solid #333}
.tutorial-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease,opacity .25s ease;opacity:.9}
.tutorial-card:hover img{transform:scale(1.035);opacity:1}
.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff80;background:#050505b8;width:43px;height:43px;display:grid;place-items:center;padding-left:3px;font-size:13px;border-radius:50%;opacity:0;transition:opacity .2s}
.tutorial-card:hover .play-mark,.tutorial-card:focus-visible .play-mark{opacity:1}
.video-duration{position:absolute;right:9px;bottom:9px;background:#070707e6;padding:5px 6px;font:9px var(--mono);color:#eee}
.tutorial-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font:9px var(--mono);letter-spacing:.7px;text-transform:uppercase;color:#999}
.tutorial-card-meta>span:last-child{font:18px Arial,sans-serif;color:#ccc}
.tutorial-card h3{font-size:20px;line-height:1.3;font-weight:400;letter-spacing:-.55px;margin-top:9px}
.tutorial-card>p{font-size:12px;line-height:1.7;color:#888;margin-top:9px}
.connect{padding-bottom:50px}
.connect-layout{padding-top:28px}
.connect h2{font-size:clamp(65px,6.7vw,96px)}
.footer-motion{margin-left:auto;color:#777;font-size:9px;white-space:nowrap}
.site-footer .back-top{margin-left:0}
.site-footer{padding:24px 0}
.site-nav a[aria-current="page"]{color:#fff}
.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:24px 0 35px}
.journal-heading .eyebrow{font-size:10px;color:#888;margin-bottom:15px}
.journal-heading h1{font-size:clamp(65px,8vw,112px);letter-spacing:-6px;line-height:1;font-weight:400}
.journal-heading h1>span{color:#777}
.journal-heading>p{font-size:13px;line-height:1.8;color:#999;text-align:right}
.featured-tutorial{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);border:1px solid #303030;background:#0b0b0b;align-items:stretch}
.video-embed{position:relative;width:100%;aspect-ratio:16/9;background:#0c0c0c;min-width:0;align-self:center}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.featured-tutorial-copy{padding:clamp(22px,3vw,40px);border-left:1px solid #303030;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.editorial-tag{display:inline-block;background:#eaeaea;color:#111;font:9px var(--mono);text-transform:uppercase;letter-spacing:1px;padding:6px 8px;margin-bottom:23px}
.featured-tutorial-copy>.eyebrow{font-size:9px;color:#777;letter-spacing:.8px}
.featured-tutorial h2{font-size:clamp(27px,3vw,42px);font-weight:400;line-height:1.12;letter-spacing:-1.5px;margin-top:12px}
.featured-tutorial-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#999;margin-top:17px}
.featured-tutorial-copy>.inline-link{margin-top:19px}
.video-fallback{font:9px var(--mono);color:#777;margin-top:9px;padding:8px 0}
.video-fallback:hover{color:#fff}
.tutorial-library{padding:40px 0 50px}
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #333;padding:22px 0 26px}
.library-toolbar h2{font-size:22px;font-weight:400;letter-spacing:-.7px;white-space:nowrap}
.library-toolbar h2>span{font:11px var(--mono);color:#666;vertical-align:super;margin-left:7px}
.tutorial-filters{display:flex;flex-wrap:wrap;gap:7px}
.tutorial-filters button{border:1px solid #333;background:none;font:10px var(--mono);color:#aaa;padding:10px 12px;min-height:36px}
.tutorial-filters button[aria-pressed="true"]{background:#eee;color:#111;border-color:#eee}
.tutorial-card[hidden]{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tutorial-article{max-width:1100px;margin:0 auto}
.article-back{display:inline-block;font:11px var(--mono);color:#999;padding:10px 0 25px}
.article-back:hover{color:#fff}
.tutorial-article>.video-embed{border:1px solid #333}
.article-content{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;padding:30px 0 35px}
.article-heading>.eyebrow{font-size:10px;color:#888}
.article-heading h1{font-size:clamp(29px,3.8vw,48px);font-weight:400;line-height:1.12;letter-spacing:-1.9px;margin-top:14px}
.article-byline{font:10px var(--mono);color:#777;margin-top:20px}
.article-summary>p{font-size:14px;line-height:1.8;color:#aaa}
.topic-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 12px}
.topic-tags>span{font:9px var(--mono);color:#999;padding:7px 8px;border:1px solid #333}
.article-summary>.inline-link{display:flex;justify-content:flex-start;gap:20px}
.related-tutorials{padding:15px 0 45px;border-top:1px solid #333}
.related-tutorials .section-heading{padding:12px 0 25px}
.related-tutorials .section-heading h2{font-size:31px;letter-spacing:-1px}
@media(max-width:1100px){.site-nav{gap:20px}.focus-index>.expertise-card{padding:20px;min-height:210px}.focus-index .expertise-card h3{font-size:19px}.venture-card{padding:23px}.venture-emblem{height:108px}.featured-tutorial{grid-template-columns:1.4fr 1fr}.featured-tutorial-copy{padding:25px}.editorial-tag{margin-bottom:17px}.featured-tutorial h2{font-size:31px}.featured-tutorial-copy>p:not(.eyebrow){font-size:12px}.featured-tutorial-copy>.inline-link{margin-top:12px}}
@media(max-width:800px){.site-nav{gap:16px}.site-nav a{font-size:10px}.section{padding-top:40px}.acknowledgments{padding-top:0}.featured-logos .logo-item{min-height:145px}.featured-logos .logo-art img{width:64px;height:64px}.about-layout{gap:35px}.focus-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.focus-index>.expertise-card{min-height:210px;padding:25px}.focus-index .expertise-card h3{font-size:23px;max-width:210px}.venture-cards{gap:10px}.venture-card{padding:20px}.venture-card-top{gap:5px}.venture-card-top .eyebrow{font-size:8px;letter-spacing:0}.venture-status{display:none}.venture-card h3{font-size:25px;letter-spacing:-1px}.venture-card>p{font-size:12px;line-height:1.7}.venture-emblem{height:95px;font-size:43px}.sectiv-emblem{font-size:66px}.hackerz-emblem{font-size:36px}.venture-link{font-size:9px;gap:8px}.project-visual{height:245px}.burp-illustration{gap:15px;inset-inline:6%}.burp-request{padding:13px;width:185px}.burp-request>b{font-size:10px}.burp-request>i{font-size:8px}.burp-review>b{font-size:49px}.flow-arrow{display:none}.react-illustration{gap:13px;inset-inline:20px}.react-illustration svg{width:125px}.react-illustration>span{font-size:9px;letter-spacing:1px}.react-illustration b{font-size:8px}.tutorial-grid{gap:26px 16px}.tutorial-card h3{font-size:18px}.tutorial-card>p{font-size:11px}.featured-tutorial{grid-template-columns:1fr}.featured-tutorial-copy{border-left:0;border-top:1px solid #303030;padding:28px}.featured-tutorial h2 br{display:none}.featured-tutorial h2{font-size:38px}.featured-tutorial-copy>p:not(.eyebrow){font-size:14px;max-width:520px}.library-toolbar{align-items:flex-start;flex-direction:column;gap:18px}.article-content{gap:30px}.article-summary>p{font-size:13px}.footer-motion{margin-left:0}.site-footer{gap:17px}.site-footer>p{font-size:9px}}
@media(max-width:620px){.site-nav{gap:0}.site-nav a{font-size:12px}.section{padding-top:34px}.section-heading{padding-bottom:23px;gap:14px}.section-heading h2{font-size:37px}.section-heading .eyebrow{font-size:9px;margin-bottom:10px}.acknowledgments{padding-top:0}.acknowledgments-heading{padding-top:24px;padding-bottom:20px}.acknowledgments-heading h2{font-size:33px}.acknowledgments-heading p{font-size:12px;margin-top:10px}.featured-logos .logo-item{min-height:130px;padding:18px 8px;gap:10px}.featured-logos .logo-art{width:66px;height:60px}.featured-logos .logo-art img{width:58px;height:58px;max-width:66px}.featured-logos .logo-name{font-size:11px;line-height:1.3}.logo-group>.logo-item{width:154px;min-width:154px;height:128px;padding:13px 18px;gap:11px}.logo-group>.logo-item .logo-art{height:68px;width:88px}.logo-group>.logo-item .logo-art img{height:64px;width:64px;max-width:88px}.logo-group>.logo-item .logo-name{font-size:11px}.logo-group>.logo-moonpay .logo-art img,.logo-group>.logo-playtika .logo-art img{width:100%;height:100%}.about{padding-top:25px}.about-layout{padding-top:23px;gap:27px}.focus-index{margin-top:25px;gap:10px}.focus-index>.expertise-card{min-height:218px;padding:20px 17px}.expertise-top{padding-bottom:30px}.expertise-top svg{width:37px;height:37px}.focus-index .expertise-card h3{font-size:21px;letter-spacing:-.65px}.expertise-card p{font-size:11px;line-height:1.6}.venture-cards{grid-template-columns:1fr;gap:12px}.venture-card{padding:25px;display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:start}.venture-card-top{grid-column:1/-1}.venture-card-top .eyebrow{font-size:9px;letter-spacing:.7px}.venture-status{display:block}.venture-emblem{grid-column:2;grid-row:2/4;height:auto;align-self:center;font-size:45px;max-width:104px;letter-spacing:-5px}.sectiv-emblem{font-size:65px}.hackerz-emblem{font-size:35px;letter-spacing:-4px}.venture-card h3{grid-column:1;grid-row:2;font-size:33px;margin-top:28px}.venture-card>p{grid-column:1;grid-row:3;font-size:12px;margin:13px 0 23px;max-width:220px}.venture-link{grid-column:1/-1;font-size:10px;padding-top:17px}.project-grid{gap:30px}.project-visual{height:245px}.code-composition{top:68px}.burp-illustration{inset:55px 7% 47px;gap:23px}.burp-request{width:210px;padding:14px}.burp-request>b{font-size:11px}.burp-request>i{font-size:8px}.burp-review>b{font-size:60px}.react-illustration svg{width:140px}.react-illustration>span{font-size:10px}.react-illustration b{font-size:9px}.recon-map{height:195px;bottom:20px}.project-caption h3{font-size:23px}.project-caption .eyebrow{font-size:9px}.tutorial-grid{grid-template-columns:1fr;gap:28px}.tutorial-card h3{font-size:23px}.tutorial-card>p{font-size:13px}.tutorial-card-meta{font-size:10px;margin-top:12px}.play-mark{opacity:1}.tutorial-card-meta>span:last-child{font-size:20px}.tutorial-thumbnail{width:100%}.connect{padding-bottom:35px}.connect-layout{padding-top:23px;gap:30px}.connect h2{font-size:76px}.site-footer{row-gap:14px}.site-footer p{width:auto;order:3;flex:1}.footer-motion{order:4;font-size:9px;min-height:35px;padding:5px 0}.site-footer .back-top{margin-left:auto}.journal-heading{display:block;padding:15px 0 27px}.journal-heading h1{font-size:74px;letter-spacing:-4px}.journal-heading>p{text-align:left;font-size:12px;margin-top:18px}.journal-heading>p br{display:none}.journal-heading .eyebrow{font-size:9px}.featured-tutorial-copy{padding:23px}.featured-tutorial h2{font-size:32px;letter-spacing:-1.2px}.featured-tutorial-copy>p:not(.eyebrow){font-size:13px}.editorial-tag{font-size:8px;margin-bottom:16px}.tutorial-library{padding-top:28px;padding-bottom:35px}.library-toolbar{padding:20px 0 23px}.tutorial-filters{gap:6px}.tutorial-filters button{padding:9px 11px;font-size:9px}.article-back{padding:6px 0 20px;font-size:10px}.article-content{grid-template-columns:1fr;gap:21px;padding:25px 0 29px}.article-heading h1{font-size:35px;letter-spacing:-1.4px}.article-heading>.eyebrow{font-size:9px}.article-byline{margin-top:16px}.article-summary>p{font-size:14px}.topic-tags{margin-top:17px}.related-tutorials{padding-top:12px;padding-bottom:32px}.related-tutorials .section-heading{flex-direction:row;align-items:center;padding:9px 0 23px;gap:10px}.related-tutorials .section-heading h2{font-size:27px}.related-tutorials .inline-link{font-size:9px;white-space:nowrap}}
@media(max-width:370px){.focus-index>.expertise-card{padding:17px 13px;min-height:218px}.focus-index .expertise-card h3{font-size:19px}.expertise-card p{font-size:10px}.venture-card{padding:21px}.venture-card h3{font-size:28px}.venture-emblem{font-size:36px;max-width:78px}.sectiv-emblem{font-size:57px}.hackerz-emblem{font-size:29px}.venture-card>p{font-size:11px}.burp-illustration{gap:14px}.burp-request{width:180px}.burp-request>b{font-size:10px}.react-illustration svg{width:125px}.react-illustration{gap:15px}.journal-heading h1{font-size:65px}}
@media(prefers-reduced-motion:reduce){.logo-group{gap:15px 0}.logo-group>.logo-item{width:150px;min-width:0;flex:0 1 150px}.tutorial-card:hover img,.logo-group>.logo-item:hover img{transform:none}}
@media(hover:none){.logo-group>.logo-item .logo-art img{filter:none;opacity:1}}