body{background-color:var(--page-bg);justify-content:center;font-family:Nanum Pen Script,cursive}.container{padding:var(--page-padding-mobile);gap:var(--grid-gap-mobile);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"header""title""slider""cards""footer";height:100dvh;display:grid}.header-section{color:var(--accent-color);grid-area:header;margin:0;font-size:2rem;display:flex}#wuxdesign-header{justify-self:flex-start}#typewriter{color:var(--accent-color)}#cursor{color:var(--accent-color);animation:1.5s linear infinite blink}@keyframes blink{0%{opacity:1}50%{opacity:0}}#close-button{justify-self:flex-end;display:none}.flex-container,.left-column,.right-column{display:contents}.title-section{text-align:center;grid-area:title}.title-section>h1{font-size:2.5rem;font-weight:400}.subtitle-container>h2{font-size:2rem;font-weight:400}.slider-section{grid-area:slider;width:80%;margin-inline:auto;padding-block:1.5rem}.slider-container{background:var(--accent-color);border-radius:35px;justify-content:space-evenly;align-items:center;width:100%;display:inline-flex;position:relative;box-shadow:0 4px 4px #00000040}.slider-button{font:inherit;color:#070707;appearance:none;z-index:1;background:0 0;border-style:hidden;font-size:2rem}.slider-bg{z-index:0;background:linear-gradient(#ffffff26,#ffffff0d);border:1px solid #fff3;border-radius:25px;height:80%;transition:transform .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1);position:absolute;left:0;box-shadow:0 4px 4px #00000040,inset 0 1px #ffffff4d}.model-section,.callToAction-section{display:none}.cards-section{flex-direction:column;grid-area:cards;align-items:center;gap:1.5rem;display:flex}.me-content{font-family:Montserrat}.me-content img{border-radius:10px;max-width:100%;height:auto;margin:1rem 0;display:block}.footer-section{text-align:left;grid-area:footer;gap:1.5rem;height:1.5rem;font-size:1.5rem;display:flex}.footer-section div{transition:transform .15s}.footer-link{display:flex}.footer-link a{color:inherit;text-decoration:none}.footer-link:hover,.footer-link:focus-visible{color:var(--accent-color);transform:translateY(-2px)}@media (width>=950px){html,body{overflow:clip}.container{padding:var(--page-padding-desktop);gap:var(--grid-gap-desktop-y) var(--grid-gap-desktop-x);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header header header""content content content""footer footer footer";align-items:center}#close-button{transform-origin:50%;will-change:transform;background-color:#0000;border:none;flex:none;align-self:center;margin-right:.25rem;padding:0;font-size:2.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1),color .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:static}#close-button:hover{color:var(--accent-color);transform:scale(1.12)}.flex-container{flex:auto;grid-area:content;justify-content:center;align-items:center;display:flex}.left-column{flex-direction:column;display:flex}.right-column{flex-direction:column;flex:0 0;align-items:center;width:0;min-width:0;max-width:100%;transition:flex-basis .9s cubic-bezier(.68,-.6,.32,1.6);display:flex;overflow:hidden}.right-column.open{flex-basis:clamp(320px,40%,500px)}.title-section{text-align:center;z-index:1;grid-area:title}.model-section{min-height:var(--model-min-height-desktop);min-width:var(--model-min-height-desktop);grid-area:model;display:block;position:relative;overflow:hidden}.model-section>canvas{width:100%;height:100%;display:block;position:absolute}.callToAction-section{text-align:center;z-index:1;grid-area:callToAction;font-size:1.5rem;display:block}.slider-section{grid-area:slider;width:60%}.slider-container{padding:.25rem}.right-column-row{width:100%;min-width:0;display:flex}.right-column-col{flex-direction:column;flex:auto;width:min(100%,500px);min-width:0;display:flex}.cards-section{flex:0 auto;gap:2rem;width:min(100%,500px);min-width:0;max-width:500px;height:65vh;margin-top:2rem;overflow-y:auto}.footer-section{grid-area:footer}}.card{width:90%;max-width:500px;transition:transform .15s;display:block}.card:hover{transform:translateY(-2px)}.card-header{color:var(--card-text);font-size:1.25rem}.left-card-header{float:left}.right-card-header{float:right}.card-content-container{clear:both;background-color:var(--card-bg);box-shadow:0 4px 4px #00000040}.card-content-container:hover{background-color:var(--accent-color)}.card-image{padding:40px}.card-image>img{width:100%}