*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:#1a1a1a;background:#f8f8f8;min-height:100vh}.top-bar{position:fixed;top:0;left:0;right:0;height:10vh;min-height:48px;max-height:80px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1.5rem);padding:0 1rem;z-index:100;border-bottom:1px solid #eee;opacity:0;transform:translateY(-100%);pointer-events:none;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease}.top-bar.top-bar-visible{opacity:1;transform:translateY(0);pointer-events:auto}.top-bar.top-bar-shadow{box-shadow:0 4px 12px #0000000f}.top-bar-logo{height:100%;max-height:44px;width:auto;object-fit:contain}.top-bar-tagline{margin:0;color:#1d1d1f;font-size:clamp(.65rem,1.5vw,.85rem);font-weight:900;line-height:1.2;text-align:center}.top-bar-tagline-first{font-family:Raleway,sans-serif;text-transform:uppercase}.top-bar-tagline-second{font-family:Roboto,sans-serif;text-transform:none}.scrollable-content{padding-top:0;padding-bottom:120px;min-height:100vh}.scrollable-content.scrollable-content-with-topbar{padding-top:10vh}.landing{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 2rem 1.5rem}.logo-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.scroll-indicator-wrap{cursor:pointer;margin-top:2rem}.logo-img{max-width:220px;height:auto;display:block;margin:0 auto}.tagline{margin-top:1.25rem;color:#1d1d1f;font-family:Raleway,sans-serif;font-size:41px;font-style:normal;font-weight:900;line-height:140%;text-transform:uppercase;text-align:center;max-width:520px;margin-left:auto;margin-right:auto}.tagline-second{display:block;margin-top:.5em;color:#1d1d1f;font-family:Roboto,sans-serif;font-size:23px;font-style:normal;font-weight:900;line-height:178%;text-transform:none}.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#f8f8f8;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;z-index:100;box-shadow:none;transition:box-shadow .25s ease}.bottom-bar.bottom-bar-shadow{box-shadow:0 -4px 12px #0000000f}.links{display:flex;flex-direction:column;align-items:center;gap:.5rem}.links a,.link-button{color:#2563eb;font-size:.875rem;font-weight:300;padding:.35rem .75rem;border-radius:6px;background:none;border:none;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}.links a:hover,.link-button:hover{background:#e0e7ff;color:#1d4ed8}.page{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.back-link{display:inline-block;margin-bottom:2rem;color:#2563eb;text-decoration:none;font-size:.95rem;padding:.4rem 0;transition:color .2s;background:none;border:none;cursor:pointer}.back-link:hover{color:#1d4ed8}.back-link:before{content:"← "}.page h1{font-size:1.75rem;margin-bottom:1.5rem;color:#111}.page h2{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem;color:#333}.page h3{font-size:1.1rem;margin-top:1.25rem;margin-bottom:.5rem;color:#444}.page p{margin-bottom:1rem}.page ul{margin:.5rem 0 1rem 1.5rem}.page li{margin-bottom:.35rem}.page hr{border:none;border-top:1px solid #e5e5e5;margin:1.5rem 0}.page strong{font-weight:600}.page a{color:#2563eb;text-decoration:none}.page a:hover{text-decoration:underline}pre{background:#f0f0f0;padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0;font-size:.9rem;white-space:pre-wrap}.footer-note{margin-top:2.5rem;font-size:.9rem;color:#666}.inline-link{background:none;border:none;padding:0;margin:0;color:#2563eb;text-decoration:underline;font-size:inherit;cursor:pointer}.inline-link:hover{color:#1d4ed8}.home-container{position:relative}.scroll-indicator{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;animation:bounce 2s infinite}.scroll-arrow{color:#1d1d1f;opacity:.7;transition:opacity .3s}.scroll-indicator:hover .scroll-arrow{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.timeline-section{background:#f8f8f8;padding:4rem 1.5rem;min-height:100vh;position:relative;z-index:2;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .5s ease,transform .5s ease}.timeline-section.timeline-visible{opacity:1;transform:translateY(0);pointer-events:auto}.timeline-end-hint{max-width:900px;margin:0 auto;padding:0 1.5rem 3rem;position:relative;margin-top:-.5rem}.timeline-end-hint-connector{position:absolute;left:calc(2rem - 1px);top:-.5rem;width:2px;height:3rem;background:#d0d0d0;border-radius:1px;pointer-events:none}.timeline-end-hint .timeline-item--year{padding-bottom:1.5rem}.timeline-end-hint-row{display:flex;justify-content:center;align-items:center}.timeline-end-hint-spacer{display:none}.timeline-end-hint-content{text-align:center}.timeline-kudos-button{display:inline-block;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:#666;background:transparent;border:1px solid #bbb;border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.timeline-kudos-button:hover{color:#333;border-color:#888;background:#f0f0f0}.timeline-kudos-button:active{opacity:.9}.timeline{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:0;position:relative;padding-bottom:2rem}.timeline-line{position:absolute;left:calc(2rem - 1px);top:.5rem;bottom:.5rem;width:2px;background:#d0d0d0;border-radius:1px;pointer-events:none}.timeline-item{display:flex;gap:1.25rem;align-items:flex-start;position:relative;padding-bottom:3rem;opacity:0;animation:fadeInUp .6s ease forwards}.timeline-item:last-of-type{padding-bottom:0}.timeline-node{flex-shrink:0;width:4rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding-top:.15rem}.timeline-month{font-size:.8rem;font-weight:600;color:#1d1d1f;letter-spacing:.02em}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#1d1d1f;border:3px solid #f8f8f8;box-shadow:0 0 0 1px #d0d0d0;flex-shrink:0}.timeline-item--year{padding-bottom:1.5rem;display:block}.timeline-year-gap{width:4rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f8f8f8;position:relative;z-index:1}.timeline-year-label{font-size:1.5rem;font-weight:800;color:#1d1d1f;letter-spacing:.04em}.timeline-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-image-wrapper{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;background:#f0f0f0}.timeline-image{width:100%;height:auto;display:block;transition:transform .3s ease}.timeline-image:hover{transform:scale(1.02)}.timeline-text{padding:.5rem 0}.timeline-description{font-size:1rem;line-height:1.6;color:#333;margin:0}.timeline-item--placeholder{opacity:1;animation:none}.timeline-placeholder{background:#e5e5e5;border-radius:6px;animation:timeline-placeholder-pulse 1.2s ease-in-out infinite}.timeline-placeholder--month{width:3rem;height:.85rem;display:block}.timeline-placeholder--dot{width:12px;height:12px;border-radius:50%}.timeline-placeholder--image{width:100%;min-height:180px;border-radius:12px}.timeline-placeholder--line{height:1rem;margin-bottom:.5rem;max-width:100%}.timeline-placeholder--line-short{max-width:70%}@keyframes timeline-placeholder-pulse{0%,to{opacity:.7}50%{opacity:1}}.timeline-load-more{height:100px;display:flex;align-items:center;justify-content:center}.loading-spinner{color:#666;font-size:.9rem}@media (min-width: 768px){.timeline-content{flex-direction:row;align-items:flex-start;gap:2rem}.timeline-image-wrapper{flex:0 0 300px;max-width:300px}.timeline-text{flex:1}}.leave-tropiciel{max-width:900px;margin:0 auto;padding:3rem 1.5rem 4rem;margin-bottom:2rem;text-align:center;background:#f8f8f8}.leave-tropiciel-header{margin:0;padding:.5rem 1rem;background:#e8e8e8;border-radius:12px 12px 0 0;font-size:.875rem;font-weight:400;color:#444;line-height:1.4}.leave-tropiciel-trigger{display:inline-block;background:none;border:none;padding:0;cursor:pointer;margin-bottom:1rem}.leave-tropiciel-logo{max-width:160px;height:auto;display:block;transition:transform .2s ease}.leave-tropiciel-trigger:hover .leave-tropiciel-logo{transform:scale(1.05)}.leave-tropiciel-text{font-size:1rem;line-height:1.5;color:#333;margin:0 0 2rem;max-width:420px;margin-left:auto;margin-right:auto}.leave-tropiciel-zone{min-height:80px;padding:1rem;border:1px dashed #d0d0d0;border-radius:0 0 12px 12px;border-top:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;transition:background .2s,border-color .2s}.leave-tropiciel-zone:hover{background:#fafafa;border-color:#b0b0b0}.leave-tropiciel-hint{font-size:.9rem;color:#999}.leave-tropiciel-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:.5rem;row-gap:1.25rem}.leave-tropiciel-slot{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leave-tropiciel-slot--count{background:transparent;border:none;min-width:2.25rem}.leave-tropiciel-count{font-size:.9rem;font-weight:700;color:#333;line-height:1}.leave-tropiciel-slot--pop .leave-tropiciel-small{animation:leave-tropiciel-pop 1.1s cubic-bezier(.34,1.56,.64,1) forwards}.leave-tropiciel-slot--pop{transform-origin:center center}.leave-tropiciel-plus1{font-size:.9rem;font-weight:800;color:#1d1d1f}.leave-tropiciel-small{width:40px;height:auto;display:block}@keyframes leave-tropiciel-pop{0%{transform:scale(0) translateY(-8px);opacity:0}45%{transform:scale(1.45) translateY(2px);opacity:1}70%{transform:scale(.92) translateY(0)}85%{transform:scale(1.08) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}.leave-tropiciel-error{display:block;margin-top:.5rem;color:#c00;font-size:.9rem}