/*
Theme Name: Degen Labs
Author: Degenaissance Labs Inc
Description: A bold, editable company and portfolio block theme for Degen Labs.
Version: 1.0.2
Requires at least: 6.6
License: GNU General Public License v2 or later
Text Domain: degen-labs
*/
:root { --background: #101010; --foreground: #f7f7f4; --primary: #ffdf00; --border:#454545; --radius:0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:5rem; }
body { margin:0; background:var(--background); color:var(--foreground); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid #ffdf00; outline-offset:8px; }
.skip { position:absolute; top:-100px; z-index:10; padding:1rem; background:#ffdf00; color:#101010; }.skip:focus { top:0; }
.header { display:flex; justify-content:space-between; align-items:center; padding:2rem 5%; border-bottom:1px solid #383838; }
.wordmark { font-size:1.65rem; font-weight:900; letter-spacing:-.07em; line-height:.85; position:relative; }.wordmark span { display:block; letter-spacing:.08em; }.wordmark i { position:absolute; right:-.9rem; top:0; font-size:.7rem; font-style:normal; }
nav { display:flex; gap:2.5rem; font-size:.875rem; font-weight:700; letter-spacing:.06em; }nav a:hover { color:#ffdf00; }
.hero { min-height:calc(100svh - 112px); padding:4.5rem 5% 2rem; display:flex; flex-direction:column; justify-content:center; position:relative; }
.eyebrow { font-size:.875rem; font-weight:700; letter-spacing:.14em; margin:0 0 2.5rem; }
h1 { font-size:clamp(3.3rem,10.5vw,10rem); line-height:.9; letter-spacing:-.055em; margin:0; font-weight:900; }h1 span { color:#ffdf00; }
.hero-bottom { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin:3.5rem 0 4rem; }.hero-bottom p { font-size:1.125rem; line-height:1.55; margin:0; }
.outline-link { display:inline-flex; justify-content:space-between; align-items:center; gap:3rem; border:2px solid currentColor; padding:1.15rem 1.5rem; font-size:.875rem; font-weight:700; letter-spacing:.04em; transition:background .2s,color .2s; }.outline-link:hover { background:#ffdf00; border-color:#ffdf00; color:#101010; }.outline-link span { font-size:1.2rem; }
.index { position:absolute; bottom:1.6rem; right:5%; font-family:monospace; font-size:.75rem; letter-spacing:.06em; color:#a8a8a8; }
.section { padding:7rem 5%; display:grid; grid-template-columns:1fr 2fr; gap:3rem; }
.company { background:#f4f4f0; color:#111; }.company a:focus-visible { outline-color:#111; }
h2 { font-size:clamp(2.5rem,5vw,5.5rem); line-height:1; letter-spacing:-.045em; margin:0 0 2.5rem; font-weight:900; }.section p:not(.eyebrow) { font-size:1.25rem; line-height:1.65; max-width:38rem; }.section .aside { color:#666; margin-top:2rem; }
.work { border-bottom:1px solid #383838; }.work .outline-link { margin-top:2rem; }
footer { padding:2.5rem 5%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.5rem; font-size:.8rem; }footer p { color:#aaa; }footer span { letter-spacing:.1em; }.footer-brand { font-weight:900; font-size:1.125rem; letter-spacing:-.03em; }
@media(max-width:700px) { .header { padding:1.5rem 6%; }nav { gap:1.25rem; font-size:.75rem; }.hero { padding:4rem 6% 3rem; min-height:calc(100svh - 96px); } .hero-bottom { align-items:start; flex-direction:column; margin:2.5rem 0 2rem; } .section { display:block; padding:4.5rem 6%; } .section .eyebrow { margin-bottom:3rem; } .outline-link { width:100%; max-width:24rem; } footer { padding:2rem 6%; } footer p { flex-basis:100%; order:3; margin:0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

.wp-site-blocks {padding:0}.wp-site-blocks > * {margin-block-start:0}.wp-block-button__link {border-radius:0}.wp-block-navigation a:hover{color:#ffdf00}.hero h1{max-width:100%}.company .wp-block-group,.work .wp-block-group{margin:0}.header p,footer p{margin:0}.hero-bottom .wp-block-button__link{border:2px solid currentColor;background:transparent;color:inherit;padding:1.15rem 1.5rem;font-size:.875rem;font-weight:700}.hero-bottom .wp-block-button__link:hover{color:#101010;background:#ffdf00}.dl-content{padding:4rem 5%}.dl-content h1{font-size:clamp(3rem,7vw,7rem)}

/* Contact and responsive navigation */
.header .wp-block-navigation__container{gap:2rem}.header .wp-block-navigation-item__content{display:flex;align-items:center;min-height:44px}.header .wp-block-navigation__responsive-container-open,.header .wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px;justify-content:center;align-items:center}.header .wp-block-navigation__responsive-container.is-menu-open{background:#101010;color:#f7f7f4;padding:5rem 6% 2rem}.header .is-menu-open .wp-block-navigation__container{gap:1.25rem;align-items:flex-start}.header .is-menu-open a{font-size:1.125rem;padding:.5rem 0}.contact{background:#ffdf00;color:#101010}.contact a:focus-visible{outline-color:#101010}.contact .wp-block-buttons{margin:2rem 0 1.25rem}.contact .wp-block-button__link{background:#101010;color:#ffdf00;border:2px solid #101010;padding:1.1rem 1.5rem;font-size:1rem;font-weight:700}.contact .wp-block-button__link:hover{background:transparent;color:#101010}.contact p a{text-decoration:underline;text-underline-offset:.25em}.section>div{min-width:0}.contact p{overflow-wrap:anywhere}@media(max-width:700px){.hero{padding-top:3rem}.header .wp-block-navigation{font-size:.875rem}.contact h2{font-size:clamp(2rem,8.5vw,3.5rem)}}
/* Phone and tablet refinements */
@media(max-width:782px){
.header{padding:20px 6%;min-height:84px;gap:20px}
.header .wordmark{font-size:1.5rem}
.header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
.header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
.header .wp-block-navigation__responsive-container.is-menu-open{background:#101010!important;color:#f7f7f4!important;padding:80px 6% 32px}
.header .is-menu-open .wp-block-navigation__container{align-items:stretch;width:100%;gap:12px}
.header .is-menu-open .wp-block-navigation-item__content{padding:14px 0;font-size:1.125rem;min-height:48px}
.hero{min-height:0;padding:56px 6% 48px;justify-content:flex-start}
.hero .eyebrow{font-size:.72rem;letter-spacing:.12em;margin-bottom:28px}
.hero h1{font-size:clamp(2.25rem,12vw,5.5rem);line-height:.98;letter-spacing:-.055em}
.hero-bottom{flex-direction:column;align-items:stretch;gap:24px;margin:28px 0 0}
.hero-bottom p{font-size:1rem;line-height:1.6}
.hero-bottom .wp-block-buttons,.contact .wp-block-buttons{width:100%;margin:0}
.hero-bottom .wp-block-button,.contact .wp-block-button{width:100%}
.hero-bottom .wp-block-button__link,.contact .wp-block-button__link{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:16px 20px;font-size:.875rem}
.section{display:block;padding:48px 6%}
.section .eyebrow{font-size:.72rem;letter-spacing:.12em;margin-bottom:24px}
.section h2,.contact h2{font-size:clamp(1.875rem,8.8vw,3.75rem);line-height:1.05;margin:0 0 20px}
.section p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;margin:0;max-width:38rem}
.contact .wp-block-buttons{margin-top:24px}
.wp-site-blocks .degen-crowd canvas{height:185px}
.wp-site-blocks .degen-crowd-controls{padding:8px 6%;gap:16px;align-items:flex-start}
footer.wp-block-group{padding:28px 6%;gap:12px}
footer.wp-block-group p{flex-basis:100%;line-height:1.5}
footer .footer-brand a{display:inline-flex;min-height:44px;align-items:center}
}
@media(min-width:783px) and (max-width:1024px){.section{grid-template-columns:1fr 2fr;gap:24px;padding:72px 5%}.header .wp-block-navigation__container{gap:20px}}