.eyebrow{font-size:12px}.project-meta small{font-size:11px}.project-meta p{font-size:14px}.card-footer{font-size:12px}.visit{font-size:12px}.filters button{font-size:13px}.tag,#case-tags li{font-size:12px}#case-category,.case-copy .eyebrow,#case-name,.portfolio-note{font-size:12px}#case-description{font-size:15px}.card-browser>span{font-size:10px}.projects,.projects.filtered{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:12px 2px 25px;overscroll-behavior-x:contain;scrollbar-color:#967b9e #e8deeb}.projects .project,.projects.filtered .project{flex:0 0 calc((100% - 44px)/3);min-width:0;margin-top:0;scroll-snap-align:start}.gallery-controls{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin:15px 0;font-size:13px}.gallery-controls button{width:45px;height:45px;background:#21192c;color:white;border:0;border-radius:50%;font-size:22px}.gallery-controls button:disabled{opacity:.35;cursor:default}.project-meta{min-height:120px}.conversion{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#302338;color:var(--cream);padding:30px;border-radius:16px;margin-top:40px}.conversion h3{font-size:26px}.conversion p{font-size:15px;max-width:620px;margin-top:12px}.conversion .button{flex-shrink:0}.floating-contact{position:fixed;bottom:22px;right:24px;background:var(--lime);color:var(--ink);box-shadow:0 6px 24px #21192c30;z-index:8;padding:13px 22px;border-radius:40px;font-size:14px;font-weight:600}.field,legend,.choice{font-size:14px}.form-note,figcaption span{font-size:12px}.services details p{font-size:16px}.steps p{font-size:15px}.seam>.spark{left:50%!important}.contact{padding-bottom:100px}@media(max-width:900px){.projects .project,.projects.filtered .project{flex-basis:calc((100% - 22px)/2)}.conversion{flex-direction:column;align-items:start}}@media(max-width:600px){.projects .project,.projects.filtered .project{flex-basis:88%}.eyebrow{font-size:11px}.project-meta small{font-size:11px}.project-meta p{font-size:14px}.card-footer{font-size:11px}.visit{font-size:12px}.filters{flex-wrap:nowrap;overflow-x:auto;padding:4px 0 10px}.filters button{white-space:nowrap;font-size:13px}.floating-contact{bottom:12px;right:12px;font-size:13px;padding:12px 18px}.conversion{padding:24px}.conversion .button{font-size:12px;white-space:normal}.steps p{font-size:14px}.section-head>p{font-size:16px}}


.about{gap:65px;align-items:center}.people{max-width:550px;gap:20px;align-items:start}.people .together{grid-column:1/-1;margin:0 0 12px;position:relative}.portrait-frame{position:relative;padding:13px;background:linear-gradient(130deg,#c8b0df,#f0d8d0 55%,#d9e9b8);border-radius:85px 22px 85px 22px;box-shadow:0 18px 40px #4b315514}.portrait-frame:before{content:'';position:absolute;inset:-7px 9px 7px -7px;border:1px solid #9777ac70;border-radius:90px 28px 90px 28px;pointer-events:none}.people .together img{aspect-ratio:5/4;object-fit:cover;object-position:57% 48%;border-radius:73px 13px 73px 13px}.portrait-spark{position:absolute;right:-12px;top:28px;width:54px;height:54px;background:#d9f99d;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 36%);filter:drop-shadow(0 0 8px #21192c40)}.people .together figcaption{font-size:25px;margin:23px 5px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.people .together figcaption span{font-size:12px;max-width:170px;line-height:1.5;color:#766380}.people figure:not(.together){margin:0;display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:center;padding-top:16px;border-top:1px solid #ac93b638}.people figure:not(.together) img{width:60px;height:60px;aspect-ratio:1;object-fit:cover;border-radius:50%}.people figure:not(.together) figcaption{font-size:17px;margin:0}.people figure:not(.together) figcaption span{font-size:11px;line-height:1.4;margin-top:5px}.people figure:nth-child(3) img{object-position:58% 45%}@media(max-width:900px){.about{gap:35px}.people{gap:16px}.people figure:not(.together){grid-template-columns:45px 1fr;gap:8px}.people figure:not(.together) img{width:45px;height:45px}.people .together figcaption{display:block}.people .together figcaption span{max-width:none;margin-top:6px}}@media(max-width:600px){.people{padding:8px 6px 0;max-width:440px}.portrait-frame{padding:10px;border-radius:65px 18px 65px 18px}.portrait-frame:before{border-radius:70px 22px 70px 22px;inset:-5px 7px 5px -5px}.people .together img{aspect-ratio:1.08;object-position:57% 47%;border-radius:55px 10px 55px 10px}.portrait-spark{width:42px;height:42px;right:-9px;top:25px}.people .together figcaption{font-size:23px;margin-top:19px}.people figure:not(.together) figcaption{font-size:16px}.people figure:not(.together) figcaption span{font-size:10px}}

/* Header: stronger typography with mobile proportions preserved. */
.header nav,.header .nav-cta{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.02em}.header nav{font-size:16px;gap:34px}.header .nav-cta{font-size:15px;padding:12px 21px}.header .logo{font-size:43px;letter-spacing:-2.5px}.header .logo .spark{width:25px;height:25px}.header nav a{padding:10px 0;transition:color .2s}.header nav a:hover{color:var(--lime)}@media(min-width:1100px){.header{height:100px}.header nav{font-size:18px;gap:40px}.header .nav-cta{font-size:16px;padding:13px 24px}.header .logo{font-size:48px}.header .logo .spark{width:28px;height:28px}.hero{height:calc(100svh - 100px)}}@media(max-width:900px){.header nav{font-size:14px;gap:18px}.header .nav-cta{font-size:13px;padding:10px 16px}.header .logo{font-size:38px}}@media(max-width:600px){.header .logo{font-size:36px}.header .logo .spark{width:23px;height:23px}.header .nav-cta{font-size:13px;padding:10px 14px}.header .nav-cta span{margin-left:12px}}

.gallery-shell{position:relative;padding:0 20px}.projects,.projects.filtered{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);grid-template-columns:none;align-items:stretch;gap:22px;padding:14px 12px 24px;scroll-padding:12px;scrollbar-width:thin;scrollbar-color:#957ba7 #e4dce9;border-radius:16px;mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.projects .project,.projects.filtered .project{width:auto;min-width:0;align-self:stretch}.projects::-webkit-scrollbar{height:7px}.projects::-webkit-scrollbar-track{background:#e4dce9;border-radius:20px}.projects::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#b19bc2,#796187);border-radius:20px}.projects::-webkit-scrollbar-button{display:none}.side-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid #b8a4c5;background:linear-gradient(135deg,#453152,#21192c);color:white;box-shadow:0 5px 18px #21192c29;font-size:23px;cursor:pointer}.side-arrow.previous{left:-4px}.side-arrow.next{right:-4px}.side-arrow:hover{background:#735785;box-shadow:0 6px 23px #9671ae66}.side-arrow:disabled{opacity:.3;cursor:default}.side-arrow:focus-visible{outline:3px solid #9768bb;outline-offset:4px}@media(max-width:900px){.projects,.projects.filtered{grid-auto-columns:calc((100% - 22px)/2)}}@media(max-width:600px){.gallery-shell{padding:0 12px}.projects,.projects.filtered{grid-auto-columns:100%;gap:18px;padding:12px 10px 20px;scroll-padding:10px;mask-image:linear-gradient(to right,transparent,#000 11px,#000 calc(100% - 11px),transparent)}.side-arrow{width:36px;height:44px;font-size:21px}.side-arrow.previous{left:-8px}.side-arrow.next{right:-8px}.project-meta{min-height:100px}.card-footer{flex-wrap:wrap;gap:5px}.gallery-controls{font-size:12px}}

/* Larger native scroll handle: comfortable target and sculpted pill finish. */
.projects,.projects.filtered{scrollbar-width:auto;scrollbar-color:#9475a8 #e5dceb;padding-bottom:28px}.projects::-webkit-scrollbar{height:18px}.projects::-webkit-scrollbar-track{background:linear-gradient(180deg,#e1d6e9,#eee7f2);border:1px solid #d2c1df;border-radius:999px;box-shadow:inset 0 2px 4px #73548614}.projects::-webkit-scrollbar-thumb{background:linear-gradient(100deg,#a58bbb,#806393 55%,#b394ca);border:3px solid #e8dfef;border-radius:999px;box-shadow:inset 0 1px 1px #ffffff70,0 2px 5px #40295329;min-width:64px}.projects::-webkit-scrollbar-thumb:hover{background:linear-gradient(100deg,#b396cd,#735087 55%,#bc9bd2)}.projects::-webkit-scrollbar-thumb:active{background:#79558d}.projects::-webkit-scrollbar-button{width:0;height:0;display:none}@media(max-width:600px){.projects::-webkit-scrollbar{height:16px}.projects::-webkit-scrollbar-thumb{border-width:2px}}
@supports selector(::-webkit-scrollbar){.projects,.projects.filtered{scrollbar-color:auto;scrollbar-width:auto}}