@font-face{font-family:Instrument;src:url('/assets/instrument-serif.ttf') format('truetype');font-display:swap}:root{--bg:#0b0c0a;--surface:#171a13;--accent:#d0ff71;--muted:#b8bfb0;--text:#f0f0e8;--line:#ffffff26}body{background:var(--bg);color:var(--text)}h1,h2,h3{font-weight:500}em{font-family:Instrument,Georgia,serif;color:var(--accent)}.site-header{width:min(1440px,calc(100% - 80px));height:78px;margin:20px auto 0;padding:12px 24px;border:1px solid #ffffff2a;border-radius:12px;background:#10110fed;top:20px;gap:25px}.identity{gap:13px;font-size:10px;letter-spacing:.8px}.logo-mark{font-size:35px;letter-spacing:-2px}.site-header nav{font-size:15px;gap:34px}.header-contact{background:#f0f0e8;color:#10120d;border-radius:6px;border-color:#f0f0e8;min-height:46px;padding:12px 20px;font-size:14px;white-space:nowrap}.header-contact:hover{background:var(--accent)}.page-heading{padding-top:70px}.page-heading h1,.case-title{font-weight:500;letter-spacing:-.06em}.page-heading h1{font-size:clamp(58px,8vw,112px)}.case-title{font-size:clamp(46px,6vw,87px)}.page-heading>p{color:#c6cebb;font-size:19px;max-width:760px}.section-label{color:#c1cbb2;font-size:12px}.case-header{padding-top:65px}.case-facts{border-color:#ffffff35}.case-story p,.case-story li,.about-intro p{color:#cdd5c2;font-size:18px}.case-facts p{color:#eff3e9;font-size:17px}.action-link,.store-link,.project-actions>a,.button{border-radius:6px}.orange-button{background:var(--accent);color:#11150b}.orange-button:hover{background:#e0ffac}.store-link{background:#e5f4cd;color:#16210e;border-color:#e5f4cd}.project-actions>a:hover{background:var(--accent);color:#11150b}.project-info h3{font-size:30px;letter-spacing:-1px}.project-info p{font-size:16px;color:#c3ccb6}.project-meta{border-color:#424a37}.project-actions{row-gap:12px}.project-art{border-radius:12px}.filters button{border-radius:5px;font-size:16px}.filters button.active{background:var(--accent);color:#11150b}.contact-section{background:#d0ff71;color:#11150b;padding:85px 0 30px}.contact-section .section-label{color:#485a2c}.contact-section h2{font-size:clamp(40px,6.5vw,90px);letter-spacing:-.055em;line-height:1.05;max-width:1000px}.contact-description{color:#394c24;font-size:19px}.clear-contact>a,.clear-contact>a:first-child{background:#17220c;border:1px solid #17220c;color:#ecf7db;border-radius:6px;min-height:56px}.clear-contact>a:hover{background:#344e1a;color:#fff}.contact-section footer{border-color:#607c3c55;color:#263819;font-size:13px}.contact-section footer>a{font-weight:600}.contact-section a:focus-visible{outline-color:#17220c}.gallery-grid{gap:30px}.gallery-item{border-radius:10px}.gallery-item button>span{background:#d0ff71;color:#11150b}.gallery-item figcaption{color:#c8d2ba;font-size:16px}.gallery-group-heading h3{font-size:35px}.gallery-item.kind-screen{background:#e9efe0}.gallery-item.kind-screen figcaption{color:#2a3b16;padding:16px}.lightbox{background:#10140ce8}.next-project{border-color:#ffffff33}.next-project>strong{font-size:clamp(35px,5vw,65px)}.project-note{color:#aebba0}.about-facts b{color:var(--accent)}.skill-tags>span{border-color:#606e4d}.experience-row{border-color:#ffffff2a}.mobile-navigation{background:#10130bf5}.mobile-navigation>a{font-size:24px}.menu-button{min-width:35px}.case-actions{gap:12px}.back-link{font-size:13px}
@media(max-width:900px){.site-header{width:calc(100% - 40px);padding:12px 18px;gap:18px}.site-header nav{gap:22px;font-size:14px}.identity{font-size:9px}.header-contact{font-size:13px;padding:12px 15px}.page-heading{padding-top:55px}.contact-section h2{font-size:60px}}
@media(max-width:650px){.site-header{width:calc(100% - 28px);height:65px;top:12px;margin-top:12px;padding:10px 15px;gap:10px}.logo-mark{font-size:29px}.identity{gap:10px;font-size:8px}.site-header .identity{font-size:8px}.header-contact{font-size:12px;min-height:40px;padding:10px 13px}.site-header nav{display:none}.header-contact{display:flex;margin-left:auto}.menu-button{display:flex;margin-left:7px}.page-heading{padding-top:45px}.page-heading h1{font-size:56px}.page-heading>p{font-size:17px}.case-header{padding-top:40px}.case-title{font-size:46px}.contact-section{padding-top:58px}.contact-section h2{font-size:43px}.contact-description{font-size:17px}.clear-contact>a{font-size:15px;min-height:54px}.gallery-grid{gap:14px}.gallery-item figcaption{font-size:13px}.gallery-group-heading h3{font-size:27px}.gallery-group-heading p{font-size:15px}.project-info h3{font-size:28px}.case-story p,.case-story li,.about-intro p{font-size:17px}}

/* v5.2: individual readable screens, grouped by product surface. */
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.gallery-item>button{height:auto;min-height:240px;aspect-ratio:16/11;padding:16px;background:#181d14;border:1px solid #ffffff20}
.gallery-item>button>img{height:100%;max-height:100%;width:100%;object-fit:contain}
.gallery-item.kind-portrait>button{height:690px;max-height:none;aspect-ratio:auto;padding:18px}
.gallery-item.kind-portrait>button>img{width:auto;height:100%;max-width:100%;object-fit:contain}
.gallery-item.kind-screen>button{aspect-ratio:4/3;min-height:0;background:#e9efe0}
.gallery-item.kind-screen>button>img{height:100%;max-height:100%}
.gallery-item.kind-document>button{height:470px;aspect-ratio:auto}
.gallery-item.kind-document>button>img{height:100%;object-fit:contain}
.gallery-item figcaption{font-size:16px;line-height:1.7;margin-top:15px}
.gallery-item button>span{font-size:10px;padding:9px 12px;bottom:12px;right:12px;letter-spacing:.08em}
.gallery-jump{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}
.gallery-jump a{display:flex;align-items:center;gap:12px;border:1px solid #ffffff30;padding:13px 18px;border-radius:6px;font-size:15px}
.gallery-jump a:hover{background:#d0ff71;color:#15200c}.gallery-jump span{font-size:12px;opacity:.7}
.gallery-group-heading{margin:18px 0 0;padding:32px 0 5px;scroll-margin-top:135px}
.gallery-group-heading h3{font-size:32px;margin:12px 0 0}
.brixsel-showcase{position:relative;width:100%;height:100%;overflow:hidden;background:#e8e1fa}
.brixsel-web-preview{position:absolute;left:5%;top:13%;width:66%;height:71%;transform:rotate(-3deg)}
.brixsel-web-preview .browser-scene{width:100%;height:100%;transform:none;position:relative;inset:auto}
.brixsel-mobile-preview{position:absolute;right:6%;top:8%;width:29%;height:84%;border:7px solid #232122;border-radius:22px;overflow:hidden;box-shadow:0 20px 40px #23113850;background:#f8f4ff;transform:rotate(4deg)}
.brixsel-mobile-preview img{width:100%;height:100%;object-fit:contain}
.brixsel-platform-label{position:absolute;left:7%;bottom:5%;font-size:11px;color:#443952;letter-spacing:.12em}
.lightbox-fullsize{color:#d0ff71;text-decoration:underline;font-size:14px;margin-left:auto;margin-right:20px}
@media(max-width:900px){.gallery-item.kind-portrait>button{height:570px}}
@media(max-width:650px){.gallery-grid{grid-template-columns:minmax(0,1fr);gap:25px}.gallery-item>button{min-height:0;aspect-ratio:4/3;padding:10px}.gallery-item.kind-portrait>button{height:auto;aspect-ratio:9/20;max-height:760px;padding:12px}.gallery-item.kind-document>button{height:auto;aspect-ratio:1/1.414}.gallery-item figcaption{font-size:15px}.gallery-group-heading h3{font-size:27px}.gallery-jump a{font-size:14px;min-height:48px;padding:12px}.lightbox-fullsize{font-size:12px;margin-right:12px}}
@media(prefers-reduced-motion:no-preference){.gallery-item button{transition:border-color .3s,box-shadow .3s}.gallery-item button:hover{border-color:#d0ff7180;box-shadow:0 18px 44px #0004}.lightbox[open]{animation:gallery-enter .25s cubic-bezier(.2,.8,.2,1)}@keyframes gallery-enter{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}}