.brand-page{padding-top:65px}.brand-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;display:grid}.brand-hero-copy .eyebrow{font-size:14px}.brand-hero-copy .eyebrow a{color:var(--gold)}.brand-hero h1{letter-spacing:-.055em;margin-top:25px;font-size:clamp(46px,5.2vw,70px);font-weight:500;line-height:1.13}.brand-hero-copy>p{color:var(--muted);max-width:425px;margin-top:23px;font-size:16px;line-height:1.85}.brand-hero-copy>.button{margin-top:28px}.brand-master{aspect-ratio:1.1;background-color:#181914;background-image:linear-gradient(#e7c17c08 1px,#0000 1px),linear-gradient(90deg,#e7c17c08 1px,#0000 1px);background-size:28px 28px;border:1px solid #49412f;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.specimen-corner{color:#b6a47f;font-size:14px;position:absolute;top:22px;left:24px;right:24px}.master-guides{border:1px dashed #b8995b50;width:190px;height:200px;padding:13px;position:relative}.master-guides:before,.master-guides:after{content:"";background:#c4a25b22;position:absolute}.master-guides:before{width:1px;top:-30px;bottom:-30px;left:50%}.master-guides:after{height:1px;top:50%;left:-30px;right:-30px}.master-guides svg{width:100%;height:100%;color:var(--gold);z-index:1;filter:drop-shadow(0 5px 24px #e7c17c13);position:relative}.specimen-bottom{color:var(--muted);justify-content:space-between;align-items:flex-end;gap:12px;font-size:14px;display:flex;position:absolute;bottom:23px;left:24px;right:24px}.brand-index{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:22px;margin-top:58px;padding-block:22px;display:flex}.brand-index a{white-space:nowrap;align-items:center;gap:12px;font-size:14px;display:inline-flex}.brand-index a:hover{color:var(--gold)}.brand-section{padding-top:85px}.brand-section-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:32px;display:flex}.brand-section-heading h2{font-size:36px}.brand-section-heading>p{max-width:435px;color:var(--muted);font-size:14px;line-height:1.85}.brand-page h3{letter-spacing:-.4px;font-size:17px;font-weight:550}.brand-lockup-panel{border:1px solid var(--border);background:#191a15;border-radius:5px;justify-content:space-between;align-items:center;gap:30px;margin-top:38px;padding:38px 30px;display:flex}.brand-lockup-panel>.eyebrow{max-width:160px;font-size:14px;line-height:1.9}.brand-lockup>svg{width:49px;height:54px}.brand-lockup>span{letter-spacing:-3px;font-size:55px}.brand-lockup-panel>p{color:var(--muted);font-size:14px}.logo-variants{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.logo-variant{border:1px solid var(--border);border-radius:5px;overflow:hidden}.variant-preview{background:#191a16;justify-content:center;align-items:center;height:220px;display:flex;position:relative}.variant-preview>svg{width:86px;height:92px}.preview-mark-gold{color:var(--gold)}.preview-mark-ink{background:var(--foreground);color:var(--background)}.preview-mark-ivory{color:var(--foreground);background:#272922}.variant-info{flex-direction:column;padding:23px 21px 0;display:flex}.variant-info p{color:var(--muted);min-height:47px;margin-top:8px;font-size:14px;line-height:1.8}.asset-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.variant-info>.asset-links{border-top:1px solid var(--border);margin-top:22px;padding-block:16px}.asset-links>a{align-items:center;gap:8px;min-height:28px;font-size:14px;display:inline-flex}.asset-links>a:hover,.asset-download:hover{color:var(--gold)}.brand-icon-grid{grid-template-columns:1.2fr 1fr;gap:20px;margin-top:20px;display:grid}.icon-specimen,.app-icon-specimen{border:1px solid var(--border);background:#191a15;border-radius:5px;padding:27px}.favicon-scale{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:29px;min-height:139px;padding-block:20px 23px;display:flex}.favicon-scale>div{flex-direction:column;align-items:center;gap:11px;display:flex}.favicon-scale span{font-family:var(--mono);color:var(--muted);font-size:14px}.icon-specimen-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.icon-specimen-footer p{color:var(--muted);margin-top:4px;font-size:14px}.asset-download{white-space:nowrap;align-items:center;gap:12px;font-size:14px;display:inline-flex}.app-icon-options{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:22px;display:flex}.app-icon-options>div{flex-direction:column;align-items:center;display:flex}.app-icon-options h4{font-family:var(--heading);margin-block:13px 6px;font-size:14px;font-weight:500}.app-icon-options .asset-links{gap:15px}.app-icon-options .asset-links a{font-size:14px}.logo-usage{border-bottom:1px solid var(--border);grid-template-columns:150px 1fr 155px;align-items:center;gap:30px;margin-top:20px;padding:28px 0;display:grid}.clearspace-diagram{border:1px dashed #797152;justify-self:center;width:116px;height:122px;padding:15px;position:relative}.clearspace-diagram>div{border:1px solid #e7c17c60;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.clearspace-diagram svg{width:64px;height:68px;color:var(--gold)}.clearspace-label{color:var(--gold);font-family:var(--mono);font-size:14px;position:absolute;top:-8px;right:3px}.logo-usage p{color:var(--muted);max-width:565px;margin-top:8px;font-size:14px;line-height:1.85}.usage-note{border-left:1px solid var(--border);flex-direction:column;gap:7px;padding-left:23px;display:flex}.usage-note strong{font-family:var(--heading);color:var(--gold);font-size:24px;font-weight:500}.usage-note>span:last-child{color:var(--muted);font-size:14px}.palette-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.palette-card{border:1px solid var(--border);border-radius:5px;overflow:hidden}.color-swatch{background:var(--swatch);color:var(--foreground);border-bottom:1px solid var(--border);flex-direction:column;justify-content:space-between;height:143px;padding:20px 22px;display:flex}.color-swatch.light-swatch{color:#121310}.color-swatch>.mono{font-size:14px}.color-hex{font-family:var(--mono);letter-spacing:-.5px;font-size:20px}.color-info{padding:19px 22px 22px}.color-name{justify-content:space-between;align-items:center;gap:10px;display:flex}.color-copy{border:1px solid var(--border);width:35px;height:35px;color:var(--muted);background:#1c1e17;border-radius:4px;justify-content:center;align-items:center;display:flex}.color-copy:hover{color:var(--gold);border-color:#8b7953}.color-info p{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.8}.palette-tools{justify-content:space-between;align-items:center;gap:25px;margin-top:24px;display:flex}.palette-tools>p{color:var(--muted);font-size:14px;line-height:1.8}.palette-tools>div{align-items:center;gap:24px;display:flex}.palette-tools button,.palette-tools a{align-items:center;gap:9px;font-size:14px;display:inline-flex}.palette-tools a:hover{color:var(--gold)}.type-specimens{grid-template-columns:1fr 1fr;gap:20px;display:grid}.type-display,.type-body,.type-mono{border:1px solid var(--border);background:#191a15;border-radius:5px;padding:26px}.type-display{flex-direction:column;display:flex}.type-meta,.type-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-page .type-meta h3{font-size:15px}.type-meta>span{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:14px}.type-sample{font-family:var(--heading);letter-spacing:-.065em;margin-block:38px;font-size:clamp(48px,5.6vw,76px);font-weight:500;line-height:1.13}.type-sample>span{color:var(--gold)}.type-caption{border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding-top:17px;font-size:14px}.type-caption>span:last-child{font-family:var(--mono);font-size:14px}.type-support{gap:20px;display:grid}.type-body>p{max-width:410px;margin-block:22px;font-size:18px;line-height:1.7}.type-mono>p{font-family:var(--mono);letter-spacing:.08em;color:var(--gold);margin-block:22px;font-size:18px;line-height:1.8}.brand-motion-section{grid-template-columns:1fr 1fr;align-items:center;gap:55px;display:grid}.brand-motion-copy>p{color:var(--muted);max-width:405px;margin-top:22px;font-size:14px;line-height:1.85}.brand-motion-copy>p+p{margin-top:12px}.motion-toggle{min-height:44px;margin-top:25px;font-size:14px}.motion-toggle:disabled{color:var(--muted);cursor:default;transform:none}.brand-motion-art{min-width:0}.brand-motion-art .gate-art{width:100%;margin:0}.brand-motion-art.is-paused *{animation-play-state:paused!important}.brand-toast{z-index:50;opacity:0;pointer-events:none;width:max-content;max-width:calc(100% - 32px);color:var(--foreground);background:#26271e;border:1px solid #736542;border-radius:5px;padding:12px 20px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);box-shadow:0 8px 24px #0004}.brand-toast.visible{opacity:1;transform:translate(-50%)}@media (width<=1100px){.brand-hero{gap:35px}.brand-hero h1{font-size:54px}.master-guides{width:152px;height:160px}.brand-section-heading>p{max-width:375px}.brand-icon-grid{grid-template-columns:1fr 1fr}.icon-specimen-footer{flex-direction:column;align-items:flex-start;gap:12px}.asset-links{gap:13px}.brand-lockup-panel{gap:25px;padding-inline:23px}.brand-lockup>span{font-size:47px}.brand-lockup>svg{width:42px;height:46px}.type-meta{align-items:flex-start}.type-meta>span{text-align:right;max-width:120px}.type-caption{flex-wrap:wrap;gap:8px}}@media (width<=800px){.brand-page{padding-top:44px}.brand-hero{gap:28px}.brand-hero h1{font-size:43px}.brand-hero-copy>p{font-size:14px}.brand-master{aspect-ratio:auto;min-width:0;min-height:325px}.specimen-corner,.specimen-bottom{left:18px;right:18px}.master-guides{width:133px;height:140px;padding:10px}.brand-index{flex-wrap:wrap;gap:15px;margin-top:38px}.brand-index a{gap:8px}.brand-section{padding-top:65px}.brand-section-heading{gap:28px}.brand-section-heading>p{max-width:290px}.brand-page h3{font-size:16px}.brand-lockup-panel{flex-wrap:wrap}.brand-lockup-panel>p{border-top:1px solid var(--border);width:100%;padding-top:20px}.logo-variants{gap:12px}.variant-preview{height:180px}.variant-info{padding:20px 15px 0}.variant-info p{min-height:87px}.brand-icon-grid{gap:12px}.icon-specimen,.app-icon-specimen{padding:20px}.favicon-scale{gap:17px}.app-icon-options{gap:26px;margin-top:29px}.app-icon-options img{width:70px;height:70px}.logo-usage{grid-template-columns:115px 1fr;gap:23px}.usage-note{display:none}.palette-grid{gap:13px}.color-swatch{padding-inline:17px}.color-info{padding:16px}.color-hex{font-size:18px}.palette-tools{flex-direction:column;align-items:flex-start;gap:15px}.type-specimens{grid-template-columns:1fr}.type-support{grid-template-columns:1fr 1fr}.type-sample{font-size:72px}.type-body,.type-mono{padding:22px}.type-meta{flex-wrap:wrap;gap:5px}.type-meta>span{text-align:left;max-width:100%}.type-body>p,.type-mono>p{font-size:16px}.brand-motion-section{gap:20px}}@media (width<=580px){.brand-hero{grid-template-columns:1fr;gap:33px}.brand-hero h1{font-size:clamp(43px,11.8vw,61px)}.brand-hero-copy>p{font-size:15px}.brand-master{aspect-ratio:auto;min-height:330px}.master-guides{width:152px;height:160px}.brand-index{gap:17px 23px;padding-block:20px}.brand-section{padding-top:56px}.brand-section-heading{display:block}.brand-section-heading h2{font-size:34px}.brand-section-heading>p{max-width:100%;margin-top:18px;font-size:14px}.brand-lockup-panel{gap:25px 15px;padding:25px}.brand-lockup-panel>.eyebrow{max-width:100%}.brand-lockup>span{font-size:43px}.brand-lockup>svg{width:33px;height:37px}.brand-lockup{gap:8px}.logo-variants{grid-template-columns:1fr;gap:20px}.variant-preview{height:210px}.variant-info{padding:21px 22px 0}.variant-info p{min-height:0;font-size:14px}.brand-icon-grid{grid-template-columns:1fr;gap:20px}.icon-specimen,.app-icon-specimen{padding:23px}.favicon-scale,.app-icon-options{gap:25px}.app-icon-options img{width:88px;height:88px}.logo-usage{grid-template-columns:1fr;padding-block:30px}.clearspace-diagram{justify-self:start;margin-left:15px}.logo-usage p{font-size:14px}.palette-grid{grid-template-columns:1fr 1fr;gap:12px}.color-swatch{height:125px;padding:16px 13px}.color-hex{font-size:16px}.color-info{padding:14px 13px 17px}.color-name{flex-wrap:wrap;align-items:flex-start;gap:8px}.brand-page .color-name h3{font-size:14px}.color-copy{width:30px;height:30px}.palette-tools>div{flex-wrap:wrap;gap:20px}.type-support{grid-template-columns:1fr}.type-sample{font-size:clamp(38px,10vw,58px)}.brand-motion-section{grid-template-columns:1fr;gap:32px}.brand-motion-copy>p{font-size:14px}}
