section{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-section-top) clamp(1.2rem,5vw,6rem);z-index:10}canvas{touch-action:pan-y}.container-wide{width:100%;max-width:1440px;margin:0 auto;position:relative;z-index:2}.section-hero{min-height:100vh;padding-top:8rem;padding-bottom:var(--space-section-top);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:3.5rem;align-items:center}.hero-content{display:flex;flex-direction:column;gap:1.5rem;max-width:760px;text-align:left}.hero-content .meta-tag{margin-bottom:0}.hero-title{font-family:var(--font-display);font-size:clamp(2.3rem,7.5vw,6.4rem);font-weight:800;line-height:1.05;letter-spacing:.02em;word-spacing:.1em;color:#fff}.hero-tagline{font-family:var(--font-display);font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:600;color:var(--active-stream-color);line-height:1.3;transition:color .6s ease}.hero-supporting{font-family:var(--font-body);font-size:1.15rem;font-weight:400;color:var(--text-secondary);line-height:1.8;max-width:540px;border-left:2px solid var(--border-subtle);padding-left:1.5rem}.hero-cta-group{display:flex;align-items:center;gap:1.25rem;margin-top:1rem;flex-wrap:wrap}.hero-canvas-wrapper{position:relative;width:100%;height:clamp(420px,60vh,650px);display:flex;align-items:center;justify-content:center}.hero-canvas-wrapper canvas{width:100%;height:100%}.section-wristband{flex-direction:column;text-align:center;min-height:auto;padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.wristband-stage{position:relative;width:100%;max-width:760px;height:clamp(400px,44vh,480px);margin:1rem auto var(--space-content);background:transparent}.wristband-stage canvas{width:100%;height:100%}@media (max-width: 1023px){.wristband-stage{height:clamp(360px,42vh,420px)}}@media (max-width: 640px){.wristband-stage{height:clamp(300px,46vh,350px);margin:1rem auto}}.wristband-controls{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:var(--space-content)}.section-wristband .meta-tag,.section-wristband .section-subtitle{margin-left:auto;margin-right:auto}.section-wristband .section-subtitle{margin-bottom:var(--space-content)}.wristband-stream-pills{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.btn-wrist-stream{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.btn-wrist-stream:hover,.btn-wrist-stream.active{transform:scale(1.25);border-color:#fff;box-shadow:0 0 18px currentColor}.bands-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;margin-top:var(--space-desc)}.band-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:1.8rem;transition:all .35s var(--ease-out-expo);display:flex;flex-direction:column;justify-content:space-between}.band-card:hover,.band-card.active{border-color:var(--active-stream-color);background:var(--bg-surface-elevated);transform:translateY(-4px);box-shadow:0 16px 36px #0006}.band-thumb-crop{width:100%;height:120px;border-radius:12px;overflow:hidden;position:relative;background:#0b0e14;margin-bottom:1.2rem;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.band-thumb-crop img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.band-card:hover .band-thumb-crop img{transform:scale(1.05)}.crop-truth img{object-position:12% 4%;transform:scale(2.2)}.crop-gratitude img{object-position:88% 4%;transform:scale(2.2)}.crop-forgiveness img{object-position:12% 35%;transform:scale(2.2)}.crop-love img{object-position:88% 35%;transform:scale(2.2)}.crop-humility img{object-position:12% 65%;transform:scale(2.2)}.crop-giving img{object-position:88% 65%;transform:scale(2.2)}.crop-patience img{object-position:50% 95%;transform:scale(2)}.bands-photo-banner{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;padding:2.5rem;display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center;margin-bottom:3.5rem;box-shadow:0 16px 48px #00000080}.photo-banner-image{width:100%;max-height:480px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.6))}.section-shaping{flex-direction:column;text-align:center}.shaping-header{margin-bottom:var(--space-content);max-width:880px}.shaping-title{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,4.2rem);font-weight:800;line-height:1.16;letter-spacing:.01em;word-spacing:.15em;margin-top:.5rem;margin-bottom:.85rem}.shaping-3d-stage{position:relative;width:100%;height:clamp(450px,65vh,680px);margin:var(--space-content) 0}.shaping-3d-stage canvas{width:100%;height:100%}.floating-influence-tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.influence-tag{position:absolute;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.45rem 1rem;border-radius:9999px;transition:all .4s ease}.influence-tag:nth-child(1){top:15%;left:18%}.influence-tag:nth-child(2){top:22%;right:20%}.influence-tag:nth-child(3){top:48%;left:10%}.influence-tag:nth-child(4){top:52%;right:12%}.influence-tag:nth-child(5){bottom:25%;left:22%}.influence-tag:nth-child(6){bottom:20%;right:24%}.influence-tag:nth-child(7){top:35%;left:45%}.shaping-climax{max-width:840px;margin-top:var(--space-content)}.shaping-subtext{font-family:var(--font-body);font-size:1.35rem;color:var(--text-muted);margin-bottom:.75rem}.shaping-statement{font-family:var(--font-display);font-size:clamp(1.8rem,3.8vw,3.2rem);font-weight:800;line-height:1.2;letter-spacing:.01em;word-spacing:.15em;color:#fff}.section-authorship{flex-direction:column}.authorship-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.authorship-hud{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.branch-selector-list{display:flex;flex-wrap:wrap;gap:.65rem;margin:var(--space-content) 0}.btn-branch{font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:9999px;padding:.55rem 1.15rem;cursor:pointer;transition:all .3s ease}.btn-branch.active,.btn-branch:hover{background:#ffffff26;border-color:var(--active-stream-color);color:#fff}.branch-display-card{border-top:1px solid var(--border-subtle);padding-top:var(--space-content);margin-top:var(--space-content)}.branch-card-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:.06em;word-spacing:.1em;margin-top:.35rem;margin-bottom:.55rem}.branch-card-statement{font-family:var(--font-body);font-size:1.2rem;font-weight:600;color:var(--active-stream-color);margin-bottom:.75rem}.branch-card-desc{font-family:var(--font-body);font-size:1.02rem;color:var(--text-secondary);line-height:1.7}.authorship-canvas-wrapper{position:relative;width:100%;height:clamp(450px,60vh,650px)}.authorship-canvas-wrapper canvas{width:100%;height:100%}.section-final{min-height:90vh;flex-direction:column;text-align:center;justify-content:center}.final-quote{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,4rem);font-weight:600;color:var(--text-secondary);line-height:1.25;word-spacing:.12em;margin-bottom:2rem}.final-quote-highlight{display:block;font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,5.2rem);font-weight:800;color:#fff;margin-top:1rem;letter-spacing:.015em;word-spacing:.12em}.final-brand{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:.25em;color:var(--active-stream-color);margin-bottom:2.5rem}.site-footer{width:100%;border-top:1px solid var(--border-subtle);padding:4rem clamp(1.5rem,5vw,6rem) 3rem;display:flex;flex-direction:column;gap:3rem;background:var(--bg-dark);z-index:10;position:relative}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.footer-brand-col{max-width:400px}.footer-logo{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;margin-bottom:.8rem}.footer-desc{font-family:var(--font-body);font-size:.96rem;color:var(--text-muted);line-height:1.7}.footer-links-grid{display:flex;gap:4rem;flex-wrap:wrap}.footer-col-title{font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:1.2rem}.footer-link-list{list-style:none;display:flex;flex-direction:column;gap:.8rem}.footer-link{font-family:var(--font-body);font-size:.92rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted)}@media (max-width: 960px){.hero-grid,.authorship-grid,.bands-photo-banner{grid-template-columns:1fr;gap:2.5rem}}@media (max-width: 768px){:root{--space-section-top: clamp(3rem, 7vw, 4.5rem);--space-eyebrow: .65rem;--space-heading: 1rem;--space-desc: 1.75rem;--space-content: 1.25rem}.section-hero{padding-top:6rem;min-height:80vh}.hero-content{text-align:center;align-items:center;max-width:100%;padding:0 1rem}.hero-supporting{font-size:1.02rem;padding-left:0;border-left:none}.hero-cta-group{justify-content:center}.hero-tagline{font-size:clamp(1.3rem,4vw,1.8rem)}.hero-canvas-wrapper{height:clamp(300px,45vh,440px)}.shaping-3d-stage{height:clamp(280px,42vh,380px)}.floating-influence-tags{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1.25rem;pointer-events:auto}.influence-tag{position:static;font-size:.72rem;padding:.35rem .8rem}.authorship-hud{padding:clamp(1.2rem,4vw,2rem)}.authorship-canvas-wrapper{height:clamp(300px,45vh,400px)}.shaping-subtext{font-size:1.1rem}.shaping-statement{font-size:clamp(1.4rem,5vw,2.4rem)}}
