/* The portrait, lettering and scroll close-in each have their own transform. */
.tunde-portrait-drift{position:absolute;inset:0;transform-origin:50% 65%;transform:perspective(1400px) translate3d(calc(var(--portrait-cursor-x,0)*24px),calc(var(--portrait-cursor-y,0)*12px),0) rotateY(calc(var(--portrait-cursor-x,0)*2.2deg)) rotateZ(calc(var(--portrait-cursor-x,0)*.55deg));will-change:transform}
.tunde-name-drift{transform:translate3d(calc(var(--portrait-cursor-x,0)*-13px),calc(var(--portrait-cursor-y,0)*-7px),0);will-change:transform}
.tunde-hero-name .signature-lettering{animation:none!important;will-change:clip-path}
.tunde-sign-pen{stroke-dasharray:1;stroke-dashoffset:0}
.tunde-entered .tunde-hero-name .tunde-signature .signature-flourish,.tunde-hero-name .tunde-signature .signature-flourish{animation:none!important;transition:none;stroke-dasharray:1;stroke-dashoffset:0}
.tunde-menu-toggle{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid currentColor;background:var(--tunde-paper);color:var(--tunde-ink);cursor:pointer}
.tunde-menu{position:fixed;inset:0;z-index:25;height:100dvh;overflow:auto;overscroll-behavior:contain;background:#ed7c4a;color:#282726;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transition:clip-path .75s cubic-bezier(.76,0,.24,1),visibility 0s .75s;isolation:isolate}
.tunde-menu-open{overflow:hidden}
.tunde-menu-open .tunde-menu{visibility:visible;pointer-events:auto;clip-path:inset(0);transition-delay:0s}
.tunde-menu-content{position:relative;z-index:3;width:60%;min-height:100%;padding:120px 5vw 35px;display:flex;flex-direction:column}
.tunde-menu-heading{font:600 12px/1.5 'Hanken Grotesk',sans-serif;letter-spacing:.02em;display:flex;flex-direction:column;gap:3px;margin-bottom:28px}
.tunde-menu-heading>span{font-weight:400;opacity:.75}
.tunde-menu-links{display:flex;flex-direction:column;align-items:stretch;margin:auto 0;gap:0}
.tunde-menu-links>a,.tunde-menu-links>button{position:relative;display:flex;align-items:baseline;gap:18px;min-height:54px;padding:8px 0;border:0;background:none;text-decoration:none;color:inherit;text-align:left;cursor:pointer;opacity:0;transform:translateY(30px);transition:opacity .5s,transform .75s cubic-bezier(.22,1,.36,1),color .25s;font:500 clamp(38px,4.8vw,78px)/1.06 'Bodoni Moda',serif;letter-spacing:-.035em}
.tunde-menu-open .tunde-menu-links>a,.tunde-menu-open .tunde-menu-links>button{opacity:1;transform:none;transition-delay:calc(.25s + var(--menu-order,0)*.055s)}
.tunde-menu-links>:nth-child(2){--menu-order:1}.tunde-menu-links>:nth-child(3){--menu-order:2}.tunde-menu-links>:nth-child(4){--menu-order:3}.tunde-menu-links>:nth-child(5){--menu-order:4}.tunde-menu-links>:nth-child(6){--menu-order:5}
.tunde-menu-index{font:500 10px/1 'Hanken Grotesk',sans-serif;letter-spacing:0;opacity:.65;min-width:16px}
.tunde-menu-label{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.tunde-menu-links>a:hover,.tunde-menu-links>button:hover{color:var(--tunde-paper)}
.tunde-menu a:focus-visible,.tunde-menu button:focus-visible{outline:2px solid var(--tunde-ink);outline-offset:5px;border-radius:2px}
.tunde-menu-footer{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;margin-top:40px;font:500 12px/1.4 'Hanken Grotesk',sans-serif}
.tunde-menu-footer>div{display:flex;gap:24px}.tunde-menu-footer a{color:inherit;text-decoration:none;padding:10px 0}.tunde-menu-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.tunde-menu-portrait{position:absolute;z-index:1;right:0;top:0;bottom:0;width:48%;overflow:hidden;pointer-events:none}
.tunde-menu-portrait>span{position:absolute;top:23%;left:5%;font:500 clamp(46px,5.3vw,90px)/.95 'Bodoni Moda',serif;letter-spacing:-.045em;color:#f4f1eb}
.tunde-menu-portrait>span em{font-style:normal}
.tunde-menu-portrait img{position:absolute;bottom:-13svh;left:50%;height:100svh;width:100svh;max-width:none;object-fit:contain;transform:translate(-50%,8vh);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.tunde-menu-open .tunde-menu-portrait img{transform:translate(-50%,0)}
.tunde-menu-open [data-nav-wrap]{color:var(--tunde-ink)}
.tunde-menu-open [nav-brand-path]{fill:var(--tunde-ink)!important}
.tunde-menu-open .tunde-nav-symbol{color:var(--tunde-ink)!important}
.tunde-menu-open .nav-ham{color:var(--tunde-ink)!important;background:var(--tunde-paper)!important;border-color:var(--tunde-ink)!important}
.tunde-menu-open .btn-w.is-nav{background:var(--tunde-ink)!important;color:var(--tunde-paper)!important}
.tunde-menu-open .nav-middle{opacity:1!important}
@media(max-width:991px){
 .tunde-menu-content{width:70%;padding:110px 5vw 30px}.tunde-menu-links>a,.tunde-menu-links>button{font-size:5.8vw;min-height:62px}
 .tunde-menu-portrait{width:43%}.tunde-menu-portrait>span{font-size:5.5vw;top:30%;left:4%}.tunde-menu-portrait img{bottom:-9svh;height:78svh;width:78svh;left:64%}
}
@media(max-width:600px){
 .tunde-menu-content{width:100%;padding:112px 7% 22px;min-height:100dvh}
 .tunde-menu-heading{font-size:11px;margin-bottom:26px}.tunde-menu-heading>span{font-size:10px}
 .tunde-menu-links{margin:0;gap:2px}.tunde-menu-links>a,.tunde-menu-links>button{font-size:9.5vw;min-height:57px;gap:14px;padding:10px 0}
 .tunde-menu-portrait{width:48%;top:auto;height:38svh;bottom:58px;opacity:.13;z-index:0}
 .tunde-menu-portrait>span{display:none}.tunde-menu-portrait img{height:48svh;width:48svh;bottom:-9svh;left:70%}
 .tunde-menu-footer{margin-top:auto;padding-top:28px;gap:10px;font-size:11px;flex-direction:column;align-items:flex-start}.tunde-menu-footer>div{gap:24px}
}
@media(max-height:700px){.tunde-menu-content{padding-top:88px}.tunde-menu-heading{margin-bottom:14px}.tunde-menu-links>a,.tunde-menu-links>button{min-height:44px;padding-block:5px;font-size:clamp(29px,4.3vw,54px)}.tunde-menu-footer{margin-top:20px;padding-top:0}.tunde-menu-footer a{padding-block:5px}}
@media(prefers-reduced-motion:reduce){
 .tunde-portrait-drift,.tunde-name-drift{transform:none!important;will-change:auto}
 .tunde-sign-pen,.tunde-hero-name .tunde-signature .signature-flourish{stroke-dashoffset:0!important}
 .tunde-menu,.tunde-menu *{transition:none!important}
}
@media(min-width:601px) and (max-width:991px){.tunde-menu-portrait img{left:50%}}

/* A visible, self-contained toggle on every page surface and at every size. */
[data-nav-wrap] .tunde-menu-toggle{position:relative;flex:none;isolation:isolate;opacity:1!important;visibility:visible!important;color:var(--tunde-ink)!important;background:var(--tunde-paper)!important;border:1px solid var(--tunde-ink)!important;transition:background-color .22s ease,color .22s ease,box-shadow .22s ease;box-shadow:0 0 0 1px #f4f1eb33}
[data-nav-wrap] .tunde-menu-toggle:hover,[data-nav-wrap] .tunde-menu-toggle:focus-visible,[data-nav-wrap] .tunde-menu-toggle[aria-expanded=true]{background:var(--tunde-accent)!important;color:var(--tunde-ink)!important}
[data-nav-wrap] .tunde-menu-toggle:focus-visible{outline:2px solid var(--tunde-ink);outline-offset:4px}
[data-nav-wrap] .tunde-menu-toggle svg{display:block;width:24px;height:24px;overflow:visible;pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.tunde-menu-toggle path{transform-origin:12px 12px;transition:transform .32s cubic-bezier(.4,0,.2,1)}
.tunde-menu-toggle[aria-expanded=true] path:first-child{transform:translateY(3px) rotate(45deg);transform-origin:12px 9px}
.tunde-menu-toggle[aria-expanded=true] path:last-child{transform:translateY(-3px) rotate(-45deg);transform-origin:12px 15px}
.tunde-menu-heading>a{width:fit-content;color:inherit;text-decoration:none;font-weight:600;min-height:24px;display:flex;align-items:center}
.tunde-menu-heading>a:hover{text-decoration:underline;text-underline-offset:4px}
.tunde-menu-links>:hover .tunde-menu-label{transform:translateX(7px)}
@media(prefers-reduced-motion:reduce){.tunde-menu-toggle path{transition:none!important}}
/* Keep the restored collage, with a readable measure on small screens. */
@media(max-width:600px){
 #record .exe-grid{display:block}
 #record .exe-text-w{width:100%;margin:0}
 #record .g-title-layout{width:100%;max-width:none}
 #record .g-text-para-w.is-exe{width:88%;max-width:340px;margin-top:22px}
 #record .g-text-para-w p{font-size:14px;line-height:1.5}
 #record .tunde-record-subline{font-size:10vw;max-width:100%;line-height:1.05}
 #record .exe-col-2{position:relative;width:100%;height:95vw;margin:38px 0 0}
 #record .exe-cta-img-w.is-1{position:absolute;top:0;right:0;left:auto;width:78%;height:82vw}
 #record .exe-cta-img-w.is-2{position:absolute;top:12vw;left:-2%;right:auto;width:32%;height:29vw}
 #record .exe-cta-img-w.is-3{position:absolute;top:auto;bottom:0;left:7%;right:auto;width:30%;height:35vw}
 #record .exe-cta-img-w.is-4{display:none}
 #record .exe-cta-sticker-w{top:auto;bottom:-2vw;left:auto;right:5%;width:24%;height:auto}
}

/* Expand the jacket from fixed seams outside the face. The head and centre
   keep the original image, position, scale and pixels. */
.tunde-shoulder-extension{z-index:0;transform:translateX(-50%) scaleX(1.24);pointer-events:none}
.tunde-shoulder-left{transform-origin:35% 50%;clip-path:inset(65% 65% 0 0)}
.tunde-shoulder-right{transform-origin:65% 50%;clip-path:inset(65% 0 0 65%)}
.tunde-hero-portrait:not(.tunde-shoulder-extension){z-index:1;clip-path:polygon(0 0,100% 0,100% 65%,65.2% 65%,65.2% 100%,34.8% 100%,34.8% 65%,0 65%)}
.tunde-portrait-drift,.tunde-name-drift{backface-visibility:hidden}
@media(max-width:991px){.nav-middle{min-width:44px;min-height:44px}.nav-inner .btn-w.is-nav{min-height:44px}}

@media(prefers-reduced-motion:reduce){.tunde-hero-name .signature-lettering{clip-path:none!important;will-change:auto}}

/* Native touch scrolling and stable compositing on small screens. */
@media(hover:none),(pointer:coarse){
 .tunde-portrait-drift,.tunde-name-drift{transform:none;will-change:auto}
}
.tunde-menu{touch-action:pan-y;-webkit-overflow-scrolling:touch}
.tunde-menu-content{padding-bottom:max(24px,env(safe-area-inset-bottom))}
@media(max-width:600px){
 .tunde-menu-footer a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:360px){
 .tunde-mission-photo.is-ferdinand{top:35%;height:21%;width:42%}
 .tunde-mission-photo.is-community{top:38%;height:17%;width:35%;right:4%}
 .tunde-mission-copy{bottom:3%}
 .tunde-mission-copy>p{font-size:13px}
}

/* Mobile keeps the desktop's portrait-and-links composition, in full colour. */
@media(max-width:600px){
 .tunde-menu-content{padding:102px 6% 22px}
 .tunde-menu-heading{margin-bottom:20px}
 .tunde-menu-links{width:65%;position:relative;z-index:3}
 .tunde-menu-links>a,.tunde-menu-links>button{font-size:clamp(26px,8vw,34px);gap:9px;min-height:54px;padding-block:8px}
 .tunde-menu-index{min-width:13px;font-size:9px}
 .tunde-menu-portrait{width:44%;top:190px;bottom:94px;height:auto;opacity:1;z-index:1;overflow:hidden}
 .tunde-menu-portrait img{height:min(65svh,480px);width:min(65svh,480px);left:50%;bottom:-6svh;filter:none;mix-blend-mode:normal}
 .tunde-menu-footer{position:relative;z-index:3;gap:8px;padding-top:24px}
 .tunde-menu-footer>div{gap:22px}
}
@media(max-width:600px) and (max-height:650px){
 .tunde-menu-content{padding-top:86px}
 .tunde-menu-heading{margin-bottom:12px}
 .tunde-menu-links>a,.tunde-menu-links>button{min-height:44px;padding-block:5px;font-size:clamp(24px,7.7vw,30px)}
 .tunde-menu-portrait{top:170px;bottom:88px}
 .tunde-menu-footer{margin-top:auto;padding-top:12px}
}
/* Decorative layers never take taps from visible controls. */
.tunde-menu-portrait,.tunde-menu-portrait *{pointer-events:none}
.tunde-menu a,.tunde-menu button,dialog a,dialog button,[data-set-select],[data-story],[data-play-talk]{touch-action:manipulation}
@media(max-width:600px){
 .tunde-menu-portrait{width:46%;bottom:0}
 .tunde-menu-portrait img{height:min(61svh,430px);width:min(61svh,430px);left:47%;bottom:-4svh}
 .tunde-menu-footer{width:53%;gap:4px}
 .tunde-menu-footer>div{flex-wrap:wrap;gap:0 16px}
}
@media(max-width:600px) and (max-height:650px){
 .tunde-menu-portrait{bottom:0}
 .tunde-menu-footer{font-size:10px}
}

/* Two deliberate lines give the closing message room above the portrait. */
#contact .footer-statement-w{top:3.5rem;left:0;right:0;position:absolute}
#contact .footer-statement-layout{width:94%;max-width:none;margin:0 auto}
.tunde-footer-message{width:100%;margin:0;text-align:center;text-transform:none;font-family:'Bodoni Moda',serif;font-weight:400;letter-spacing:-.045em;line-height:1.04}
.tunde-footer-message>span{display:block;white-space:nowrap;font-size:clamp(48px,7.8vw,124px)}
.tunde-footer-message>span+span{margin-top:.12em;font-size:clamp(34px,5.7vw,92px)}
.tunde-footer-message em{font-family:inherit;font-weight:400;color:#ed7c4a}
@media(max-width:991px) and (min-width:601px){#contact .footer-statement-w{top:3rem}}
@media(max-width:600px){
 #contact .footer-statement-w{top:22rem}
 #contact .footer-statement-layout{width:94%}
 .tunde-footer-message>span{font-size:12vw}
 .tunde-footer-message>span+span{font-size:9vw;margin-top:.2em}
}
@media(max-width:600px){
 #contact .footer-layout-clip{min-height:66rem}
 #contact .footer-statement-w{top:26rem}
}