:root{--bg:#f5f5f3;--surface:#fff;--text-primary:#111;--text-secondary:#555;--text-muted:#999;--accent:#c9941a;--accent-light:#f5e6c8;--border:#e5e5e5;--radius:6px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);flex-direction:column;min-width:320px;min-height:100dvh;display:flex}#root{flex-direction:column;min-height:100dvh;display:flex}.fill{flex:1}.container{flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:0 32px;display:flex}h1{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}h2{color:var(--text-secondary);letter-spacing:-.01em;font-size:clamp(1rem,2vw,1.2rem);font-weight:400}h3{color:var(--text-primary);font-size:1.1rem;font-weight:600}h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:.75rem;font-weight:600}p,li{color:var(--text-secondary);font-size:.95rem;line-height:1.7}a{color:var(--text-primary);font-weight:500;text-decoration:none}a:hover{opacity:.6}ul{padding:0;list-style:none}ul li{border-bottom:1px solid var(--border);padding:6px 0}ul li:last-child{border-bottom:none}button{cursor:pointer;font-family:inherit}nav{z-index:100;-webkit-backdrop-filter:blur(12px);background:#f5f5f3e0;border-bottom:1px solid #0000000f;justify-content:flex-end;align-items:center;gap:28px;width:100%;padding:20px 32px;display:flex;position:sticky;top:0}nav a{color:#111;letter-spacing:.01em;padding-bottom:3px;font-size:.875rem;font-weight:500;transition:opacity .2s;position:relative}nav a:hover{opacity:.5}nav a.active{opacity:1}nav a.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.nav-links{gap:28px;display:flex}.nav-toggle{display:none}footer{border-top:1px solid #e5e5e5;flex-wrap:wrap;justify-content:center;gap:28px;width:100%;margin-top:80px;padding:32px;display:flex}footer a{color:#111;font-size:.875rem;font-weight:500;transition:opacity .2s}footer a:hover{opacity:.45}@media (max-width:500px){footer{text-align:center;flex-direction:column;align-items:center;gap:16px}.nav{flex-direction:column;align-items:flex-start;position:absolute;top:0;left:0}.nav-header{justify-content:flex-end;width:100%;display:flex}.nav-toggle{font-size:1.25rem;display:block}button.nav-toggle{cursor:pointer;color:#111;background:0 0;border:none}.nav-links{flex-direction:column;gap:15px;width:100%;padding:10px 0;display:none}.nav-links.open{display:flex}.nav-links a{padding:10px 0}}.hero-container{flex-direction:column;gap:16px;max-width:780px;padding:80px 0 64px;display:flex}.hero-container h1{margin-bottom:4px}.hero-container h2{margin-bottom:8px}.about p{color:#555;max-width:620px;font-size:.95rem;line-height:1.8}.about span{color:#111;cursor:pointer;border-bottom:1px solid #111;padding-bottom:1px;font-weight:600;transition:opacity .2s}.about span:hover{opacity:.45}.full-about{flex-direction:column;gap:16px;max-width:680px;animation:.25s fadeIn;display:flex}.full-about img{object-fit:cover;border-radius:50%;width:120px;height:120px}.full-about p{color:#555;font-size:.95rem;line-height:1.8}.full-about span{color:#999;cursor:pointer;border-bottom:1px solid #ccc;width:fit-content;padding-bottom:1px;font-size:.85rem;font-weight:500;transition:opacity .2s}.full-about span:hover{opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.before-after-container{aspect-ratio:16/9;cursor:col-resize;-webkit-user-select:none;user-select:none;width:100%;max-width:800px;margin:0 auto;position:relative;overflow:hidden}.before-after-container img{aspect-ratio:16/9;object-fit:cover;display:block;object-position:top!important}.before-layer{aspect-ratio:16/9;height:100%;position:absolute;top:0;left:0;overflow:hidden}.slider-line{background:var(--clay);cursor:col-resize;z-index:10;width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.slider-handle{background:var(--clay);width:32px;height:32px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0d0d0b33}.projects-header{border-bottom:1px solid #e5e5e5;align-items:baseline;gap:12px;margin-bottom:24px;padding:0 0 20px;display:flex}.projects-header h3{text-transform:uppercase;letter-spacing:.08em;color:#999;font-size:.75rem;font-weight:600}.project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px;width:100%;display:grid}.project-card{aspect-ratio:1;cursor:pointer;background-color:#f0f0ee;background-position:50%;background-repeat:no-repeat;background-size:100%;transition:all .3s ease-in-out;position:relative;overflow:hidden}.project-card:hover{background-color:#e8e8e5;background-size:110%}.project-card-overlay{opacity:0;background:linear-gradient(#0000 45%,#000000b3 100%);flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .25s;display:flex;position:absolute;inset:0}.project-card:hover .project-card-overlay{opacity:1}.project-card-overlay h3{color:#fff;margin-bottom:3px;font-size:1rem;font-weight:600}.project-card-overlay .role{color:#ffffffbf;margin-bottom:2px;font-size:.8rem}.project-card-overlay .stack{color:#ffffff80;font-size:.75rem}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s backdropIn;display:flex;position:fixed;inset:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px 12px 0 0;flex-direction:column;width:100%;max-width:900px;max-height:90dvh;animation:.3s cubic-bezier(.32,.72,0,1) slideUp;display:flex;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-handle{background:#ddd;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:14px auto 0}.modal-close{color:#999;cursor:pointer;z-index:10;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:16px;right:20px}.modal-close:hover{color:#111}.modal-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:24px 32px 20px}.modal-header h2{color:#111;letter-spacing:-.02em;margin-bottom:6px;font-size:1.4rem;font-weight:700}.modal-header .modal-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal-header .role-tag{color:#666;font-size:.8rem;font-weight:500}.modal-header .dot{color:#ccc;font-size:.75rem}.modal-header .stack-tags{flex-wrap:wrap;gap:6px;display:flex}.stack-tag{color:#555;letter-spacing:.01em;background:#f3f3f1;border:1px solid #e5e5e3;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:500}.project-status{align-items:center;gap:8px;margin-top:10px;display:flex}.status-dot{border-radius:50%;width:10px;height:10px}.status-green{background-color:#22c55e}.status-orange{background-color:#f59e0b}.modal-visit-link{color:#111;border:1.5px solid #111;border-radius:6px;align-items:center;gap:6px;margin-top:14px;padding:7px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.modal-visit-link:hover{color:#fff;opacity:1;background:#111}.modal-body{flex-direction:column;gap:0;padding:28px 32px 40px;display:flex;overflow-y:auto}.modal-scope{color:#333;border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:24px;font-size:1rem;font-weight:400;line-height:1.7}.modal-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.modal-block{border-bottom:1px solid #f0f0f0;padding:20px 0}.modal-block:nth-child(odd){border-right:1px solid #f0f0f0;padding-right:32px}.modal-block:nth-child(2n){padding-left:32px;padding-right:10px}.modal-block:nth-last-child(-n+2){border-bottom:none}.modal-block h4{text-transform:uppercase;letter-spacing:.1em;color:#aaa;margin-bottom:10px;font-size:.7rem;font-weight:700}.modal-block p{color:#444;font-size:.9rem;line-height:1.75}.modal-block ul{margin:0;padding:0;list-style:none}.modal-block ul li{color:#444;border-bottom:1px solid #f5f5f5;padding:5px 0;font-size:.9rem;line-height:1.6}.modal-block ul li:last-child{border-bottom:none}.modal-block.full{border-right:none;grid-column:1/-1;padding-right:0}@media (max-width:600px){.modal-container{border-radius:16px 16px 0 0;max-height:95dvh}.modal-header,.modal-body{padding-left:20px;padding-right:20px}.modal-grid{grid-template-columns:1fr}.modal-block:nth-child(odd){border-right:none;padding-right:0}.modal-block:nth-child(2n){padding-left:0}.modal-block:nth-last-child(-n+2){border-bottom:1px solid #f0f0f0}.modal-block:last-child{border-bottom:none}}.screenshots{border-bottom:1px solid #f5f5f5;flex-direction:column;gap:28px;margin-top:40px;display:flex}.screenshots strong{margin-bottom:12px}.screenshot{cursor:zoom-in;border-bottom:1px solid #f5f5f5;padding-bottom:15px}.screenshot img{aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:10px;width:100%;margin-top:12px;transition:transform .25s,box-shadow .25s}.screenshot img:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000040}.screenshot-caption{color:#9ca3af;margin-top:10px;font-size:14px}.screenshot-caption strong{color:#fff;margin-bottom:4px;display:block}.lightbox{z-index:3000;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{width:90%;max-width:1100px}.lightbox img{aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:10px;width:100%;margin-top:12px;transition:transform .25s,box-shadow .25s}.lightbox-caption{color:var(--accent);margin-top:16px}.lightbox-caption title{text-align:left}.lightbox-caption p{color:#fff;text-align:center;font-size:14px}.lightbox-prev,.lightbox-next{color:#fff;cursor:pointer;background:0 0;border:none;font-size:42px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:40px}.lightbox-next{right:40px}.modal-visit-link:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.projects-header h3{color:var(--accent)}.email-hero{border-bottom:1px solid var(--border);margin-bottom:48px;padding:64px 0 48px}.email-hero h1{margin-bottom:10px}.email-hero p{max-width:520px;color:var(--text-secondary)}.email-list{flex-direction:column;gap:2px;margin-bottom:80px;display:flex}.email-card{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:1fr auto;align-items:start;gap:24px;padding:28px 0;transition:background .15s;display:grid;position:relative}.email-card:first-child{border-top:1px solid var(--border)}.email-card:hover .email-card-title{color:var(--accent)}.email-card-left{flex-direction:column;gap:8px;display:flex}.email-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.email-tag{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:#efefed;border-radius:3px;padding:2px 7px;font-size:.7rem;font-weight:600}.email-tag.coded-tag{color:var(--accent);background:var(--accent-light)}.email-card-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700;transition:color .2s}.email-card-client{color:var(--text-muted);font-size:.85rem}.email-card-desc{color:var(--text-secondary);max-width:600px;margin-top:4px;font-size:.9rem;line-height:1.7}.email-card-arrow{color:var(--text-muted);padding-top:6px;font-size:1.2rem;transition:transform .2s,color .2s}.email-card:hover .email-card-arrow{color:var(--accent);transform:translate(4px)}.email-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s backdropIn;display:flex;position:fixed;inset:0}.email-modal-container{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:960px;max-height:92dvh;animation:.3s cubic-bezier(.32,.72,0,1) slideUp;display:flex;position:relative;overflow:hidden}.email-modal-handle{background:#ddd;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:14px auto 0}.email-modal-close{color:#999;cursor:pointer;z-index:10;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:16px;right:20px}.email-modal-close:hover{color:#111}.email-modal-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:20px 32px}.email-modal-header h2{color:#111;letter-spacing:-.02em;margin-bottom:6px;font-size:1.4rem;font-weight:700}.email-modal-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.email-modal-meta span{color:#777;font-size:.82rem}.email-modal-meta .dot{color:#ccc}.email-modal-actions{flex-wrap:wrap;gap:10px;display:flex}.email-action-btn{cursor:pointer;background:0 0;border:1.5px solid;border-radius:6px;align-items:center;gap:6px;margin-top:7px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.email-action-btn.primary{color:#111;border-color:#111}.email-action-btn.primary:hover{color:#fff;opacity:1;background:#111}.email-action-btn.accent{border-color:var(--accent);color:var(--accent)}.email-action-btn.accent:hover{background:var(--accent);color:#fff;opacity:1}.email-modal-body{flex:1;gap:0;display:flex;overflow:hidden}.email-images-panel{-webkit-overflow-scrolling:touch;background:#f8f8f6;flex-direction:column;flex:1;gap:16px;padding:24px 20px 40px;display:flex;overflow-y:auto}.email-image-placeholder{aspect-ratio:600/400;color:#bbb;letter-spacing:.04em;text-transform:uppercase;background:#ececea;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;font-size:.8rem;font-weight:500;display:flex}.email-image-placeholder .placeholder-icon{opacity:.4;font-size:2rem}.email-image-placeholder img{object-fit:cover;border-radius:6px;width:100%;height:100%}.email-images-panel img{border-radius:6px;width:100%;display:block}.email-detail-panel{border-left:1px solid #f0f0f0;flex-direction:column;flex-shrink:0;gap:24px;width:280px;padding:24px 24px 40px;display:flex;overflow-y:auto}.email-detail-block h4{text-transform:uppercase;letter-spacing:.1em;color:#aaa;margin-bottom:8px;font-size:.68rem;font-weight:700}.email-detail-block p{color:#444;font-size:.875rem;line-height:1.7}.email-detail-tags{flex-wrap:wrap;gap:5px;display:flex}@media (max-width:640px){.email-modal-body{flex-direction:column-reverse;overflow:scroll}.email-detail-panel{border-top:1px solid #f0f0f0;border-left:none;width:100%}.email-images-panel{overflow:visible}.email-modal-header{padding:16px 20px}}.graphic-hero{border-bottom:1px solid var(--border);margin-bottom:48px;padding:64px 0 48px}.graphic-hero h1{margin-bottom:10px}.graphic-hero p{max-width:520px;color:var(--text-secondary)}.graphic-grid{columns:2;column-gap:16px;margin-bottom:80px}.graphic-card{break-inside:avoid;cursor:pointer;background:#eeecea;border-radius:8px;margin-bottom:16px;transition:box-shadow .25s;position:relative;overflow:hidden}.graphic-card:hover{box-shadow:0 8px 32px #0000001f}.graphic-card.large .graphic-card-inner{aspect-ratio:4/3}.graphic-card.small .graphic-card-inner{aspect-ratio:1}.graphic-card-inner{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.graphic-card-inner img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.graphic-card:hover .graphic-card-inner img{transform:scale(1.03)}.graphic-placeholder{color:#bbb;letter-spacing:.06em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;min-height:200px;font-size:.78rem;font-weight:600;display:flex}.graphic-placeholder-icon{opacity:.3;font-size:2.5rem}.graphic-card-overlay{opacity:0;background:linear-gradient(#0000 50%,#000000b8 100%);flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .25s;display:flex;position:absolute;inset:0}.graphic-card:hover .graphic-card-overlay{opacity:1}.graphic-card-overlay h3{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:700}.graphic-card-overlay .g-client{color:#ffffffa6;font-size:.8rem}.graphic-card-label{background:#fff;border-top:1px solid #f0f0f0;padding:12px 14px}.graphic-card-label .g-title{color:#111;margin-bottom:4px;font-size:.875rem;font-weight:700}.g-tags{flex-wrap:wrap;gap:5px;display:flex}.g-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:#f3f3f1;border-radius:3px;padding:2px 6px;font-size:.68rem;font-weight:600}.graphic-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s gBackdropIn;display:flex;position:fixed;inset:0}@keyframes gBackdropIn{0%{opacity:0}to{opacity:1}}.graphic-modal-container{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:1100px;max-height:92dvh;animation:.32s cubic-bezier(.32,.72,0,1) gSlideUp;display:flex;position:relative;overflow:hidden}@keyframes gSlideUp{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.graphic-modal-handle{background:#ddd;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:14px auto 0}.graphic-modal-close{color:#999;cursor:pointer;z-index:10;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:16px;right:20px}.graphic-modal-close:hover{color:#111}.gm-header{border-bottom:1px solid #ebebeb;flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:16px;padding:20px 40px;display:flex}.gm-header h2{color:#111;letter-spacing:-.03em;font-size:1.4rem;font-weight:800}.gm-header-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gm-header-meta span{color:#888;font-size:.82rem}.gm-header-meta .dot{color:#ccc}.gm-tag{text-transform:uppercase;letter-spacing:.07em;color:#666;background:#f3f3f1;border:1px solid #e8e8e6;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:700}.gm-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:40px;padding:32px 40px 48px;display:flex;overflow-y:auto}.gm-section{flex-direction:column;gap:14px;display:flex}.gm-section-label{text-transform:uppercase;letter-spacing:.12em;color:#aaa;border-bottom:1px solid #ebebeb;padding-bottom:10px;font-size:.68rem;font-weight:700}.gm-logo-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gm-logo-card{background:#fff;border:1px solid #e8e8e6;border-radius:6px;overflow:hidden}.gm-logo-card-label{text-transform:uppercase;letter-spacing:.09em;color:#888;background:#f8f8f6;border-bottom:1px solid #e8e8e6;padding:7px 12px;font-size:.65rem;font-weight:700}.gm-logo-card-image{aspect-ratio:1;background:#fafaf9;justify-content:center;align-items:center;display:flex}.gm-logo-card-image img{object-fit:contain;max-width:100%;max-height:100%}.gm-logo-card-image .gm-img-placeholder{color:#ccc;letter-spacing:.06em;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:flex}.gm-logo-card-image .gm-img-placeholder span:first-child{opacity:.4;font-size:1.8rem}.gm-logo-card-usage{color:#888;border-top:1px solid #f0f0f0;padding:8px 12px 10px;font-size:.75rem;line-height:1.5}.gm-color-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.gm-color-card{border:1px solid #e8e8e6;border-radius:6px;overflow:hidden}.gm-color-swatch{width:100%;height:64px}.gm-color-info{background:#fff;padding:8px 10px 10px}.gm-color-name{color:#333;letter-spacing:.01em;margin-bottom:3px;font-size:.72rem;font-weight:700}.gm-color-hex{color:#666;letter-spacing:.03em;font-family:SF Mono,Fira Code,monospace;font-size:.7rem}.gm-color-rgb{color:#aaa;margin-top:1px;font-family:SF Mono,Fira Code,monospace;font-size:.65rem}.gm-color-type{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-light);border-radius:3px;margin-top:5px;padding:1px 5px;font-size:.6rem;font-weight:700;display:inline-block}.gm-type-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gm-type-card{background:#fff;border:1px solid #e8e8e6;border-radius:6px;flex-direction:column;gap:10px;padding:20px 18px 16px;display:flex}.gm-type-specimen{color:#111;font-size:1.6rem;line-height:1.2}.gm-type-allcaps{color:#999;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;line-height:1.4}.gm-type-divider{background:#f0f0f0;height:1px}.gm-type-meta{flex-direction:column;gap:3px;display:flex}.gm-type-label{color:#555;font-size:.72rem;font-weight:700}.gm-type-style{text-transform:uppercase;letter-spacing:.08em;color:#aaa;font-size:.68rem;font-weight:600}.gm-type-usage{color:#888;font-size:.75rem;line-height:1.55}.gm-mockup-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gm-mockup-img{aspect-ratio:3/4;background:#f0f0ee;border-radius:6px;justify-content:center;align-items:center;display:flex;overflow:hidden}.gm-mockup-img img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.gm-mockup-placeholder{color:#ccc;text-transform:uppercase;letter-spacing:.06em;flex-direction:column;align-items:center;gap:8px;font-size:.72rem;font-weight:600;display:flex}.gm-mockup-placeholder span:first-child{opacity:.35;font-size:2rem}.gm-mockup-grid .gm-mockup-img:last-child:nth-child(odd){grid-column:1/-1}@media (max-width:860px){.gm-logo-grid,.gm-type-grid{grid-template-columns:repeat(2,1fr)}.gm-body{padding:24px 24px 40px}.gm-header{padding:16px 24px}}@media (max-width:600px){.graphic-grid{columns:1}.gm-logo-grid{grid-template-columns:repeat(2,1fr)}.gm-type-grid,.gm-mockup-grid{grid-template-columns:1fr}.gm-body{padding:20px 16px 40px}.gm-header{padding:14px 16px}.graphic-modal-container{border-radius:14px 14px 0 0}}