/* Shared section pages and the small header-logo interaction. */
header .brand img{animation:dd-brand-entrance .8s cubic-bezier(.2,.7,.2,1);transform-origin:50% 55%;transition:transform .35s ease,filter .35s ease}
header .brand:hover img,header .brand:focus-visible img{transform:translateY(-2px) rotate(-1deg) scale(1.035);filter:drop-shadow(0 0 9px #e100f550) drop-shadow(0 3px 9px #ff911a30)}
@keyframes dd-brand-entrance{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
.section-permalink{width:fit-content;max-width:100%;transition:color .25s ease}
.section-permalink-arrow{display:inline-block;margin-left:8px;transition:transform .25s ease}
.section-permalink:hover .section-permalink-arrow,.section-permalink:focus-visible .section-permalink-arrow{transform:translate(3px,-3px)}
.page-breadcrumb{max-width:1600px;margin:0 auto;padding:30px 7% 0;display:flex;flex-wrap:wrap;gap:12px;font-size:12px;line-height:1.7;color:var(--muted)}
.page-breadcrumb a{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.page-breadcrumb a:hover{color:var(--orange)}
.section-page-main>.section{padding-top:48px;padding-bottom:75px;min-height:0}
.section-page-title{font-size:clamp(35px,4vw,58px);line-height:1.12;letter-spacing:-2px;margin-bottom:26px}
.section-page .contact .section-page-title{font-size:clamp(50px,5.7vw,82px);letter-spacing:-3px}
.section-page .contact .section-page-title em{background:linear-gradient(90deg,#ff911a,#ff765e,#ed76ff);background-clip:text;color:transparent}
html[data-theme=light] .section-page .contact .section-page-title em{background-image:linear-gradient(90deg,#ac4800,#b4245d,#8c149c)}
.dd-scroll [data-scroll-tone] .section-page-title{color:var(--scroll-fg)}
#navigation a[aria-current=page]{border-color:#ff911a;box-shadow:0 0 0 1px #ff911a50}
.section-index{padding:30px 7% 65px;max-width:1600px;margin:auto;border-top:1px solid var(--line)}
.section-index>p{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;margin-bottom:20px}
.section-index ul{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.section-index a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:600;transition:background .25s,border-color .25s,transform .25s}
.section-index a:hover,.section-index a:focus-visible{border-color:#e100f5;transform:translateY(-2px);background:#e100f510}
.section-index a[aria-current=page]{border-color:#ba9af7;background:#8e3eff16}
.section-index a span{color:var(--orange)}
@media(max-width:700px){.page-breadcrumb{padding:25px 6% 0}.section-page-main>.section{padding-top:32px;padding-bottom:50px}.section-page-title{font-size:37px;letter-spacing:-1.6px}.section-page .contact .section-page-title{font-size:clamp(43px,10vw,59px)}.section-index{padding:25px 6% 45px}.section-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.section-index a{height:100%;padding:13px 12px;font-size:12px;gap:9px}}
@media(prefers-reduced-motion:reduce){header .brand img{animation:none;transition:none}header .brand:hover img,header .brand:focus-visible img{transform:none}.section-permalink,.section-permalink-arrow,.section-index a{transition:none}.section-permalink:hover .section-permalink-arrow,.section-permalink:focus-visible .section-permalink-arrow,.section-index a:hover{transform:none}}