:root{color-scheme:light;--paper:#f5f3ee;--ink:#202924;--muted:#737971;--line:#dedfd6;--green:#345c46;--soft:#e9eee6;--gold:#b8874f;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px;border-radius:4px}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:2px}.brand-symbol{display:grid;place-items:center;position:relative;background:var(--green);color:var(--paper);width:42px;height:42px;border-radius:50%;font:700 25px Georgia,serif;letter-spacing:0}.brand-symbol span{position:absolute;right:8px;bottom:6px;color:#d6b780}.brand-sub{display:block;font-size:9px;letter-spacing:2.2px;color:var(--muted);font-weight:500;margin-top:5px}.header-download{font-size:12px;display:flex;gap:28px;align-items:center}.header-download span{font-size:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:72px 0 66px;min-height:500px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted);font-weight:600;margin:0 0 24px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:10px;vertical-align:middle}h1{font-size:clamp(34px,4vw,52px);font-weight:650;letter-spacing:-1.8px;line-height:1.4;margin:0 0 24px}.accent{color:var(--green)}.hero-description{color:var(--muted);font-size:13px;line-height:2;margin:0 0 30px}.primary-button{background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 22px;border-radius:5px;font-size:12px;font-weight:550;transition:background .2s}.primary-button:hover{background:#244333}.hero-art{position:relative;display:grid;place-items:center;min-height:350px}.hero-badge{width:260px;height:260px;object-fit:contain;z-index:1;filter:drop-shadow(0 16px 20px #20292418)}.orbit{position:absolute;border:1px solid #cdd2c7;border-radius:50%;width:330px;height:330px}.orbit-two{width:390px;height:390px;border-style:dashed;opacity:.7}.art-cross{position:absolute;color:#96a18f;font-size:16px;font-weight:300}.cross-one{top:0;left:12%}.cross-two{right:9%;bottom:20px}.art-caption{position:absolute;bottom:-34px;color:var(--muted);font-size:9px;letter-spacing:2px}.collection-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:16px;font-size:11px;color:var(--muted)}.collection-bar p{margin:0}.collection-bar strong{font-size:14px;color:var(--ink);font-weight:600}.collection-bar p span{padding:0 12px;color:#acb1a6}.collection-hint{font-size:10px}.collection-nav{display:flex;gap:8px;flex-wrap:wrap;padding:24px 0 4px}.collection-nav a{padding:9px 16px;border:1px solid var(--line);border-radius:50px;font-size:11px;color:var(--muted);transition:all .2s}.collection-nav a:hover{background:var(--soft);border-color:var(--green);color:var(--green)}.collection{padding:36px 0 12px;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.section-heading .eyebrow{font-size:9px;margin:0 0 9px;letter-spacing:1.8px}h2{font-size:22px;font-weight:600;letter-spacing:-.4px;margin:0}.section-count{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:50px;padding:4px 10px}.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.logo-card{border:1px solid var(--line);background:#faf9f6;border-radius:9px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.logo-card:hover{border-color:#bbc8b6;box-shadow:0 7px 22px #20292408}.image-link{position:relative;display:grid;place-items:center;padding:28px;aspect-ratio:1;background-color:#fafaf7;background-image:linear-gradient(45deg,#eaece580 25%,transparent 25%),linear-gradient(-45deg,#eaece580 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eaece580 75%),linear-gradient(-45deg,transparent 75%,#eaece580 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.image-link img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.image-link:hover img{transform:scale(1.035)}.preview-label{position:absolute;bottom:10px;right:10px;background:#fffdf2e8;border:1px solid var(--line);border-radius:3px;padding:5px 7px;font-size:9px;color:var(--muted);opacity:0;transition:opacity .2s}.image-link:hover .preview-label,.image-link:focus-visible .preview-label{opacity:1}.card-details{padding:16px 18px;border-top:1px solid #e7e7de}.card-details h3{font-size:13px;font-weight:600;margin:0 0 10px}.card-links{display:flex;gap:16px;color:var(--muted);font-size:10px}.card-links a:hover{color:var(--green);text-decoration:underline}.card-links span{font-size:9px;color:#91958d}#portraits .logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.download-banner{display:flex;align-items:center;justify-content:space-between;background:var(--soft);border:1px solid #dce3d6;padding:38px 40px;border-radius:8px;margin:58px 0 46px;gap:24px}.download-banner .eyebrow{color:var(--green);margin-bottom:12px;font-size:9px}.download-banner h2{font-size:24px}.download-banner p:last-child{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.download-banner .primary-button{flex-shrink:0}.site-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;font-size:10px}.footer-muted{color:var(--muted)}.site-footer>span:first-child{font-weight:600;letter-spacing:1px}.site-footer>span:first-child .footer-muted{font-weight:400;letter-spacing:0;margin-left:6px}.site-footer a{color:var(--muted)}.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--green);color:white;padding:12px}.skip-link:focus{top:12px}.preview-open{overflow:hidden}dialog{border:1px solid var(--line);border-radius:12px;padding:0;width:min(620px,calc(100% - 32px));max-height:90vh;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px #0004}dialog::backdrop{background:#172019b3;backdrop-filter:blur(5px)}.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:12px}.preview-top h2{font-size:16px}.close-preview{background:transparent;border:0;color:var(--muted);cursor:pointer;width:32px;height:32px;font-size:20px}.preview-image-area{background-color:#fbfbf8;background-image:linear-gradient(45deg,#eaece5 25%,transparent 25%),linear-gradient(-45deg,#eaece5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eaece5 75%),linear-gradient(-45deg,transparent 75%,#eaece5 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;padding:30px;display:grid;place-items:center}.preview-image-area img{display:block;width:100%;max-height:55vh;object-fit:contain}.preview-bottom>span{font-size:11px;color:var(--muted)}
@media(min-width:1400px){.wrap{max-width:1380px;padding-left:80px;padding-right:80px}.hero-badge{width:290px;height:290px}.hero{padding-top:82px;padding-bottom:78px}}
@media(max-width:900px){.wrap{padding-left:28px;padding-right:28px}.hero{gap:20px;padding:50px 0}.hero-art{min-height:300px}.hero-badge{width:215px;height:215px}.orbit-one{width:265px;height:265px}.orbit-two{width:310px;height:310px}.logo-grid,#portraits .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.image-link{padding:22px}.download-banner{padding:28px}.site-footer>span:nth-child(2){display:none}}
@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.site-header{height:82px}.brand{font-size:15px;gap:9px}.brand-symbol{width:36px;height:36px;font-size:22px}.brand-sub{font-size:8px}.header-download{font-size:10px;gap:8px}.hero{grid-template-columns:1fr;gap:40px;padding:40px 0 48px;min-height:0}.hero .eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:37px;letter-spacing:-1.5px;line-height:1.4;margin-bottom:18px}.hero-description{font-size:12px;margin-bottom:24px}.desktop-break{display:none}.hero-art{min-height:270px;margin-bottom:18px}.hero-badge{width:208px;height:208px}.orbit-one{width:250px;height:250px}.orbit-two{width:290px;height:290px}.art-caption{bottom:-18px;font-size:8px}.collection-bar{padding:16px 0;font-size:10px}.collection-bar p span{padding:0 5px}.collection-bar strong{font-size:12px}.collection-hint{display:none}.collection-nav{gap:7px;padding-top:18px}.collection-nav a{padding:8px 11px;font-size:10px}.collection{padding-top:30px}.section-heading{margin-bottom:16px}h2{font-size:20px}.logo-grid,#portraits .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-link{padding:18px}.card-details{padding:13px 12px}.card-details h3{font-size:12px}.card-links{font-size:9px;gap:12px}.preview-label{display:none}.download-banner{display:block;padding:26px 22px;margin:40px 0 30px}.download-banner h2{font-size:21px}.download-banner .primary-button{margin-top:22px}.site-footer{font-size:9px;align-items:flex-start;line-height:1.8}.site-footer .footer-muted{display:block;margin-left:0!important}.preview-top,.preview-bottom{padding:14px 16px}.preview-image-area{padding:20px}.preview-bottom .primary-button{padding:12px 15px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}