*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background-color:var(--surface);line-height:1.6;width:100%;height:100%}:root{--surface: rgb(12, 15, 34);--card: white;--text: rgba(200, 205, 215);--title: white;--sub: rgba(150, 155, 175);--accent: #d4a500;--radius: 16px;--shadow: 0 4px 20px rgba(184, 134, 11, .1);--dark-shadow: 0 8px 24px rgba(184, 134, 11, .12);--text-size: 1.25rem;--title-size: 4.5rem}.fade-in{opacity:0;transform:translateY(5px);transition-delay:var(--delay, 0s);transition:var(--delay, .6s) ease-out,transform var(--delay, .6s) ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}main{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:fit-content;overflow:hidden;padding:0 0 100px;margin-top:20vh}.title-img{position:relative;width:100%;margin-bottom:20px 0px;z-index:-1}.title-img-title{width:90%;max-width:1000px;position:absolute;color:var(--title);left:50%;top:40%;transform:translate(-50%,-50%);border:1px white solid;padding:10px 0 10px 20px;background:#0c0f22b3;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);z-index:5}.title-img-title>h1{font-size:clamp(30px,8vw,100px);text-shadow:2px 2px 5px rgba(0,0,0,.5);margin:0 0 80px;line-height:1.1}.title-img-title>h2{position:absolute;left:25px;bottom:10px;font-size:clamp(24px,4vw,40px);text-shadow:2px 2px 5px rgba(0,0,0,.5);margin:20% 0 0}.title-img-frame{display:flex;width:max-content;max-height:fit-content;height:85vh;overflow:hidden;animation:scroll-left 240s linear infinite}.title-img-frame-overlay{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(135deg,#0c0f2266 40%,#0c0f2200),linear-gradient(to top,rgb(12,15,34) 2%,transparent 15%)}.title-img-frame>img{height:120vh;transform:translate(-15%) rotate(0);mix-blend-mode:lighten;object-fit:cover;z-index:-100}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-269.7318vh)}}article{display:flex;flex-direction:row;justify-content:center;margin:0 0 150px;width:90%;height:fit-content}.article-info{position:relative;display:flex;flex-direction:column;justify-content:center;width:50%;padding:40px}.article-info:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;background:#0c0f22e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:radial-gradient(rgba(12,15,34,.7) 50%,transparent 70%);mask-image:radial-gradient(rgba(12,15,34,.7) 50%,transparent 70%)}.article-info>h2{font-size:clamp(3rem,5vw,var(--title-size));color:var(--title);line-height:clamp(3rem,10vw,5rem);margin:0}.article-info>p{font-size:clamp(10px,4vw,var(--text-size));color:var(--text);margin:20px 0 10px}.article-info button{color:#fff;font-size:var(--text);background:none;border:white 1px solid;margin:30px 0 0;padding:30px;cursor:pointer;transition:background-color .3s ease}button:hover{background:#162340cc}.article-img{display:flex;width:50%}.article-img-frame{position:relative;width:fit-content;height:fit-content}.article-back-img{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;z-index:-1;pointer-events:none}#article-backImg-author{height:1100px;left:47%;top:51%;filter:brightness(70%) opacity(.8);mix-blend-mode:screen}#article-backImg-inspiration{height:900px;filter:brightness(100%)}#article-backImg-book{height:1000px;filter:brightness(70%)}.main-backImg{position:absolute;z-index:-100;left:-20%;top:62%;width:120%;object-fit:cover;transform:translateY(0);filter:opacity(.8);mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(to top,transparent 0%,black 15%),linear-gradient(to bottom,transparent 0%,black 15%),linear-gradient(to left,transparent 0%,black 70%);-webkit-mask-composite:destination-in;mask-image:linear-gradient(to top,transparent 0%,black 15%),linear-gradient(to bottom,transparent 0%,black 15%),linear-gradient(to left,transparent 0%,black 70%);mask-composite:intersect}@media(max-width:1024px){@keyframes scroll-left-small{0%{transform:translate(0)}to{transform:translate(-179.82120051vh)}}.title-img-frame{animation-name:scroll-left-small}.title-img-frame>img{height:80vh}article{flex-direction:column}.reverse{flex-direction:column-reverse}.article-info{width:100%;justify-content:flex-start!important;align-items:center!important;text-align:left!important}.article-info h2{text-align:center}.article-img{width:100%;justify-content:center!important;align-items:center!important}.article-img-frame,.article-img-main{width:80vw!important;max-width:600px;height:auto!important}.article-back-img{width:130vw!important;max-width:1000px;height:auto!important}#article-backImg-author{max-width:1100px}.main-backImg{height:15%;width:auto}}@media(max-width:600px){@keyframes scroll-left-small{0%{transform:translate(0)}to{transform:translate(-134.86590038vh)}}.title-img-frame{animation-name:scroll-left-small}.title-img-frame>img{transform:translate(-20%) rotate(0);height:60vh}.title-img{display:none}main{margin-top:25vh}}@media(max-height:450px){.title-img-title{display:none}}nav{position:fixed;z-index:1000;left:0;top:0;gap:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:20vh;min-height:100px;background-color:#162340cc}nav:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(40px);-webkit-mask-image:linear-gradient(to bottom,#000,#000c 90%,#0000);mask-image:linear-gradient(to bottom,#000,#000c 90%,#0000)}.nav-title{display:flex;justify-content:center;align-items:center;width:100%}.nav-title>*{color:var(--title);font-size:clamp(10px,5vw,30px);font-weight:700;text-align:center}.nav-content{display:grid;grid-template-columns:auto auto;column-gap:40px;align-items:center;justify-content:center;place-items:center;width:100%}.nav-content *{color:var(--sub);font-size:clamp(15px,2vw,15px)}.nav-content-link{text-decoration:none;cursor:pointer}footer{width:100%;height:fit-content;background:#0c192ccc;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 -8px 32px #0000004d}.footer-content{display:flex;justify-content:center;gap:10%;margin-top:1%;padding:20px;height:fit-content}.footer-section{display:flex;justify-content:center;height:fit-content;width:fit-content;line-height:2}.footer-contact-images{display:flex;gap:15px}.footer-contact-images>img{height:30px}.footer-section h3{font-size:1.5rem;margin:0;color:var(--title)}.footer-section p{font-size:1.1rem;color:var(--sub);margin:0}.footer-section ul{margin:0;list-style:none;padding:0}.footer-section a{font-size:1.1rem;color:var(--sub);text-decoration:none;cursor:pointer}.footer-contact{display:flex;flex-direction:column}.footer-bottom{display:flex;align-items:center;justify-content:center;gap:30%;width:100%;height:15vh;border-top:1px solid var(--sub);padding:0 20px;font-size:.8rem;color:var(--sub)}@media(max-width:1100px){.footer-section{width:20%}}@media(max-width:900px){.footer-content{flex-direction:column;justify-content:center;align-items:center}.footer-section{width:100%;justify-content:center;text-align:center;align-items:center}.footer-bottom{flex-direction:column;justify-content:center;align-items:center}}.about-content{display:flex;justify-content:center;align-items:flex-start;margin:20vh 0px 10vh}.about-image{display:flex;justify-content:center;align-items:flex-start;padding:0 40px 40px;width:50%}.about-image>img{height:80vh}.about-description{display:flex;flex-direction:column;justify-content:flex-start;padding:0 40px 40px;width:50%}.about-description>h1{margin:0;font-size:clamp(2rem,8vw,var(--title-size));color:var(--title);line-height:clamp(2rem,10vw,5rem)}.about-description>p{font-size:var(--text-size);color:var(--text);margin:20px 0 10px}@media(max-width:1024px){.about-content{flex-direction:column;margin:25vh 0px 10vh}.about-image,.about-description{display:flex;justify-content:center;width:100%}.about-image img{width:80vw!important;max-width:600px;height:auto!important}}