/* Shared project/document card and inline-navigation language. */
body{--card-paper:var(--neutral-01,var(--simple-paper));--card-ink:var(--neutral-04,var(--simple-ink));--card-line:color-mix(in srgb,var(--card-ink) 15%,transparent)}
body[data-page] :is(.portfolio-project-card,.library-card),body[data-page] .graphics-content .graphics-card{box-sizing:border-box;background:var(--card-paper);color:var(--card-ink);border:1px solid var(--card-line);border-radius:24px;overflow:hidden;padding:0;gap:0;text-decoration:none;box-shadow:none;min-width:0}
body[data-page] :is(.portfolio-project-card,.library-card)::after,body[data-page] :is(.portfolio-project-card,.library-card)::before{display:none}
body[data-page] :is(.portfolio-project-card,.library-card) .single-project-content,body[data-page] .graphics-card .single-project-content,body[data-page] .library-card .library-card-copy{display:flex;flex-direction:column;gap:12px;padding:24px!important;margin:0;min-height:0;box-sizing:border-box}
body[data-page] :is(.portfolio-project-card,.library-card) .project-thumbnail-wrapper{padding:0;margin:0;border-radius:0}
body[data-page] :is(.portfolio-project-card,.library-card) .project-card-context{font-size:12px;line-height:1.5;letter-spacing:.04em;margin:0}
body[data-page] :is(.portfolio-project-card,.library-card) .single-project-content h4{font-size:32px;line-height:1.2;margin:0}
body[data-page] :is(.portfolio-project-card,.library-card) .project-view-action{display:inline-flex;align-items:center;align-self:flex-start;padding:12px 20px;margin-top:4px;border-radius:100px;background:var(--card-ink);color:var(--card-paper);font-size:13px;font-weight:600;line-height:1.4}
body[data-page='/credentials'] .credential-carousel-track .library-cover{display:block;height:auto!important;aspect-ratio:62/43;margin:0;padding:0;border-radius:0}
body[data-page='/credentials'] .credential-carousel-track .library-cover img{width:100%;height:100%!important;object-fit:cover;object-position:top;margin:0;border-radius:0}
body[data-page='/credentials'] .credential-carousel-track .library-card-copy>p{font-size:14px;line-height:1.6;margin:0}
body[data-page='/credentials'] .credential-carousel-track .library-card-copy>p.project-card-context{font-size:12px}
body .authentic-content .library-tabs,body[data-page='/credentials'] .authentic-content .library-tabs,body .library-tabs{display:flex!important;flex-wrap:nowrap!important;gap:10px;overflow-x:auto;max-width:100%;min-width:0;padding:8px 0 16px;margin:24px 0 32px;scrollbar-width:thin;align-items:center}
body .authentic-content .library-tabs>a,body[data-page='/credentials'] .library-tabs>a,body .library-tabs>a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-height:44px;padding:11px 18px;border:1px solid var(--card-line);border-radius:100px;background:var(--card-paper)!important;color:var(--card-ink)!important;font:600 13px/1.4 var(--body-font,'DM Sans',sans-serif);text-transform:none;text-decoration:none;white-space:nowrap}
body .library-tabs>a:hover,body .library-tabs>a[aria-current='true'],body[data-page='/credentials'] .library-tabs>a[aria-current='true']{background:var(--color-01,var(--simple-surface))!important;border-color:var(--card-ink)}
body .library-tabs>a:focus-visible{outline:2px solid var(--card-ink);outline-offset:3px}
.simple-view .portfolio-project-card{display:flex;flex-direction:column;border:1px solid var(--simple-line);border-radius:24px;background:var(--simple-paper);overflow:hidden;text-decoration:none;color:var(--simple-ink)}.simple-view .portfolio-project-card .project-thumbnail-wrapper{display:block;width:100%;aspect-ratio:62/43;padding:0;margin:0;overflow:hidden}.simple-view .portfolio-project-card img{width:100%;height:100%;object-fit:cover;object-position:top}.simple-view .portfolio-project-card .single-project-content{display:flex;flex-direction:column;gap:12px;padding:24px}.simple-view .portfolio-project-card h4{font:600 26px/1.3 'DM Sans',sans-serif;margin:0}.simple-view .portfolio-project-card p{margin:0;font-size:14px;line-height:1.6}.simple-view .portfolio-project-card .project-card-context{font-size:12px}.simple-view .portfolio-project-card .project-view-action{display:inline-block;font-size:13px;font-weight:600;margin-top:8px}
@media(max-width:767px){body[data-page] :is(.portfolio-project-card,.library-card),body[data-page] .graphics-content .graphics-card{border-radius:20px}body[data-page] :is(.portfolio-project-card,.library-card) .single-project-content,body[data-page] .graphics-card .single-project-content,body[data-page] .library-card .library-card-copy{padding:20px!important}body[data-page] :is(.portfolio-project-card,.library-card) .single-project-content h4{font-size:28px}.simple-view .portfolio-project-card{border-radius:20px}.simple-view .portfolio-project-card .single-project-content{padding:20px}body .library-tabs>a{padding:10px 15px;font-size:12px}}
/* Buttons are buttons; mobile action groups stay on one scrollable row. */
body :is(.portfolio-action,.button-style-01,.button-style-02,.project-view-action,.portfolio-project-card,.simple-project>a,.portfolio-hero-secondary,.portfolio-work-footer>a,.library-tabs>a),body :is(.portfolio-action,.button-style-01,.button-style-02,.project-view-action,.portfolio-project-card,.simple-project>a,.portfolio-hero-secondary,.portfolio-work-footer>a,.library-tabs>a):is(:hover,:focus,:active){text-decoration:none!important}
body :is(.portfolio-action,.button-style-01,.button-style-02,.project-view-action,.portfolio-hero-secondary) :is(p,span,strong){text-decoration:none!important}
@media(max-width:767px){body .portfolio-action-row,body :is(.concise-actions,.contact-fast-links,.portfolio-proof-links,.portfolio-hero-actions,.simple-intro-links){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;min-width:0;gap:12px;scrollbar-width:thin;padding-bottom:6px;box-sizing:border-box}body .portfolio-action-row>* ,body :is(.concise-actions,.contact-fast-links,.portfolio-proof-links,.portfolio-hero-actions,.simple-intro-links)>a{flex:0 0 auto!important;white-space:nowrap!important;max-width:none;min-height:44px}body .portfolio-action-row :is(p,span){white-space:nowrap!important}}
/* Preserve contrast for existing light button variants. */
body .portfolio-proof-links>a,body .contact-fast-links>a{color:var(--neutral-04)!important}
body .portfolio-proof-strip .portfolio-proof-links>a:first-child{background:var(--neutral-04);color:var(--neutral-01)!important}
body .portfolio-proof-strip .portfolio-proof-links>a:last-child{background:var(--neutral-01);color:var(--neutral-04)!important}
body .contact-intro-content .contact-fast-links>a:first-child{color:var(--neutral-04)!important}
body .contact-intro-content .contact-fast-links>a:first-child:hover{color:var(--neutral-01)!important}
@media(max-width:767px){body .portfolio-action-row,body :is(.concise-actions,.contact-fast-links,.portfolio-proof-links,.portfolio-hero-actions,.simple-intro-links){justify-content:flex-start!important;scrollbar-width:none;padding-inline:0;scroll-padding-inline:0}body .portfolio-action-row::-webkit-scrollbar,body :is(.concise-actions,.contact-fast-links,.portfolio-proof-links,.portfolio-hero-actions,.simple-intro-links)::-webkit-scrollbar{display:none}body .portfolio-action-row>a,body :is(.concise-actions,.contact-fast-links,.portfolio-proof-links,.portfolio-hero-actions,.simple-intro-links)>a{width:auto!important;min-width:max-content!important;flex:0 0 auto!important;max-width:none!important}body .portfolio-hero-actions:has(>a:only-child){justify-content:center!important}}
body[data-page] .contact-fast-links>a.portfolio-action{background:var(--neutral-01);color:var(--neutral-04)!important}body[data-page] .contact-intro-content .contact-fast-links>a.portfolio-action:first-child{background:var(--color-01);color:var(--neutral-04)!important}body[data-page] .contact-intro-content .contact-fast-links>a.portfolio-action:first-child:hover{background:var(--neutral-04);color:var(--neutral-01)!important}
/* Only credential tracks extend beyond the page gutter. */
body[data-page='/credentials'] .portfolio-content-section{overflow-x:clip}body[data-page='/credentials'] .library-grid.credential-carousel-track{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;padding-inline:0}body[data-page='/credentials'] .credential-carousel-track>.library-card{flex-basis:38vw;width:38vw}@media(max-width:767px){body[data-page='/credentials'] .credential-carousel-track>.library-card{flex-basis:86vw;width:86vw}}
/* A small breathing space at the viewport edge; headings retain their gutters. */
body[data-page] .home-featured-work .project-slider,body[data-page='/credentials'] .library-grid.credential-carousel-track{width:calc(100vw - 48px);margin-left:calc(50% - 50vw + 24px);margin-right:0}
@media(max-width:767px){body[data-page] .home-featured-work .project-slider,body[data-page='/credentials'] .library-grid.credential-carousel-track{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px)}}
/* Simple mode uses deliberate sections rather than inherited nested visual panels. */
.simple-view .simple-case-content section section{padding:0;border:0;margin:24px 0}
.simple-view .simple-case-content .simple-library-grid{display:grid!important;overflow:visible;gap:24px}
.simple-view .simple-case-content a.simple-project{text-decoration:none}
.simple-view .simple-case-content .simple-project-image img{height:100%;object-fit:cover;margin:0}
/* Preserve the existing About story and sequence in simple mode. */
.simple-view .simple-about-original>section{margin:0;padding:36px 0}
.simple-view .simple-about-original h3,.simple-view .simple-about-original h4{color:var(--simple-ink);line-height:1.3}
.simple-view .simple-about-original h3{font-size:clamp(26px,3vw,36px)}
.simple-view .simple-about-original p{max-width:72ch}
.simple-view .simple-about-original img[src*="jamiu-"]{width:100%;max-width:480px;height:auto;max-height:540px;object-fit:contain;object-position:left;margin:24px 0;border-radius:16px}
.simple-view .simple-about-original .simple-about-stat{display:block;font-size:32px;line-height:1.2;margin:20px 0 8px;color:var(--simple-ink)}
.simple-view .simple-about-original aside{padding:24px;border:1px solid var(--simple-line);border-radius:16px;margin-top:24px;background:var(--simple-surface)}
.simple-view .simple-about-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.simple-view .simple-about-tools h4{font-size:22px}
.simple-view .simple-about-original a[download]{display:inline-flex;padding:12px 20px;border-radius:100px;background:var(--simple-ink);color:var(--simple-paper);text-decoration:none;font-weight:600}
.simple-view .simple-about-original .simple-library-grid .simple-project p{font-size:14px;line-height:1.65}
@media(max-width:767px){.simple-view .simple-about-tools{grid-template-columns:1fr}.simple-view .simple-about-original>section{padding:28px 0}.simple-view .simple-about-original img[src*="jamiu-"]{max-width:100%}}