:root{--primary:hsl(120, 100%, 20%);--primary-light:hsl(120, 100%, 40%);--primary-lighter:hsl(120, 100%, 60%);--primary-lighter-plus:hsl(120, 100%, 80%);--black:hsl(0, 0%, 0%);--grey:hsl(0, 0%, 20%);--grey-light:hsl(0, 0%, 40%);--grey-lighter:hsl(0, 0%, 60%);--grey-lighter-plus:hsl(0, 0%, 80%);--white:hsl(0, 0%, 100%)}*{padding:0;margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;border-width:0;background-color:transparent;font-family:inherit;font-size:inherit}input,textarea{border-width:0;font-family:inherit;font-size:inherit}span,p{line-height:1.6}html,body{width:100%;height:100%}#root{background-color:var(--grey)}#root{width:100%;min-width:380px;min-height:100%;display:grid;grid-template-columns:minmax(40px,auto) minmax(300px,1000px) minmax(40px,auto);grid-auto-rows:max-content;row-gap:40px}.header,.footer{grid-column:1/-1}#root>*:not(.header,.footer){grid-column:2/3}.section-text{font-size:1.1rem;color:var(--grey-lighter)}.section-title-inner{margin-inline:auto;max-width:450px;display:flex;align-items:center;gap:10px}.section-title-inner>span:first-child,.section-title-inner>span:last-child{height:1px;background-image:linear-gradient(to right,transparent,var(--primary-light),transparent);flex-grow:1}.section-title-inner>span:nth-child(2){color:var(--primary-light);font-size:1.5rem}.template-item{position:relative;aspect-ratio:3/2;border-radius:5px;overflow:hidden}.template-item:hover .template-item-overlay{display:flex}.template-item>img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.template-item-overlay{position:absolute;width:100%;height:100%;top:0;left:0;display:none;align-items:center;justify-content:center;background-color:#00000080}.template-item-overlay>a{padding:20px;border:1px solid var(--primary-lighter);background-color:var(--primary);color:var(--primary-light);border-radius:5px}.template-item-overlay>a:hover{color:var(--primary-lighter)}.header{display:grid;grid-template-columns:subgrid}.header-inner{grid-column:2/3;display:flex;justify-content:center;align-items:center;padding-block:40px;position:relative}.header-inner:after{content:"";display:block;position:absolute;top:100%;width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--primary-light),transparent)}.header-inner>a{font-size:2.5rem;color:var(--primary-light)}.hero{display:flex;flex-direction:column;gap:20px}.hero>span{text-align:center;font-size:2.5rem;background-image:linear-gradient(to right,var(--primary),var(--primary-lighter-plus));font-weight:700;background-clip:text;color:transparent}.hero>p{text-align:center;color:var(--grey-lighter);font-size:1.5rem}.hero-action{display:flex;gap:20px;align-self:center}.hero-action>*{padding:20px;background-color:var(--primary);color:var(--primary-light);border-radius:5px;border:1px solid var(--primary-lighter)}.hero-action>*:hover{color:var(--primary-lighter)}.philosophy{display:flex;flex-direction:column;gap:20px}.philosophy>p{text-align:center}.philosophy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.philosophy-item{display:flex;flex-direction:column;gap:20px;border:1px solid var(--primary);border-radius:5px;box-shadow:2px 2px 10px;padding:20px}.philosophy-item>span{font-size:1.5rem;color:var(--primary-light)}.philosophy-item>p{color:var(--grey-lighter)}.latest{display:flex;flex-direction:column;gap:20px}.latest>p{text-align:center}.latest>button{align-self:center;padding:20px;border:1px solid var(--primary-light);border-radius:5px;color:var(--grey-lighter)}.latest>button:hover{color:var(--grey-lighter-plus)}.latest-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.custom{display:flex;flex-direction:column;gap:20px}.custom>p{text-align:center}.custom-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.custom-item{display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:5px;background-color:var(--grey-light);border:1px solid var(--primary-light)}.custom-item>span{font-size:1.5rem;color:var(--white)}.custom-item>p{color:var(--primary-light)}.contact{display:flex;flex-direction:column;gap:20px}.contact>p{text-align:center}.contact-form>span{text-align:center;font-size:.9rem}.contact-form>.success{color:green}.contact-form>.error{color:red}.contact-form{align-self:center;display:flex;flex-direction:column;gap:20px;padding:20px;box-shadow:2px 2px 10px;border:1px solid var(--primary);border-radius:5px}.contact-form>input,.contact-form>textarea{padding:10px;background-color:var(--grey-lighter);border-radius:5px;color:var(--grey);&::placeholder{color:var(--grey)}}.contact-form>textarea{height:120px}.contact-form>button{padding:20px;background-color:var(--primary);color:var(--primary-lighter);border-radius:5px}.contact-form>button:disabled{color:var(--primary-light);cursor:initial}.footer{display:flex;align-items:center;justify-content:center;background-color:var(--primary);padding-block:20px}.footer>a{color:var(--primary-lighter)}body:has(.template-list){overflow:hidden}.template-list{position:fixed;min-width:380px;width:100%;height:100vh;top:0;left:0;display:grid;grid-template-columns:minmax(40px,auto) minmax(300px,1000px) minmax(40px,auto);grid-auto-rows:max-content;backdrop-filter:blur(10px);background-color:#ffffff80;overflow:auto}.template-list>*{grid-column:2/3}.template-list-header{display:flex;justify-content:end;padding-block:40px}.template-list-header>button{padding:20px;border-radius:5px;border:1px solid var(--primary-light);background-color:var(--primary);color:var(--primary-light);&:hover{color:var(--primary-lighter)}}.template-list-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}