/* EBHANU.COM portfolio redesign — standalone stylesheet; no Bootstrap dependency */
:root{--ink:#172033;--muted:#667085;--line:#e4e8ef;--paper:#f7f8fb;--white:#fff;--navy:#111a2e;--navy-2:#182540;--blue:#4968f5;--cyan:#60d6e8;--purple:#9b8cff;--green:#9be4b3;--radius:22px;--shadow:0 20px 60px rgba(20,34,62,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.section-pad{padding:108px 0}.skip-link{position:absolute;left:-9999px;top:12px;background:#fff;padding:10px 16px;z-index:1000}.skip-link:focus{left:12px}.site-header{height:82px;position:sticky;top:0;z-index:100;background:rgba(247,248,251,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,225,235,.8)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font:800 20px Manrope,sans-serif;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--blue);color:#fff;font-size:21px;box-shadow:0 7px 18px #4968f544}.brand-dot{color:var(--blue)}.site-nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:700;color:#505b70}.site-nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--ink);color:white;padding:11px 16px;border-radius:12px}.nav-cta span{padding-left:7px}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:5px}
.hero{padding-top:80px;padding-bottom:35px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;min-height:490px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#63718a;margin:0 0 20px}.status-dot{display:inline-block;width:8px;height:8px;background:#43c78b;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #43c78b20}.hero h1,.section-heading h2,.creative-grid h2,.about-grid h2,.contact-copy h2{font:800 clamp(42px,5vw,67px)/1.09 Manrope,sans-serif;letter-spacing:-.055em;margin:0}.text-gradient{background:linear-gradient(100deg,#4567f3 4%,#8a79ee 53%,#24a9c0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{font-size:17px;line-height:1.85;color:#626e82;max-width:560px;margin:26px 0 27px}.hero-lede strong{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:13px;padding:13px 18px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 9px 23px #4968f53b}.button-primary:hover{background:#3655df;box-shadow:0 12px 27px #4968f555}.button-quiet{color:#566177;border-color:#dfe4ed;background:rgba(255,255,255,.65)}.hero-proof{display:flex;gap:34px;margin-top:42px;padding-top:24px;border-top:1px solid var(--line)}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font:800 20px Manrope,sans-serif;letter-spacing:-.03em}.hero-proof span{font-size:11px;color:#778197;margin-top:4px}.hero-visual{height:440px;position:relative;display:grid;place-items:center;border-radius:36px;background:radial-gradient(ellipse at 50% 45%,#e3e9ff 0,#f1f3ff 34%,#eaf4f6 68%,#f6f8fb 100%);overflow:hidden}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border:1px solid #8195f327;border-radius:50%;width:450px;height:450px}.hero-visual:after{width:340px;height:340px}.visual-orbit{position:absolute;border:1px solid #8c9be73e;border-radius:50%;transform:rotate(-32deg)}.orbit-one{width:330px;height:170px}.orbit-two{width:270px;height:380px;transform:rotate(42deg)}.visual-core{position:relative;z-index:2;width:155px;height:155px;border-radius:50%;background:linear-gradient(145deg,#1b2b4c,#10182d);box-shadow:0 22px 55px #26375c4d,inset 0 0 0 9px #ffffff0a;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.core-cross{font-size:49px;font-weight:300;line-height:1;color:var(--cyan)}.core-label{font-size:8px;letter-spacing:.16em;line-height:1.7;text-align:center;margin-top:10px;color:#c7d4f0}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:#ffffffed;border:1px solid #fff;padding:13px 16px;border-radius:15px;box-shadow:0 14px 34px #293d6417;backdrop-filter:blur(8px)}.float-card b,.float-card small{display:block}.float-card b{font-size:11px}.float-card small{font-size:10px;color:#818ba0;margin-top:2px}.float-card-top{top:68px;left:18px}.float-card-bottom{right:16px;bottom:65px}.mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:18px;font-weight:700}.mini-cyan{background:#ddf8fb;color:#13899c}.mini-violet{background:#ece8ff;color:#6d5ad9}.visual-tag{position:absolute;font-size:8px;font-weight:800;letter-spacing:.14em;color:#8290b1}.tag-a{left:26px;bottom:25px}.tag-b{right:25px;top:26px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:37px;color:#8a94a6;font-size:9px;font-weight:800;letter-spacing:.16em}.scroll-hint span{font-size:14px;margin-left:8px}
.intro-strip{background:#fff;border-top:1px solid #e9edf3;border-bottom:1px solid #e9edf3}.intro-strip-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.strip-label{font-size:9px;font-weight:800;letter-spacing:.13em;color:#8b95a7}.strip-items{display:flex;align-items:center;gap:19px;color:#4d5a70;font-size:12px;font-weight:700}.strip-items i{width:4px;height:4px;border-radius:50%;background:#8c9bff}
.section-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:60px;margin-bottom:44px}.section-heading h2,.creative-grid h2,.about-grid h2,.contact-copy h2{font-size:clamp(38px,4.2vw,54px)}.section-heading .eyebrow,.creative-grid .eyebrow,.about-grid .eyebrow,.contact-copy .eyebrow{margin-bottom:16px}.section-intro{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 4px;max-width:460px}.science-panel{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);border-radius:26px;overflow:hidden;box-shadow:0 24px 70px #111a2e20}.science-art{min-height:480px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#263c65 0,#192847 44%,#111a2e 78%)}.scan-grid{position:absolute;inset:0;background-image:linear-gradient(#90b8ff0c 1px,transparent 1px),linear-gradient(90deg,#90b8ff0c 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.scan-ring{position:absolute;border:1px solid #76cde74c;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}.ring-a{width:320px;height:320px}.ring-b{width:245px;height:245px;border-style:dashed;border-color:#9d91ff8c}.ring-c{width:165px;height:165px;border-color:#7edbea9c;box-shadow:0 0 45px #4bc9e515,inset 0 0 40px #4bc9e510}.scan-ring:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);top:18%;left:15%;box-shadow:0 0 18px var(--cyan)}.ring-b:after{top:74%;left:81%;background:#a89aff;box-shadow:0 0 18px #a89aff}.scan-cross{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);font-size:75px;font-weight:200;color:#8bddec}.scan-caption{position:absolute;bottom:24px;left:28px;color:#93a7c9;font-size:9px;letter-spacing:.17em}.science-content{padding:55px 50px;align-self:center}.pill{display:inline-flex;padding:7px 11px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.13em}.pill-dark{color:#b4eaf3;background:#2c4563}.science-content h3{font:800 36px/1.15 Manrope,sans-serif;color:#fff;letter-spacing:-.04em;margin:20px 0 17px}.science-content>p{font-size:13px;color:#b4c0d5;line-height:1.9}.check-list{list-style:none;padding:0;margin:24px 0;color:#dbe5f5;font-size:12px}.check-list li{position:relative;padding:0 0 12px 22px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}.tool-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tool-list span{font-size:10px;font-weight:700;color:#5d6a80;background:#eef1f8;border:1px solid #e1e6f0;border-radius:8px;padding:7px 10px}.science-content .tool-list span{background:#243451;border-color:#304362;color:#d6e5f7}.small-note{font-size:11px;color:#8993a5;line-height:1.7;margin:18px 0 0}
.development-section{background:#fff}.dev-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.dev-card{position:relative;min-height:245px;padding:28px;border:1px solid #e7ebf2;border-radius:20px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.dev-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.dev-card-feature{grid-row:span 2;min-height:505px;background:var(--navy);color:#fff;border-color:var(--navy)}.card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e9eaff;color:#5a5df0;font:700 18px Manrope;margin-bottom:25px}.card-icon-blue{background:#e4f4ff;color:#1687be}.card-icon-purple{background:#f0eaff;color:#8660d7}.card-icon-green{background:#e4f8ec;color:#259b69}.card-kicker{font-size:9px;font-weight:800;letter-spacing:.15em;color:#a7b6d3}.dev-card h3{font:800 22px/1.25 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 12px}.dev-card-feature h3{font-size:32px;margin-top:15px}.dev-card p:not(.card-kicker){font-size:13px;line-height:1.85;color:#758095;margin:0}.dev-card-feature p:not(.card-kicker){color:#b8c4d9;max-width:310px}.dev-card-feature .text-link{display:inline-flex;gap:12px;margin-top:25px;color:#9ce9ef;font-size:12px;font-weight:700}.code-decoration{position:absolute;bottom:0;left:0;right:0;height:155px;background:linear-gradient(0deg,#243657 0%,#17233c 100%);padding:24px 28px;display:flex;flex-direction:column;gap:4px;color:#8198bf;font:12px monospace;opacity:.9}.code-decoration span:first-child{color:#4e76ff}.code-decoration span:nth-child(2){color:#8bddec}
.creative-section{background:#f0f2f8}.creative-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.creative-grid .section-intro{margin-top:25px}.creative-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.creative-tile{height:335px;border-radius:20px;position:relative;overflow:hidden;padding:20px;color:#fff;box-shadow:0 16px 35px #202d4515}.tile-poster{background:linear-gradient(145deg,#4c63ed,#8b79ee)}.tile-video{background:linear-gradient(155deg,#14203b,#253a5b)}.tile-label{font-size:8px;font-weight:800;letter-spacing:.14em;color:#ffffffb8}.poster-shape{position:absolute;left:26px;right:20px;top:85px;bottom:60px;display:flex;align-items:center;font:800 31px/1.08 Manrope,sans-serif;letter-spacing:-.06em}.poster-shape b{color:#c3ffdc}.poster-shape i{position:absolute;width:120px;height:120px;border:1px solid #ffffff4c;border-radius:50%;right:-22px;bottom:5px;box-shadow:0 0 0 20px #ffffff0b,0 0 0 40px #ffffff09}.tile-caption{position:absolute;bottom:19px;left:20px;font-size:9px;font-weight:800;letter-spacing:.15em;color:#ffffffbd}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid #ffffff5e;background:#ffffff13;color:#fff;font-size:18px;padding-left:4px;box-shadow:0 0 0 14px #ffffff08}.tile-video:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #8bc7e735;border-radius:50%;top:45px;left:-75px;box-shadow:0 0 0 25px #8bc7e70a,0 0 0 50px #8bc7e708}
.work-section{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.project-card{display:flex;flex-direction:column;min-height:340px;border:1px solid #e6eaf1;border-radius:18px;overflow:hidden;padding:18px;background:#fff;transition:transform .2s,box-shadow .2s}.project-dark{background:#141f36;color:#fff;border-color:#141f36}.project-blue{background:#f0f3ff}.project-warm{background:#fff5e9}.project-green{background:#eaf8ef}.project-top{display:flex;justify-content:space-between;align-items:center}.project-type{font-size:8px;font-weight:800;letter-spacing:.12em;opacity:.7}.project-arrow{font-size:17px}.project-graphic{height:120px;margin:20px 0 19px;border-radius:12px;position:relative;overflow:hidden;display:grid;place-items:center}.graphic-micro{background:radial-gradient(ellipse at center,#294d78,#17233c 70%)}.micro-dot{position:absolute;border:1px solid #a1e3eeaa;border-radius:50%;width:45px;height:45px;box-shadow:0 0 0 8px #77cfe90c}.dot-1{top:17px;left:30%}.dot-2{bottom:10px;left:55%;width:60px;height:60px}.dot-3{top:40px;right:18%;width:25px;height:25px}.micro-lines{width:80%;height:1px;background:#a1e3ee7d;transform:rotate(-25deg)}.graphic-event{background:linear-gradient(135deg,#cad4ff,#e9eaff);color:#394fe0;font:800 28px/1 Manrope;letter-spacing:-.06em;padding-left:20px;justify-content:start}.graphic-event b{font-size:38px}.graphic-event i{position:absolute;width:110px;height:110px;border:1px solid #596bed7d;border-radius:50%;right:-10px;top:8px;box-shadow:0 0 0 15px #596bed0c,0 0 0 30px #596bed0b}.graphic-stack{background:#f5dfc3;display:flex;align-items:center;justify-content:center;gap:5px}.graphic-stack span{display:block;width:39px;height:66px;border:1px solid #ad8356;border-radius:7px;transform:skewY(-15deg);background:linear-gradient(135deg,#fff8ed,#d5a879)}.graphic-stack span:nth-child(2){transform:translateY(10px) skewY(-15deg)}.graphic-stack span:nth-child(3){transform:translateY(-8px) skewY(-15deg)}.graphic-roots{background:linear-gradient(130deg,#d4f1d8,#edf9e9);color:#286b4c;font:500 25px/1.05 Manrope;letter-spacing:-.05em;padding-left:20px;justify-content:start}.graphic-roots b{font-weight:800}.graphic-roots i{position:absolute;right:20px;bottom:-18px;width:90px;height:90px;border:1px solid #519b7266;border-radius:60% 0 60% 0;transform:rotate(-35deg);box-shadow:0 0 0 13px #519b720c}.project-card h3{font:800 17px/1.3 Manrope;letter-spacing:-.025em;margin:0 0 8px}.project-card p{font-size:11px;line-height:1.7;color:#7c8799;margin:0 0 15px}.project-dark p{color:#b6c2d7}.project-link-label{margin-top:auto;font-size:10px;font-weight:800;color:#5268de}.project-dark .project-link-label{color:#9be7f0}
.about-section{background:#f7f8fb}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px}.about-copy>p{color:#657187;font-size:15px;line-height:1.95;margin:0 0 18px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;padding-top:23px;border-top:1px solid #e1e6ef}.about-values div{display:flex;flex-direction:column;gap:9px}.about-values span{font-size:10px;color:var(--blue);font-weight:800}.about-values b{font:700 11px Manrope}
.contact-section{background:var(--navy);color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.contact-copy .eyebrow{color:#9baaca}.contact-copy h2{font-size:clamp(40px,4.5vw,57px)}.contact-copy>p:not(.eyebrow){color:#b6c2d7;max-width:400px;font-size:14px;line-height:1.9;margin:24px 0}.contact-email{display:inline-flex;gap:12px;align-items:center;color:#9be7f0;font-weight:700;font-size:16px;border-bottom:1px solid #9be7f04d;padding-bottom:8px}.contact-location{font-size:12px!important;color:#8c9bb7!important}.contact-form{background:#fff;color:var(--ink);border-radius:20px;padding:30px;box-shadow:0 25px 60px #050a1430}.form-row{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.form-row label{font-size:11px;font-weight:800;color:#515e74}.form-row input,.form-row textarea{width:100%;border:1px solid #e0e5ee;border-radius:10px;background:#fbfcfe;padding:12px 13px;color:var(--ink);font-size:13px;outline:none;transition:border .2s,box-shadow .2s}.form-row input:focus,.form-row textarea:focus{border-color:#7184ff;box-shadow:0 0 0 3px #7184ff20}.form-row textarea{resize:vertical;min-height:115px}.button-submit{width:100%;border:0}.form-note{font-size:10px;color:#8993a5;line-height:1.6;margin:12px 0 0}.form-alert{padding:12px 14px;border-radius:10px;font-size:12px;margin-bottom:18px}.form-success{background:#e9f9ef;color:#187343}.form-error{background:#fff0ef;color:#ad302b}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.site-footer{background:#0d1526;color:#8794ad;padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{color:#fff;font-size:15px}.footer-brand .brand-mark{width:29px;height:29px;font-size:17px;border-radius:9px}.footer-inner p,.footer-inner>span{font-size:10px;margin:0}
@media(max-width:1000px){.site-nav{gap:17px}.hero-grid{gap:25px}.hero-visual{height:390px}.section-heading{gap:30px}.science-content{padding:40px 32px}.dev-grid{grid-template-columns:1fr 1fr}.dev-card-feature{grid-row:span 2}.project-grid{grid-template-columns:repeat(2,1fr)}.creative-grid{gap:40px}.about-grid,.contact-grid{gap:45px}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.section-pad{padding:75px 0}.site-header{height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #15213b10;align-items:stretch;gap:0;flex-direction:column}.site-nav.is-open{display:flex}.site-nav a{padding:13px 10px}.site-nav .nav-cta{margin-top:8px;text-align:center}.hero{padding-top:48px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(43px,12vw,60px)}.hero-lede{font-size:15px}.hero-visual{height:350px}.float-card-top{left:8px;top:45px}.float-card-bottom{right:8px;bottom:40px}.hero-proof{gap:22px}.hero-proof strong{font-size:18px}.hero-bottom{padding-top:25px;font-size:8px}.intro-strip-inner{padding-block:20px;align-items:flex-start;flex-direction:column;gap:12px}.strip-items{gap:10px;flex-wrap:wrap;font-size:11px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.section-heading h2,.creative-grid h2,.about-grid h2,.contact-copy h2{font-size:42px}.section-intro{font-size:14px}.science-panel{grid-template-columns:1fr}.science-art{min-height:310px}.science-content{padding:32px 25px}.science-content h3{font-size:32px}.dev-grid{grid-template-columns:1fr}.dev-card-feature{grid-row:auto;min-height:420px}.dev-card{min-height:230px}.creative-grid{grid-template-columns:1fr;gap:30px}.creative-cards{gap:10px}.creative-tile{height:280px;padding:15px}.poster-shape{left:18px;top:75px;font-size:25px}.tile-caption{left:15px;bottom:15px;font-size:8px}.project-grid{grid-template-columns:1fr 1fr;gap:10px}.project-card{padding:13px;min-height:320px}.project-graphic{height:100px;margin:15px 0}.project-card h3{font-size:15px}.project-card p{font-size:10px}.project-type{font-size:7px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.about-values{gap:7px}.about-values b{font-size:10px}.contact-form{padding:22px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;flex-basis:100%}}
@media(max-width:390px){.project-grid{grid-template-columns:1fr}.project-card{min-height:290px}.project-graphic{height:115px}.hero-proof{flex-direction:column;gap:14px}.creative-cards{grid-template-columns:1fr 1fr}.creative-tile{height:245px}.poster-shape{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Replaceable photo placeholders added in v2 */
.science-photo{position:relative;min-height:480px;background:#17233c}
.science-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8);opacity:.9}
.science-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,22,40,.08),rgba(12,22,40,.25) 55%,rgba(12,22,40,.85))}
.science-photo .scan-caption{z-index:1}
.creative-tile{isolation:isolate}
.creative-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.creative-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,22,40,.16),rgba(12,22,40,.68))}
.creative-tile .tile-label,.creative-tile .tile-caption,.creative-tile .play-button{z-index:1}
.project-graphic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.graphic-micro:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(13,24,44,.2),rgba(13,24,44,.65))}
.graphic-event img,.graphic-stack img,.graphic-roots img{opacity:.75}
.graphic-event:after,.graphic-stack:after,.graphic-roots:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,26,45,.48),rgba(15,26,45,.05))}
.graphic-event>span,.graphic-roots>span{position:relative;z-index:1;color:#fff;text-shadow:0 2px 10px #0005}
@media(max-width:760px){.science-photo{min-height:310px}}

/* Fifth project card: Bokscart */
.project-bokscart{background:#f3f7ff}
.graphic-bokscart{background:#dfeaff;color:#173b7a;font:800 28px Manrope,sans-serif;letter-spacing:-.05em;justify-content:flex-start;padding-left:18px}
.graphic-bokscart:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,32,67,.58),rgba(14,32,67,.06))}
.graphic-bokscart img{opacity:.8}
.graphic-bokscart span{position:relative;z-index:1;color:#fff;text-shadow:0 2px 12px #0006}
@media(min-width:1001px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v4 portfolio additions */
.project-dmtech{background:#eef7ff}.graphic-dmtech{background:linear-gradient(135deg,#10243d,#245b78);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:22px;font:800 24px/1 Manrope}.graphic-dmtech span span{color:#8de4dc}.graphic-dmtech b{font-size:11px;letter-spacing:.28em;margin-top:7px;color:#9cb9d2}.project-support{background:#f5f2ff}.graphic-support{background:linear-gradient(135deg,#d9d0ff,#f1edff);color:#5942b5;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:20px;font:800 26px Manrope}.graphic-support b{font-size:9px;letter-spacing:.12em}.project-legacy{background:#f7f8fb}.graphic-legacy{background:linear-gradient(135deg,#e3e8f0,#f5f7fa);color:#52647d;font:800 25px Manrope;justify-content:start;padding-left:22px}.legacy-heading{margin-top:56px}.project-grid-additional{margin-top:8px}