.case-tile{isolation:isolate;color:#e7e5e4;grid-template-columns:repeat(20,5%);align-items:start;width:100%;height:355px;display:grid;position:relative;container-type:inline-size}.case-tile__media{z-index:0;background-image:linear-gradient(135deg, #000000f5 0%, #0000008c 100%), var(--case-tile-image,none);background-position:50%;background-size:cover;position:absolute;inset:0}.case-tile__media:focus-visible{outline-offset:-4px;outline:2px solid #69f}.case-tile__body{z-index:1;box-sizing:border-box;grid-column:1/-1;place-self:start;gap:12px;width:min(32rem,100%);padding:28px 48px 44px round(10cqw,4px);display:grid;position:relative}.case-tile__annotation{color:gray;margin:0;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem}.case-tile__title{margin:0;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1.25rem;font-weight:400;line-height:2rem}.case-tile .button,.case-tile__soon{justify-self:start;margin-top:12px}.case-tile__soon{color:#e7e5e4;margin-bottom:0;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem}.case-tile a:focus-visible{outline-offset:4px;outline:2px solid #69f}#index{grid-template-rows:repeat(6,auto);grid-template-columns:repeat(20,5%);padding:0;display:grid}@media only screen and (width>=320px) and (width<=767px){#index{padding-top:0}}#main-info{height:100vh;height:calc(var(--vh) * 100);background-image:url(/img/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;grid-column:1/21;grid-template-rows:1fr;grid-template-columns:repeat(20,5%);grid-row-start:1;margin:0;padding:0 0 32px;display:grid;position:relative}@media only screen and (width>=320px) and (width<=767px){#main-info{padding:0 0 calc(32px + env(safe-area-inset-bottom,0px)) 0;background-image:url(/img/bg-mobile.jpg);grid-column:1/21;grid-row-start:1}}#main-info-text{color:#ccc;flex-direction:column;grid-column:3/12;justify-content:center;align-items:flex-start;width:100%;min-height:0;padding:0;display:flex;position:relative}#main-info-text h1{text-align:left;box-sizing:border-box;width:100%;max-width:100%;margin:0;position:absolute;top:45vh;left:0;transform:translateY(-50%)}@media only screen and (width>=320px) and (width<=767px){#main-info-text{text-align:center;flex-direction:column;grid-column:2/20;justify-content:space-between;align-items:flex-start;width:100%;padding:14vh 0 0;display:flex}#main-info-text h1{text-align:center;position:relative;top:0;transform:none}}#main-info-buttons{flex-direction:row;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:16px;width:100%;margin-top:auto;margin-bottom:32px;padding:0;display:flex}@media only screen and (width>=320px) and (width<=767px){#main-info-buttons{flex-wrap:wrap;gap:1rem;width:100%;margin:0;padding:48px 0 0;display:flex}#main-info-buttons .button{text-align:center;box-sizing:border-box;padding-left:1rem;padding-right:1rem}#main-info-buttons .button:nth-child(3){flex:0 0 100%;width:100%}#main-info-buttons .button:first-child,#main-info-buttons .button:nth-child(2){flex:0 0 calc(50% - .5rem);width:calc(50% - .5rem);min-width:0}}#experience{flex-direction:column;grid-column:3/19;grid-row-start:2;justify-content:flex-start;align-items:flex-start;width:100%;padding:64px 0 0;display:flex}@media only screen and (width>=320px) and (width<=767px){#experience{flex-direction:column;grid-column:2/20;grid-row-start:2;justify-content:flex-start;align-items:flex-start;width:100%;padding:2.5rem 0 0;display:flex}}.experience-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem;display:grid}@media only screen and (width>=320px) and (width<=767px){.experience-cards{grid-template-columns:1fr;gap:2rem}}#cases{grid-column:1/21;grid-template-columns:repeat(20,5%);grid-row-start:3;width:100%;padding:64px 0 0;display:grid}#cases>.list-header{grid-column:3/19}#cases>.cases-grid{grid-column:1/21;width:100%}@media only screen and (width>=320px) and (width<=767px){#cases{padding-top:2.5rem}#cases>.list-header{grid-column:2/20}}.cases-grid{grid-template-columns:minmax(0,1fr);width:100%;display:grid}#skills{flex-direction:column;grid-column:3/19;grid-row-start:4;justify-content:flex-start;align-items:flex-start;width:100%;padding:64px 0 96px;display:flex}@media only screen and (width>=320px) and (width<=767px){#skills{flex-direction:column;grid-column:2/20;grid-row-start:4;justify-content:flex-start;align-items:flex-start;width:100%;padding:2.5rem 0 0;display:flex}}