.tessilo-story-preview,.tessilo-story-page{--story-ink:#102c4c;--story-silver:#f0f0ee;--story-line:#cbd2d9;color:var(--story-ink)}.tessilo-story-preview{background:var(--story-silver);padding:80px max(24px,calc((100vw - 1320px)/2));margin-block:70px;scroll-margin-top:100px}.tessilo-story-preview__top{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:42px}.tessilo-story-preview h2{font-size:clamp(3.4rem,4vw,5.8rem);line-height:1.08;letter-spacing:-.035em;max-width:15ch;margin:0}.tessilo-story-preview p{font-size:1.6rem;line-height:1.8;max-width:43ch;margin:0 0 22px}.tessilo-story-preview__images{display:grid;grid-template-columns:1.65fr 1fr;gap:6%;align-items:start}.tessilo-story-preview figure{margin:0}.tessilo-story-preview__wide{padding-bottom:10%}.tessilo-story-preview__detail{padding-top:15%}.tessilo-story-frame{overflow:hidden;background:#dedfdd}.tessilo-story-frame img{display:block;width:100%;height:auto}.tessilo-story-preview__detail .tessilo-story-frame{aspect-ratio:1/1}.tessilo-story-preview__detail img{height:100%;object-fit:cover;object-position:center 60%}.tessilo-story-preview figcaption{font-size:1.25rem;line-height:1.6;padding-top:16px;color:#46596e}.tessilo-story-caption{font-size:1.1rem!important;color:#46596e;margin-top:20px!important}.tessilo-story-page{background:#fff}.tessilo-story-page__intro{background:var(--story-silver);padding:64px max(24px,calc((100vw - 1260px)/2)) 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:end}.tessilo-story-page h1{font-size:clamp(4rem,5.2vw,7.2rem);letter-spacing:-.035em;line-height:1.06;max-width:16ch;margin:0}.tessilo-story-page__intro p{font-size:1.7rem;line-height:1.8;max-width:40ch;margin:0}.tessilo-story-page__opening{margin:0;background:var(--story-silver);padding:0 max(24px,calc((100vw - 1260px)/2)) 48px}.tessilo-story-page__opening .tessilo-story-frame{aspect-ratio:16/9}.tessilo-story-page__opening img{height:100%;object-fit:cover}.tessilo-story-page__chapter{max-width:1360px;padding:88px 50px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.tessilo-story-page__chapter h2,.tessilo-story-page__rooms h2,.tessilo-story-page__invitation h2{font-size:clamp(3.2rem,3.8vw,5.4rem);line-height:1.12;letter-spacing:-.03em;max-width:17ch;margin:0 0 28px}.tessilo-story-page__chapter p,.tessilo-story-page__rooms p,.tessilo-story-page__invitation p{font-size:1.6rem;line-height:1.85;max-width:43ch;margin:0 0 22px}.tessilo-story-page__chapter figure{margin:0}.tessilo-story-page__chapter--touch .tessilo-story-frame{max-width:420px;margin:auto}.tessilo-story-page__rooms{background:#102c4c;color:#fff;padding:72px max(24px,calc((100vw - 1260px)/2));display:grid;grid-template-columns:1fr 1fr;gap:10%}.tessilo-story-page__rooms h2{color:#fff}.tessilo-story-room-links{display:grid;align-content:center}.tessilo-story-room-links a{color:#fff;text-decoration:none;border-bottom:1px solid #6a7c91;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:14px 0;font-size:2rem}.tessilo-story-room-links svg{width:24px;flex:none;transition:transform .2s ease}.tessilo-story-page__chapter--personal{grid-template-columns:1.1fr 1fr}.tessilo-story-page__invitation{padding:56px max(24px,calc((100vw - 1260px)/2));background:#dedfdd;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.tessilo-story-page__invitation h2{margin-bottom:0}.tessilo-story-page a:focus-visible,.tessilo-story-preview a:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(hover:hover){.tessilo-story-room-links a:hover svg{transform:translate(5px)}}@supports (animation-timeline:view()){@media(min-width:990px)and (prefers-reduced-motion:no-preference){.tessilo-story-preview{view-timeline-name:--tessilo-story;view-timeline-axis:block}.tessilo-story-preview__wide,.tessilo-story-preview__detail,.tessilo-story-preview__top>div{animation:tessilo-story-layer linear both;animation-timeline:--tessilo-story;animation-range:entry 0% exit 100%}.tessilo-story-preview__wide{--story-from:18px;--story-to:-18px}.tessilo-story-preview__detail{--story-from:42px;--story-to:-42px}.tessilo-story-preview__top>div{--story-from:8px;--story-to:-8px}.tessilo-story-page__chapter{view-timeline-name:--tessilo-chapter;view-timeline-axis:block}.tessilo-story-page__chapter>figure,.tessilo-story-page__chapter>div{animation:tessilo-story-layer linear both;animation-timeline:--tessilo-chapter;animation-range:entry 0% exit 100%}.tessilo-story-page__chapter>figure{--story-from:30px;--story-to:-30px}.tessilo-story-page__chapter>div{--story-from:8px;--story-to:-8px}.tessilo-story-page__opening img{animation:tessilo-story-window linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes tessilo-story-layer{0%{transform:translateY(var(--story-from))}to{transform:translateY(var(--story-to))}}@keyframes tessilo-story-window{0%{transform:scale(1.045) translateY(-1%)}to{transform:scale(1.045) translateY(1%)}}}}@media(max-width:749px){.tessilo-story-preview{padding:36px 22px;margin-block:36px}.tessilo-story-preview__top,.tessilo-story-page__intro,.tessilo-story-page__chapter,.tessilo-story-page__rooms,.tessilo-story-page__invitation{grid-template-columns:1fr;gap:24px}.tessilo-story-preview__top{margin-bottom:26px}.tessilo-story-preview h2{font-size:3.4rem}.tessilo-story-preview p,.tessilo-story-page__intro p,.tessilo-story-page__chapter p,.tessilo-story-page__rooms p,.tessilo-story-page__invitation p{font-size:1.45rem}.tessilo-story-preview__images{grid-template-columns:1.4fr 1fr;gap:16px}.tessilo-story-preview__detail{padding-top:26%}.tessilo-story-preview figcaption{font-size:1.1rem}.tessilo-story-preview__wide .tessilo-story-frame{aspect-ratio:3/4}.tessilo-story-preview__wide img{height:100%;object-fit:cover;object-position:65% center}.tessilo-story-page__intro{padding:36px 24px 28px}.tessilo-story-page h1{font-size:4rem}.tessilo-story-page__opening{padding:0 24px 28px}.tessilo-story-page__opening .tessilo-story-frame{aspect-ratio:3/2}.tessilo-story-page__chapter{padding:40px 24px}.tessilo-story-page__chapter--touch .tessilo-story-frame{max-width:260px}.tessilo-story-page__chapter h2,.tessilo-story-page__rooms h2,.tessilo-story-page__invitation h2{font-size:3.2rem}.tessilo-story-page__rooms,.tessilo-story-page__invitation{padding:40px 24px}.tessilo-story-page__chapter--personal figure{order:1}.tessilo-story-room-links a{font-size:1.8rem;min-height:66px}}@media(prefers-reduced-motion:reduce){.tessilo-story-preview *,.tessilo-story-page *{animation:none!important;transition:none!important;transform:none!important}}.tessilo-story-preview[data-story-light]{background:var(--story-surface,#f0f0ee);color:var(--story-reading,#102c4c)}.tessilo-story-preview[data-story-light] :is(h2,p,a,figcaption){color:inherit}.tessilo-story-preview[data-story-light] .tessilo-story-frame img{transform:scale(var(--story-zoom,1));transform-origin:center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tessilo-story.css.map */