/* This Found Finnish Editorial — inner-page hierarchy and contact form 1703. */

/* No reserved image row after the Our World hero image was removed. */
.tff-production-site[data-page="our-world"] .tff-inner-hero{
  display:block!important;
  grid-template:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:#181714!important;
  color:#f8f6f0!important;
}
.tff-production-site[data-page="our-world"] .tff-inner-hero__media,
.tff-production-site[data-page="our-world"] .tff-inner-hero>span{display:none!important}
.tff-production-site[data-page="our-world"] .tff-inner-hero>div:last-child{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr)!important;
  grid-template-rows:auto auto!important;
  align-items:end!important;
  gap:16px 54px!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(72px,8vw,128px) clamp(24px,7vw,136px)!important;
  border-bottom:1px solid rgba(248,246,240,.22)!important;
  background:#181714!important;
  color:#f8f6f0!important;
}
.tff-production-site[data-page="our-world"] .tff-inner-hero .tff-eyebrow{grid-column:1!important;grid-row:1!important;color:var(--tff-yellow)!important}
.tff-production-site[data-page="our-world"] .tff-inner-hero h1{grid-column:1!important;grid-row:2!important;margin:12px 0 0!important;color:#f8f6f0!important}
.tff-production-site[data-page="our-world"] .tff-inner-hero>div:last-child>p:last-child{
  grid-column:2!important;
  grid-row:1/3!important;
  align-self:end!important;
  max-width:500px!important;
  margin:0!important;
  color:rgba(248,246,240,.7)!important;
  font-size:14px!important;
  line-height:1.7!important;
}

/* Wholesale positioning is one centered editorial statement. */
.tff-production-site[data-page="wholesale"] .tff-step-index>header{
  display:block!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0 0 46px!important;
  text-align:center!important;
}
.tff-production-site[data-page="wholesale"] .tff-step-index>header .tff-eyebrow,
.tff-production-site[data-page="wholesale"] .tff-step-index>header h2,
.tff-production-site[data-page="wholesale"] .tff-step-index>header>p:last-child{
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}
.tff-production-site[data-page="wholesale"] .tff-step-index>header h2{max-width:980px!important}
.tff-production-site[data-page="wholesale"] .tff-step-index>header>p:last-child{max-width:720px!important;margin-top:24px!important}

/* Hero is always the dominant type scale on inner pages. */
.tff-production-site:not([data-page="home"]) .tff-inner-hero h1,
.tff-production-site .tff-contact-form-intro h1{
  font-size:clamp(46px,5.7vw,88px)!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
}
.tff-production-site:not([data-page="home"]) :is(
  .tff-chapters h2,
  .tff-page-extension__head h2,
  .tff-step-index h2,
  .tff-inner-cta h2,
  .tff-access h2,
  .tff-section-head h2,
  .tff-apps-copy h2
){
  font-size:clamp(30px,4vw,64px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
}

/* Contact is one form-led page: no duplicate hero, image or access block. */
.tff-production-site[data-page="contact"] .tff-inner-hero,
.tff-production-site[data-page="contact"] .tff-access,
.tff-production-site[data-page="contact"] .tff-contact-path{display:none!important}
.tff-contact-form-section{
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  min-height:720px;
  border-bottom:1px solid var(--line);
  background:#f8f6f0;
  color:#181714;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.tff-contact-form-intro{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-width:0;
  padding:clamp(58px,7vw,112px) clamp(28px,5vw,82px);
  border-right:1px solid var(--line);
  background:var(--tff-yellow);
}
.tff-contact-form-intro h1{max-width:720px;margin:18px 0 26px;font-weight:300}
.tff-contact-form-intro>p:not(.tff-eyebrow){max-width:560px;margin:0;color:rgba(24,23,20,.7);font-size:14px;line-height:1.72}
.tff-contact-details{display:grid;gap:8px;margin-top:48px;padding-top:20px;border-top:1px solid rgba(24,23,20,.32);font-size:12px;line-height:1.5}
.tff-contact-details a{width:max-content;color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.tff-contact-form-wrap{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(58px,7vw,108px) clamp(28px,6vw,96px);background:#fffdf8}
.tff-contact-form{display:grid;gap:28px;width:100%;max-width:820px;margin:0 auto}
.tff-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 34px}
.tff-contact-grid label{display:grid;align-content:start;gap:8px;min-width:0;margin:0}
.tff-contact-grid label.is-wide{grid-column:1/-1}
.tff-contact-grid label>span{font-size:11px;font-weight:700;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}
.tff-contact-grid input,
.tff-contact-grid select,
.tff-contact-grid textarea{
  display:block;
  width:100%;
  min-width:0;
  min-height:54px;
  margin:0;
  padding:10px 0;
  border:0;
  border-bottom:1px solid rgba(24,23,20,.42);
  border-radius:0;
  background:transparent;
  color:#181714;
  font:400 15px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif;
  outline:none;
  box-shadow:none;
}
.tff-contact-grid textarea{min-height:150px;resize:vertical}
.tff-contact-grid input:focus,
.tff-contact-grid select:focus,
.tff-contact-grid textarea:focus{border-bottom-color:#181714}
.tff-contact-consent{display:flex;align-items:flex-start;gap:10px;max-width:720px;color:rgba(24,23,20,.68);font-size:12px;line-height:1.55}
.tff-contact-consent input{flex:0 0 auto;width:17px;height:17px;margin:1px 0 0}
.tff-contact-form>button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  width:max-content;
  min-width:170px;
  min-height:52px;
  padding:0 24px;
  border:1px solid #181714;
  border-radius:0;
  background:#181714;
  color:#f8f6f0;
  font:700 11px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
}
.tff-contact-form>button:hover{background:var(--tff-yellow);color:#181714}
.tff-contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.tff-contact-error{display:block;margin:0;color:#9d2f24;font-size:11px;line-height:1.45}
.tff-contact-status{max-width:820px;margin:0 auto 28px;padding:22px;border:1px solid var(--line);font-size:13px;line-height:1.6}
.tff-contact-status strong{display:block;margin-bottom:6px;font-size:18px;font-weight:500}
.tff-contact-status p{margin:0}
.tff-contact-status.is-success{border-color:#181714;background:var(--tff-yellow)}
.tff-contact-status.is-error{border-color:#9d2f24;background:#fff4f1;color:#7f261e}
.tff-contact-status.is-success + .tff-contact-form{display:none!important}

@media(max-width:900px){
  .tff-production-site[data-page="our-world"] .tff-inner-hero>div:last-child{grid-template-columns:1fr!important;gap:20px!important}
  .tff-production-site[data-page="our-world"] .tff-inner-hero>div:last-child>p:last-child{grid-column:1!important;grid-row:auto!important}
  .tff-contact-form-section{grid-template-columns:1fr;min-height:0}
  .tff-contact-form-intro{border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:680px){
  .tff-production-site[data-page="our-world"] .tff-inner-hero>div:last-child{padding:58px 20px 68px!important}
  .tff-contact-form-intro,.tff-contact-form-wrap{padding:54px 20px}
  .tff-contact-grid{grid-template-columns:1fr}
  .tff-contact-grid label.is-wide{grid-column:auto}
  .tff-contact-form>button{width:100%}
}