@font-face{font-family:Mori;src:url(/app/themes/sof-temp/public/build/assets/PPMori-Semibold-A8feYWDD.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Kyoto;src:url(/app/themes/sof-temp/public/build/assets/PPKyoto-Medium-CuhB4duC.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Fraktion;src:url(/app/themes/sof-temp/public/build/assets/Fraktion-Sans-Medium-BedOdqBK.otf)format("opentype");font-weight:400;font-style:normal}:root{--color-ground:#fbf8f1;--color-ink:#1e1b17;--color-accent:orangered}::selection{color:#ff4500;background-color:#0000}html{font-family:Mori,sans-serif}h1,h2,h3,h4,h5,h6{margin:0;font-family:Mori,sans-serif}h1{font-size:clamp(4rem,6vw,8rem);line-height:.9}p{font-family:Kyoto,sans-serif}body{background-color:var(--color-ground);color:var(--color-ink);grid-template-columns:repeat(15,minmax(0,1fr));gap:1rem;margin:0;display:grid}main{flex-flow:wrap;grid-column:3/14;justify-content:space-around;align-items:stretch;gap:0;height:100vh;display:flex}main hgroup{flex-direction:row;flex:100%;justify-content:flex-start;align-items:flex-end;gap:0;display:flex}main hgroup p{margin-top:0;margin-bottom:.25rem;font-family:Fraktion,sans-serif;font-size:.75rem}main h1{max-width:13.5ch;margin-left:3ch;margin-right:.5ch}main article{flex-direction:column;flex:0 0 45%;align-items:flex-end;gap:.25rem;padding:.5rem .5rem 0 0;font-size:1.275rem;line-height:1.275;display:flex}main article p{text-wrap:pretty;width:23ch;margin:0 0 0 auto}main article p:first-child{width:100%;margin-top:0}main article p:last-child{margin-top:1rem}main figure{pointer-events:none;flex-direction:row;flex:0 0 55%;justify-content:space-between;align-items:stretch;gap:0;display:flex;position:relative}main figure picture{width:50%;height:70%}main figure picture img{object-fit:cover;width:100%;height:100%}main figure [data-dot-color]{width:10vw;position:absolute}main figure [data-dot-color=red]{top:40%;right:0;transform:translate(50%)}main figure [data-dot-color=blue]{top:5%;left:18%}main figure [data-dot-color=grey]{top:35%;left:60%}main figure [data-dot-color=yellow]{top:40%;left:50%}@media (width<=1024px){main{grid-column:2/-1}main h1{margin-left:5ch}main article{flex:0 0 70%}main figure{flex:100%}main figure [data-dot-color]{width:15vw}main figure [data-dot-color=red]{top:40%;right:0;transform:translate(0)}}@media (width<=794px){main{grid-column:1/-1}main h1{margin-left:0}main article{flex:0 0 100%;margin-right:auto}main figure{flex:100%}main figure [data-dot-color]{width:20vw}}