/* MUSA NDAMBI | original minimal editorial visual system | 2026 */
:root{--bg:#0b0b0e;--bg2:#111116;--panel:#16161b;--txt:#f5f3f1;--soft:#b7b4b8;--line:#3a383d;--display:Georgia,"Times New Roman",serif;--body:Arial,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--txt);margin:0;font-family:var(--body);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,blockquote,p{margin-top:0}h1,h2,h3{font-weight:400}::selection{background:#d9d2cc;color:#101015}:focus-visible{outline:2px solid #fff;outline-offset:4px}.shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;top:-100px;left:12px;z-index:1000;background:white;color:black;padding:12px 20px}.skip:focus{top:12px}
.site-header{background:#0b0b0e;border-bottom:1px solid #29272e;position:relative;z-index:99}.header-row{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:400 clamp(22px,2.4vw,30px)/1 var(--display);letter-spacing:.21em;white-space:nowrap}.nav{display:flex;gap:27px;align-items:center}.nav a{font:400 11px/1.3 var(--body);letter-spacing:.11em;text-transform:uppercase;color:#bebbbf}.nav a:hover,.nav a[aria-current=page]{color:#fff}.nav a[aria-current=page]{border-bottom:1px solid #f5f3f1;padding-bottom:6px}.menu-button{display:none;background:none;border:0;color:var(--txt);cursor:pointer;text-transform:uppercase;letter-spacing:.15em;font-size:12px;padding:12px 0}
/* Single image only, fully preserved: no face edits or CSS clipping. */
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 84px;background:#0b0b0e}.hero-portrait{width:min(100%,790px);background:#eee9ea;max-height:none;display:flex;justify-content:center}.hero-portrait img{width:100%;height:auto;max-height:850px;object-fit:contain;object-position:center top}.hero-copy{display:flex;align-items:center;flex-direction:column;gap:17px;padding:62px 18px 0;max-width:850px}.hero-role,.hero-secondary,.eyebrow,.art-index,.art-caption{font:400 11px/1.5 var(--body);letter-spacing:.21em;text-transform:uppercase;color:var(--soft)}.hero-name{font:400 clamp(48px,7.5vw,112px)/1.04 var(--display);letter-spacing:.075em;margin:0;overflow-wrap:break-word}.hero-line{font:400 clamp(21px,2.7vw,32px)/1.35 var(--display);margin:4px 0 0;color:#e3dedc}.hero-secondary{margin:0}.arrow-link,.outline-action,.work-cta{display:inline-block;margin-top:16px;border:1px solid #aaa6a9;padding:14px 22px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;line-height:1.5;transition:background .2s,color .2s}.arrow-link:hover,.outline-action:hover,.work-cta:hover{background:#f5f3f1;color:#101013}
.section{padding:105px 0;border-top:1px solid #28272d}.section.light,.light{background:#101014;color:var(--txt)}.editorial{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.section-title{font:400 clamp(45px,5.8vw,80px)/1.12 var(--display);letter-spacing:-.03em;margin:18px 0 24px}.section-title em,h1 em,h2 em{font-weight:400}.editorial blockquote{font:italic clamp(23px,2.8vw,38px)/1.35 var(--display);color:#e7e0df;margin-top:40px}.editorial p:not(.eyebrow),.prose p{font:400 16px/1.85 var(--body);color:#c0bdc2;margin-bottom:24px}.center-heading{font:400 clamp(49px,7vw,80px)/1.05 var(--display);text-align:center;margin:14px 0 50px;letter-spacing:-.035em}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.project{background:#17171d;border:1px solid #39363b;min-height:360px;padding:33px 28px;display:flex;flex-direction:column;justify-content:flex-end;transition:border .2s}.project:hover{border-color:#fff}.project h3{font:400 clamp(33px,3.6vw,48px)/1.13 var(--display);letter-spacing:-.015em;margin:0 0 16px}.project p{font-size:10px;text-transform:uppercase;color:#aaa7ad;line-height:1.5;letter-spacing:.13em;margin:0}.project:before,.project:after{display:none}.work-tail{font-size:12px;line-height:1.8;text-align:center;color:#a9a5ab;max-width:660px;margin:28px auto 0}.work-cta{display:table;margin:30px auto 0}.about-teaser{display:grid;grid-template-columns:47% 53%;border-top:1px solid var(--line);background:var(--bg)}.about-statement{min-height:470px;background:#141418;border-right:1px solid #37353b;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:42px 20px}.statement-top,.statement-bottom{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#a6a4a8}.statement-mark{font:400 clamp(100px,17vw,240px)/1 var(--display);letter-spacing:-.09em;color:#dad4d2}.statement-dot{color:#f0ece7}.about-copy{padding:80px clamp(30px,7vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:start}.about-copy h2{font:400 clamp(37px,4.4vw,64px)/1.13 var(--display);margin:18px 0 26px}.about-copy p:not(.eyebrow){font:400 15px/1.83 var(--body);color:#c2bec4}.journal-strip{border-top:1px solid #333137;padding:72px 0;background:#0f0f13}.journal-row{display:grid;grid-template-columns:1fr 2fr auto;gap:32px;align-items:center}.journal-row h2{font:400 clamp(26px,3.5vw,46px)/1.17 var(--display);margin:0 0 14px}.journal-row p:not(.eyebrow){font-size:14px;color:#adaab0}.journal-row .arrow-link{margin:0}.footer{border-top:1px solid #313035;background:#09090c;padding:32px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:26px;font-size:11px;color:#aaa7ac;line-height:1.7}.footer-links{display:flex;flex-wrap:wrap;gap:22px}.footer a{color:#ece8e7}.footer a:hover{text-decoration:underline}
/* Approved About, Works, Journal & Contact pages, using the same understated design. */
.inner-intro,.page-hero{padding:100px 0 105px;background:var(--bg);border-bottom:1px solid #2e2c32}.inner-intro-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:70px;align-items:center}.inner-title{font:400 clamp(58px,8vw,104px)/1.04 var(--display);letter-spacing:-.04em;margin:20px 0 30px;overflow-wrap:break-word}.inner-title em{color:#ece7e5}.inner-deck{font:italic clamp(21px,2.8vw,35px)/1.4 var(--display);color:#d7d1d2;max-width:800px}.portrait-frame,.about-type-panel{min-height:380px;background:#15151b;border:1px solid #36343a;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;padding:30px}.portrait-frame img{display:none}.portrait-frame .statement-mark{font-size:clamp(95px,11vw,180px)}.vertical-note{font-size:10px;letter-spacing:.14em;color:#a9a5ab}.split-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.facts{display:flex;gap:28px;flex-wrap:wrap;padding-top:25px;margin-top:30px;border-top:1px solid #3f3c43}.facts div{display:flex;flex-direction:column;gap:8px}.facts span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#99949a}.facts strong{font-size:13px;font-weight:400}.closing-panel{padding:88px 0;border-top:1px solid #333137;background:#111116}.closing-panel h2{font:400 clamp(42px,6vw,75px)/1.13 var(--display);max-width:940px;margin:20px 0 30px}.closing-actions{display:flex;gap:12px;flex-wrap:wrap}.page-hero .inner-title{font-size:clamp(65px,9.5vw,130px)}.work-showcase{padding:75px 0;border-top:1px solid #36343a;background:#0e0e12}.work-showcase.light{background:#141419;color:#f5f3f1}.show-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.show-grid.alternate .show-art{order:2}.show-art{min-height:420px;background:#1a1a20;color:#f5f3f1;padding:34px;border:1px solid #3d3b42;display:flex;flex-direction:column;justify-content:space-between}.show-art:before,.show-art:after{display:none}.art-title{font:400 clamp(52px,6.8vw,91px)/.97 var(--display);letter-spacing:-.04em;overflow-wrap:break-word}.melissa-art .art-title,.dynamite-art .art-title{font-size:clamp(49px,5vw,80px)}.show-copy h2{font:400 clamp(44px,5vw,67px)/1.1 var(--display);margin:20px 0}.show-copy p{font:400 15px/1.9 var(--body);color:#c6c1c7}.show-copy .show-hook{font:italic 25px/1.4 var(--display);color:#ede6e4}.show-copy .status-line{font-size:11px;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #47444b;margin-top:26px;padding-top:18px;color:#bdb9bf}.show-copy .small-note,.small-note{font-size:12px;line-height:1.8;color:#aaa5ac}.journal-layout,.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9vw}.journal-quote{font:italic 25px/1.5 var(--display);color:#ddd6d6}.journal-empty{border-top:1px solid #4a474d;margin-top:32px;padding-top:22px}.journal-empty h3{font:400 29px/1.3 var(--display)}.contact-intro{font:400 16px/1.8 var(--body);color:#c7c2c7}.contact-panel{padding:45px;border:1px solid #4b4850;background:#16161b}.contact-panel h3{font:400 41px/1.16 var(--display);margin:20px 0 23px}.contact-panel p{font:400 15px/1.8 var(--body);color:#bcb7be}.contact-email{display:block;font:400 clamp(20px,2.5vw,32px)/1.45 var(--display);word-break:break-word;padding:20px 0;border-bottom:1px solid #67636a}.contact-email:hover{text-decoration:underline}.contact-panel .outline-action{margin-top:2px}.page-about .prose p{line-height:1.86}
@media(max-width:900px){.shell{width:calc(100% - 40px)}.header-row{height:78px}.nav{gap:15px}.nav a{font-size:10px}.hero-portrait img{max-height:720px}.project{min-height:300px}.about-copy{padding:55px 38px}.inner-intro-grid{gap:30px}}
@media(max-width:700px){.site-header{position:relative}.header-row{height:75px;justify-content:center}.brand{font-size:clamp(20px,5vw,27px);letter-spacing:.15em}.menu-button{display:block;position:absolute;right:0;top:15px;font-size:11px}.menu-button:before{content:'☰ ';font-size:17px;vertical-align:middle}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#0b0b0e;border-top:1px solid #39363d;border-bottom:1px solid #39363d;min-height:calc(100svh - 75px);padding:48px 24px 70px;flex-direction:column;align-items:center;gap:24px;z-index:55}.nav.open{display:flex}.nav a{font-size:16px;letter-spacing:.1em;padding:8px}.nav a[aria-current=page]{border:0}.hero{padding-bottom:55px}.hero-portrait{width:100%;max-width:none}.hero-portrait img{max-height:none}.hero-copy{padding:51px 18px 0;gap:17px}.hero-role{font-size:10px;letter-spacing:.13em}.hero-name{font-size:clamp(41px,10.4vw,68px);letter-spacing:.055em}.hero-line{font-size:23px}.section{padding:76px 0}.editorial,.split-copy,.inner-intro-grid,.journal-layout,.contact-grid{grid-template-columns:1fr;gap:25px}.section-title{font-size:52px}.center-heading{font-size:55px}.project-grid{grid-template-columns:1fr;gap:12px}.project{min-height:215px}.project h3{font-size:42px}.about-teaser{grid-template-columns:1fr}.about-statement{min-height:320px;border-right:0}.statement-mark{font-size:130px}.about-copy{padding:65px 20px}.about-copy h2{font-size:46px}.journal-row{grid-template-columns:1fr;gap:10px}.journal-row .arrow-link{justify-self:start;margin-top:12px}.inner-intro,.page-hero{padding:78px 0}.inner-title,.page-hero .inner-title{font-size:clamp(54px,12vw,75px)}.portrait-frame{min-height:300px}.work-showcase{padding:70px 0}.show-grid{grid-template-columns:1fr;gap:28px}.show-grid.alternate .show-art{order:0}.show-art{min-height:330px}.art-title{font-size:65px}.footer-row{flex-direction:column;text-align:center;gap:20px}.contact-panel{padding:29px}.contact-email{font-size:24px}}
@media(max-width:380px){.shell{width:calc(100% - 32px)}.brand{font-size:19px}.menu-button{right:-2px;font-size:10px}.hero-name{font-size:40px}.hero-role{font-size:9px}.section-title{font-size:45px}.center-heading{font-size:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Tiny-screen intrinsic grid correction */
.show-grid > *, .show-art, .show-copy { min-width: 0; }
.art-title, .art-caption { overflow-wrap: anywhere; }