.danke-intro{padding-top:65px;padding-bottom:45px;display:grid;grid-template-columns:1.55fr 1fr;gap:8%;align-items:end}.danke-intro h1{font-size:clamp(45px,5.5vw,80px);margin-bottom:0}.danke-intro p:not(.eyebrow){max-width:390px;color:#526987;font-size:17px}.danke-intro .textlink{margin:0;display:inline-block}.danke-experience{padding:0 28px}.danke-panels{display:flex;height:560px;gap:6px;overflow:hidden}.danke-panel{position:relative;isolation:isolate;flex:1;min-width:0;overflow:hidden;background:#526987;transition:flex .85s cubic-bezier(.22,.68,0,1)}.danke-panel.active{flex:5.8}.danke-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:grayscale(1);transform:scale(1.08);transition:filter .8s,transform 1.4s,opacity .8s;opacity:.55}.danke-panel:nth-child(2){background:#8196b2}.danke-panel:nth-child(3){background:#526987}.danke-panel:nth-child(4){background:#8196b2}.danke-panel:nth-child(5){background:#526987}.danke-panel.active img{filter:grayscale(0);transform:scale(1);opacity:1}.danke-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#10243e20 20%,#10243e05 40%,#10243ee8 100%);z-index:1}.danke-trigger{position:absolute;inset:0;border:0;background:none;color:#fff;text-align:left;z-index:3;overflow:hidden}.danke-trigger:focus-visible{outline:3px solid #eaf2ff;outline-offset:-5px}.danke-index{position:absolute;top:24px;left:24px;font-size:10px;letter-spacing:.1em;white-space:nowrap}.danke-letter{position:absolute;top:65px;left:50%;transform:translateX(-50%);font-size:clamp(60px,7vw,110px);line-height:1;font-weight:500;letter-spacing:-.07em;transition:font-size .8s,top .8s,opacity .5s;opacity:.8}.active .danke-letter{left:32px;transform:none;font-size:52px;opacity:1}.danke-vertical{position:absolute;bottom:85px;left:50%;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);white-space:nowrap;font-size:16px;letter-spacing:.02em;transition:opacity .2s}.active .danke-vertical{opacity:0}.danke-plus{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:25px}.active .danke-plus{opacity:0}.danke-copy{position:absolute;left:32px;right:32px;bottom:35px;color:#fff;z-index:2;pointer-events:none;max-width:440px}.danke-copy h2{font-size:clamp(32px,3.4vw,49px);margin-bottom:15px;letter-spacing:-.045em}.danke-copy p{font-size:16px;line-height:1.55;margin:0;max-width:420px}.danke-copy:not([hidden]){animation:copy-in .65s .1s both}@keyframes copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.danke-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #19315433;padding:16px 0;font-size:12px}.danke-controls>div{display:flex;gap:22px}.danke-controls button,.danke-restart{border:0;background:none;color:#193154;padding:10px 0;font-size:12px}.danke-controls #danke-next{font-weight:700}.danke-controls #danke-next span{margin-left:20px}.danke-caption{font-size:10px;color:#526987;margin:12px 0 0}.danke-finale{padding:70px 6%;background:#e4ebf4;margin-top:35px;text-align:center}.danke-finale .eyebrow,.danke-finale .actions{justify-content:center}.danke-finale h2{font-size:clamp(43px,5vw,70px)}.danke-finale p:not(.eyebrow){max-width:470px;margin:0 auto 28px}.danke-panels.finished .danke-panel{flex:1}.danke-panels.finished .danke-letter{top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(80px,16vw,230px);opacity:1}.finished .danke-vertical,.finished .danke-plus,.finished .danke-index{opacity:0}.finished .danke-panel img{filter:grayscale(.25);opacity:.6}.danke-panels.finished{height:390px;transition:height .85s}.danke-context{padding-top:85px;padding-bottom:10px}.danke-context>div{display:grid;grid-template-columns:1fr 1fr;gap:9%}.danke-context h2{font-size:clamp(32px,3.5vw,48px)}.danke-context>div>p{color:#526987}.contact-form-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:8%}.contact-form-layout>div>p{max-width:360px}.contact-form-layout form{padding:30px;background:#e4ebf4}.contact-form-layout form .note{margin-top:22px}.contact-number{font-size:23px}.contact-form-layout #contact-status{font-size:13px;margin-top:20px}.danke-restart{text-decoration:underline;text-underline-offset:4px}body.paused .danke-panel,body.paused .danke-panel img,body.paused .danke-copy{transition:none;animation:none}
@media(max-width:760px){.danke-intro{grid-template-columns:1fr;gap:24px;padding-top:42px;padding-bottom:30px}.danke-intro h1{font-size:46px}.danke-intro p:not(.eyebrow){font-size:15px;max-width:100%}.danke-experience{padding:0 15px}.danke-panels{height:640px;flex-direction:column;gap:5px}.danke-panel{flex:1;min-height:48px}.danke-panel.active{flex:8}.danke-index{display:none}.danke-letter,.active .danke-letter{font-size:29px;top:10px;left:18px;transform:none}.active .danke-letter{top:20px;font-size:42px}.danke-vertical{writing-mode:horizontal-tb;transform:none;left:65px;bottom:auto;top:13px;font-size:14px}.danke-plus{left:auto;right:18px;top:6px;bottom:auto;transform:none}.danke-copy{left:22px;right:22px;bottom:24px}.danke-copy h2{font-size:34px}.danke-copy p{font-size:14px}.danke-controls{font-size:10px;gap:7px}.danke-controls>div{gap:12px}.danke-controls button{font-size:10px}.danke-controls #danke-next span{margin-left:5px}.danke-panels.finished{flex-direction:row;height:240px}.danke-panels.finished .danke-letter{font-size:54px;top:50%}.danke-finale{padding:45px 20px}.danke-finale h2{font-size:41px}.danke-finale .actions{flex-direction:column;align-items:stretch}.danke-context{padding-top:60px}.danke-context>div,.contact-form-layout{grid-template-columns:1fr;gap:20px}.contact-form-layout form{padding:22px}.contact-form-layout .form-grid{grid-template-columns:1fr}.contact-form-layout form .button{width:100%}}
@media(prefers-reduced-motion:reduce){.danke-panel,.danke-panel img,.danke-letter,.danke-panels.finished{transition:none}.danke-copy:not([hidden]){animation:none}}

.danke-experience{overflow-anchor:none}.danke-scroll-hint{font-size:11px;color:#526987;display:block;margin-top:9px}.danke-scroll-hint span{display:inline-block;margin-right:7px}body.paused .danke-letter,body.paused .danke-panels,body.paused .danke-panel{transition:none!important}

/* Preserve the scroll position as the final word settles into view. */
.danke-panels.finished.scroll-finished{height:560px;padding-top:170px;box-sizing:border-box}
@media(max-width:760px){.danke-panels.finished.scroll-finished{height:640px;padding-top:400px}}

body:has(.danke-experience){overflow-anchor:none}
