:root{--black:#050505;--ink:#0b0b0b;--white:#f5f4ef;--gray:#aaa9a4;--line:#292929;--cream:#f1f0eb;font-family:Arial,Helvetica,sans-serif;color:var(--white);background:var(--black)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:92px;display:flex;align-items:center;padding:0 6vw;background:rgba(5,5,5,.92);border-bottom:1px solid #1f1f1f;backdrop-filter:blur(16px)}.brand-mark{width:72px;flex:0 0 auto}.brand-mark img{width:100%}.site-nav{display:flex;gap:32px;margin:auto;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.14em;color:#c2c2c2}.site-nav a{position:relative;padding:35px 0}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:23px;height:1px;background:#fff;transition:right .25s}.site-nav a:hover:after,.site-nav a.active:after{right:0}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border:1px solid currentColor;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em;transition:.25s}.header-cta:hover,.button:hover{transform:translateY(-2px)}.primary{background:#fff;color:#050505}.dark{background:#050505;color:#fff}.menu-toggle{display:none;background:none;border:0;color:white;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden;padding-top:92px}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 35%,rgba(0,0,0,.15) 72%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 58%)}.hero-copy{position:relative;z-index:2;width:min(970px,88vw);padding:0 5.7vw 9vh}.hero-logo{width:130px;margin-bottom:54px}.eyebrow,.section-kicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.23em;color:#a7a7a7}.hero h1{margin:24px 0 28px;font-size:clamp(68px,9vw,152px);line-height:.83;letter-spacing:-.065em;text-transform:uppercase}.hero h1 span{color:transparent;-webkit-text-stroke:1.2px #fff}.hero-intro{max-width:680px;font-size:20px;line-height:1.55;color:#d4d4d4}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.text-link{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.text-link span{margin-left:8px}.marquee{overflow:hidden;border-top:1px solid #202020;border-bottom:1px solid #202020;background:#0b0b0b;white-space:nowrap}.marquee div{padding:18px 0;font-size:11px;text-transform:uppercase;letter-spacing:.18em;animation:marquee 24s linear infinite}.marquee i{margin:0 30px;color:#666}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-35%)}}.section-light{background:var(--cream);color:#050505}.section-dark{background:#111}.section-black{background:#050505}.story,.values,.how,.gallery-preview,.team-feature,.final-cta{padding:125px 6vw}.display{font-size:clamp(54px,7.6vw,124px);line-height:.89;letter-spacing:-.065em;margin:28px 0 70px}.story-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:start}.story-grid p{font-size:20px;line-height:1.7;color:#7e7e7a;margin:0}.story-grid img{width:100%;max-height:620px;object-fit:cover}.section-heading{margin-bottom:65px}.section-heading h2,.team-copy h2{font-size:clamp(50px,6.2vw,98px);line-height:.91;letter-spacing:-.06em;margin:16px 0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333;border-left:1px solid #333}.value-grid article{padding:46px 30px 70px;border-right:1px solid #333;border-bottom:1px solid #333}.value-grid span,.steps b{font-size:11px;color:#777}.value-grid h3,.steps h3{font-size:24px;margin:36px 0 15px}.value-grid p,.steps p,.how-head p,.team-copy p{line-height:1.7;color:#999}.identity{position:relative;min-height:86vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.identity>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}.identity-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000d,#0005,#000d)}.identity-copy{position:relative;text-align:center;text-transform:uppercase}.identity-copy p{font-size:clamp(62px,9vw,148px);font-weight:1000;line-height:.82;letter-spacing:-.075em;margin:0}.identity-copy span{display:block;margin-top:38px;font-size:12px;letter-spacing:.17em;color:#bbb}.how-head{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end}.how-head .display{margin-bottom:40px}.how-head>p{padding-bottom:52px;font-size:18px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8c7c1}.steps article{padding:38px 28px 48px;border-right:1px solid #c8c7c1}.steps article:first-child{border-left:1px solid #c8c7c1}.steps p{color:#777}.center-action{text-align:center;margin-top:60px}.split{display:flex;justify-content:space-between;align-items:flex-end}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid figure{margin:0;min-height:420px;overflow:hidden;background:#070707}.gallery-grid figure.wide{grid-column:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gallery-grid figure:hover img{transform:scale(1.025)}.team-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.team-photo{background:#ddd;min-height:620px;display:flex;align-items:center}.team-photo img{width:100%}.team-copy p{font-size:18px;color:#72726e;max-width:620px}.dark-text{color:#666}.team-copy .button{margin-top:25px}.final-cta{text-align:center;padding-top:155px;padding-bottom:155px}.final-cta h2{font-size:clamp(66px,9vw,150px);line-height:.86;letter-spacing:-.07em;text-transform:uppercase;margin:26px 0 46px}.site-footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding:80px 6vw 35px;border-top:1px solid #262626;background:#080808}.footer-brand img{width:120px}.footer-brand p{color:#777;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.site-footer h3{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#666;margin:0 0 24px}.site-footer div>a{display:block;color:#bbb;font-size:13px;margin:0 0 13px}.footer-bottom{grid-column:1/-1;border-top:1px solid #252525;margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.page-hero{padding:185px 6vw 95px;background:#0a0a0a}.page-hero h1{font-size:clamp(60px,9vw,132px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase;margin:20px 0}.page-hero p{max-width:720px;color:#aaa;font-size:18px;line-height:1.7}.page-content{padding:95px 6vw;background:var(--cream);color:#050505;min-height:55vh}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.content-card{padding:42px;border:1px solid #cecdc7;background:#f8f7f3}.content-card h2{font-size:35px;letter-spacing:-.04em}.content-card p{color:#72726d;line-height:1.7}.contact-form{max-width:850px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:16px;border:1px solid #bdbcb6;background:#fff}.contact-form .wide{grid-column:1/-1}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.site-nav{gap:17px;font-size:10px}.value-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{height:72px;padding:0 20px}.brand-mark{width:60px}.menu-toggle{display:block;margin-left:auto}.site-nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;gap:0;background:#080808;border-bottom:1px solid #292929;padding:14px 22px}.site-nav.open{display:flex}.site-nav a{padding:15px 0}.site-nav a:after{display:none}.header-cta{display:none}.hero{padding-top:72px;min-height:90vh}.hero-copy{padding:0 22px 70px;width:100%}.hero-logo{margin-bottom:38px}.hero-intro{font-size:16px}.actions{align-items:flex-start;flex-direction:column}.story,.values,.how,.gallery-preview,.team-feature,.final-cta{padding:80px 22px}.story-grid,.how-head,.team-feature{grid-template-columns:1fr}.display{margin-bottom:40px}.value-grid,.steps,.gallery-grid{grid-template-columns:1fr}.steps article,.steps article:first-child{border-left:1px solid #c8c7c1}.gallery-grid figure.wide{grid-column:auto}.gallery-grid figure{min-height:300px}.split{display:block}.split .text-link{display:inline-block;margin-top:20px}.identity{min-height:70vh}.identity-copy p{font-size:15vw}.site-footer{grid-template-columns:1fr 1fr;padding:60px 22px 30px}.footer-brand{grid-column:1/-1}.footer-bottom{display:grid;gap:10px}.contact-form,.content-grid{grid-template-columns:1fr}.contact-form .wide{grid-column:auto}.page-hero{padding:140px 22px 70px}.page-content{padding:70px 22px}}


/* Sprint 1 — BE LTD teaser */
.be-ltd-page{min-height:100vh;background:#050505}
.be-ltd-main{min-height:100vh}
.be-ltd-coming-soon{position:relative;min-height:100vh;display:grid;place-items:center;padding:120px 24px 70px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#141414 0,#080808 34%,#050505 72%)}
.be-ltd-coming-soon:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.035) 50%,transparent 73%);transform:translateX(-70%);animation:beLtdLight 7s ease-in-out infinite}
.be-ltd-lockup{position:relative;text-align:center;text-transform:uppercase}
.be-ltd-title{margin:0;font-size:clamp(76px,16vw,240px);font-weight:1000;line-height:.8;letter-spacing:-.08em}
.be-ltd-soon{margin:34px 0 0;color:#8a8a8a;font-size:11px;font-weight:900;letter-spacing:.45em}
.be-ltd-tagline{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);margin:0;color:#585858;font-size:9px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
@keyframes beLtdLight{0%,28%{transform:translateX(-75%)}70%,100%{transform:translateX(75%)}}
@media(prefers-reduced-motion:reduce){.be-ltd-coming-soon:before{animation:none}}
@media(max-width:760px){.be-ltd-title{font-size:25vw}.be-ltd-soon{letter-spacing:.32em}.be-ltd-tagline{bottom:22px}}
/* =========================================================
   BELTD MOBILE PASS 1
   Responsive-only refinements. Desktop design/logic unchanged.
   ========================================================= */
@media (max-width: 760px) {
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .site-header {
    width: 100%;
    padding-left: max(18px, env(safe-area-inset-left));
    padding-right: max(18px, env(safe-area-inset-right));
  }

  .site-nav {
    max-height: calc(100svh - 72px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }

  .site-nav a,
  .menu-toggle,
  .button,
  .text-link {
    min-height: 44px;
  }

  .hero {
    min-height: 100svh;
  }

  .hero-copy {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: max(54px, env(safe-area-inset-bottom));
  }

  .hero h1 {
    font-size: clamp(48px, 16vw, 76px);
    line-height: .88;
    overflow-wrap: normal;
  }

  .hero-intro {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.55;
  }

  .actions {
    width: 100%;
    gap: 14px;
  }

  .actions .button {
    width: 100%;
    max-width: 360px;
  }

  .story,
  .values,
  .how,
  .gallery-preview,
  .team-feature,
  .final-cta {
    padding-left: 20px;
    padding-right: 20px;
  }

  .display,
  .section-heading h2,
  .team-copy h2,
  .final-cta h2 {
    overflow-wrap: normal;
    word-break: normal;
  }

  .display {
    font-size: clamp(48px, 14vw, 72px);
    line-height: .92;
  }

  .story-grid,
  .how-head,
  .team-feature,
  .content-grid,
  .contact-form {
    min-width: 0;
  }

  .story-grid > *,
  .how-head > *,
  .team-feature > *,
  .content-grid > *,
  .contact-form > * {
    min-width: 0;
  }

  .value-grid article,
  .steps article,
  .content-card {
    padding-left: 22px;
    padding-right: 22px;
  }

  .identity {
    min-height: 62svh;
  }

  .identity-copy {
    width: 100%;
    padding: 0 18px;
  }

  .identity-copy p {
    font-size: clamp(48px, 14vw, 72px);
    line-height: .9;
  }

  .identity-copy span {
    margin-top: 24px;
    font-size: 10px;
    line-height: 1.5;
  }

  .gallery-grid {
    gap: 12px;
  }

  .gallery-grid figure,
  .gallery-grid figure.wide {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .gallery-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .team-photo {
    min-height: 0;
  }

  .team-photo img {
    width: 100%;
    height: auto;
  }

  .page-hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-hero h1 {
    font-size: clamp(52px, 17vw, 78px);
  }

  .page-hero p,
  .content-card p,
  .team-copy p,
  .story-grid p,
  .how-head > p {
    font-size: 16px;
    line-height: 1.6;
  }

  .page-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-card {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .content-card h2 {
    font-size: clamp(28px, 9vw, 38px);
  }

  .contact-form input,
  .contact-form textarea,
  .contact-form select {
    min-height: 48px;
    font-size: 16px; /* prevents iOS focus zoom */
  }

  .contact-form textarea {
    min-height: 160px;
  }

  .center-action .button {
    width: 100%;
    max-width: 380px;
  }

  .site-footer {
    gap: 34px 24px;
  }

  .site-footer div > a {
    min-height: 32px;
    margin-bottom: 8px;
  }

  .footer-bottom {
    line-height: 1.5;
  }

  .marquee div {
    font-size: 10px;
  }

  img {
    height: auto;
  }
}

@media (max-width: 430px) {
  .site-header {
    height: 68px;
  }

  .site-nav {
    top: 68px;
    max-height: calc(100svh - 68px);
  }

  .hero {
    padding-top: 68px;
  }

  .brand-mark {
    width: 56px;
  }

  .hero-copy,
  .story,
  .values,
  .how,
  .gallery-preview,
  .team-feature,
  .final-cta,
  .page-hero,
  .page-content {
    padding-left: 18px;
    padding-right: 18px;
  }

  .story,
  .values,
  .how,
  .gallery-preview,
  .team-feature,
  .final-cta {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .hero h1 {
    font-size: clamp(44px, 15vw, 64px);
  }

  .display {
    font-size: clamp(44px, 13vw, 62px);
  }

  .site-footer {
    grid-template-columns: 1fr;
    padding-left: 18px;
    padding-right: 18px;
  }

  .footer-brand {
    grid-column: auto;
  }
}