.guide-hub,.article-page{padding-top:125px;padding-bottom:100px}.guide-hub-heading{max-width:900px;margin:55px 0 40px}.guide-hub-heading h1{font-size:clamp(3rem,7vw,6.5rem);line-height:1.04}.guide-hub-heading>p{max-width:650px;color:#c2d5e0;font-size:1.15rem}.guide-categories{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0 70px}.guide-categories a{padding:12px 19px;border:1px solid #7ccfd435;border-radius:30px;background:#092738b3;display:flex;gap:12px}.guide-categories span{color:var(--mint)}.guide-category{scroll-margin-top:105px;margin-bottom:80px}.guide-category .section-heading h2{font-size:2.5rem}.guide-category .section-heading>span{color:#93b3c3}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.guide-card{border:1px solid #729ab333;border-radius:20px;overflow:hidden;background:linear-gradient(150deg,#12354be6,#101d34e6);transition:border-color .2s,transform .2s}.guide-card:hover{border-color:#35e7c180;transform:translateY(-3px)}.guide-image{display:block;aspect-ratio:16/9;background:#102b3d;overflow:hidden}.guide-image img{width:100%;height:100%;object-fit:cover}.guide-card-copy{padding:25px}.guide-card h3{font-size:1.35rem;line-height:1.35;margin:14px 0}.guide-card h3 a{color:#edf9ff}.guide-card p{color:#b9ccda;line-height:1.7}.guide-card .eyebrow{font-size:.68rem;letter-spacing:.09em}.article-header{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;margin:55px 0}.article-header h1{font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:1.08;letter-spacing:-.045em;max-width:900px}.article-deck{color:#c4d8e5;font-size:1.13rem;line-height:1.75;margin:25px 0}.article-byline{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:.8rem;line-height:1.7;color:#b0c8d5}.article-byline img{border-radius:50%}.article-byline a{color:#64e8d0}.article-byline>span:last-child{margin-left:auto}.article-cover{margin:0;overflow:hidden;border-radius:24px;border:1px solid #73acbd44;background:#123c49;box-shadow:0 25px 80px #00c8b91a}.article-cover img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:55px;align-items:start}.article-body{background:linear-gradient(155deg,#112f41f2,#101e32f2);border:1px solid #6ba1b92c;padding:clamp(25px,4vw,60px);border-radius:24px;color:#d4e2e9;font-size:1.07rem;line-height:1.9;max-width:850px}.article-body p{margin:0 0 1.5em}.article-body>p:first-child{font-size:1.18rem;color:#edf9ff}.article-body h2{font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.25;color:#f2fbff;margin:2.1em 0 .85em;scroll-margin-top:110px}.article-body a{color:#6cf1d9;text-decoration:underline;text-decoration-color:#42c8b280;text-underline-offset:4px}.article-body a:hover{text-decoration-color:#6cf1d9}.article-sidebar{position:sticky;top:105px;display:grid;gap:18px;max-height:calc(100vh - 125px);overflow:auto;scrollbar-width:thin;padding-right:5px}.article-panel{background:linear-gradient(135deg,#12334deb,#17243deb);border:1px solid #6ba1b933;border-radius:18px;padding:24px}.article-panel h2{font-size:1.18rem;line-height:1.35;margin:10px 0 15px}.article-panel ul,.article-panel ol{padding-left:18px;margin:0;color:#bbd1dd;line-height:1.6}.article-panel li{margin:12px 0}.article-contents a{font-size:.86rem;color:#bed8e4}.article-contents a:hover{color:#70efd8}.article-panel p{font-size:.86rem;color:#abc9d7;line-height:1.7}.article-panel .topic-keyword{border-left:2px solid var(--mint);padding-left:12px;color:#82f0dc}.article-cta{background:linear-gradient(135deg,#095a57e6,#183561f2)}.article-cta .button{font-size:.8rem;padding:13px 15px;width:100%;justify-content:space-between;white-space:normal}.article-cta .text-link{display:inline-flex;margin-top:18px;font-size:.85rem}.article-next{margin-top:85px}.article-next h2{font-size:2.3rem}.project-guides{margin:60px 0}.project-guides h2{font-size:2.4rem}.project-guides ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-guides li{padding:22px;background:#113649bc;border:1px solid #69d2b733;border-radius:15px}.project-guides a{color:#79efd8;font-size:1.1rem;font-weight:700}.project-guides p{color:#bed4e0;line-height:1.7}.about-deep{max-width:1000px}.about-deep h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;margin-top:60px}.about-deep h3{font-size:1.5rem;margin-top:32px}.about-deep p{max-width:790px;color:#c4d9e4;font-size:1.1rem;line-height:1.85}.about-deep a{color:#72edda;text-decoration:underline;text-underline-offset:4px}.about-project-links{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.about-project-links a{padding:12px 20px;border-radius:25px;border:1px solid #7accbf50;background:#0c383dbd;text-decoration:none}.about-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:35px 0}.about-role-grid>div{padding:25px;border:1px solid #789ab733;border-radius:20px;background:linear-gradient(130deg,#143c4de6,#1b2448e6)}.about-role-grid h3{margin:0 0 15px}.about-role-grid p{font-size:1rem;margin:0}.home-guides{position:relative}.home-guides h2{font-size:clamp(2.4rem,5vw,4.5rem)}
@media(max-width:1050px){.desktop-nav{gap:17px}.desktop-nav a{font-size:.76rem}.article-layout{gap:25px;grid-template-columns:minmax(0,1fr) 265px}.article-header{gap:30px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-next .guide-card:last-child,.home-guides .guide-card:last-child{grid-column:1/-1}.article-byline>span:last-child{margin-left:0}}
@media(max-width:750px){.article-header,.article-layout{grid-template-columns:1fr}.article-header{margin:35px 0}.article-header h1{font-size:2.6rem}.article-cover img{min-height:210px;max-height:330px}.article-sidebar{position:static;max-height:none;overflow:visible;grid-template-columns:1fr 1fr;grid-row:1;padding:0}.article-contents{display:none}.article-panel{padding:20px}.article-sidebar .article-cta{grid-column:1/-1}.article-cta .button{max-width:350px}.article-body{padding:26px;font-size:1.02rem}.article-body>p:first-child{font-size:1.1rem}.guide-hub,.article-page{padding-top:105px}.guide-hub-heading h1{font-size:3.5rem}.guide-grid{grid-template-columns:1fr}.article-next .guide-card:last-child,.home-guides .guide-card:last-child{grid-column:auto}.guide-category{margin-bottom:55px}.guide-categories{margin-bottom:45px;gap:9px}.guide-categories a{font-size:.86rem;padding:10px 14px}.about-role-grid,.project-guides ul{grid-template-columns:1fr}.article-next .section-heading{gap:20px;align-items:start}.article-page .breadcrumbs li:last-child{max-width:100%}.article-page .breadcrumbs ol{flex-wrap:wrap}.article-byline{font-size:.74rem}.article-next h2{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}html.motion-paused .guide-card{transition:none}html.motion-paused .guide-card:hover{transform:none}
.article-byline img{width:40px;height:40px;flex:0 0 40px;object-fit:cover;max-width:40px}.article-page .article-header{align-items:start}.article-cover{margin-top:30px}

.contact-trap{display:none}.cf-turnstile{margin:12px 0}.contact-form button:disabled{opacity:.6;cursor:wait}

.analytics-choice{position:fixed;bottom:20px;left:20px;right:20px;z-index:1000;max-width:690px;margin:auto;padding:22px;background:#10384ff5;border:1px solid #66d5bf77;box-shadow:0 15px 70px #0008;border-radius:18px;color:#e5f4fa}.analytics-choice[hidden]{display:none}.analytics-choice p{font-size:14px;line-height:1.6}.analytics-choice a{color:#6ff0d7;text-decoration:underline}.analytics-choice>div{display:flex;gap:12px;justify-content:flex-end}.analytics-choice button{padding:11px 16px;border:1px solid #6bcabc80;border-radius:8px;color:#d6f2eb;background:#173c4a;cursor:pointer}.analytics-choice #analytics-allow{color:#06252a;background:#67e6c7}#analytics-settings{background:none;border:0;color:inherit;cursor:pointer;font-size:inherit;text-decoration:underline}

.about-project-links span{padding:12px 20px;border-radius:25px;border:1px solid #7accbf50;background:#0c383dbd;color:#c8e8e2}.article-panel .topic-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.topic-tags li{border:1px solid #7bbdb940;border-radius:20px;padding:6px 10px;font-size:.76rem;margin:0}

.project-screenshots{margin:65px 0}.project-screenshots h2{font-size:2.5rem}.project-screenshots>div{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-screenshots figure{margin:0}.project-screenshots img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:15px}.project-screenshots figcaption{color:#a4c4d4;font-size:.85rem;padding-top:12px}@media(max-width:650px){.project-screenshots>div{grid-template-columns:1fr}}