/* Brand Story / What We Make */
.tfw-philosophy{
  --tfw-philosophy-ivory:#f7f2e8;
  --tfw-philosophy-paper:#fffaf1;
  --tfw-philosophy-ink:#171412;
  --tfw-philosophy-charcoal:#141211;
  --tfw-philosophy-brown:#33261f;
  --tfw-philosophy-taupe:#8d7b68;
  --tfw-philosophy-gold:#c2a25d;
  --tfw-philosophy-line:rgba(194,162,93,.26);
  --tfw-philosophy-shadow:0 28px 70px rgba(35,26,18,.14);
  overflow:hidden;
  background:var(--tfw-philosophy-ivory);
  color:var(--tfw-philosophy-ink);
}

.tfw-philosophy h1,
.tfw-philosophy h2,
.tfw-philosophy h3{
  margin:0;
  font-family:ui-serif, Georgia, "Times New Roman", Times, serif;
  font-weight:650;
  letter-spacing:0;
}

.tfw-philosophy p{
  margin:0;
}

.tfw-philosophy__hero{
  position:relative;
  padding:96px 0 88px;
  background:
    radial-gradient(circle at 12% 18%, rgba(194,162,93,.18), transparent 30%),
    linear-gradient(180deg, #fffaf1 0%, #f1e7d8 100%);
}

.tfw-philosophy__hero::after,
.tfw-philosophy__closing::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(194,162,93,.85), transparent);
  animation:tfwPhilosophyLine 8s ease-in-out infinite;
}

.tfw-philosophy__hero-grid{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(420px, 1fr);
  gap:58px;
  align-items:center;
}

.tfw-philosophy__copy{
  animation:tfwPhilosophyFadeUp .8s ease both;
}

.tfw-philosophy__eyebrow{
  margin-bottom:0;
  padding-bottom:22px;
  color:#7a6847;
  font-size:12px;
  font-weight:750;
  letter-spacing:1.8px;
  text-transform:uppercase;
}

.tfw-philosophy h1{
  max-width:620px;
  font-size:clamp(38px, 3.8vw, 56px);
  line-height:1.02;
  color:#15120f;
}

.tfw-philosophy h2{
  font-size:clamp(32px, 3.2vw, 48px);
  line-height:1.08;
}

.tfw-philosophy h3{
  font-size:24px;
  line-height:1.2;
}

.tfw-philosophy__hero-title{
  margin:14px 0 10px;
}

.tfw-philosophy__section-title{
  margin-top:18px;
}

.tfw-philosophy__lede{
  margin-top:26px;
  color:#3b3027;
  font-size:clamp(21px, 2vw, 30px);
  line-height:1.35;
  font-family:ui-serif, Georgia, "Times New Roman", Times, serif;
}

.tfw-philosophy__body{
  margin-top:28px;
  display:grid;
  gap:18px;
  max-width:640px;
  color:#594d42;
  font-size:16px;
  line-height:1.85;
}

.tfw-philosophy__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.tfw-philosophy__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  font-size:14px;
  font-weight:750;
  transition:transform .22s ease, border-color .22s ease, background .22s ease;
}

.tfw-philosophy__button:hover{
  transform:translateY(-2px);
}

.tfw-philosophy__button--primary{
  background:var(--tfw-philosophy-gold);
  border:1px solid rgba(194,162,93,.86);
  color:#15120f;
}

.tfw-philosophy__button--ghost{
  background:rgba(255,250,241,.62);
  border:1px solid rgba(51,38,31,.18);
  color:#211a16;
}

.tfw-philosophy__visual,
.tfw-philosophy__image-panel,
.tfw-philosophy__product-visual{
  position:relative;
  overflow:hidden;
  border:1px solid var(--tfw-philosophy-line);
  border-radius:28px;
  box-shadow:var(--tfw-philosophy-shadow);
  background:#e5d7c2;
}

.tfw-philosophy__visual{
  aspect-ratio:1672 / 941;
}

.tfw-philosophy__visual img,
.tfw-philosophy__image-panel img,
.tfw-philosophy__product-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.tfw-philosophy__visual-motion{
  position:absolute;
  inset:0;
  opacity:.42;
  mix-blend-mode:soft-light;
  animation:tfwPhilosophyFlow 9s ease-in-out infinite alternate;
}

.tfw-philosophy__visual--hero::before,
.tfw-philosophy__closing::before{
  content:"";
  position:absolute;
  inset:-22%;
  z-index:0;
  background:
    radial-gradient(circle at 28% 20%, rgba(194,162,93,.26), transparent 28%),
    radial-gradient(circle at 76% 70%, rgba(110,30,30,.18), transparent 24%);
  filter:blur(14px);
  animation:tfwPhilosophyGlow 12s ease-in-out infinite alternate;
}

.tfw-philosophy__visual--hero .tfw-philosophy__visual-base{
  position:relative;
  z-index:1;
}

.tfw-philosophy__visual--hero .tfw-philosophy__visual-motion{
  position:absolute;
  z-index:2;
}

.tfw-philosophy__worldview{
  padding:86px 0;
  background:#f2eadf;
}

.tfw-philosophy__worldview-panel{
  position:relative;
  overflow:hidden;
  min-height:720px;
  display:grid;
  place-items:center;
  padding:80px 28px;
  border:1px solid rgba(194,162,93,.24);
  border-radius:30px;
  background:#211916;
  color:#fff8ec;
  box-shadow:var(--tfw-philosophy-shadow);
}

.tfw-philosophy__worldview-panel > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.28;
  filter:saturate(.82) contrast(1.04);
  animation:tfwPhilosophyDrift 18s ease-in-out infinite alternate;
}

.tfw-philosophy__worldview-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(20,18,17,.28), rgba(20,18,17,.72)),
    radial-gradient(circle at center, rgba(20,18,17,.18), rgba(20,18,17,.76));
}

.tfw-philosophy__center-copy{
  position:relative;
  z-index:1;
  max-width:760px;
  text-align:center;
}

.tfw-philosophy__center-copy h2{
  margin-bottom:30px;
  color:#fff8ec;
}

.tfw-philosophy__center-copy p{
  margin:0 auto 18px;
  max-width:660px;
  color:rgba(255,248,236,.78);
  font-size:16px;
  line-height:1.8;
}

.tfw-philosophy__center-copy .tfw-philosophy__rhythm{
  color:#fff4df;
  font-family:ui-serif, Georgia, "Times New Roman", Times, serif;
  font-size:22px;
  line-height:1.45;
}

.tfw-philosophy__final-line{
  margin-top:30px !important;
  color:#f4d99a !important;
  font-family:ui-serif, Georgia, "Times New Roman", Times, serif;
  font-size:25px !important;
  line-height:1.45 !important;
}

.tfw-philosophy__split,
.tfw-philosophy__make{
  padding:92px 0;
  background:var(--tfw-philosophy-paper);
}

.tfw-philosophy__split-grid{
  display:grid;
  grid-template-columns:minmax(420px, 1fr) minmax(0, .86fr);
  gap:64px;
  align-items:center;
}

.tfw-philosophy__image-panel{
  aspect-ratio:1672 / 941;
}

.tfw-philosophy__make{
  background:#f3eadb;
}

.tfw-philosophy__make-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(360px, .72fr);
  gap:42px;
  align-items:center;
  margin-bottom:28px;
}

.tfw-philosophy__make-head{
  display:grid;
  gap:24px;
}

.tfw-philosophy__make-intro{
  display:grid;
  gap:14px;
  color:#594d42;
  font-size:16px;
  line-height:1.8;
}

.tfw-philosophy__product-visual{
  aspect-ratio:1672 / 941;
}

.tfw-philosophy__card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.tfw-philosophy-card{
  min-height:270px;
  padding:24px;
  border:1px solid rgba(51,38,31,.11);
  border-radius:22px;
  background:rgba(255,250,241,.72);
  box-shadow:0 16px 42px rgba(35,26,18,.07);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.tfw-philosophy-card:hover{
  transform:translateY(-6px);
  border-color:rgba(194,162,93,.38);
  box-shadow:0 24px 54px rgba(35,26,18,.11);
}

.tfw-philosophy-card img{
  width:64px;
  height:46px;
  object-fit:contain;
  display:block;
  margin-bottom:26px;
}

.tfw-philosophy-card h3{
  color:#191512;
}

.tfw-philosophy-card p{
  margin-top:14px;
  color:#65584d;
  font-size:15px;
  line-height:1.75;
}

.tfw-philosophy__not{
  position:relative;
  overflow:hidden;
  padding:94px 0 104px;
  background:#151211;
  color:#fff6e6;
}

.tfw-philosophy__not-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(20,18,17,.86), rgba(20,18,17,.62)),
    url("../images/brand/brandwhatwearenot.png") center / cover no-repeat;
  opacity:.74;
}

.tfw-philosophy__not .container{
  position:relative;
  z-index:1;
}

.tfw-philosophy__not h2{
  color:#fff6e6;
}

.tfw-philosophy__not-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1px;
  margin-top:42px;
  border-top:1px solid rgba(194,162,93,.36);
  border-bottom:1px solid rgba(194,162,93,.36);
}

.tfw-philosophy__not-grid article{
  min-height:230px;
  padding:32px 30px;
  border-right:1px solid rgba(194,162,93,.28);
  background:rgba(20,18,17,.32);
}

.tfw-philosophy__not-grid article:last-child{
  border-right:0;
}

.tfw-philosophy__not-grid h3{
  color:#fff8ec;
  font-size:26px;
}

.tfw-philosophy__not-grid p{
  margin-top:18px;
  color:rgba(255,248,236,.76);
  font-size:15px;
  line-height:1.8;
}

.tfw-philosophy__closing{
  position:relative;
  overflow:hidden;
  min-height:760px;
  display:grid;
  place-items:center;
  padding:112px 0;
  background:#1a1513;
  color:#fff8ec;
}

.tfw-philosophy__closing-visual{
  position:absolute;
  inset:0;
}

.tfw-philosophy__closing-visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.tfw-philosophy__closing-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at center, rgba(20,18,17,.18), rgba(20,18,17,.78)),
    linear-gradient(180deg, rgba(20,18,17,.34), rgba(20,18,17,.62));
}

.tfw-philosophy__closing-copy{
  position:relative;
  z-index:1;
  max-width:930px;
  margin:0 auto;
  text-align:center;
}

.tfw-philosophy__closing-copy h2{
  color:#fff8ec;
  font-size:clamp(34px, 3.6vw, 54px);
}

.tfw-philosophy__closing-copy p{
  margin:24px auto 0;
  max-width:640px;
  color:rgba(255,248,236,.82);
  font-size:19px;
  line-height:1.75;
}

.tfw-philosophy__closing .tfw-philosophy__actions{
  justify-content:center;
}

.tfw-philosophy__closing .tfw-philosophy__button--ghost{
  background:rgba(255,248,236,.12);
  border-color:rgba(255,248,236,.28);
  color:#fff8ec;
}

@keyframes tfwPhilosophyFadeUp{
  from{
    opacity:0;
    transform:translateY(18px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes tfwPhilosophyFlow{
  from{
    opacity:.26;
    transform:scale(1) translate3d(0, 0, 0);
  }
  to{
    opacity:.58;
    transform:scale(1.035) translate3d(-1.5%, 1%, 0);
  }
}

@keyframes tfwPhilosophyDrift{
  from{
    transform:scale(1);
  }
  to{
    transform:scale(1.055) translate3d(-1.2%, 1%, 0);
  }
}

@keyframes tfwPhilosophyGlow{
  from{
    transform:translate3d(-1%, -1%, 0) scale(1);
    opacity:.64;
  }
  to{
    transform:translate3d(1.2%, 1%, 0) scale(1.05);
    opacity:.9;
  }
}

@keyframes tfwPhilosophyLine{
  0%,
  100%{
    opacity:.24;
    transform:scaleX(.72);
  }
  50%{
    opacity:.82;
    transform:scaleX(1);
  }
}

@media (max-width:980px){
  .tfw-philosophy__hero{
    padding:72px 0 70px;
  }

  .tfw-philosophy__hero-grid,
  .tfw-philosophy__split-grid,
  .tfw-philosophy__make-grid,
  .tfw-philosophy__make-head{
    grid-template-columns:1fr;
    gap:34px;
  }

  .tfw-philosophy__hero-grid{
    align-items:start;
  }

  .tfw-philosophy__worldview{
    padding:58px 0;
  }

  .tfw-philosophy__worldview-panel{
    min-height:auto;
    padding:62px 22px;
    border-radius:24px;
  }

  .tfw-philosophy__split,
  .tfw-philosophy__make,
  .tfw-philosophy__not{
    padding:64px 0;
  }

  .tfw-philosophy__card-grid,
  .tfw-philosophy__not-grid{
    grid-template-columns:1fr;
  }

  .tfw-philosophy__not-grid article{
    min-height:auto;
    border-right:0;
    border-bottom:1px solid rgba(194,162,93,.28);
  }

  .tfw-philosophy__not-grid article:last-child{
    border-bottom:0;
  }

  .tfw-philosophy__closing{
    min-height:650px;
    padding:82px 0;
  }
}

@media (max-width:560px){
  .tfw-philosophy h1{
    font-size:44px;
  }

  .tfw-philosophy h2{
    font-size:34px;
  }

  .tfw-philosophy__body,
  .tfw-philosophy__make-intro,
  .tfw-philosophy__center-copy p{
    font-size:15px;
  }

  .tfw-philosophy__visual,
  .tfw-philosophy__image-panel,
  .tfw-philosophy__product-visual,
  .tfw-philosophy__worldview-panel{
    border-radius:20px;
  }

  .tfw-philosophy__actions{
    flex-direction:column;
  }

  .tfw-philosophy__button{
    width:100%;
  }

  .tfw-philosophy-card{
    min-height:auto;
    padding:24px;
  }
}

@media (prefers-reduced-motion:reduce){
  .tfw-philosophy *,
  .tfw-philosophy *::before,
  .tfw-philosophy *::after{
    animation:none !important;
    transition:none !important;
  }
}