.historie{--his-paper:#f4ede2;--his-paper-2:#ede3d4;--his-ink:#241c16;--his-ink-2:#57493c;--his-rule:#cbbba4;--his-pink:#e91c60;--his-pink-dark:#b31049;background-color:var(--his-paper);color:var(--his-ink);position:relative;overflow-x:hidden}.historie:before{content:"";pointer-events:none;z-index:0;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");position:absolute;inset:0}.historie>*{z-index:1;position:relative}.historie .his-wrap{max-width:1120px;margin:0 auto;padding-inline:28px}.historie .his-caps{letter-spacing:.24em;text-transform:uppercase;font-family:Karla,sans-serif;font-size:10.5px;font-weight:700}.historie .his-opening{background:#100c09;width:100%;height:clamp(420px,74vh,720px);position:relative;overflow:hidden}.historie .his-opening img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.historie .his-opening-veil{background:linear-gradient(#0a070526 0%,#0a07051a 40%,#0a0705c7 100%);position:absolute;inset:0}.historie .his-opening-text{color:#f6ece0;max-width:1120px;margin:0 auto;padding-inline:28px;position:absolute;bottom:clamp(28px,6vw,64px);left:0;right:0}.historie .his-opening-text .his-caps{color:#f6ece0d1}.historie .his-opening-text h1{letter-spacing:-.01em;margin-top:10px;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(2.6rem,9vw,6rem);font-weight:500;line-height:.98}.historie .his-quote{max-width:1120px;margin:clamp(46px,8vw,88px) auto;padding-inline:28px}.historie .his-quote-inner{border-top:1px solid var(--his-rule);border-bottom:1px solid var(--his-rule);padding:clamp(28px,5vw,52px) 0}.historie .his-quote blockquote{color:var(--his-ink);max-width:22ch;margin:0;font-family:Bodoni Moda,Georgia,serif;font-size:clamp(1.6rem,4.6vw,3.1rem);font-style:italic;font-weight:400;line-height:1.16}.historie .his-quote cite{color:var(--his-pink);margin-top:18px;font-style:normal;display:block}.historie .his-story{max-width:1120px;margin:0 auto clamp(50px,9vw,100px);padding-inline:28px}.historie .his-story-col{width:min(100%,65ch);max-width:65ch;margin-left:0;margin-right:auto}@media (width>=1000px){.historie .his-story-col{margin-left:clamp(0px,8vw,110px)}}.historie .his-story p{color:var(--his-ink-2);text-align:left;font-family:EB Garamond,Georgia,serif;font-size:clamp(1.1rem,1.4vw,1.28rem);line-height:1.72}.historie .his-story p+p{margin-top:1.1em}.historie .his-story p:first-child:first-letter{float:left;color:var(--his-pink);padding:.06em .12em 0 0;font-family:Bodoni Moda,Georgia,serif;font-size:4.2em;font-weight:600;line-height:.78}.historie .his-timeline{max-width:1120px;margin:0 auto;padding:0 28px clamp(40px,7vw,80px);position:relative}.historie .his-axis{background:var(--his-rule);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.historie .his-moment{justify-content:center;align-items:flex-start;padding-block:clamp(22px,4vw,48px);display:flex;position:relative}.historie .his-moment-text{text-align:right;flex:0 0 40%;padding-right:clamp(16px,2.2vw,28px)}.historie .his-moment-photo{flex:0 0 60%;padding-left:clamp(16px,2.2vw,28px)}.historie .his-moment.is-flipped .his-moment-text{text-align:left;order:2;padding-left:clamp(16px,2.2vw,28px);padding-right:0}.historie .his-moment.is-flipped .his-moment-photo{order:1;padding-left:0;padding-right:clamp(16px,2.2vw,28px)}.historie .his-year{color:var(--his-pink);font-family:Bodoni Moda,Georgia,serif;font-size:clamp(3rem,7vw,6rem);font-weight:500;line-height:.92}.historie .his-moment-body{color:var(--his-ink-2);margin-top:12px;font-family:EB Garamond,Georgia,serif;font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:1.62;display:inline-block}.historie .his-figure{margin:0}.historie .his-figure img{border:1px solid var(--his-rule);width:100%;height:auto;display:block}.historie .his-figure figcaption{color:var(--his-ink-2);margin-top:10px}.historie .his-aged img{filter:sepia(.15)contrast(1.06)saturate(.95)}.historie .his-size-l .his-figure{width:100%}.historie .his-size-m .his-figure{width:86%}.historie .his-size-s .his-figure{width:64%}.historie .his-moment.is-flipped .his-figure{margin-left:auto}.historie .his-family{border-top:1px solid var(--his-rule);max-width:1120px;margin:0 auto;padding:clamp(30px,6vw,60px) 28px clamp(40px,7vw,80px)}.historie .his-family>.his-caps{color:var(--his-pink);margin-bottom:clamp(18px,3vw,34px)}.historie .his-person{grid-template-columns:minmax(240px,380px) 1fr;align-items:center;gap:clamp(28px,4.5vw,56px);padding-block:clamp(24px,3.8vw,42px);display:grid}.historie .his-person+.his-person{border-top:1px solid var(--his-rule)}.historie .his-portrait{aspect-ratio:3/4;border:1px solid var(--his-rule);width:100%;max-width:380px;position:relative;overflow:hidden}.historie .his-portrait img{object-fit:cover;filter:sepia(.08)contrast(1.03);width:140%;height:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.historie .his-person-name{color:var(--his-ink);font-family:Bodoni Moda,Georgia,serif;font-size:clamp(1.8rem,2.8vw,2.6rem);font-weight:500;line-height:1.05}.historie .his-person-role{color:var(--his-pink);margin-top:8px}.historie .his-person-text{color:var(--his-ink-2);margin-top:12px;font-family:EB Garamond,Georgia,serif;font-size:clamp(1.02rem,1.3vw,1.16rem);line-height:1.65}.historie .his-colophon{border-top:1px solid var(--his-rule);max-width:1120px;margin:0 auto;padding:clamp(22px,4vw,34px) 28px clamp(50px,8vw,90px)}.historie .his-colophon .his-caps{color:var(--his-ink-2);line-height:1.7}.historie .his-links{flex-wrap:wrap;gap:22px;margin-top:14px;display:flex}.historie .his-links a{color:var(--his-pink);text-underline-offset:4px;font-family:EB Garamond,Georgia,serif;font-size:1.08rem;text-decoration:underline;text-decoration-thickness:1px}.historie .his-links a:hover{color:var(--his-pink-dark)}@media (width<=860px){.historie .his-axis{left:14px}.historie .his-timeline{padding-inline:20px}.historie .his-moment,.historie .his-moment.is-flipped{grid-template-columns:1fr;row-gap:16px;padding-left:36px;display:grid}.historie .his-moment .his-moment-text,.historie .his-moment.is-flipped .his-moment-text{text-align:left;grid-column:1;padding:0}.historie .his-moment .his-moment-photo,.historie .his-moment.is-flipped .his-moment-photo{grid-column:1;padding:0}.historie .his-size-m .his-figure,.historie .his-size-s .his-figure,.historie .his-size-l .his-figure,.historie .his-moment.is-flipped .his-figure{width:100%;margin-left:0}.historie .his-year{font-size:clamp(2.6rem,15vw,4rem)}.historie .his-person{grid-template-columns:1fr}.historie .his-portrait{max-width:320px}.historie .his-wrap,.historie .his-quote,.historie .his-story,.historie .his-family,.historie .his-colophon,.historie .his-opening-text{padding-inline:20px}}
