:root{--ink:#17191d;--muted:#686d76;--line:#e8e9ec;--soft:#f7f7f5;--accent:#1769e0;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
header{height:78px;display:flex;align-items:center;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:850;letter-spacing:-.07em;font-size:20px}.brand i{font-style:normal;color:var(--accent)}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:650;color:#555a63}.navcta{border:1px solid var(--line);border-radius:99px;padding:10px 16px}.menu{display:none;background:none;border:0;font-size:24px}
.hero{padding:85px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.eyebrow,.kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--accent)}h1{font-size:clamp(54px,8.5vw,105px);letter-spacing:-.085em;line-height:.88;margin:20px 0 22px;font-weight:780}h1 .outline{-webkit-text-stroke:1.6px var(--ink);color:transparent}h1 .pop{color:var(--accent)}.intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:650px}.actions{display:flex;gap:18px;align-items:center;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;gap:12px;align-items:center;background:var(--ink);color:#fff;padding:13px 19px;border-radius:99px;font-size:13px;font-weight:700}.btn:hover{background:var(--accent)}.underlink{font-size:13px;font-weight:700}.hero-art{min-height:390px;position:relative;display:grid;place-items:center}.blob{position:absolute;width:290px;height:290px;background:#e5f0ff;border-radius:43% 57% 61% 39%/44% 42% 58% 56%;transform:rotate(-12deg)}.orbit{position:absolute;width:360px;height:360px;border:1px dashed #9dc4f7;border-radius:50%;transform:rotate(22deg)}.orbit:before,.orbit:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#f0a7a8}.orbit:before{top:30px;left:54px}.orbit:after{bottom:35px;right:20px;background:#6cbdad}.hero-sticker{position:absolute;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 17px;box-shadow:0 12px 35px #17191d12;font-size:12px;font-weight:750}.sticker-one{top:42px;left:0;transform:rotate(-8deg)}.sticker-two{right:0;top:95px;transform:rotate(7deg)}.sticker-three{bottom:35px;left:20px;transform:rotate(5deg)}.hero-monogram{position:relative;font-size:120px;line-height:1;font-weight:900;letter-spacing:-.13em;color:var(--accent);transform:rotate(-7deg);text-shadow:7px 7px 0 #fff}
.credentials{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.cred-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.cred{padding-left:18px;border-left:2px solid #c9e0ff}.cred strong{display:block;font-size:16px;letter-spacing:-.03em}.cred span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.sectors{padding:34px 0 12px}.sector-label{font-size:11px;color:#858a93;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-bottom:15px}.badges{display:flex;gap:9px;flex-wrap:wrap}.badge{border:1px solid #e5e5e9;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:650;color:#50545c;background:#fff}
section{padding:84px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-head h2,.page-title{font-size:clamp(38px,5vw,60px);letter-spacing:-.075em;line-height:1;margin:10px 0 0}.section-head p{max-width:390px;color:var(--muted);font-size:14px}
.work-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.work-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.22s}.work-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #17191d10}.visual{height:250px;background:#eaf3ff;display:grid;place-items:center;position:relative;overflow:hidden}.visual.green{background:#e9f5ef}.visual.peach{background:#fff0e8}.visual.blue{background:#eaf1fb}.visual.lilac{background:#eaf3ff}.mock{width:78%;height:68%;background:white;border:1px solid #e3e4eb;border-radius:12px;box-shadow:0 16px 36px #2222;padding:18px;transform:rotate(-3deg)}.mock-top{font-size:10px;font-weight:800;margin-bottom:16px}.mock-line{height:7px;border-radius:9px;background:#eaf0f8;width:70%;margin:9px 0}.mock-line.short{width:42%}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.mock-grid i{height:58px;border-radius:7px;background:#eaf3ff;display:block}.mock-grid i:nth-child(2){background:#e6f4ee}.mock-grid i:nth-child(3){background:#fff0e8}.work-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#858a93;font-weight:750}.card-copy{padding:20px 22px 22px}.card-copy h3{font-size:27px;letter-spacing:-.06em;margin:8px 0 5px}.card-copy p{font-size:13px;color:var(--muted);margin:0}.card-link{display:flex;justify-content:space-between;margin-top:17px;font-size:12px;font-weight:750}.card-link b{color:var(--accent);font-size:19px}
.about{background:var(--soft)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-grid h2{font-size:clamp(38px,5vw,58px);line-height:1;letter-spacing:-.07em;margin:12px 0}.about-copy{font-size:15px;line-height:1.9;color:#555b64}.about-copy strong{color:var(--ink)}
.contact{background:#17191d;color:#fff;padding:80px 0}.contact h2{font-size:clamp(42px,6vw,72px);letter-spacing:-.08em;line-height:1;margin:14px 0}.contact p{color:#b7bac2;max-width:490px}.contact .btn{background:#fff;color:#17191d;margin-top:15px}.contact .btn:hover{background:#c9e1ff}footer{padding:24px 0;color:#858a93;font-size:11px}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.page-hero{padding:74px 0 45px}.page-hero p{max-width:700px;color:var(--muted);font-size:17px}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:80px 1fr 1.3fr 120px;gap:25px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.project-row .num{font-size:12px;color:#999}.project-row h2{font-size:28px;letter-spacing:-.06em;margin:0}.project-row p{font-size:13px;color:var(--muted);margin:0}.project-row .type{font-size:11px;color:#777d87}.project-row a{font-size:12px;font-weight:750;color:var(--accent);text-align:right}
.case-hero{padding:76px 0 55px}.case-hero h1{font-size:clamp(48px,7vw,84px);max-width:900px}.case-sub{max-width:730px;font-size:18px;color:var(--muted)}.case-cover{height:390px;border-radius:24px;background:linear-gradient(135deg,#e8f2ff,#f7fbff);display:grid;place-items:center;margin:20px 0 50px;overflow:hidden}.case-cover.green{background:linear-gradient(135deg,#e5f4ec,#f7fbf8)}.case-cover .mock{height:70%;max-width:650px}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:65px}.fact small{display:block;color:#888d96;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:750}.fact strong{font-size:13px;display:block;margin-top:6px}.case-content{max-width:790px;margin:0 auto}.case-content section{padding:0 0 44px}.case-content h2{font-size:34px;letter-spacing:-.06em;margin:10px 0}.case-content p,.case-content li{color:#555b64;font-size:15px;line-height:1.85}.case-content ul{padding-left:20px}.back{font-size:13px;font-weight:700;color:var(--accent)}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}nav{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;padding:20px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navopen nav{display:flex}.menu{display:block}.hero{padding:55px 0 45px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-art{min-height:300px;max-width:440px;width:100%;margin:auto}.hero-monogram{font-size:100px}.blob{width:230px;height:230px}.orbit{width:290px;height:290px}.cred-grid{grid-template-columns:1fr;gap:16px}.cred{padding:0 0 0 14px}.section-head{display:block}.section-head p{margin-top:18px}.work-preview{grid-template-columns:1fr}.visual{height:230px}section{padding:65px 0}.about-grid{grid-template-columns:1fr;gap:20px}.project-row{grid-template-columns:35px 1fr;gap:8px 15px}.project-row p{grid-column:2}.project-row .type{grid-column:2}.project-row a{grid-column:2;text-align:left}.case-cover{height:270px}.case-facts{grid-template-columns:repeat(2,1fr)}}

/* Live portfolio imagery */
.live-preview{display:block;width:100%;height:100%;object-fit:cover;}
.case-cover.live-cover{height:auto;min-height:0;display:block;background:#e8eef3;border-radius:24px;margin:20px 0 50px;}
.case-cover.live-cover img{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:24px;}
.project-gallery{margin:0 0 60px;}
.project-gallery h2{font-size:clamp(25px,3vw,38px);margin:0 0 22px;}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.gallery-grid figure{margin:0;background:#eef2f6;border-radius:16px;overflow:hidden;}
.gallery-grid img{display:block;width:100%;height:auto;object-fit:contain;}
.gallery-grid figcaption{padding:10px 14px;color:#656575;font-size:12px;}
.project-row{position:relative;}
.project-row .row-preview{width:100%;max-width:220px;max-height:115px;object-fit:cover;border-radius:10px;display:block;margin:0 0 16px;}
@media(max-width:680px){.gallery-grid{grid-template-columns:1fr}.project-row .row-preview{max-width:100%;max-height:180px}}

/* Layout refinements: linear case-study galleries and ordered work list */
.gallery-grid{display:block;width:100%;}
.gallery-grid figure{width:100%;margin:0 0 24px;border-radius:16px;overflow:hidden;background:#eef2f6;}
.gallery-grid figure:last-child{margin-bottom:0;}
.gallery-grid img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}
.project-gallery{width:100%;}
.project-gallery > .wrap{width:min(var(--max),calc(100% - 48px));margin:0 auto;}
.project-row{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:34px 0 38px;}
.project-row h2{order:1;font-size:clamp(27px,3vw,36px);margin:0 0 7px;}
.project-row p{order:2;max-width:850px;margin:0 0 18px;font-size:14px;line-height:1.7;}
.project-row .row-preview{order:3;display:block;width:100%;max-width:100%;height:auto;max-height:320px;object-fit:cover;border-radius:14px;margin:0 0 14px;background:#edf4ff;}
.project-row .row-preview-placeholder{min-height:180px;display:grid;place-items:center;color:#1b65c8;font-size:25px;font-weight:800;letter-spacing:-.05em;}
.project-row a{order:4;text-align:left;margin:0 0 9px;font-size:13px;}
.project-row .type{order:5;font-size:11px;color:#858a93;letter-spacing:.02em;}
@media(max-width:680px){.project-gallery > .wrap{width:calc(100% - 36px)}.project-row .row-preview{max-height:220px}}

/* Homepage: balanced breathing room around the sector badges */
.hero{padding-bottom:56px}
.sectors{padding:0 0 56px}
.badge{border-color:transparent;font-weight:700}
.badge:nth-child(8n + 1){background:#e1eeff;color:#1557b7}
.badge:nth-child(8n + 2){background:#dff5ee;color:#126b52}
.badge:nth-child(8n + 3){background:#fff0d7;color:#8a5307}
.badge:nth-child(8n + 4){background:#ffe5eb;color:#a52e54}
.badge:nth-child(8n + 5){background:#e1efff;color:#235da5}
.badge:nth-child(8n + 6){background:#e3f1ff;color:#205f9f}
.badge:nth-child(8n + 7){background:#e2f4f4;color:#166c72}
.badge:nth-child(8n + 8){background:#f0e9df;color:#76512c}
@media(max-width:760px){.hero{padding-bottom:44px}.sectors{padding-bottom:44px}}

/* Work index: single-row editorial project entries */
.project-row{display:grid;grid-template-columns:minmax(135px,1.1fr) minmax(220px,2.4fr) minmax(140px,1.5fr) minmax(125px,1fr);align-items:center;column-gap:28px;row-gap:0;padding:30px 0;}
.project-row h2,.project-row p,.project-row .row-preview,.project-row a,.project-row .type{order:initial;grid-column:auto;margin:0;}
.project-row h2{font-size:clamp(22px,2.3vw,31px);line-height:1.12;}
.project-row p{font-size:13px;line-height:1.6;max-width:none;}
.project-row .row-preview{width:100%;max-width:none;height:125px;max-height:none;object-fit:cover;border-radius:12px;}
.project-row .row-preview-placeholder{min-height:125px;font-size:20px;}
.project-row .project-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0;}
.project-row .project-actions a{margin:0;font-size:13px;white-space:nowrap;}
.project-row .project-actions .type{font-size:11px;line-height:1.5;}
@media(max-width:960px){.project-row{grid-template-columns:minmax(120px,1fr) minmax(190px,2fr) minmax(125px,1.4fr);gap:14px 20px}.project-row .project-actions{grid-column:2 / 4;flex-direction:row;align-items:center;gap:20px}}
@media(max-width:680px){.project-row{grid-template-columns:minmax(0,1fr) 115px;gap:12px 16px;padding:25px 0}.project-row h2{grid-column:1;grid-row:1}.project-row p{grid-column:1;grid-row:2}.project-row .row-preview{grid-column:2;grid-row:1 / 3;height:105px;max-height:none}.project-row .row-preview-placeholder{min-height:105px}.project-row .project-actions{grid-column:1 / -1;grid-row:3;flex-direction:column;align-items:flex-start;gap:6px}}

/* Homepage project previews: smaller, centered, and never cropped */
.work-preview .visual{display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;}
.work-preview .visual .live-preview{width:auto;height:auto;max-width:82%;max-height:82%;object-fit:contain;object-position:center;display:block;}
.work-preview .visual .mock{max-width:82%;max-height:82%;box-sizing:border-box;}
@media(max-width:760px){.work-preview .visual{padding:20px}.work-preview .visual .live-preview{max-width:88%;max-height:88%;}}

/* V10: consistent page width and aligned work project rows */
.project-list{width:100%;}
.project-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,2.15fr) minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:center;width:100%;min-width:0;}
.project-row > *{min-width:0;}
.project-row h2{grid-column:1;grid-row:1;overflow-wrap:anywhere;}
.project-row > p{grid-column:2;grid-row:1;}
.project-row > .row-preview{grid-column:3;grid-row:1;width:100%;max-width:100%;height:112px;object-fit:contain;object-position:center;}
.project-row > .project-actions{grid-column:4;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;}
.project-row .project-actions a{white-space:normal;text-align:left;}
.project-row .project-actions .type{overflow-wrap:anywhere;}
.case-hero > .wrap,.case-facts,.project-gallery > .wrap{max-width:var(--max);}
@media(max-width:900px){.project-row{grid-template-columns:minmax(0,1.15fr) minmax(0,2fr) minmax(0,1.25fr);gap:18px}.project-row > .project-actions{grid-column:2 / 4;grid-row:2;flex-direction:row;flex-wrap:wrap;gap:12px 20px}}
@media(max-width:620px){.project-row{grid-template-columns:minmax(0,1fr) 110px;gap:12px 16px}.project-row h2{grid-column:1;grid-row:1}.project-row > p{grid-column:1;grid-row:2}.project-row > .row-preview{grid-column:2;grid-row:1 / 3;height:110px}.project-row > .project-actions{grid-column:1 / -1;grid-row:3;flex-direction:column;gap:6px}}

/* V11: solid background sampled from each project's thumbnail */
.work-preview .visual.solid-matched {background-image:none!important;}
.work-preview .visual.solid-matched::before {content:none!important;display:none!important;}

/* LinkedIn contact action */
.linkedin-contact {display:inline-flex;align-items:center;justify-content:center;margin:12px 0 0 14px;color:inherit;text-decoration:underline;text-underline-offset:5px;font-weight:650;}
.linkedin-contact:hover {opacity:.7;}
@media(max-width:540px){.linkedin-contact{margin-left:0;display:flex;width:max-content;}}

/* V13: consistent case-study alignment and readable full-width layout */
.case-hero>.wrap,.case-facts.wrap,.case-content.wrap,.project-gallery>.wrap{width:min(var(--max),calc(100% - 48px));max-width:var(--max);margin-left:auto;margin-right:auto;box-sizing:border-box;}
.case-content.wrap{max-width:var(--max);}
.case-content.wrap>section{max-width:850px;}
.case-hero h1{max-width:100%;overflow-wrap:break-word;}
.case-facts.wrap{margin-bottom:65px;}
@media(max-width:760px){.case-hero>.wrap,.case-facts.wrap,.case-content.wrap,.project-gallery>.wrap{width:calc(100% - 36px);}}
/* V14: photo centered in the original hero illustration */
.hero-art .hero-monogram.hero-portrait { width: min(56%, 270px); aspect-ratio:1; font-size:0; padding:0; overflow:hidden; border-radius:50%; background:transparent; display:flex; align-items:center; justify-content:center; transform:none; text-shadow:none; box-shadow:0 18px 44px rgba(22,24,38,.13); z-index:3; }
.hero-art .hero-monogram.hero-portrait img { width:100%; height:100%; object-fit:cover; display:block; border-radius:50%; }

/* V16: About section portrait */
.about-portrait { display:block; width:min(100%, 256px); height:auto; aspect-ratio:1; object-fit:contain; margin-top:32px; border-radius:50%; }
@media(max-width:760px) { .about-portrait { width:min(72vw, 224px); margin-top:24px; } }

/* V18: Full-width, uncropped, locally hosted 1440 × 498 project artwork. */
.work-preview .visual.updated-home-preview {
  width:100%; height:auto; aspect-ratio:1440 / 498; padding:0;
  display:block; overflow:hidden; background:transparent;
}
.work-preview .visual.updated-home-preview .live-preview {
  display:block; width:100%; height:100%; max-width:none; max-height:none;
  object-fit:contain; object-position:center;
}

/* V19: Match Work page thumbnails to the new homepage artwork. */
.project-row img.row-preview {display:block; width:100%; max-width:100%; object-fit:contain; object-position:center; border-radius:8px;}

/* V20: project thumbnail uses full 1440×498 image ratio without colored letterboxing */
.project-row > img.row-preview {width:100%;height:auto;aspect-ratio:1440 / 498;object-fit:cover;object-position:center;display:block;border-radius:8px;background:transparent;}
@media(max-width:620px){.project-row > img.row-preview{height:auto;aspect-ratio:1440 / 498;object-fit:cover;}}

/* V21 — playful kinetic Curious sticker */
.curious-animated {display:flex;align-items:center;gap:9px;isolation:isolate;will-change:transform;animation:curious-bounce 4.2s cubic-bezier(.4,0,.2,1) infinite;transition:box-shadow .25s ease,background .25s ease;z-index:5;}
.curious-animated .curious-label {position:relative;z-index:2;}
.curious-spark {font-size:22px;line-height:1;color:#1b69e8;display:inline-block;transform-origin:center;animation:curious-spin 3.1s ease-in-out infinite;z-index:2;}
.curious-particle {position:absolute;pointer-events:none;font-size:15px;opacity:0;z-index:-1;animation:curious-confetti 4.2s ease-out infinite;}
.particle-1{left:7%;top:4%;color:#ff9b34;--tx:-24px;--ty:-32px;animation-delay:0s;}
.particle-2{right:10%;top:8%;color:#25bba9;--tx:22px;--ty:-35px;animation-delay:.22s;}
.particle-3{right:24%;bottom:4%;color:#f66d8d;--tx:13px;--ty:29px;animation-delay:.45s;}
.curious-animated:hover{background:#eaf2ff;box-shadow:0 18px 38px rgba(27,105,232,.17);animation-play-state:paused;}
.curious-animated:hover .curious-spark{animation-duration:.7s;}
@keyframes curious-bounce{0%,12%,44%,100%{transform:rotate(-8deg) translateY(0) scale(1)}20%{transform:rotate(-4deg) translateY(-12px) scale(1.055)}27%{transform:rotate(-11deg) translateY(3px) scale(.98)}34%{transform:rotate(-7deg) translateY(-4px) scale(1.02)}}
@keyframes curious-spin{0%,12%,100%{transform:rotate(0deg) scale(1)}22%{transform:rotate(135deg) scale(1.28)}36%{transform:rotate(300deg) scale(1)}48%,92%{transform:rotate(360deg) scale(1)}}
@keyframes curious-confetti{0%,13%,100%{opacity:0;transform:translate(0,0) rotate(0) scale(.3)}19%{opacity:1;transform:translate(calc(var(--tx)*.55),calc(var(--ty)*.55)) rotate(90deg) scale(1.1)}34%{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(240deg) scale(.6)}}
/* V21 — related work at the base of each case study */
.other-projects{padding:70px 0 80px;border-top:1px solid var(--line);background:#f8fbff;}
.other-projects h2{font-size:clamp(30px,4.5vw,52px);letter-spacing:-.055em;margin:10px 0 26px;}
.other-project-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.other-project-link{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px;border:1px solid #dbe6f7;border-radius:17px;background:#fff;font-size:17px;font-weight:750;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.other-project-link span:last-child{color:var(--accent);font-size:22px;}
.other-project-link:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 32px rgba(27,105,232,.09);}
.other-all-work{display:inline-block;margin-top:24px;font-size:13px;font-weight:750;color:var(--accent);}
@media(max-width:760px){.other-project-links{grid-template-columns:1fr;}.other-projects{padding:55px 0;}}
@media(prefers-reduced-motion:reduce){.curious-animated,.curious-spark,.curious-particle{animation:none!important;}.curious-animated,.other-project-link{transition:none!important;}}

/* V22: all other projects, with small image previews. */
.other-projects .other-project-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0 24px; }
.other-projects .other-project-card { min-width:0; display:flex; flex-direction:column; text-decoration:none; color:inherit; border:1px solid #e7e9ed; border-radius:16px; overflow:hidden; background:#fff; transition:transform .2s ease, box-shadow .2s ease; position:relative; }
.other-projects .other-project-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(15,35,65,.1); }
.other-projects .other-project-thumb { width:100%; aspect-ratio:1440/498; overflow:hidden; background:#f1f4f7; display:flex; justify-content:center; align-items:center; }
.other-projects .other-project-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.other-projects .other-project-placeholder { color:#205ad8; font-weight:800; font-size:42px; background:#e9f0ff; }
.other-projects .other-project-info { padding:14px 38px 16px 16px; display:flex; flex-direction:column; gap:5px; }
.other-projects .other-project-info strong { font-size:17px; line-height:1.25; }
.other-projects .other-project-info span { font-size:12px; line-height:1.45; color:#677184; }
.other-projects .other-project-arrow { position:absolute; right:15px; bottom:15px; color:#205ad8; }
@media(max-width:850px) { .other-projects .other-project-links {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:540px) { .other-projects .other-project-links {grid-template-columns:1fr;} }
@media(prefers-reduced-motion:reduce) { .other-projects .other-project-card {transition:none;} .other-projects .other-project-card:hover {transform:none;} }

/* V26 — ensure the hero callout labels sit in front of the portrait at every viewport */
.hero-art .blob,.hero-art .orbit{z-index:0;}
.hero-art .hero-monogram.hero-portrait{z-index:2;}
.hero-art .hero-sticker{z-index:6;}
.hero-art .curious-animated{z-index:7;}
@media(max-width:760px){
  .hero-art .sticker-two{right:0;top:74px;}
  .hero-art .sticker-three{bottom:24px;left:8px;}
  .hero-art .hero-sticker{padding:11px 13px;font-size:11px;}
}
@media(max-width:380px){
  .hero-art .sticker-two{right:-3px;top:77px;}
  .hero-art .sticker-three{left:0;bottom:20px;}
}