.diagram-child,.diagram-parent{align-items:center;display:flex;justify-content:center}.diagram-child{aspect-ratio:1/1;flex-direction:column;height:100%;max-width:100%}@media only screen and (min-width:768px){.diagram-child{align-items:start;justify-content:start}}.diagram-child{overflow:hidden}.diagram-inner{aspect-ratio:1/1;width:100%}section.text{font-size:16px;letter-spacing:-.03em;line-height:1.25;margin:0 auto}section.text .flex-g-1{flex-grow:1}@media only screen and (max-width:899px){section.text .flex-g-1{display:none}}section.text .products.left{text-align:left}section.text .products.right{text-align:right}section.text .products .product{display:inline-block;padding-bottom:65%;position:relative;width:50%}section.text .products .product img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media only screen and (min-width:600px){section.text .products .product{padding-bottom:130px;width:100px}}@media only screen and (min-width:900px){section.text .products .product{padding-bottom:130px;width:100px}}@media only screen and (min-width:1200px){section.text .products .product{padding-bottom:130px;width:100px}}@media only screen and (min-width:1800px){section.text .products .product{padding-bottom:130px;width:100px}}section.text .products .product .variant-tile{height:100%;top:0;right:0;bottom:0;left:0;padding-bottom:0;transform:none;width:100%}section.text .products .product .variant-tile span{display:none}section.text:not(.columns):not(.large){display:flex}section.text:not(.columns):not(.large)>div:not(.flex-g-1){flex-shrink:0;margin-left:auto;margin-right:auto;max-width:min(700px,100% - var(--padding-default))}section.text.columns{max-width:min(1150px + var(--padding-default),100% - 250px - var(--padding-default) * 3)}section.text.columns .columns>div{box-sizing:border-box;display:inline-block;padding:0 calc(var(--padding-default)/2);vertical-align:top}@media only screen and (min-width:900px){section.text.columns .columns>div{width:50%}}section.text.columns .columns>div.large{font-family:HALMatex,sans-serif;font-feature-settings:"ss02";font-size:33px;font-variant-ligatures:normal;letter-spacing:-.05em;line-height:.95}section.text.columns .columns>div.large p{margin:16px 0}section.text.columns.large{max-width:min(1400px + var(--padding-default),100%)}section.text.large:not(.columns){max-width:calc(100% - var(--padding-default))}section.text.large:not(.columns)>div.large{font-family:HALMatex,sans-serif;font-feature-settings:"ss02";font-size:33px;font-variant-ligatures:normal;letter-spacing:-.05em;line-height:.95}section.text b,section.text b *,section.text strong,section.text strong *{font-weight:400}section.text h2{display:block;font-family:HALMatex,sans-serif;font-feature-settings:"ss02";font-size:33px;font-variant-ligatures:normal;font-weight:400;letter-spacing:-.05em;line-height:.95;margin:1em 0 0 -.04em;text-align:left}section.text p{margin:1em 0}.random>.random{height:40vh;margin:calc(10vw + 50px) 50%;max-height:50vw;min-height:30vw;position:relative;transform:translate(-50%);width:60%}.random>.random img{height:20vw;-o-object-fit:contain;object-fit:contain;position:absolute;transform:translate(-50%,-50%) scale(1);transition:transform .2s ease,left .5s ease,top .5s ease;width:20vw}.random>.random img.landscape{height:calc(20vw/var(--ratio))}.random>.random img.portrait{width:calc(20vw*var(--ratio))}.random>.random img:hover{transform:translate(-50%,-50%) scale(1.1);z-index:100}article .appear{transition:transform .3s ease .1s,opacity .3s ease .1s}article .appear:nth-child(2){transition:transform .3s ease .2s,opacity .3s ease .2s}article .appear:nth-child(3){transition:transform .3s ease .3s,opacity .3s ease .3s}article .appear:nth-child(4){transition:transform .3s ease .4s,opacity .3s ease .4s}article .appear:nth-child(5){transition:transform .3s ease .5s,opacity .3s ease .5s}article .appear:nth-child(6){transition:transform .3s ease .6s,opacity .3s ease .6s}article .init{opacity:.01;transform:translateY(20px)}article:not(.preview):first-of-type{margin-top:calc(75px + var(--padding-default))}article.preview{margin-top:calc(var(--padding-default)*-3)}article:after{content:"";display:block;height:75px}article>header{margin:var(--padding-default) 0 0}article .content section>div{margin:50px 0 0}article .content .meta{margin:80px auto 30px;max-width:calc(450px + var(--padding-default));padding:0 calc(var(--padding-default)/2)}@media only screen and (min-width:900px){article .content .meta .subject{display:none}}article .content .meta div{border-top:1px solid var(--color-otto-grey)}article .content .meta div>span{display:inline-block;padding:1px 0;vertical-align:top}article .content .meta div>span:first-child{width:100px}article .content .meta div>span:nth-child(2){width:calc(100% - 100px)}@media only screen and (max-width:899px){article .content .meta div>span:first-child{width:90px}article .content .meta div>span:nth-child(2){width:calc(100% - 90px)}article .content .meta div.authors .author span{display:none}article .content .meta div.authors .author:after{content:"."}}article .content .meta div:last-child{border-bottom:1px solid var(--color-otto-grey)}article .content .images{margin:0 auto;width:100%}article .content .images.full>div>div{width:calc(100%/var(--length) - var(--padding-default))}article .content .images.large>div>div{width:calc(41.66667% - var(--padding-default))}@media only screen and (max-width:899px){article .content .images.large>div>div{width:calc(100% - var(--padding-default))}}article .content .images.medium>div>div{width:calc(33.33333% - var(--padding-default))}@media only screen and (max-width:899px){article .content .images.medium>div>div{width:calc(50% - var(--padding-default))}}article .content .images.small>div>div{width:calc(25% - var(--padding-default))}@media only screen and (max-width:899px){article .content .images.small>div>div{width:calc(50% - var(--padding-default))}}article .content .images.full>div,article .content .images.large>div,article .content .images.medium>div,article .content .images.small>div{display:inline-block;margin:50px auto 0;width:auto;width:100%}article .content .images.full>div>div,article .content .images.large>div>div,article .content .images.medium>div>div,article .content .images.small>div>div{display:inline-block;font-size:0;line-height:0;margin:calc(var(--padding-default)/2);position:relative;vertical-align:middle}article .content .images.full>div>div:hover .add-to-order-btn,article .content .images.large>div>div:hover .add-to-order-btn,article .content .images.medium>div>div:hover .add-to-order-btn,article .content .images.small>div>div:hover .add-to-order-btn{opacity:1}article .content .images.full>div>div .add-to-order-btn,article .content .images.large>div>div .add-to-order-btn,article .content .images.medium>div>div .add-to-order-btn,article .content .images.small>div>div .add-to-order-btn{opacity:0;transition:opacity .2s ease}@media only screen and (max-width:899px){article .content .images.full>div>div .add-to-order-btn,article .content .images.large>div>div .add-to-order-btn,article .content .images.medium>div>div .add-to-order-btn,article .content .images.small>div>div .add-to-order-btn{display:inline-block;left:6px;opacity:1;position:absolute;top:3px}}article .content .images.full>div>div .add-to-order-btn.active,article .content .images.large>div>div .add-to-order-btn.active,article .content .images.medium>div>div .add-to-order-btn.active,article .content .images.small>div>div .add-to-order-btn.active{opacity:1}article .content .images.full>div>div .add-to-order-btn>span,article .content .images.large>div>div .add-to-order-btn>span,article .content .images.medium>div>div .add-to-order-btn>span,article .content .images.small>div>div .add-to-order-btn>span{opacity:0;transition:opacity .2s ease}article .content .images.full>div>div .add-to-order-btn:hover>span,article .content .images.large>div>div .add-to-order-btn:hover>span,article .content .images.medium>div>div .add-to-order-btn:hover>span,article .content .images.small>div>div .add-to-order-btn:hover>span{opacity:1}article .content .images.full>div>div .add-to-order-btn.added div:first-child:before,article .content .images.large>div>div .add-to-order-btn.added div:first-child:before,article .content .images.medium>div>div .add-to-order-btn.added div:first-child:before,article .content .images.small>div>div .add-to-order-btn.added div:first-child:before{transform:translate(-340%,-35%) rotate(135deg) scaleY(.5)}article .content .images.full>div>div .add-to-order-btn.added div:first-child:after,article .content .images.large>div>div .add-to-order-btn.added div:first-child:after,article .content .images.medium>div>div .add-to-order-btn.added div:first-child:after,article .content .images.small>div>div .add-to-order-btn.added div:first-child:after{transform:translate(80%,-45%) rotate(225deg)}article .content .images.full>div>div img,article .content .images.full>div>div video,article .content .images.large>div>div img,article .content .images.large>div>div video,article .content .images.medium>div>div img,article .content .images.medium>div>div video,article .content .images.small>div>div img,article .content .images.small>div>div video{height:auto;width:100%}article .content .images.full>div>div>div,article .content .images.large>div>div>div,article .content .images.medium>div>div>div,article .content .images.small>div>div>div{font-family:ValentineLL;font-size:10px;line-height:14px;margin:calc(var(--padding-default)/2 - 3px) 0 0 -.5px;position:relative;text-align:left}article .content .images.full>div>div>div p,article .content .images.large>div>div>div p,article .content .images.medium>div>div>div p,article .content .images.small>div>div>div p{margin:0;visibility:hidden}article .content .images.full>div>div:hover>div:before,article .content .images.large>div>div:hover>div:before,article .content .images.medium>div>div:hover>div:before,article .content .images.small>div>div:hover>div:before{visibility:hidden}article .content .images.full>div>div:hover>div p,article .content .images.large>div>div:hover>div p,article .content .images.medium>div>div:hover>div p,article .content .images.small>div>div:hover>div p{visibility:visible}article .content .images.full>div.top>div,article .content .images.large>div.top>div,article .content .images.medium>div.top>div,article .content .images.small>div.top>div{vertical-align:top}article .content .images.full>div.y-middle>div,article .content .images.large>div.y-middle>div,article .content .images.medium>div.y-middle>div,article .content .images.small>div.y-middle>div{vertical-align:middle}article .content .images.full>div.bottom>div,article .content .images.large>div.bottom>div,article .content .images.medium>div.bottom>div,article .content .images.small>div.bottom>div{vertical-align:bottom}article .content .images.full>div.left,article .content .images.large>div.left,article .content .images.medium>div.left,article .content .images.small>div.left{text-align:left}article .content .images.full>div.x-middle,article .content .images.large>div.x-middle,article .content .images.medium>div.x-middle,article .content .images.small>div.x-middle{text-align:center}article .content .images.full>div.right,article .content .images.large>div.right,article .content .images.medium>div.right,article .content .images.small>div.right{text-align:right}article .content .images.grid,article .content .images.multiple{text-align:left;width:100%}article .content .images.grid>div>div,article .content .images.multiple>div>div{display:inline-block;font-size:0;line-height:0;margin:calc(var(--padding-default)/2);vertical-align:top;width:calc(12.5% - var(--padding-default))}article .content .images.grid>div>div img,article .content .images.grid>div>div video,article .content .images.multiple>div>div img,article .content .images.multiple>div>div video{height:auto;width:100%}article .content .images.grid>div>div>p,article .content .images.multiple>div>div>p{font-size:10px;margin:-1px 0 0 -.5px;text-align:left}article .content .images.multiple>div{display:flex;width:100%}article .content .images.multiple>div>div{margin:0;padding:calc(var(--padding-default)/2);transition:width .3s ease;width:100%;width:calc(100%/var(--length) - var(--padding-default))}article .content .images.multiple>div:hover>div{width:calc((62.5% + var(--padding-default))/(var(--length) - 1) - var(--padding-default)*1.25)}article .content .images.multiple>div:hover>div:hover{width:calc(37.5% - var(--padding-default))}