@font-face{font-family:Adman;src:url('assets/adman-regular.ttf')}@font-face{font-family:Adman;src:url('assets/adman-bold.ttf');font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3eb;color:#183b2e;font-family:Adman,sans-serif;font-size:20px;line-height:1.25}a{color:inherit}button{font:inherit;cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 5%;background:#fff}header nav{display:flex;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:bold}.brand img{width:48px}.brand small{display:block;font-size:15px;font-weight:400}.hero{padding:70px 7%;background:#193e2f;color:white}.hero h1{font-size:clamp(54px,8vw,100px);line-height:.85;margin:20px 0}.hero p{max-width:650px}.hero a,.copy{display:inline-block;background:#dbe784;color:#193e2f;padding:10px 22px;border:0;text-decoration:none;font-weight:bold}.hint{opacity:.8}.eyebrow{font-size:15px;letter-spacing:.1em;font-weight:bold}.library{max-width:1500px;margin:auto;padding:60px 5%}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-title h2{font-size:48px;margin:0}.section-title>p{max-width:440px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.filters button{border:1px solid #aebdaf;background:transparent;color:#183b2e;padding:7px 16px;border-radius:2px}.filters button[aria-pressed=true]{background:#193e2f;color:white}.count{color:#536b5c}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.card{background:#fff;padding:12px;border:1px solid #d9e0d7}.card button{display:block;width:100%;padding:0;text-align:left;border:0;background:none;color:inherit}.card h3{font-size:26px;margin:12px 0 0}.card p{margin:3px 0 8px;color:#607367}.card .open{font-weight:bold;text-decoration:underline}.canvas{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#e9ede5;border:1px solid #bfcdbf}.canvas.video{aspect-ratio:9/16}.zone{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;font-size:clamp(11px,1.1vw,18px);line-height:1.05;padding:3px}.zone.photo{background:#c4d1c2;color:#4a6852;border:1px dashed #789780}.zone.photo:before{content:'×';font-size:3em;position:absolute;opacity:.18}.zone.title{background:#fffdf4;color:#183b2e;font-size:clamp(15px,1.7vw,27px);font-weight:bold}.zone.sub{background:#f7f7ee;color:#536b5c}.zone.cta{background:#285b40;color:white}.zone.logo{background:#fff;padding:3px}.zone.logo img{max-width:100%;max-height:100%;object-fit:contain}.zone.paper{clip-path:polygon(0 3%,10% 0,20% 3%,30% 0,40% 3%,50% 0,60% 3%,70% 0,80% 3%,90% 0,100% 3%,100% 97%,90% 100%,80% 97%,70% 100%,60% 97%,50% 100%,40% 97%,30% 100%,20% 97%,10% 100%,0 97%)}dialog{border:0;max-width:900px;width:94%;max-height:90vh;padding:25px;color:#183b2e;background:#fafbf5}dialog::backdrop{background:#10291fc9}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{font-size:34px;border:0;background:none;color:inherit}.dialog-body{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:30px}.dialog-body h2{font-size:40px;margin:5px 0}.dialog-body h3{margin:18px 0 4px}.dialog-body p{margin:4px 0}.dialog-body .zone{font-size:14px}.dialog-body .title{font-size:22px}footer{background:#193e2f;color:white;padding:25px 5%}button:focus-visible,a:focus-visible{outline:3px solid #d39c35;outline-offset:3px}@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header{align-items:flex-start}header nav{flex-direction:column;gap:4px}.hero{padding:50px 6%}.section-title{display:block}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.zone{font-size:11px}.zone.title{font-size:15px}.dialog-body{grid-template-columns:1fr}.dialog-body #detail-preview{max-width:240px}.library{padding:40px 4%}}
.zone.logo{background:transparent}