:root{--wolfly-color:#ff5811}#insights[data-astro-cid-73trrim3]{grid-gap:48px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;display:grid}.insight-block[data-astro-cid-73trrim3] p[data-astro-cid-73trrim3]:before{content:"";background-color:var(--wolfly-color);border-radius:100%;width:12px;height:12px;margin-right:8px;display:inline-block}#pie-charts[data-astro-cid-73trrim3]{text-align:center;grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:96px;display:grid}#wolfly-business-model[data-astro-cid-73trrim3]{text-align:center;& td:first-child{text-align:left}& .icon{font-size:20px}}#wolfly-persona[data-astro-cid-73trrim3]{grid-gap:48px;grid-template-columns:1fr 1fr 1fr;display:grid;&>div[data-astro-cid-73trrim3]:first-child{grid-area:1/1/3/2}&>div[data-astro-cid-73trrim3]:nth-child(2){grid-area:1/2/2/4}&>div[data-astro-cid-73trrim3]:nth-child(3){grid-area:2/2/3/3}&>div[data-astro-cid-73trrim3]:last-child{grid-area:2/3/3/4}& .persona-card{border-radius:var(--border-radius);background-color:#fff;overflow:hidden;&>div[data-astro-cid-73trrim3]{width:100%;padding:32px}& .persona-title{color:var(--wolfly-color);margin-bottom:.5rem;font-size:1.5rem}& p{margin:0}& img{aspect-ratio:1;object-fit:cover}}}#wolfly-quote-section[data-astro-cid-73trrim3]{width:50%;margin:0 auto;& p{text-align:center;text-wrap:balance}}#wolfly-challange-solution[data-astro-cid-73trrim3]>div[data-astro-cid-73trrim3]{&:first-child{border-radius:var(--border-radius);background-color:#ff00001a;padding:32px}&:last-child{border-radius:var(--border-radius);background-color:#00ff001a;padding:32px}}#wolfly-bullet-list[data-astro-cid-73trrim3]{& img{width:200px;height:fit-content}& strong:before{content:"";background-color:var(--wolfly-color);border-radius:100%;width:12px;height:12px;margin-right:8px;display:inline-block}}#wolfly-wireframes[data-astro-cid-73trrim3]{box-sizing:border-box;flex-wrap:wrap;&>div[data-astro-cid-73trrim3]{flex:25%;max-width:25%;&:first-child{transform:rotate(-30deg)}&:nth-child(2){transform:rotate(-15deg)}&:nth-child(3){transform:rotate(15deg)}&:last-child{transform:rotate(30deg)}}& img{object-fit:cover;border-radius:16px;transition:all .3s;box-shadow:0 10px 20px #00000005;&:hover{transform:translateY(-20px);box-shadow:0 10px 50px #0000001a}}}#wolfly-visual-identity[data-astro-cid-73trrim3]{grid-template-columns:1fr 1fr;align-items:stretch;gap:96px;display:grid;&>div[data-astro-cid-73trrim3]{align-items:stretch;&:first-child{grid-area:1/1/3/2}&:nth-child(2){grid-area:1/2/2/3;align-items:stretch}&:nth-child(3){grid-area:2/2/3/3}}& h3{border-bottom:1px solid var(--gray);padding-bottom:8px}}#wolfly-future-tasks[data-astro-cid-73trrim3]{grid-template-columns:1fr 1fr;gap:16px;display:grid}#wolfly-learning-list[data-astro-cid-73trrim3]{grid-template-columns:1fr 1fr;gap:32px;display:grid;& h3{font-size:1.5rem;display:block;&:before{content:"";background-color:var(--wolfly-color);border-radius:100%;width:12px;height:12px;margin-right:8px;display:inline-block}}}.wolfly-color-list[data-astro-cid-73trrim3]{& li{gap:16px;display:flex;& p:first-child{margin:0;font-weight:600}& p:nth-child(2){margin:0}}& .color{border-radius:12px;width:50px;height:50px}}.wolfly-color-primary[data-astro-cid-73trrim3] .color[data-astro-cid-73trrim3]{background-color:var(--wolfly-color)}.wolfly-color-text[data-astro-cid-73trrim3] .color[data-astro-cid-73trrim3]{background-color:#292929}.wolfly-color-dark[data-astro-cid-73trrim3] .color[data-astro-cid-73trrim3]{background-color:#14101d}.wolfly-color-light-text[data-astro-cid-73trrim3] .color[data-astro-cid-73trrim3]{background-color:#606060}.wolfly-color-light[data-astro-cid-73trrim3] .color[data-astro-cid-73trrim3]{background-color:#f5f5f5;border:1px solid #e0e0e0}.wolfly-color-lightest[data-astro-cid-73trrim3] .color[data-astro-cid-73trrim3]{background-color:#e3e3e3}.wolfly-color-accent[data-astro-cid-73trrim3] .color[data-astro-cid-73trrim3]{background-color:#ffb931}#wolfly-typography[data-astro-cid-73trrim3] p[data-astro-cid-73trrim3]:first-child{font-size:1.5rem}.pie[data-astro-cid-73trrim3]{aspect-ratio:1;--b:8px;--p:20px;place-content:center;width:128px;margin-bottom:32px;font-weight:700;display:inline-grid;position:relative;&:before,&:after{content:"";border-radius:50%;position:absolute}&:before{background:radial-gradient(farthest-side, var(--wolfly-color) 98%, transparent) top/var(--b) var(--b) no-repeat, conic-gradient(var(--wolfly-color) calc(var(--p) * 1%), var(--dark-color) 0 calc(var(--p) * 1%));-webkit-mask:radial-gradient(farthest-side, transparent calc(99% - var(--b)), black calc(100% - var(--b)));mask:radial-gradient(farthest-side, transparent calc(99% - var(--b)), black calc(100% - var(--b)));inset:0}&:after{inset:calc(50% - var(--b) / 2);background:var(--wolfly-color);transform:rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - 64px))}}.animate[data-astro-cid-73trrim3]{animation:1s .3s both pieAnimation}#wolfly-solutions[data-astro-cid-73trrim3]{flex-direction:row-reverse}@property --p{syntax:"<number>";inherits:true;initial-value:0}@keyframes pieAnimation{0%{--p:0}}@media (width<=767px){#wolfly-content[data-astro-cid-73trrim3]{gap:64px}#design-process[data-astro-cid-73trrim3],#interviews-surveys[data-astro-cid-73trrim3],#user-persona[data-astro-cid-73trrim3]{gap:48px}#wolfly-bullet-list[data-astro-cid-73trrim3]{gap:32px}#research-title[data-astro-cid-73trrim3],#solution-title[data-astro-cid-73trrim3],#wireframes-title[data-astro-cid-73trrim3],#usability-title[data-astro-cid-73trrim3]{margin:0}#pie-charts[data-astro-cid-73trrim3]{flex-direction:column;gap:48px;display:flex;&>div[data-astro-cid-73trrim3]{align-items:center}}#insights[data-astro-cid-73trrim3],#wolfly-persona[data-astro-cid-73trrim3],#wolfly-visual-identity[data-astro-cid-73trrim3],#wolfly-future-tasks[data-astro-cid-73trrim3],#wolfly-learning-list[data-astro-cid-73trrim3]{flex-direction:column;display:flex}#wolfly-business-model[data-astro-cid-73trrim3]{& th,& td{padding:12px}}#wolfly-quote-section[data-astro-cid-73trrim3]{width:100%;margin:0}#wolfly-wireframes[data-astro-cid-73trrim3]{flex-direction:row}#wolfly-visual-identity[data-astro-cid-73trrim3]{gap:48px;& h3{font-size:24px}}#colours[data-astro-cid-73trrim3]>div[data-astro-cid-73trrim3]{flex-direction:row}#wolfly-solutions[data-astro-cid-73trrim3]{flex-direction:column}#solved-list[data-astro-cid-73trrim3] li[data-astro-cid-73trrim3]>div[data-astro-cid-73trrim3]{flex-direction:row}#wolfly-learning-list[data-astro-cid-73trrim3] h3[data-astro-cid-73trrim3]{font-size:24px}}