/* DevCommu — bespoke. Camp festival, rose brand, tickets & tape. */
.dc-hero{padding:72px 0 52px;position:relative;overflow:hidden}
.dc-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--brand) 24%,transparent) 1.3px,transparent 1.3px);background-size:22px 22px;opacity:.4;mask-image:linear-gradient(200deg,transparent 25%,black 80%);-webkit-mask-image:linear-gradient(200deg,transparent 25%,black 80%)}
.dc-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;position:relative}
.dc-poster{position:relative;transform:rotate(-2.5deg)}
.dc-poster img{aspect-ratio:1/1;object-fit:cover;border-radius:18px;border:2.5px solid #17131f;box-shadow:8px 8px 0 color-mix(in srgb,var(--brand) 30%,white);width:100%}
.dc-tape{position:absolute;width:86px;height:26px;top:-12px;background:color-mix(in srgb,var(--brand) 28%,white);border:1px solid color-mix(in srgb,var(--brand) 40%,white);z-index:2}
.dc-tape-l{left:6%;transform:rotate(-7deg)}
.dc-tape-r{right:6%;transform:rotate(6deg)}
.dc-badge{display:inline-block;border:2px solid var(--brand);color:var(--brand);background:#fff;border-radius:9px;padding:6px 15px;font-weight:700;font-size:.88rem}
.dc-copy h1{font-size:clamp(2rem,4.8vw,3rem);font-weight:800;letter-spacing:-.02em;max-width:15ch;margin:16px 0 12px}
.dc-copy p{max-width:46ch;font-size:1.08rem;color:#4a4358}
.dc-hero-ctas{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.dc-stubs{padding:34px 0 22px}
.dc-stubs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dc-stub{background:#fff;border:2px solid #17131f;border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;position:relative;box-shadow:4px 4px 0 color-mix(in srgb,var(--brand) 30%,white)}
.dc-stub::before,.dc-stub::after{content:"";position:absolute;top:calc(100% - 40px);width:16px;height:16px;border-radius:50%;background:var(--bg,#f4f0fb);border:2px solid #17131f}
.dc-stub::before{left:-10px;clip-path:inset(0 0 0 50%)}
.dc-stub::after{right:-10px;clip-path:inset(0 50% 0 0)}
.dc-stub-icon{font-size:1.3rem}
.dc-stub strong{font-size:1.5rem;font-weight:800;color:var(--brand)}
.dc-stub span:last-child{font-size:.85rem;color:#756d8a;font-weight:600}
.dc-mani{padding:56px 0}
.dc-mani h2{font-size:1.6rem;font-weight:800;letter-spacing:-.015em;margin-bottom:26px}
.dc-mani-list{list-style:none;margin:0;padding:0;max-width:760px}
.dc-mani-list li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px 0;border-bottom:2px dashed color-mix(in srgb,var(--brand) 30%,#e5dff2)}
.dc-mani-num{width:44px;height:44px;border-radius:50%;border:2.5px solid var(--brand);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem}
.dc-mani-list strong{font-size:1.08rem;font-weight:700}
.dc-mani-list p{margin:4px 0 0;color:#756d8a}
.dc-tickets{padding:52px 0}
.dc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}
.dc-head h2{font-size:1.6rem;font-weight:800;letter-spacing:-.015em}
.dc-head a{color:var(--brand);font-weight:700;font-size:.92rem}
.dc-tickets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dc-ticket{display:flex;flex-direction:column;background:#fff;border:2px solid #17131f;border-radius:16px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;box-shadow:4px 4px 0 color-mix(in srgb,var(--brand) 30%,white)}
.dc-ticket:hover{transform:translate(-2px,-2px) rotate(0deg)!important;box-shadow:7px 7px 0 color-mix(in srgb,var(--brand) 34%,white)}
.dc-ticket-photo{aspect-ratio:16/10;background:#f6f2fd;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dc-ticket-photo img{width:100%;height:100%;object-fit:cover}
.dc-ticket-photo b{font-size:2.2rem;color:color-mix(in srgb,var(--brand) 55%,white)}
.dc-ticket-body{padding:14px 16px 16px;border-top:2px dashed color-mix(in srgb,var(--brand) 45%,#e5dff2);display:flex;flex-direction:column;gap:8px}
.dc-ticket-name{font-weight:700}
.dc-ticket-buy{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--brand)}
.dc-ticket-price{font-weight:800}
.dc-stories{padding:48px 0}
.dc-stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dc-story{display:flex;flex-direction:column;gap:8px;background:#fff;border:2px solid #e5dff2;border-radius:14px;padding:12px}
.dc-story img{aspect-ratio:16/10;object-fit:cover;border-radius:9px;width:100%}
.dc-story-date{font-size:.82rem;font-weight:600;color:var(--brand)}
.dc-story strong{font-size:1rem}
.dc-chips{overflow:hidden;background:var(--brand);border-top:2px solid #17131f;border-bottom:2px solid #17131f;transform:rotate(-1.1deg) scale(1.02);margin:30px -10px}
.dc-chips-track{display:flex;width:max-content;animation:dc-scroll 24s linear infinite}
.dc-chips-track span{white-space:nowrap;padding:11px 0;color:#fff;font-weight:700}
@keyframes dc-scroll{to{transform:translateX(-50%)}}
.dc-cta{background-color:#17131f;background-size:cover;background-position:center;padding:70px 0;text-align:center;position:relative}
.dc-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,19,31,.82),rgba(23,19,31,.5))}
.dc-cta .container{position:relative;max-width:640px}
.dc-cta h2{color:#fff;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}
.dc-cta p{color:rgba(255,255,255,.82);margin:10px 0 24px}
@media(max-width:860px){.dc-hero-grid{grid-template-columns:1fr}.dc-stubs-row{grid-template-columns:repeat(2,1fr)}.dc-tickets-grid,.dc-stories-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.dc-tickets-grid,.dc-stories-grid{grid-template-columns:1fr}}