.sample-preview{--sample-accent: #263e51;--sample-paper: #f6f5f1;--sample-soft: #dce3e1;container-type:inline-size;height:420px;width:100%;min-width:0;overflow:hidden;background:var(--sample-paper);color:var(--sample-accent);border:1px solid #19332e20}.sample-preview p{margin:0}.sample-preview .brand-mark{gap:12px}.sample-preview .brand-mark>svg{width:43px;height:43px}.sample-preview .brand-mark>span{font-size:23px}.sample-preview .brand-mark>span>span{font-size:9px;letter-spacing:.16em}.collection-website{display:flex;flex-direction:column;height:100%}.collection-site-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid currentColor}.collection-site-heading{padding:23px 26px 25px}.collection-site-heading>span{display:block;margin-bottom:12px;text-transform:uppercase;font-size:10px;letter-spacing:.1em}.collection-site-heading>strong{display:block;max-width:14ch;font:500 clamp(32px,7cqw,47px)/1.03 var(--sample-face);letter-spacing:-.04em}.collection-site-photo{position:relative;flex:1;min-height:110px;overflow:hidden}.collection-site-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.collection-site-photo>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#fff;background:var(--sample-accent);padding:13px 24px;font-size:12px}.collection-identity{height:100%;display:grid;grid-template-rows:70% 30%}.collection-identity-primary{display:flex;flex-direction:column;justify-content:space-between;padding:24px 30px;background:var(--sample-accent);color:var(--sample-paper)}.collection-identity-primary>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.collection-identity-primary .brand-mark{justify-content:center;gap:22px}.collection-identity-primary .brand-mark>svg{width:80px;height:80px}.collection-identity-primary .brand-mark>span{font-size:clamp(27px,7cqw,43px)}.collection-identity-primary .brand-mark>span>span{font-size:11px}.collection-identity-bottom{display:grid;grid-template-columns:2fr 1fr}.collection-identity-bottom>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;background:var(--sample-soft);font:17px/1.2 var(--sample-face)}.collection-palette{display:grid;grid-template-columns:repeat(2,1fr)}.collection-app,.collection-ai{display:flex;flex-direction:column;height:100%;padding:22px 25px}.collection-app-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #19332e30}.collection-app-nav>span{font-size:10px;letter-spacing:.09em}.collection-app-nav .brand-mark>svg{width:28px;height:28px}.collection-app>h4{font-size:24px;font-weight:500;letter-spacing:-.04em}.collection-app-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;font-size:12px}.collection-app-summary>strong{font-size:25px;font-weight:500}.collection-app-rows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #19332e25}.collection-app-rows strong{display:block;font-size:13px;font-weight:500}.collection-app-rows small{display:block;margin-top:3px;font-size:11px;color:#4c5f58}.collection-app-rows>div>span:last-child{font-size:11px;text-align:right}.collection-interface-foot{display:block;padding-top:16px;margin-top:auto;font-size:10px;color:#4c5f58}.collection-ai-question{margin:0 0 17px 18px;padding:14px 17px;background:var(--sample-soft);font-size:13px;line-height:1.4}.collection-ai-answer{border-left:2px solid var(--sample-accent);padding-left:16px}.collection-ai-answer>span,.collection-ai-answer>small{display:flex;align-items:center;gap:7px;font-size:11px}.collection-ai-answer>h4{margin:15px 0 10px;font-size:19px;font-weight:500;letter-spacing:-.02em}.collection-ai-answer>p{font-size:12px;line-height:1.65}.collection-ai-answer>small{margin-top:16px;color:#4c5f58}.collection-filters{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-block:1px solid #19332e30;padding:22px 0;margin-bottom:40px}.collection-filters fieldset{min-width:0;border:0;padding:0}.collection-filters legend{font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:12px;color:#46594a}.collection-filters fieldset>div{display:flex;flex-wrap:wrap;gap:2px 23px}.collection-filters button{min-height:44px;border-bottom:2px solid transparent;font-size:14px;color:#46594a}.collection-filters button[aria-pressed=true]{border-color:#19332e;color:#19332e}.collection-filters>p{white-space:nowrap;font-size:12px;color:#46594a;padding-bottom:13px}.sample-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px}.collection-card{min-width:0}.collection-card>a{display:block;height:100%}.collection-card .sample-preview{transition:border-color .2s}.collection-card a:hover .sample-preview{border-color:#19332e88}.collection-card-copy{padding:23px 0 0}.collection-card-copy>span:first-child{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#46594a}.collection-card-copy>h3{display:flex;justify-content:space-between;gap:20px;margin:11px 0 12px;font-size:clamp(22px,2vw,29px);font-weight:500;line-height:1.2;letter-spacing:-.045em;color:#19332e}.collection-card-copy>h3>svg{flex-shrink:0;margin-top:3px}.collection-card-copy>p{max-width:55ch;font-size:14px;color:#4c5f58;line-height:1.7}.collection-document{height:420px;background:#dfe3d9;padding:36px 26px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.collection-document>img{max-height:310px;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 12px #172e2a20)}.collection-document>span{display:block;margin-top:22px;font-size:11px;color:#46594a}.collection-document-link{display:inline-block;margin-top:14px;padding-bottom:3px;border-bottom:1px solid #19332e70;font-size:13px}.sample-gallery-note{margin-top:42px;max-width:90ch;font-size:12px;line-height:1.8;color:#46594a}@container (max-width: 370px){.collection-identity-primary{padding:22px}.collection-identity-primary .brand-mark{gap:15px}.collection-identity-primary .brand-mark>svg{width:55px;height:55px}.collection-app,.collection-ai{padding:20px}.collection-ai-answer>h4{font-size:17px}}@media (max-width: 700px){.sample-gallery-grid{grid-template-columns:minmax(0,1fr);gap:36px}.collection-filters{display:block}.collection-filters>p{padding:0;margin-top:15px}.sample-preview,.collection-document{height:400px}}