.brand-page .brand{white-space:nowrap}.brand-word{margin-left:0}.brand-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:48px;padding:68px 0 72px}.brand-hero h1{font-size:clamp(58px,7.3vw,88px);line-height:1.07;letter-spacing:-4.5px;margin:20px 0 24px}.brand-deck{max-width:480px;font-size:15px;line-height:1.9;color:var(--text-muted)}.brand-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:30px}.brand-actions .primary{min-width:236px}.brand-actions .text-link{margin:0;font-size:12px}.brand-format{font-size:9px;line-height:1.8;letter-spacing:1.5px;color:var(--text-muted);margin-top:24px}.record-object{position:relative;width:300px;height:300px}.record-sleeve{position:absolute;inset:30px 40px 30px 0;border:1px solid #c7cbc5;border-radius:3px;background:linear-gradient(125deg,#e6e8e1,#d4d8ce);transform:rotate(-8deg);box-shadow:0 20px 40px #25272b10;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.record-sleeve>span{font-size:11px;letter-spacing:2px;color:#343936}.record-sleeve small{font-size:7px;letter-spacing:1.5px;color:#555e55}.record-lines{width:70px;height:70px;background:repeating-linear-gradient(0deg,transparent 0 7px,#7c857c 7px 8px);opacity:.5}.record-object>.disc{position:absolute;top:35px;right:-3px;width:225px;height:225px;transform:rotate(16deg) rotateY(-14deg)}.brand-workflow{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-heading h2{font-size:28px;line-height:1.4;letter-spacing:-.8px;font-weight:500;margin:15px 0 8px}.workflow-list{list-style:none;padding:0;margin:0}.workflow-list li{display:flex;gap:22px;padding:19px 0;border-bottom:1px solid var(--line-soft)}.workflow-list li:first-child{padding-top:0}.workflow-list li:last-child{border:0;padding-bottom:0}.workflow-list li>span{font-family:Consolas,monospace;font-size:10px;color:var(--text-muted);line-height:2.3}.workflow-list h3{font-size:14px;line-height:1.6;font-weight:500}.workflow-list p{font-size:12px;line-height:1.8;color:var(--text-muted);margin-top:6px;max-width:440px}.brand-guides{padding:36px 0 30px}.brand-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-section-heading h2{font-size:22px;letter-spacing:-.5px;font-weight:500}.brand-section-heading .text-link{margin:0;flex:none}.brand-guides .guide-list{display:grid;grid-template-columns:1fr 1fr;gap:32px}.brand-guides .guide-list a{font-size:15px}.brand-guides .guide-list p{font-size:12px}.brand-rights{font-size:11px;line-height:1.9;color:var(--text-muted);padding:0 0 32px}.brand-rights a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}
@media(max-width:950px){.brand-hero{grid-template-columns:minmax(0,1fr) 220px;gap:24px;padding:48px 0 52px}.brand-hero h1{font-size:66px;letter-spacing:-3px}.record-object{width:220px;height:250px}.record-sleeve{inset:25px 30px 25px 0;padding:18px}.record-object>.disc{width:180px;height:180px;top:38px;right:-6px}.record-sleeve small{font-size:6px}.brand-workflow{gap:36px}}
@media(max-width:700px){.brand-hero{grid-template-columns:1fr;padding:36px 0}.brand-hero h1{font-size:58px;letter-spacing:-2.8px}.brand-hero h1>span{display:inline}.brand-deck{font-size:14px;max-width:500px}.record-object{display:none}.brand-format{font-size:8px}.brand-workflow{grid-template-columns:1fr;gap:20px;padding:30px 0}.workflow-heading h2{font-size:25px}.brand-section-heading{align-items:flex-start}.brand-section-heading h2{font-size:22px;line-height:1.5;max-width:240px}.brand-guides .guide-list{grid-template-columns:1fr;gap:0}.brand-guides{padding-top:26px}.brand-actions{gap:8px 20px}.brand-actions .primary{min-width:220px}}