*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:white;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;background:radial-gradient(circle at 50% 5%,rgba(255,225,150,.20),transparent 18%),radial-gradient(circle at 18% 55%,rgba(30,190,255,.18),transparent 30%),radial-gradient(circle at 86% 50%,rgba(255,72,203,.22),transparent 32%),linear-gradient(180deg,#10031d,#1c0731 45%,#07020d)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:repeating-radial-gradient(circle at center,rgba(255,255,255,.22) 0 1px,transparent 1px 25px)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;background:rgba(9,3,23,.78);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}.brand{color:white;text-decoration:none;font-weight:800;letter-spacing:.27em;font-size:18px}.menu-lines{display:none}nav{display:flex;gap:22px}nav a{color:rgba(255,255,255,.72);text-decoration:none;font-size:14px}main{position:relative;z-index:1}.hero{width:min(1180px,92vw);margin:0 auto;padding:64px 0 92px}.tags{display:inline-block;margin:0 0 28px;padding:16px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);color:rgba(255,237,212,.9);font-size:14px;line-height:1.55;letter-spacing:.24em;text-transform:uppercase}.feature-panorama{display:block;width:100%;margin:0 0 44px;padding:34px 44px 38px;border:1px solid rgba(255,255,255,.18);border-radius:34px;background:rgba(255,255,255,.07);box-shadow:0 24px 90px rgba(0,0,0,.38);text-decoration:none}.feature-text p{margin:0 0 14px;color:rgba(255,255,255,.65);font-size:13px;letter-spacing:.36em}.feature-text h2{margin:0 0 24px;font-size:clamp(42px,7vw,72px);line-height:.95;letter-spacing:-.05em;background:linear-gradient(90deg,#aef9ff,#fff0a7,#ffc5da);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-panorama img{display:block;width:100%;height:auto;border-radius:24px;background:#15061f}h1{max-width:980px;margin:0 0 26px;font-size:clamp(54px,9vw,112px);line-height:.92;letter-spacing:-.065em}h1 span{background:linear-gradient(90deg,#fff0a7,#ffd1e4,#9ff8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.intro{max-width:850px;margin:0;color:rgba(255,255,255,.75);font-size:clamp(20px,2.3vw,30px);line-height:1.55}.buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;min-width:230px;padding:18px 28px;border-radius:999px;color:white;text-decoration:none;font-weight:900;font-size:18px}.primary{background:white;color:#14051f}.ghost{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07)}.section,.phone-section,.shop,.contact,.world-section,.phone-page,.dreams-section,.dreams-page{width:min(1180px,92vw);margin:0 auto;padding:90px 0}.section-card{padding:42px;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:rgba(255,255,255,.045)}.eyebrow{display:inline-block;margin:0 0 16px;color:rgba(255,225,198,.76);letter-spacing:.32em;font-size:12px}h2{margin:0 0 34px;font-size:clamp(42px,6vw,78px);line-height:.96;letter-spacing:-.05em}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.art-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(255,255,255,.055);padding:12px}.art-card.wide{grid-column:span 2}.art-card img{display:block;width:100%;height:390px;object-fit:cover;border-radius:22px}.art-card.wide img{object-fit:contain;background:#15061f}.card-copy{padding:18px 8px 8px}.type{margin:0 0 8px;color:rgba(255,255,255,.53);font-size:11px;letter-spacing:.28em}.card-copy h3{margin:0 0 12px;font-size:28px}.card-copy p{color:rgba(255,255,255,.65);line-height:1.6}.card-copy a{color:#fff0a4;font-weight:900}.world-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.world-image{padding:10px;border-radius:34px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055)}.world-image img{display:block;width:100%;height:600px;object-fit:cover;border-radius:26px}.world-section p,.shop p,.contact p,.phone-text,.dreams-text{color:rgba(255,255,255,.67);font-size:19px;line-height:1.7}.world-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.world-links a{border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.06);padding:22px;color:white;text-decoration:none;font-weight:900}.phone-cover,.dreams-cover{position:relative;display:block;margin-top:36px;padding:10px;overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.14);background:rgba(20,7,29,.82);text-decoration:none;box-shadow:0 24px 90px rgba(0,0,0,.32)}.phone-cover img,.dreams-cover img{display:block;width:100%;height:auto;border-radius:26px}.phone-label,.dreams-label{position:absolute;left:24px;bottom:24px;max-width:74%;padding:18px 24px;border-radius:24px;background:rgba(8,4,17,.58);backdrop-filter:blur(18px)}.phone-label p,.dreams-label p{margin:0 0 8px;font-size:11px;letter-spacing:.34em;color:rgba(255,255,255,.66)}.phone-label h3,.dreams-label h3{margin:0;color:white;font-size:clamp(32px,5vw,62px);line-height:.96}.shop{padding:70px;border-radius:44px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,64,200,.1),rgba(84,225,255,.09))}.center{justify-content:center}.contact{text-align:center}.phone-grid,.dream-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}.phone-grid img,.dream-card img{width:100%;height:600px;object-fit:contain;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#15061f;padding:8px}.dream-card{margin:0}footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.1);padding:30px 5vw;text-align:center;color:rgba(255,255,255,.46)}@media(max-width:900px){.topbar{padding:22px 5vw}.brand{font-size:18px}nav{display:none}.menu-lines{display:block;width:28px}.menu-lines span{display:block;height:2px;background:#fff;margin:6px 0}.hero{padding:50px 0 70px}.tags{font-size:13px;letter-spacing:.22em;border-radius:54px;padding:16px 20px}.feature-panorama{padding:24px 18px 20px;border-radius:28px;margin-bottom:40px}.feature-text h2{font-size:42px}.feature-panorama img{border-radius:20px}h1{font-size:64px}.intro{font-size:21px}.button{width:100%;font-size:18px}.section-card{padding:0;border:0;background:transparent}.art-grid{grid-template-columns:1fr}.art-card.wide{grid-column:auto}.art-card img{height:auto;max-height:none}.world-section{grid-template-columns:1fr}.world-image img{height:auto}.world-links{grid-template-columns:1fr}.phone-label,.dreams-label{left:14px;right:14px;bottom:14px;max-width:none;border-radius:20px;padding:14px 16px}.phone-label h3,.dreams-label h3{font-size:34px}.shop{padding:36px 24px;border-radius:32px}.phone-grid,.dream-grid{grid-template-columns:1fr}.phone-grid img,.dream-card img{height:auto;max-height:none}}

/* V13 Wearable Art, Hand Made */
.wearable-section,
.wearable-page{
  width:min(1180px,92vw);
  margin:0 auto;
  padding:90px 0;
}

.wearable-text{
  max-width:850px;
  color:rgba(255,255,255,.67);
  font-size:19px;
  line-height:1.7;
}

.wearable-cover{
  position:relative;
  display:block;
  margin-top:36px;
  padding:10px;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(20,7,29,.82);
  text-decoration:none;
  box-shadow:0 24px 90px rgba(0,0,0,.32);
}

.wearable-cover img{
  display:block;
  width:100%;
  max-height:720px;
  object-fit:contain;
  border-radius:26px;
  background:#15061f;
}

.wearable-label{
  position:absolute;
  left:24px;
  bottom:24px;
  max-width:74%;
  padding:18px 24px;
  border-radius:24px;
  background:rgba(8,4,17,.58);
  backdrop-filter:blur(18px);
}

.wearable-label p{
  margin:0 0 8px;
  font-size:11px;
  letter-spacing:.34em;
  color:rgba(255,255,255,.66);
}

.wearable-label h3{
  margin:0;
  color:white;
  font-size:clamp(32px,5vw,62px);
  line-height:.96;
}

.wearable-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:56px;
}

.wearable-card{
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  padding:8px;
}

.wearable-card img{
  display:block;
  width:100%;
  height:560px;
  object-fit:contain;
  border-radius:22px;
  background:#15061f;
}

@media(max-width:900px){
  .wearable-label{
    left:14px;
    right:14px;
    bottom:14px;
    max-width:none;
    border-radius:20px;
    padding:14px 16px;
  }
  .wearable-label h3{
    font-size:34px;
  }
  .wearable-grid{
    grid-template-columns:1fr;
  }
  .wearable-card img{
    height:auto;
    max-height:none;
  }
}


/* V15: no text overlays on artwork preview images */
.portal-card.clean-card,
.phone-cover.portal-card.clean-card,
.dreams-cover.portal-card.clean-card,
.wearable-cover.portal-card.clean-card{
  position:relative;
  display:block;
  overflow:hidden;
  padding:10px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(20,7,29,.82);
  text-decoration:none;
  box-shadow:0 24px 90px rgba(0,0,0,.32);
}

.portal-card.clean-card img,
.phone-cover.portal-card.clean-card img,
.dreams-cover.portal-card.clean-card img,
.wearable-cover.portal-card.clean-card img{
  display:block;
  width:100%;
  height:auto;
  border-radius:24px;
}

.portal-card-copy{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  max-width:none;
  margin-top:12px;
  padding:22px 24px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:none;
  display:grid;
  grid-template-columns:1fr auto;
  column-gap:16px;
  align-items:center;
}

.portal-card-copy p{
  grid-column:1 / -1;
  margin:0 0 8px;
  color:rgba(255,225,198,.76);
  font-size:11px;
  letter-spacing:.34em;
}

.portal-card-copy h3{
  margin:0;
  color:white;
  font-size:clamp(30px,5vw,58px);
  line-height:.96;
  letter-spacing:-.04em;
}

.portal-card-copy .arrow{
  width:54px;
  height:54px;
  border-radius:50%;
  border:1px solid rgba(255,225,198,.65);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff0a4;
  font-size:30px;
  line-height:1;
}

.phone-label,
.dreams-label,
.wearable-label{
  pointer-events:none;
}

@media(max-width:900px){
  .portal-card-copy{
    padding:18px 18px;
    border-radius:20px;
  }
  .portal-card-copy h3{
    font-size:34px;
  }
  .portal-card-copy .arrow{
    width:46px;
    height:46px;
    font-size:26px;
  }
}


/* V16 hero typography rebalance */
.hero h1,
.hero-title,
.home-hero h1{
  font-size: clamp(3.2rem, 10vw, 5.2rem) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.055em !important;
  margin-bottom: 22px !important;
}

.hero,
.home-hero{
  padding-top: 40px !important;
  padding-bottom: 34px !important;
}

.hero .gradient-text,
.home-hero .gradient-text{
  filter: saturate(0.88) brightness(0.96);
}

@media(max-width:768px){
  .hero h1,
  .hero-title,
  .home-hero h1{
    font-size: clamp(2.9rem, 11vw, 4.1rem) !important;
    line-height: 0.92 !important;
  }
}