:root{--blue:#7DA9FF;--orange:#FF751F;--red:#D31140;--green:#6C7655;--grey:#D9D9D9;--yellow:#FFF5B5;--ink:#101010;--cream:#FFF9EE}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.site-header{height:74px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);border-bottom:2px solid var(--ink);position:relative;z-index:5}.brand{text-decoration:none;display:flex;align-items:baseline;gap:13px}.brand strong{font-size:31px;line-height:1;font-weight:1000;letter-spacing:-1.5px}.brand span,.stamp{font-family:"Courier New",monospace;font-weight:900;letter-spacing:3px}.brand span{font-size:10px}nav{display:flex;gap:25px}nav a{text-decoration:none;text-transform:uppercase;font-weight:900;font-size:13px}.hero{background:var(--blue);min-height:760px;padding:6vw 5vw 0;display:grid;grid-template-columns:1fr .9fr;overflow:hidden;position:relative}.hero-copy{z-index:2}.stamp{font-size:14px;margin:0 0 26px}.hero h1,.section-intro h2,.about h2,.merch h2,.hello h2{font-weight:1000;letter-spacing:-.065em;line-height:.82;margin:0}.hero h1{font-size:clamp(70px,9.2vw,145px)}.hero h1 em{font-style:normal;color:var(--orange)}.lede{font-size:clamp(20px,2vw,29px);line-height:1.35;margin:34px 0 30px}.button{display:inline-flex;gap:35px;justify-content:space-between;text-decoration:none;padding:18px 21px;border:2px solid var(--ink);font-weight:1000;box-shadow:6px 6px 0 var(--ink)}.button.black{background:var(--ink);color:white}.hero-art{display:flex;align-items:flex-end;justify-content:center;min-width:0}.hero-art img{width:min(720px,115%);transform:rotate(2deg) translateY(5%);filter:drop-shadow(12px 12px 0 rgba(0,0,0,.12))}.ticker{display:flex;justify-content:space-around;gap:45px;overflow:hidden;white-space:nowrap;background:var(--orange);padding:21px 3vw;border-block:2px solid var(--ink);font-size:19px;font-weight:1000}.menu{background:var(--yellow);padding:8vw 5vw}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:5vw}.section-intro h2{font-size:clamp(70px,10vw,150px)}.menu-list{border-top:3px solid var(--ink)}.menu-list article{display:grid;grid-template-columns:60px .65fr 1fr;gap:28px;align-items:center;padding:25px 10px;border-bottom:2px solid var(--ink)}.menu-list span{font-family:"Courier New",monospace;font-weight:900}.menu-list h3{font-size:clamp(30px,4vw,55px);margin:0;letter-spacing:-.04em}.menu-list p{font-size:18px;line-height:1.45;margin:0;max-width:600px}.menu-note{font-family:"Courier New",monospace;font-weight:900;letter-spacing:2px;text-align:right;margin:24px 0 0}.about{background:var(--red);color:var(--yellow);display:grid;grid-template-columns:.95fr 1.05fr;gap:7vw;padding:7vw 5vw;align-items:center}.about-art img{display:block;width:100%;box-shadow:15px 15px 0 var(--ink)}.about h2{font-size:clamp(70px,9vw,140px)}.about-copy>p:not(.stamp){font-size:22px;line-height:1.5;max-width:640px}.rule{height:3px;background:var(--yellow);margin:35px 0}.about-copy strong{font-size:30px}.merch{background:var(--green);color:white;padding:7vw 5vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.merch h2{font-size:clamp(80px,11vw,170px)}.merch>div>p:not(.stamp){font-size:22px;line-height:1.45}.merch-card{height:430px;background:var(--yellow);border:3px solid var(--ink);box-shadow:14px 14px 0 var(--ink);color:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transform:rotate(1deg)}.merch-card p{font-size:clamp(40px,6vw,85px)!important;font-weight:1000;letter-spacing:-.06em;margin:0!important;z-index:2}.merch-card span{position:absolute;bottom:25px;background:var(--red);color:var(--yellow);padding:10px 15px;font-family:"Courier New",monospace;font-weight:900;letter-spacing:2px}.mini-mascot{position:absolute;width:220px;height:170px;overflow:hidden;opacity:.22;right:-20px;top:-10px;transform:rotate(12deg)}.mini-mascot img{width:420px;transform:translate(-100px,-50px)}.hello{background:var(--grey);padding:8vw 5vw;text-align:center}.hello h2{font-size:clamp(90px,13vw,190px);color:var(--red)}.hello a{display:inline-block;margin-top:40px;background:var(--yellow);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:18px 24px;text-decoration:none;font-weight:1000;font-size:20px}footer{background:var(--ink);color:white;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;font-family:"Courier New",monospace;font-weight:900;letter-spacing:1.5px}.footer-brand{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:1000}.footer-brand span{font:900 10px "Courier New",monospace;letter-spacing:2px;margin-left:8px}
@media(max-width:800px){.site-header{height:64px;padding:0 5vw;position:relative}.brand strong{font-size:26px}.brand span{font-size:8px;letter-spacing:2px}nav{gap:13px}nav a{font-size:11px}.hero{min-height:0;display:flex;flex-direction:column;padding:12vw 6vw 0}.hero .stamp{margin-bottom:22px}.hero h1{font-size:16vw;line-height:.84}.lede{font-size:20px;margin:28px 0}.button{padding:15px 18px}.hero-art{height:270px;margin-top:25px}.hero-art img{width:115%;max-width:540px;transform:rotate(2deg) translateY(20%)}.ticker{justify-content:flex-start;font-size:15px;padding:17px 5vw}.menu{padding:14vw 6vw}.section-intro{display:block;margin-bottom:9vw}.section-intro h2{font-size:17vw}.menu-list article{grid-template-columns:38px 1fr;padding:21px 0;gap:10px}.menu-list h3{font-size:9vw}.menu-list p{grid-column:2;font-size:16px;margin-top:-2px;padding-right:3vw}.menu-note{text-align:left;font-size:12px;line-height:1.4}.about{grid-template-columns:1fr;padding:12vw 6vw;gap:12vw}.about-art{padding-right:4vw}.about h2{font-size:16vw}.about-copy>p:not(.stamp){font-size:18px}.about-copy strong{font-size:23px}.merch{grid-template-columns:1fr;padding:13vw 6vw;gap:10vw}.merch h2{font-size:18vw}.merch-card{height:300px;box-shadow:9px 9px 0 var(--ink)}.merch-card p{font-size:12vw!important;text-align:center}.hello{padding:15vw 6vw}.hello h2{font-size:22vw}.hello a{font-size:15px;padding:16px 14px;box-shadow:6px 6px 0 var(--ink)}footer{padding:28px 6vw;flex-direction:column;gap:10px;text-align:center;font-size:11px}.footer-brand{font-size:22px}}

/* Original DBL logo in header */
.brand{display:flex;align-items:center;align-self:stretch;overflow:hidden;gap:0}
.brand img{display:block;width:auto;height:116px;max-width:190px;object-fit:contain}
@media(max-width:800px){.brand img{height:92px;max-width:126px}}

/* About Us portrait */
.about-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.about-copy .owners { margin-top: 1.5rem; letter-spacing: .02em; }
.about-copy .owners span { font-size: .8em; opacity: .72; }


/* Dedicated About page */
nav a[aria-current="page"]{border-bottom:2px solid currentColor;padding-bottom:4px}
.about-hero{min-height:530px;background:var(--red);color:var(--yellow);padding:7vw 5vw;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden;position:relative}
.about-hero h1,.founders-heading h2,.about-closing h2{font-weight:1000;letter-spacing:-.065em;line-height:.82;margin:0}
.about-hero h1{font-size:clamp(74px,10vw,155px)}.about-hero h1 em{font-style:normal;color:white}.about-hero-mark{font-size:clamp(150px,25vw,390px);font-weight:1000;letter-spacing:-.12em;line-height:.7;color:rgba(255,245,181,.12);transform:rotate(-6deg);user-select:none}
.origin-story{background:var(--yellow);padding:8vw 5vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.origin-big{font-size:clamp(100px,17vw,250px);font-weight:1000;letter-spacing:-.1em;line-height:.8;color:var(--blue)}.origin-copy{max-width:720px}.origin-copy p{font-size:clamp(19px,2vw,25px);line-height:1.55}.origin-copy .origin-lede{font-size:clamp(28px,3.2vw,45px);font-weight:900;line-height:1.12;letter-spacing:-.035em;margin-top:0}.origin-copy strong{color:var(--red)}
.founders-section{background:var(--cream);padding:7vw 5vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:3vw 7vw;align-items:start}.founders-photo{max-width:420px;justify-self:center;align-self:center}.founders-photo img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;object-position:center;border:3px solid var(--ink);box-shadow:11px 11px 0 var(--blue)}.founders-heading h2{font-size:clamp(78px,10vw,150px);color:var(--red)}.founder-card{border-top:3px solid var(--ink);padding:25px 0 0}.founder-card span,.founder-card .role{font-family:"Courier New",monospace;font-weight:900;letter-spacing:2px}.founder-card h3{font-size:clamp(42px,5vw,72px);letter-spacing:-.05em;margin:12px 0 2px}.founder-card .role{font-size:13px;color:var(--red);margin:0 0 20px}.founder-card>p:last-child{font-size:19px;line-height:1.55;max-width:560px}.about-closing{background:var(--blue);padding:8vw 5vw;text-align:center}.about-closing h2{font-size:clamp(75px,11vw,165px)}.about-closing .button{margin-top:45px}
@media(max-width:800px){.about-hero{min-height:420px;display:block;padding:14vw 6vw}.about-hero h1{font-size:16vw}.about-hero-mark{position:absolute;right:-4vw;bottom:4vw;font-size:40vw}.origin-story{grid-template-columns:1fr;padding:14vw 6vw;gap:8vw}.origin-big{font-size:31vw}.origin-copy p{font-size:18px}.origin-copy .origin-lede{font-size:28px}.founders-section{grid-template-columns:1fr;padding:13vw 6vw;gap:10vw}.founders-photo{width:68%;max-width:300px;justify-self:start}.founders-photo img{max-height:330px;box-shadow:8px 8px 0 var(--blue)}.founders-heading h2{font-size:17vw}.founder-card h3{font-size:12vw}.founder-card>p:last-child{font-size:17px}.about-closing{padding:15vw 6vw}.about-closing h2{font-size:17vw}}

/* Instagram footer link */
.instagram-link{color:inherit;text-decoration:none;font:inherit;letter-spacing:inherit;}
.instagram-link:hover,.instagram-link:focus{text-decoration:underline;}

/* Live shop navigation + category section */
.nav-shop{position:relative;display:flex;align-items:center}.shop-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:170px;background:var(--cream);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:8px 0;z-index:20}.nav-shop:hover .shop-dropdown,.nav-shop:focus-within .shop-dropdown{display:block}.shop-dropdown a{display:block;padding:10px 14px;white-space:nowrap}.shop-dropdown a:hover{background:var(--yellow)}
.shop-live{background:var(--green);color:white}.shop-copy .shop-button{margin-top:24px;background:var(--yellow);color:var(--ink)}.shop-categories{display:flex;flex-direction:column;border-top:3px solid white}.shop-category{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:18px;padding:28px 8px;border-bottom:2px solid white;color:white;text-decoration:none}.shop-category span{font:900 13px "Courier New",monospace}.shop-category strong{font-size:clamp(30px,4vw,58px);letter-spacing:-.04em}.shop-category em{font-style:normal;font:900 12px "Courier New",monospace;letter-spacing:2px}.shop-category:hover{background:var(--yellow);color:var(--ink)}
@media(max-width:800px){.shop-dropdown{left:auto;right:0;transform:none;min-width:150px}.shop-category{grid-template-columns:36px 1fr;padding:22px 0}.shop-category strong{font-size:8vw}.shop-category em{grid-column:2}.shop-copy .shop-button{margin-top:18px}}
