@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--bg:#f5f8f6;--surface:#fff;--ink:#14231c;--muted:#69776f;--line:#d9e2dc;--green:#164c36;--red:#d90419;--shadow:0 18px 45px rgba(25,49,36,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.site-header{height:85px;max-width:1320px;padding:0 35px;margin:auto;display:flex;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:700;letter-spacing:-.7px;text-decoration:none}.brand img{border-radius:10px}.brand span span{font-weight:400}.header-copy{margin-left:auto;color:var(--muted);font-size:13px}.theme-toggle{height:38px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--green);font:12px 'DM Sans';cursor:pointer}.theme-toggle span{font-size:16px}.theme-toggle .moon{display:none}.intro{max-width:1250px;margin:auto;padding:85px 32px 80px;display:grid;grid-template-columns:1fr 330px;gap:10%;align-items:center}.eyebrow{font:10px 'DM Mono';letter-spacing:.11em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:8px;margin:0 0 20px}.eyebrow i{width:22px;height:1px;background:var(--red);display:block}.intro h1,.gallery-heading h2{font-size:clamp(50px,6vw,77px);letter-spacing:-.066em;line-height:.96;font-weight:600;margin:0 0 23px}.intro h1 em,.gallery-heading h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500}.intro>div>p:not(.eyebrow){max-width:540px;color:var(--muted);line-height:1.65;font-size:17px;margin:0}.intro-stat{background:var(--green);color:white;border-radius:11px;padding:31px;min-height:275px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--shadow)}.intro-stat:after{content:'';position:absolute;right:-85px;bottom:-105px;border:1px solid rgba(255,255,255,.16);height:255px;width:255px;border-radius:50%}.intro-stat img{width:50px;height:50px;object-fit:contain;margin-bottom:auto}.intro-stat strong{font-size:53px;line-height:1;letter-spacing:-2px}.intro-stat span{font:10px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;margin:5px 0 19px;color:#d6e6db}.intro-stat small{font-size:12px;line-height:1.5;color:#e6eee8;max-width:215px}.gallery-section{background:var(--surface);padding:75px max(32px,calc((100% - 1250px)/2)) 110px}.gallery-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px}.gallery-heading h2{font-size:56px;margin:0}.interface-switch{display:flex;border:1px solid var(--line);padding:3px;border-radius:6px;gap:2px}.interface-switch button{border:0;background:transparent;color:var(--muted);border-radius:4px;padding:10px 13px;font:12px 'DM Sans';cursor:pointer}.interface-switch button.active{background:var(--green);color:white}.interface-switch span{font:10px 'DM Mono';margin-left:5px;opacity:.8}.filter-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;display:grid;grid-template-columns:1fr 190px 150px auto;gap:10px;align-items:center}.filter-bar label{height:39px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;background:var(--bg);color:var(--muted);font-size:11px;padding-left:10px}.filter-bar .search span{font-size:20px;margin:0 8px 2px 0}.filter-bar input,.filter-bar select{height:100%;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:12px 'DM Sans';padding-right:8px}.filter-bar select{cursor:pointer}.filter-bar button{height:39px;border:0;background:transparent;color:var(--green);font:600 12px 'DM Sans';cursor:pointer}.gallery-status{min-height:20px;color:var(--muted);font:12px 'DM Mono';margin:20px 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.screen-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface);cursor:pointer;transition:transform .2s,box-shadow .2s;padding:0;text-align:left;color:var(--ink)}.screen-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.screen-preview{aspect-ratio:16/10;overflow:hidden;background:#ebefec;border-bottom:1px solid var(--line)}.screen-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.screen-caption{padding:11px 12px 12px;display:flex;justify-content:space-between;align-items:start;gap:10px}.screen-caption b{font-size:12px;line-height:1.35;letter-spacing:-.15px}.screen-caption span{font:9px 'DM Mono';letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding-top:2px}.empty-state{padding:80px 0;text-align:center;color:var(--muted)}.empty-state b{display:block;color:var(--ink);margin-bottom:7px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:10;background:rgba(7,13,10,.92);padding:32px;display:flex;flex-direction:column;justify-content:center}.modal-bar{max-width:1320px;width:100%;margin:0 auto 12px;color:#eaf0ec;display:flex;justify-content:space-between;align-items:center;font:12px 'DM Mono'}.modal-bar div{display:flex;gap:7px}.modal-bar button{width:34px;height:31px;background:transparent;color:white;border:1px solid rgba(255,255,255,.35);border-radius:4px;cursor:pointer;font-size:17px}.modal-bar button:hover{background:rgba(255,255,255,.15)}.modal>img{max-width:min(1320px,100%);max-height:calc(100vh - 100px);object-fit:contain;margin:auto;box-shadow:0 25px 80px rgba(0,0,0,.45)}footer{max-width:1250px;padding:29px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}footer p{margin:0}body.dark{--bg:#101713;--surface:#17221c;--ink:#e8f0eb;--muted:#a4b1a9;--line:#34443a;--green:#98cfac;--red:#ff5968;--shadow:0 18px 45px rgba(0,0,0,.35)}body.dark .theme-toggle .sun{display:none}body.dark .theme-toggle .moon{display:inline}body.dark .intro-stat{background:#0b100d}body.dark .interface-switch button.active{background:#98cfac;color:#10291a}body.dark .screen-preview{background:#0e1511}.fade-in{animation:fade .24s ease both}@keyframes fade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:850px){.site-header{height:72px;padding:0 20px}.header-copy{display:none}.theme-toggle{margin-left:auto}.intro{padding:58px 21px;grid-template-columns:1fr;gap:34px}.intro-stat{min-height:215px}.gallery-section{padding:61px 20px 80px}.gallery-heading{display:block}.gallery-heading h2{font-size:46px}.interface-switch{display:inline-flex;margin-top:20px}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .search{grid-column:1/-1}.filter-bar button{justify-self:end}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.screen-caption{padding:9px}.screen-caption b{font-size:11px}.screen-caption span{font-size:8px}.modal{padding:15px}.modal-bar{margin-bottom:9px}footer{padding:24px 20px;flex-wrap:wrap;gap:13px}footer p{order:3;width:100%}}@media(max-width:460px){.brand{font-size:17px}.gallery-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.filter-bar .search{grid-column:auto}.filter-bar button{justify-self:start}.intro h1{font-size:49px}.modal-bar span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}