/* Website-led, evidence-first portfolio. Shared responsive composition. */
.expert-hero{background:#0c1427;color:#fff;padding:88px 6% 80px;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;min-height:650px;isolation:isolate}.expert-copy h1{font:500 clamp(42px,4.8vw,74px)/1.12 Manrope,Cairo,sans-serif;letter-spacing:-.045em;margin:25px 0}.expert-copy h1 em{font-style:normal;color:#a8bcff}.expert-copy>p{font-size:18px;line-height:1.8;color:#d0d9e9;max-width:560px}.expert-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin:30px 0}.expert-actions .primary{background:#fff!important;color:#0c1427!important}.expert-actions .text-link{color:#fff}.expert-tags{display:flex;gap:15px;flex-wrap:wrap;color:#b3c2db;font-size:12px}.expert-tags span+span{border-inline-start:1px solid #53617c;padding-inline-start:15px}.expert-showcase{display:grid;gap:22px;transform:rotate(-2deg)}.browser-preview{overflow:hidden;border:1px solid #c8d0dc;border-radius:12px;background:#fff;box-shadow:0 12px 40px #07102418}.browser-bar{display:flex;gap:5px;align-items:center;padding:10px 12px;background:#edf0f5;color:#43516a;font:11px Manrope,sans-serif;direction:ltr}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#a4adbd}.browser-bar span{margin-inline:auto}.browser-preview img{display:block;width:100%;height:auto;object-fit:contain}.expert-showcase .browser-preview+ .browser-preview{width:85%;justify-self:end}.real-projects .work-panel{margin-top:0!important}.real-projects .work-image{height:auto!important;aspect-ratio:1.6!important;border:1px solid #cbd3df;border-radius:10px;background:#fff}.real-projects .work-image>img{width:100%;height:100%;object-fit:contain!important;transform:none!important}.real-projects .work-image .browser-preview{height:100%;border:0;box-shadow:none}.real-projects .work-image .browser-preview img{height:calc(100% - 34px);object-fit:contain}.real-projects{gap:64px 32px!important}.work-caption p{max-width:540px}.project-detail-link{display:inline-block;margin:8px 0 5px;color:#1741b1;font-size:14px;text-decoration:underline}.studio-hero.person-hero{min-height:0!important;padding-top:48px!important;padding-bottom:48px!important}.person-hero-inner{min-height:0!important;align-items:center!important}.person-hero-copy h1{font-size:clamp(36px,4.2vw,60px)!important;line-height:1.12!important;max-width:700px!important}.person-hero-copy h1 span{font-family:inherit!important;font-style:normal!important}.person-hero-copy>p{font-size:17px!important;line-height:1.8!important}.person-hero-portrait.interface-portrait{aspect-ratio:auto!important;max-width:100%!important;border:0!important;border-radius:12px!important;background:none!important;overflow:visible!important;max-height:none!important}.interface-portrait .browser-preview img{height:auto!important;max-height:none!important;object-fit:contain!important;position:static!important}.interface-portrait .browser-bar{min-height:32px}.founder-block{max-width:1000px;margin:auto}.founder-block p{font-size:20px;line-height:1.9;max-width:800px}.case-head{padding-top:64px!important;padding-bottom:25px!important}.case-head h1{font:500 clamp(42px,6vw,84px)/1.12 Manrope,Cairo,sans-serif;letter-spacing:-.04em;margin:30px 0 20px}.case-head p{font-size:22px;line-height:1.7}.case-screen{padding-top:20px!important}.case-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.case-notes h2{font-size:27px}.case-notes p{line-height:1.9;font-size:17px}.case-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.case-actions .primary{background:#0c1427!important;color:white!important}.project-example .browser-preview{max-width:900px;margin:28px 0}.page-depth-repeat,.otw-beams{display:none!important}html[dir=rtl] .expert-copy h1{letter-spacing:0;line-height:1.35}html[dir=rtl] .case-head h1{letter-spacing:0}
@media(max-width:900px){.expert-hero{grid-template-columns:1fr;padding-top:55px;gap:45px;min-height:0}.expert-showcase{transform:none;max-width:700px}.person-hero-inner{grid-template-columns:1fr!important}.interface-portrait{display:none!important}.case-notes{grid-template-columns:1fr}.real-projects{gap:40px!important}}
@media(max-width:600px){.expert-hero{padding:40px 6% 48px}.expert-copy h1{font-size:40px;letter-spacing:-.04em}.expert-copy>p{font-size:16px}.expert-tags{font-size:11px}.expert-showcase .browser-preview+.browser-preview{display:none}.studio-hero.person-hero{padding-top:28px!important;padding-bottom:32px!important}.person-hero-copy h1{font-size:36px!important}.real-projects .work-meta{font-size:9px;gap:12px}.case-head h1{font-size:42px}.case-head p{font-size:18px}.case-actions{align-items:flex-start;flex-direction:column}}