/* INESS HOME EXPERIENCE 20260916 */

#view-home{
  padding-left:
    max(
      18px,
      env(safe-area-inset-left)
    );

  padding-right:
    max(
      18px,
      env(safe-area-inset-right)
    );
}

#view-home button{
  font-family:var(--font-ui);
}


/* HERO */

.app-home-hero{
  padding:
    12px 2px
    36px;
}

.app-home-kicker,
.app-home-eyebrow{
  color:#8e8379;

  font-size:10px;
  font-weight:650;

  letter-spacing:.16em;
  text-transform:uppercase;
}

.app-home-hero h1{
  max-width:520px;

  margin:
    13px 0 14px;

  font-family:var(--font-display);

  font-size:
    clamp(
      42px,
      10vw,
      64px
    );

  font-weight:500;
  line-height:.96;

  letter-spacing:-.025em;
}

.app-home-hero p{
  max-width:420px;

  margin:0;

  color:var(--muted);

  font-size:16px;
  line-height:1.55;
}

.app-home-hero-actions{
  display:grid;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(0,.8fr);

  gap:10px;

  margin-top:26px;
}

.app-home-hero-actions
.iness-button{
  min-height:54px;
}

.app-home-secondary{
  border:
    1px solid
    rgba(79,63,47,.12);

  background:
    rgba(255,253,249,.72);
}


/* PERSONAL CONTEXT */

.app-home-personal{
  margin-bottom:34px;
}

.app-home-personal[hidden]{
  display:none;
}

.app-home-context{
  display:grid;
  gap:1px;

  overflow:hidden;

  border:
    1px solid
    rgba(87,70,54,.08);

  border-radius:22px;

  background:
    rgba(255,253,249,.94);
}

.app-home-context-row{
  appearance:none;

  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:14px;

  align-items:center;

  width:100%;

  padding:16px 17px;

  border:0;
  border-bottom:
    1px solid
    var(--line);

  background:transparent;

  color:inherit;
  text-align:left;
}

.app-home-context-row:last-child{
  border-bottom:0;
}

.app-home-context-label{
  display:block;

  margin-bottom:4px;

  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.app-home-context-title{
  display:block;

  font-size:14px;
  font-weight:700;
  line-height:1.35;
}

.app-home-context-meta{
  display:block;

  margin-top:3px;

  color:var(--muted);
  font-size:12px;
}

.app-home-context-arrow{
  width:19px;
  height:19px;
}

.app-home-context-arrow svg{
  width:100%;
  height:100%;
}


/* SECTIONS */

.app-home-section{
  margin-bottom:44px;
}

.app-home-section-head{
  margin-bottom:17px;
}

.app-home-section-head--row{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
}

.app-home-section-head h2,
.app-home-channel h2{
  margin:
    7px 0 0;

  font-family:var(--font-display);

  font-size:30px;
  font-weight:550;
  line-height:1.02;
}

.app-home-text-action{
  flex:0 0 auto;

  padding:5px 0;

  border:0;
  background:transparent;

  color:#61574f;

  font-size:12px;
  font-weight:650;
}


/* INTENTS */

.app-home-intents{
  display:grid;
  gap:10px;
}

.app-home-intent{
  appearance:none;

  display:grid;

  grid-template-columns:
    34px
    minmax(0,1fr)
    36px;

  gap:12px;

  align-items:center;

  width:100%;

  padding:17px;

  border:
    1px solid
    rgba(87,70,54,.08);

  border-radius:20px;

  background:
    rgba(255,253,249,.9);

  color:inherit;
  text-align:left;
}

.app-home-intent--feature{
  background:
    linear-gradient(
      145deg,
      #292420,
      #181513
    );

  color:#fff;
}

.app-home-intent-number{
  align-self:start;

  padding-top:3px;

  color:#9d9185;

  font-family:var(--font-display);

  font-size:15px;
}

.app-home-intent--feature
.app-home-intent-number{
  color:rgba(255,255,255,.5);
}

.app-home-intent-body{
  min-width:0;
}

.app-home-intent-body strong{
  display:block;

  font-family:var(--font-display);

  font-size:22px;
  font-weight:550;
  line-height:1.05;
}

.app-home-intent-body span{
  display:block;

  margin-top:7px;

  color:var(--muted);

  font-size:12px;
  line-height:1.45;
}

.app-home-intent--feature
.app-home-intent-body span{
  color:rgba(255,255,255,.62);
}

.app-home-arrow{
  display:grid;
  place-items:center;

  width:36px;
  height:36px;

  border-radius:50%;

  background:#f2eee8;
}

.app-home-intent--feature
.app-home-arrow{
  background:
    rgba(255,255,255,.1);
}

.app-home-arrow svg{
  width:18px;
  height:18px;
}


/* EDITORIAL / EXPERTISE */

.app-home-editorial{
  margin:
    0 0 44px;

  padding:
    28px 24px;

  border-radius:26px;

  background:
    linear-gradient(
      145deg,
      #ebe2d8,
      #f5eee6
    );
}

.app-home-editorial-kicker{
  color:#817366;

  font-size:10px;
  font-weight:650;

  letter-spacing:.14em;
  text-transform:uppercase;
}

.app-home-editorial blockquote{
  margin:
    16px 0 24px;

  font-family:var(--font-display);

  font-size:28px;
  font-weight:500;
  line-height:1.08;

  quotes:none;
}

.app-home-editorial-person{
  padding-top:16px;

  border-top:
    1px solid
    rgba(81,63,48,.12);
}

.app-home-editorial-person strong{
  display:block;

  font-size:13px;
}

.app-home-editorial-person span{
  display:block;

  margin-top:4px;

  color:#7c7065;
  font-size:11px;
}


/* FEATURED PRODUCTS */

.app-home-featured{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;
}

.app-home-featured-loading{
  grid-column:1/-1;

  padding:30px;

  border-radius:20px;

  background:
    rgba(255,253,249,.8);

  color:var(--muted);

  text-align:center;
}

.app-home-featured-card{
  appearance:none;

  min-width:0;

  overflow:hidden;

  padding:0;

  border:
    1px solid
    rgba(87,70,54,.08);

  border-radius:20px;

  background:
    rgba(255,253,249,.94);

  color:inherit;
  text-align:left;
}

.app-home-featured-visual{
  position:relative;

  display:grid;
  place-items:center;

  aspect-ratio:1 / 1.08;

  overflow:hidden;

  background:
    linear-gradient(
      145deg,
      #eee6dc,
      #f8f4ee
    );
}

.app-home-featured-visual img{
  width:82%;
  height:88%;

  object-fit:contain;

  filter:
    drop-shadow(
      0 10px 12px
      rgba(35,26,20,.1)
    );
}

.app-home-featured-body{
  padding:
    13px 13px
    15px;
}

.app-home-featured-code{
  color:#988a7d;

  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.app-home-featured-title{
  margin-top:5px;

  font-family:var(--font-display);

  font-size:18px;
  font-weight:550;
  line-height:1.08;
}

.app-home-featured-price{
  margin-top:9px;

  font-size:12px;
  font-weight:700;
}


/* CHANNEL CTA */

.app-home-channel{
  display:grid;
  gap:22px;

  margin-bottom:28px;

  padding:
    26px 22px;

  border-radius:25px;

  background:#1e1a17;
  color:#fff;
}

.app-home-channel h2{
  color:#fff;
}

.app-home-channel p{
  margin:
    12px 0 0;

  color:
    rgba(255,255,255,.58);

  font-size:13px;
  line-height:1.5;
}

.app-home-channel
.app-home-eyebrow{
  color:
    rgba(255,255,255,.48);
}


/* RESPONSIVE */

@media(max-width:359px){

  #view-home{
    padding-left:14px;
    padding-right:14px;
  }

  .app-home-hero h1{
    font-size:40px;
  }

  .app-home-hero-actions{
    grid-template-columns:1fr;
  }

  .app-home-intent{
    grid-template-columns:
      28px
      minmax(0,1fr)
      34px;

    padding:15px 14px;
  }

  .app-home-featured{
    gap:8px;
  }
}

@media(min-width:700px){

  #view-home{
    width:min(
      100%,
      720px
    );

    margin-left:auto;
    margin-right:auto;
  }
}