@import "https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700,900&display=swap";.gidatype-navbar{z-index:1000;background:0 0;border-bottom:1px solid #0000;align-items:center;height:72px;transition:background-color .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.gidatype-navbar.is-scrolled{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-bottom-color:#00000014}.gidatype-navbar .navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex}.gidatype-navbar .navbar-left{align-items:center;display:flex}.gidatype-navbar .brand-link{align-items:center;line-height:1;display:flex}.gidatype-navbar .brand-link .brand-logo{object-fit:contain;width:auto;height:28px;transition:opacity .2s}.gidatype-navbar .brand-link .brand-logo:hover{opacity:.8}.gidatype-navbar .navbar-center{align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.gidatype-navbar .navbar-center .brand-logo.small{object-fit:contain;width:auto;height:22px}.gidatype-navbar .nav-back-button{color:inherit;cursor:pointer;background:#0000000a;border:none;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.gidatype-navbar .nav-back-button:hover{background:#00000014;transform:translate(-2px)}.gidatype-navbar .nav-back-button .back-arrow{font-size:14px;line-height:1}.gidatype-navbar .navbar-right{align-items:center;gap:16px;display:flex}.gidatype-navbar .design-teem-badge{color:inherit;background:#0000000d;border:1px solid #00000014;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.gidatype-navbar .design-teem-badge .by-text{opacity:.6;font-size:11px}.gidatype-navbar .design-teem-badge .agency-name{letter-spacing:.02em;font-weight:700}.gidatype-navbar .design-teem-badge .external-icon{opacity:.7;transition:transform .2s}.gidatype-navbar .design-teem-badge:hover{color:#fff;background:#000;border-color:#000}.gidatype-navbar .design-teem-badge:hover .external-icon{stroke:#fff;transform:translate(1px,-1px)}body.dark .gidatype-navbar.is-scrolled{-webkit-backdrop-filter:blur(16px);background:#0b0f19d9;border-bottom-color:#ffffff14}body.dark .gidatype-navbar .brand-logo{filter:brightness(0)invert()}body.dark .gidatype-navbar .nav-back-button{color:#f3f4f6;background:#ffffff14}body.dark .gidatype-navbar .nav-back-button:hover{background:#ffffff24}body.dark .gidatype-navbar .design-teem-badge{color:#f3f4f6;background:#ffffff0f;border-color:#ffffff1a}body.dark .gidatype-navbar .design-teem-badge:hover{color:#000;background:#fff;border-color:#fff}body.dark .gidatype-navbar .design-teem-badge:hover .external-icon{stroke:#000}.gidatype-footer{border-top:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);margin-top:auto;padding:80px 24px 40px;transition:background-color .3s,border-color .3s}.gidatype-footer .footer-container{flex-direction:column;gap:60px;max-width:1200px;margin:0 auto;display:flex}.gidatype-footer .footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.gidatype-footer .footer-brand-col{flex-direction:column;gap:16px;max-width:380px;display:flex}.gidatype-footer .footer-brand-col .footer-logo{object-fit:contain;width:auto;height:28px}.gidatype-footer .footer-brand-col .footer-tagline{color:var(--color-text-muted,#6b7280);margin:0;font-size:14px;line-height:1.6}.gidatype-footer .footer-links-group{flex-wrap:wrap;gap:60px;display:flex}.gidatype-footer .footer-col{flex-direction:column;gap:12px;min-width:160px;display:flex}.gidatype-footer .footer-col .footer-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-strong,#111827);margin:0 0 4px;font-size:12px;font-weight:700}.gidatype-footer .footer-col .footer-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gidatype-footer .footer-col .footer-list a{color:var(--color-text-muted,#6b7280);font-size:14px;transition:color .2s}.gidatype-footer .footer-col .footer-list a:hover{color:var(--color-brand-orange,#f57c00)}.gidatype-footer .footer-col .footer-desc{color:var(--color-text-muted,#6b7280);max-width:240px;margin:0 0 10px;font-size:13px;line-height:1.5}.gidatype-footer .footer-col .footer-contact-btn{color:var(--color-brand-orange,#f57c00);font-size:13px;font-weight:600;transition:transform .2s;display:inline-block}.gidatype-footer .footer-col .footer-contact-btn:hover{transform:translate(4px)}.gidatype-footer .footer-bottom{border-top:1px solid var(--color-border,#e5e7eb);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.gidatype-footer .footer-bottom .copyright{color:var(--color-text-muted,#9ca3af);margin:0;font-size:12px}.gidatype-footer .footer-bottom .footer-meta-links{gap:20px;display:flex}.gidatype-footer .footer-bottom .footer-meta-links a{color:var(--color-text-muted,#9ca3af);font-size:12px;transition:color .2s}.gidatype-footer .footer-bottom .footer-meta-links a:hover{color:var(--color-text-strong,#111827)}body.dark .gidatype-footer{background:#070a11;border-top-color:#1a2233}body.dark .gidatype-footer .footer-logo{filter:brightness(0)invert()}body.dark .gidatype-footer .footer-title{color:#f3f4f6}body.dark .gidatype-footer .footer-tagline,body.dark .gidatype-footer .footer-desc,body.dark .gidatype-footer .footer-list a{color:#9ca3af}body.dark .gidatype-footer .footer-bottom{border-top-color:#1a2233}body.dark .gidatype-footer .footer-bottom .copyright,body.dark .gidatype-footer .footer-bottom .footer-meta-links a{color:#6b7280}body.dark .gidatype-footer .footer-bottom .footer-meta-links a:hover{color:#f3f4f6}.gidatype-page-wrapper{background-color:var(--color-bg);color:var(--color-text-strong);font-family:var(--font-body), sans-serif;box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;transition:background-color .3s,color .3s;display:flex}.gidatype-page-wrapper *{box-sizing:border-box;max-width:100%}.gidatype-page-wrapper.dark{--color-bg:#0b0f19;--color-bg-subtle:#161c2c;--color-text-strong:#f3f4f6;--color-text-muted:#9ca3af;--color-border:#273046}.gidatype-page-wrapper.dark .gidatype-main-logo{filter:brightness(0)invert()}.gidatype-header{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 10% 20%,#1a73e80d 0%,#0000 60%);padding:120px 24px 60px}.gidatype-header .gidatype-header-container{flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;display:flex}.gidatype-header .gidatype-badge{letter-spacing:.15em;color:var(--color-brand-orange,#f57c00);text-transform:uppercase;border:1px solid var(--color-brand-orange,#f57c00);background:#f57c000d;border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700}.gidatype-header .gidatype-main-logo{width:clamp(320px,50vw,850px);max-width:100%;height:auto;margin:20px 0;transition:filter .3s;display:block}.gidatype-header .gidatype-subtitle{color:var(--color-text-muted);max-width:800px;margin:10px 0 30px;font-size:clamp(16px,2.5vw,20px);line-height:1.5}.global-preview-controller{flex-direction:column;gap:8px;max-width:600px;margin-top:20px;display:flex}.global-preview-controller .preview-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-size:12px;font-weight:700}.global-preview-controller .global-preview-input{background:var(--color-bg-subtle,#f9f9f9);border:1px solid var(--color-border,#e0e0e0);color:var(--color-text-strong);border-radius:8px;outline:none;padding:16px 20px;font-size:16px;transition:border-color .2s,box-shadow .2s}.global-preview-controller .global-preview-input:focus{border-color:var(--color-brand-orange,#f57c00);box-shadow:0 0 0 3px #f57c0026}.gidatype-list-container{flex-grow:1;width:100%;max-width:1200px;margin:0 auto;padding:60px 24px 120px}.gidatype-list-container .gidatype-loading,.gidatype-list-container .gidatype-empty{text-align:center;color:var(--color-text-muted);padding:100px 0}.gidatype-list-container .gidatype-loading h3,.gidatype-list-container .gidatype-empty h3{color:var(--color-text-strong);margin-bottom:12px;font-size:24px}.font-specimen-list{flex-direction:column;gap:80px;display:flex}.font-specimen-row{border-bottom:1px solid var(--color-border);flex-direction:column;gap:20px;padding-bottom:40px;transition:transform .3s;display:flex}.font-specimen-row:hover .font-family-name{color:var(--color-brand-orange,#f57c00)}.font-specimen-row .row-top-info{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;font-size:13px;font-weight:500;display:flex}.font-specimen-row .row-font-preview-link{color:inherit;text-decoration:none;display:block;overflow:hidden}.font-specimen-row .font-preview-text-block{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;padding:20px 0;font-size:clamp(36px,7vw,100px);line-height:1.1;transition:transform .2s,letter-spacing .2s;overflow:hidden}.font-specimen-row .font-preview-text-block:hover{transform:translate(10px)}.font-specimen-row .row-bottom-actions{justify-content:space-between;align-items:center;display:flex}.font-specimen-row .row-bottom-actions .font-family-name{font-size:28px;font-family:var(--font-accent), sans-serif;margin:0;transition:color .2s}.font-specimen-row .row-bottom-actions .inspect-btn{text-transform:uppercase;letter-spacing:.1em;color:var(--color-brand-orange,#f57c00);border:1px solid var(--color-brand-orange,#f57c00);border-radius:30px;padding:10px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s}.font-specimen-row .row-bottom-actions .inspect-btn:hover{background-color:var(--color-brand-orange,#f57c00);color:#fff}.floating-theme-toggle{z-index:9999;cursor:pointer;background-color:#000;border:none;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;padding:8px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%);box-shadow:0 10px 25px #0000004d}.floating-theme-toggle:hover{transform:translateY(-50%)scale(1.08);box-shadow:0 14px 30px #0006}.floating-theme-toggle:active{transform:translateY(-50%)scale(.95)}.floating-theme-toggle .inner-yellow-square{background-color:#f7cd01;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.floating-theme-toggle .icon-wrapper{width:24px;height:24px;position:relative}.floating-theme-toggle .toggle-icon{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.floating-theme-toggle .toggle-icon.active{opacity:1;transform:translateY(0)}.floating-theme-toggle .toggle-icon.enter{animation:.4s cubic-bezier(.4,0,.2,1) forwards slide-in-from-top}.floating-theme-toggle .toggle-icon.exit{animation:.4s cubic-bezier(.4,0,.2,1) forwards slide-out-to-bottom}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-150%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(150%)}}@media (width<=768px){.floating-theme-toggle{border-radius:12px;width:48px;height:48px;padding:6px;right:16px}.floating-theme-toggle .inner-yellow-square{border-radius:8px}.floating-theme-toggle .icon-wrapper{width:20px;height:20px}}@font-face{font-family:Elms Sans;src:url(/elms-sans/ElmsSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Elms Sans;src:url(/elms-sans/ElmsSans-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Elms Sans;src:url(/elms-sans/ElmsSans-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Elms Sans;src:url(/elms-sans/ElmsSans-SemiBoldItalic.ttf)format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Elms Sans;src:url(/elms-sans/ElmsSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Elms Sans;src:url(/elms-sans/ElmsSans-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Elms Sans;src:url(/elms-sans/ElmsSans-Black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Elms Sans;src:url(/elms-sans/ElmsSans-BlackItalic.ttf)format("truetype");font-weight:900;font-style:italic;font-display:swap}:root{--palette-purple:#a21a86;--palette-yellow:#f7cd01;--palette-blue:#01b1be;--palette-orange:#e15901;--palette-yellow-soft:#fff2b2;--palette-pink-soft:#f3b1ff;--palette-olive-dark:#574d1e;--palette-black:#000;--palette-near-black:#0f0f0f;--palette-grey-900:#242424;--palette-grey-500:#969696;--palette-grey-400:#b7b7b7;--palette-grey-300:#d8d8d8;--palette-grey-200:#dedede;--palette-grey-150:#e1e1e1;--palette-grey-50:#f0f0f0;--palette-white:#fff;--color-primary:var(--palette-near-black);--color-primary-contrast:var(--palette-white);--color-nav-contact-bg:var(--color-primary);--color-nav-contact-text:var(--color-primary-contrast);--color-bg:var(--palette-grey-50);--color-bg-subtle:var(--palette-grey-150);--color-surface:var(--palette-white);--color-surface-contact:var(--palette-grey-200);--color-surface-testimonial:var(--palette-grey-500);--color-text:var(--palette-near-black);--color-text-strong:var(--palette-black);--color-text-inverse:var(--palette-white);--color-text-muted:var(--palette-grey-500);--color-text-on-brand-yellow:var(--palette-olive-dark);--color-text-accent-yellow:var(--palette-yellow-soft);--color-text-accent-pink:var(--palette-pink-soft);--color-border:var(--palette-grey-300);--color-border-strong:var(--palette-grey-400);--color-brand-purple:var(--palette-purple);--color-brand-yellow:var(--palette-yellow);--color-brand-blue:var(--palette-blue);--color-brand-orange:var(--palette-orange);--color-button-dark-bg:var(--palette-grey-900);--color-button-neutral-bg:var(--palette-grey-400);--font-heading:"Elms Sans", "Helvetica Neue", Arial, sans-serif;--font-body:"Elms Sans", "Helvetica Neue", Arial, sans-serif;--font-accent:"Elms Sans", "Helvetica Neue", Arial, sans-serif;--font-toggle:"Elms Sans", "Helvetica Neue", Arial, sans-serif;--weight-light:200;--weight-regular:400;--weight-semibold:500;--weight-bold:700;--weight-black:900;--text-display:360px;--text-testimonial:12.5rem;--text-h1:250px;--text-h2:128px;--text-h3:64px;--text-h4:80px;--text-h5:95px;--text-button:36px;--text-p1:36px;--text-p2:24px;--text-p3:20px;--text-p4:48px;--text-body:16px;--text-caption:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-30:120px;--radius-1:5px;--radius-2:8px;--radius-3:18px;--radius-4:24px;--radius-5:40px;--radius-full:68px;--section-pad-y:var(--space-10);--section-pad-x:var(--space-5)}@media (width>=768px){:root{--section-pad-y:var(--space-30);--section-pad-x:var(--space-20)}}body.dark{--color-primary:var(--palette-white);--color-primary-contrast:var(--palette-white);--color-nav-contact-bg:var(--palette-white);--color-nav-contact-text:var(--palette-black);--color-bg:var(--palette-black);--color-bg-subtle:var(--palette-black);--color-surface:var(--palette-black);--color-surface-contact:var(--palette-near-black);--color-surface-testimonial:var(--palette-grey-300);--color-text:var(--palette-white);--color-text-strong:var(--palette-white);--color-text-inverse:var(--palette-near-black);--color-text-muted:var(--palette-grey-400);--color-border:var(--palette-grey-900);--color-border-strong:var(--palette-grey-900);--color-button-dark-bg:var(--palette-white);--color-button-neutral-bg:var(--palette-grey-900)}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-body), sans-serif;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s}body.dark{color:#f3f4f6;background-color:#0b0f19}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}