.brand-preview{--background:#131321;--foreground:#f5f3ff;--surface:#1c1c31;--surface-2:#25253e;--muted:#b2b0c9;--line:#ffffff20;--line-strong:#ffffff45;--accent:#a49af5;color:var(--foreground);background:var(--background)}.brand-preview a,.brand-preview button{-webkit-tap-highlight-color:transparent}.brand-button{background:var(--accent);color:#131321;border-radius:50px;justify-content:center;align-items:center;min-height:46px;padding:12px 25px;font-size:13px;font-weight:700;transition:transform .25s,background .25s;display:inline-flex}.brand-button:hover{background:#c4baff;transform:translateY(-3px)}.brand-ribbon{background:var(--accent);color:#131321;letter-spacing:.12em;justify-content:space-around;align-items:center;gap:30px;padding:25px 4vw;font-size:13px;font-weight:700;display:flex}.brand-ribbon span:nth-child(2n){font-size:30px}.brand-section{padding:110px 4vw;scroll-margin-top:25px}.brand-section h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(48px,6.5vw,100px);line-height:1.04}.brand-section h2 span{color:var(--accent)}.brand-about{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:35px;display:grid;position:relative}.brand-intro{max-width:650px;color:var(--muted);margin-top:32px;font-size:20px;line-height:1.7}.brand-orbit{color:var(--accent);font-size:110px;position:absolute;top:46%;left:10%}.brand-section-heading{justify-content:space-between;align-items:end;margin-bottom:50px;display:flex}.brand-section-heading h2{margin-top:25px}.brand-count{letter-spacing:.15em;color:var(--muted);font-size:11px}.brand-preview #projects article{border-radius:16px;transition:transform .3s,box-shadow .3s}.brand-preview #projects article:hover,.brand-preview #projects article:focus-within{transform:translateY(-5px);box-shadow:0 12px 45px #0003}.brand-contact{border-top:1px solid var(--line);background:radial-gradient(at 90% 100%,#48308655,#0000 65%)}.brand-contact h2{margin-top:35px;font-size:clamp(70px,10vw,160px);position:relative}.brand-contact-arrow{position:absolute;top:0;right:6%;color:var(--accent)!important}.brand-contact-actions{align-items:center;gap:30px;margin-top:45px;display:flex}.brand-contact-actions>a:last-child{text-underline-offset:6px;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.brand-will-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--reveal-delay,0s), transform .7s var(--reveal-delay,0s)!important}.brand-will-reveal.brand-visible{opacity:1;transform:translateY(0)}@keyframes brand-arrive{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:900px){.brand-about{grid-template-columns:1fr}.brand-orbit{display:none}.brand-section{padding:75px 5vw}}@media (max-width:600px){.brand-ribbon{gap:14px;padding:20px;font-size:10px}.brand-ribbon span:nth-child(2n){font-size:20px}.brand-intro{font-size:17px}.brand-section-heading{display:block}.brand-count{margin-top:20px;display:block}.brand-contact-arrow{font-size:65px;right:0}.brand-contact-actions{flex-direction:column;align-items:start;font-size:14px}.brand-contact-actions>a:last-child{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.brand-preview *,.brand-preview :before,.brand-preview :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.brand-preview #projects article:hover{transform:none}}.brand-header-character{flex-shrink:0;width:64px;height:64px;display:block;position:relative}.brand-header-character img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}@media (max-width:600px){.brand-header-character{width:48px;height:48px}}.brand-about{grid-template-columns:1fr 1fr;gap:7vw}.brand-about h2{margin-top:26px;font-size:clamp(48px,5.5vw,84px)}.brand-kicker{color:var(--muted);letter-spacing:.16em;font-size:11px}.brand-principles{align-self:center}.brand-principles li{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:25px;padding:32px 0;display:grid}.brand-principles li:last-child{border-bottom:1px solid var(--line)}.brand-principles li>span{color:var(--accent);padding-top:7px;font-size:14px}.brand-principles h3{letter-spacing:-.03em;font-size:26px;font-weight:600}.brand-principles p{color:var(--muted);max-width:42ch;margin-top:12px;line-height:1.7}.brand-toolkit{border-top:1px solid var(--line)}.brand-toolkit h2{margin-top:26px}.brand-toolkit-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:0 4vw;margin-top:60px;display:grid}.brand-toolkit-group{border-top:1px solid var(--line);padding:32px 0}.brand-toolkit-group h3{letter-spacing:-.02em;font-size:22px;font-weight:600}.brand-toolkit-group p{color:var(--muted);max-width:46ch;margin-top:10px;line-height:1.6}.brand-toolkit-group ul{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.brand-toolkit-group li{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px}.brand-toolkit-grid[data-paged]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 20px}.brand-toolkit-pager{justify-content:center;align-items:center;gap:24px;margin-top:28px;display:flex}.brand-toolkit-pager p{text-align:center;min-width:4ch;color:var(--muted);letter-spacing:.18em;font-size:13px}.brand-toolkit-step{border:1px solid var(--line);border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;transition:border-color .25s,color .25s;display:grid}.brand-toolkit-step:hover,.brand-toolkit-step:focus-visible{border-color:var(--accent);color:var(--accent)}@media (max-width:600px){.brand-toolkit-grid[data-paged]{gap:0 14px;margin-top:36px}.brand-toolkit-grid[data-paged] .brand-toolkit-group{padding:22px 0}.brand-toolkit-grid[data-paged] .brand-toolkit-group h3{font-size:17px}.brand-toolkit-grid[data-paged] .brand-toolkit-group p{font-size:13px;line-height:1.5}.brand-toolkit-grid[data-paged] .brand-toolkit-group ul{gap:6px;margin-top:14px}.brand-toolkit-grid[data-paged] .brand-toolkit-group li{padding:5px 9px;font-size:11.5px}}.brand-feedback{border-top:1px solid var(--line)}.brand-feedback h2{margin-top:26px}.brand-feedback-grid{grid-template-columns:1fr 1.3fr;gap:7vw;margin-top:60px;display:grid}.brand-feedback-selectors button{text-align:left;border-top:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;align-items:center;gap:22px;padding:27px 0;display:flex}.brand-feedback-selectors button:last-child{border-bottom:1px solid var(--line)}.brand-feedback-selectors button[aria-pressed=true]{color:var(--foreground)}.brand-feedback-selectors button[aria-pressed=true] .brand-feedback-number{color:var(--accent)}.brand-feedback-selectors button>span:nth-child(2){flex:1;font-size:24px}.brand-feedback-selectors small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.brand-feedback-number{font-size:12px}.brand-feedback-text{letter-spacing:-.025em;margin-top:24px;font-size:clamp(24px,2.6vw,38px);line-height:1.5}.brand-feedback-credit{color:var(--muted);margin-top:25px;font-size:12px}.brand-contact{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:30px;display:grid}.brand-contact-copy{grid-area:1/1;min-width:0}.brand-contact h2{font-size:clamp(70px,8vw,120px)}.brand-contact-arrow{display:none}.brand-contact-actions{flex-wrap:wrap}.brand-contact-character{text-align:center;grid-area:1/2;min-width:0}.brand-contact-art{aspect-ratio:1;background:radial-gradient(#a49af518,#0000 68%);width:100%;position:relative}.brand-contact-art video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.brand-contact-art .contact-animation{object-fit:cover}.brand-character-control{border:1px solid var(--line-strong);color:var(--muted);cursor:pointer;border-radius:30px;min-height:44px;padding:12px 18px;font-size:11px}.brand-character-control:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.brand-character-control:disabled{cursor:default}@media (prefers-reduced-motion:no-preference){.brand-feedback-quote{animation:.35s both brand-arrive}}@media (max-width:900px){.brand-about,.brand-feedback-grid{grid-template-columns:1fr;gap:40px}.brand-contact{grid-template-columns:1fr}.brand-contact-character{grid-area:1/1;justify-self:center;width:100%;max-width:340px}.brand-contact-copy{grid-area:2/1}}
