/* A shared surface and paced, reversible movement between the paired portraits
   and the children. The stage below rises into the portrait composition. */
:root{--tunde-ease:cubic-bezier(.65,0,.25,1)}
body,button,input,select,textarea{font-family:'Hanken Grotesk',sans-serif}
[class*='-brier'],.tunde-flow-title em,.tunde-journey-open>span:first-child{font-family:'Bodoni Moda',serif;font-weight:500!important;letter-spacing:-.045em}
.text-impact-reg-mona,.text-impact-sm-mona{font-weight:600;letter-spacing:-.055em}
.text-eyebrow,.tunde-kicker{letter-spacing:.065em}
.tunde-hero-lines{inset:-6%}
.tunde-hero-lines svg{stroke-width:1.1}
.tunde-hero-lines path{stroke-dasharray:1050 2200;stroke-linecap:round;animation:tunde-silk-line 24s var(--tunde-ease) infinite;opacity:.8}
.tunde-hero-lines path:nth-child(2){animation-duration:29s;animation-delay:-9s;animation-direction:normal;opacity:.45}
.tunde-hero-lines path:nth-child(3){animation-duration:32s;animation-delay:-18s;opacity:.3}
@keyframes tunde-silk-line{0%,8%{stroke-dashoffset:1400}48%,58%{stroke-dashoffset:-650}100%{stroke-dashoffset:-1850}}
.tunde-entered .tunde-hero-name .signature-flourish{animation:tunde-sign-flourish 1.8s cubic-bezier(.65,0,.2,1) 1.5s both}
.tunde-hero-note>span{display:block;overflow:hidden}
.tunde-hero-note>span>span{display:block;transform:translateY(105%);opacity:0}
.tunde-entered .tunde-hero-note>span>span{animation:tunde-note-arrive 1.4s cubic-bezier(.22,1,.36,1) 1.3s both}
.tunde-entered .tunde-hero-note>span:nth-child(2)>span{animation-delay:1.5s}
.tunde-note-line{width:125px;height:12px;margin-top:7px;fill:none;stroke:var(--tunde-accent);stroke-width:1.3;stroke-linecap:round}
.tunde-note-line path{stroke-dasharray:1;stroke-dashoffset:1}
.tunde-entered .tunde-note-line path{animation:tunde-note-line 1.8s var(--tunde-ease) 1.8s both}
@keyframes tunde-note-line{to{stroke-dashoffset:0}}
@keyframes tunde-note-arrive{to{transform:translateY(0);opacity:1}}
.tunde-journey-thread path{stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.tunde-journey-thread .thread-base{opacity:.12}.tunde-journey-thread .thread-progress{opacity:.8}
.tunde-journey-thread circle{transition:opacity .6s var(--tunde-ease)}
.tunde-journey-open{background:linear-gradient(transparent 42%,#17120cba)}
.tunde-journey-open>span:first-child{line-height:1.05}
.sticky-track.is-home-otot{height:155svh;padding:0;position:relative;z-index:4}
.sticky-track.is-home-otot>.sticky-item{position:sticky;top:0;height:100svh}
.is-otot-home.s,.is-otot-home.c{height:100svh;min-height:0;background:transparent!important}
.otot-home-inner{height:100svh;min-height:0}
.otot-home-layout,.otot-home-bg{opacity:var(--purpose-opacity,1);transform:translateY(var(--purpose-y,0));will-change:transform,opacity}
.otot-home-img-w.is-1 img{transform:translateX(calc(-1 * var(--purpose-x,14vw)))}
.otot-home-img-w.is-2 img{transform:translateX(var(--purpose-x,14vw))}
.otot-home-text-col.is-1{transform:translateX(calc(-.3 * var(--purpose-x,14vw)))}
.otot-home-text-col.is-2{transform:translateX(calc(.3 * var(--purpose-x,14vw)))}
.otot-home-text-rive{display:none}
.tunde-mission{margin-top:-55svh!important;border-radius:0!important;background:transparent!important}
.tunde-mission-stage{border-radius:0;opacity:var(--mission-arrival,1)}
.tunde-mission-title .tunde-flow-title{letter-spacing:-.045em;font-weight:600}
.tunde-mission-title em{font-size:.88em;line-height:1.12}
.tunde-mission-line{padding-bottom:.16em;margin-bottom:-.16em}
.tunde-mission-copy>p{font-size:clamp(15px,1.25vw,19px)}
.tunde-journey .horizontal-item-img-w{clip-path:none}
.is-callout-socials .text-title-lg-brier{line-height:1.03}
@media(min-width:992px){
 .otot-home-layout{gap:4vw}.otot-home-text-col{width:29vw}
 .otot-home-text-col h2{font-size:5.6vw;line-height:1.03}
 .otot-home-p-w{margin-top:25px}.otot-home-p-w p{font-size:16px}
}
@media(min-width:601px) and (max-width:991px){
 .otot-home-inner{align-items:flex-start;padding-top:20svh}
 .otot-home-layout{width:90%;gap:8vw}
 .otot-home-text-col h2{font-size:6vw;line-height:1.05}
 .otot-home-img-w.is-1,.otot-home-img-w.is-2{height:67svh}
 .otot-home-img-w.is-1{left:-1rem}.otot-home-img-w.is-2{right:-1rem}
 .tunde-mission-title{top:16%}.tunde-mission-copy{left:36%;width:35%;top:55%}
 .tunde-mission-photo.is-community{top:73%;height:19%;width:24%}
 .tunde-mission-photo.is-ferdinand{top:39%;height:43%;width:28%}
}
@media(max-width:600px){
 .tunde-hero-credentials{font-size:9px;top:100px}
 .otot-home-inner{padding-top:19svh;align-items:flex-start}
 .otot-home-layout{width:94%;gap:7vw}
 .otot-home-text-col h2{font-size:6.6vw;line-height:1.15}
 .otot-home-p-w{margin-top:14px}.otot-home-p-w p{font-size:11px;line-height:1.4}
 .otot-home-img-w.is-1,.otot-home-img-w.is-2{height:64svh}
 .otot-home-img-w.is-1{left:-2.5rem}.otot-home-img-w.is-2{right:-2.5rem}
 .tunde-mission-title{top:15%;left:4%;width:92%}
 .tunde-mission-title .tunde-flow-title{font-size:14.3vw}
 .tunde-mission-title em{font-size:.8em}
 .tunde-mission-copy{left:7%;width:86%;bottom:6%}
 .tunde-mission-copy>p{font-size:14px;line-height:1.45;margin-bottom:10px}
 .tunde-mission-copy .tunde-link{font-size:11px;min-height:44px}
 .tunde-mission-photo.is-ferdinand{top:36%;height:28%;width:45%}
 .tunde-mission-photo.is-community{top:41%;height:19%;width:38%}
 .tunde-flow-note{display:none}
 .tunde-note-line{width:95px}
 .tunde-journey-open>span:first-child{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
 .tunde-hero-lines path,.tunde-note-line path,.tunde-hero-note>span>span{animation:none!important;transform:none!important;opacity:1;stroke-dashoffset:0}
 .otot-home-layout,.otot-home-bg{will-change:auto}
}
/* Keep each phrase intact as the letterforms change. */
.otot-home-text-w .text-impact-reg-brier{font-size:4.4vw;line-height:1.12;white-space:nowrap}
.otot-home-text-w .text-impact-reg-mona{font-size:5.1vw;line-height:1.05}
.otot-home-img-w.is-2 .otot-home-img{transform:translateX(var(--purpose-x,14vw)) scaleX(-1)}
.tunde-hero-note{font-size:12px;letter-spacing:.06em}
@media(min-width:992px){.otot-home-inner{align-items:flex-start;padding-top:28svh}.otot-home-layout{gap:4vw}.otot-home-text-col{width:30vw}}
@media(max-width:991px){.otot-home-text-w .text-impact-reg-brier{font-size:5.4vw}.otot-home-text-w .text-impact-reg-mona{font-size:6.8vw}}
@media(max-width:600px){.otot-home-text-w .text-impact-reg-brier{font-size:5.8vw}.otot-home-text-w .text-impact-reg-mona{font-size:7.4vw}.tunde-hero-note{font-size:10px}}
@media(max-width:991px){.nav-middle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)!important}}
@media(max-width:600px){
 .otot-home-img-w.is-1,.otot-home-img-w.is-2{width:100vw;height:auto;max-height:none;aspect-ratio:1122/1402}
 .otot-home-img-w.is-1{left:-22vw}.otot-home-img-w.is-2{right:-22vw}
 .otot-home-inner{padding-top:18svh}
}

.tunde-moments-title{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.02;gap:.02em;font-size:clamp(42px,5.8vw,90px);letter-spacing:-.045em}
.tunde-moments-title .span-font-brier{font-weight:500;font-size:1.03em}
@media(max-width:600px){.tunde-moments-title{font-size:9.5vw;line-height:1.08}.callout-socials-layout{gap:3rem}}
/* The portrait footer no longer uses the reference site's helmet mask. */
.footer-layout-clip{-webkit-mask-image:none!important;mask-image:none!important}
@media(max-width:600px){
 .footer-links-col{width:44%}
 .footer-links-w .btn-text{font-size:13px;line-height:1.25;white-space:nowrap}
 .footer-links-w .text-link-w{min-height:26px;display:flex;align-items:center;justify-content:center}
 .footer-statement-w{top:25rem}
}
@media(min-width:992px) and (max-width:1199px){
 .otot-home-img-w.is-1{left:-18%}.otot-home-img-w.is-2{right:-18%}
 .tunde-hero-note{color:var(--tunde-paper)}
}