.section{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 60px;display:flex;position:relative}h1{text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;font-size:4.5em;font-weight:700;position:relative}h1:before{content:"";background:linear-gradient(90deg,#9370db,orange);border-radius:2px;width:60px;height:4px;transition:width .4s,transform .4s;position:absolute;bottom:-15px;left:0}h1:hover:before{width:120px;transform:translate(10px)}.journey-grid{z-index:15;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;width:100%;max-width:1200px;margin-top:40px;display:grid;position:relative}.journey-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;transition:transform .4s,box-shadow .4s,background .4s;position:relative;overflow:hidden}.journey-card-image{object-fit:cover;border-radius:12px 12px 0 0;width:100%;height:clamp(180px,20vw,240px);display:block}.journey-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#9370db,orange,#0000);height:1px;transition:opacity .4s,transform .4s;position:absolute;bottom:0;left:10%;right:10%;transform:translateY(5px)}.journey-card:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.journey-card:hover:after{opacity:1;filter:drop-shadow(0 0 5px #9370db66)drop-shadow(0 0 5px #ffa50066);transform:translateY(0)}.journey-card img{transition:transform .5s}.journey-card:hover img{transform:scale(1.05)}.journey-card-content{z-index:2;padding:25px;transition:transform .3s;position:relative}.journey-card:hover .journey-card-content{transform:translateY(-5px)}.journey-card h3{color:#fff;margin-bottom:8px;padding:0 5px;font-size:1.6em;font-weight:600}.journey-card .publish-date{color:#ccc;text-align:left;margin-bottom:10px;padding:0 5px;font-size:.9em;font-weight:300}.journey-card p{color:#ccc;padding:0 5px 10px;font-size:1em;line-height:1.6}.bg-shape{opacity:.1;pointer-events:none;z-index:5;position:absolute}.circle{border-radius:50%}.triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.purple{background:#9370db}.orange{background:orange}.journal{justify-content:flex-start;min-height:100vh}.journey-content{width:100%;max-width:820px;margin:0 auto;padding-bottom:60px}.journey-content h1{text-transform:none;letter-spacing:normal;text-align:center;margin-bottom:24px;font-size:clamp(1.8em,4vw,2.8em);line-height:1.25}.journey-content h1:before{display:none}.cover-image{object-fit:cover;border-radius:12px;width:100%;max-height:480px;margin-bottom:20px;display:block}.journey-content .publish-date,.publish-date{color:#aaa;text-align:center;margin-bottom:36px;font-size:.9em;font-weight:300}.journal-content{color:#ccc;font-size:clamp(1em,1.5vw,1.1em);line-height:1.9}.journal-content p{text-align:left;margin-bottom:1.5em}.journal-content h2,.journal-content h3{color:#fff;margin:2em 0 .75em}.journal-content img{cursor:pointer;border-radius:8px;max-width:100%;height:auto;margin:16px 0;transition:transform .3s,filter .3s,box-shadow .3s;display:block}.journal-content img:hover{filter:brightness(1.1);transform:scale(1.02);box-shadow:0 4px 20px #9370db4d}.cover-image{cursor:pointer;transition:transform .3s,filter .3s,box-shadow .3s}.cover-image:hover{filter:brightness(1.08);transform:scale(1.01);box-shadow:0 4px 20px #9370db4d}.chapter-break{background:linear-gradient(90deg,#0000,#9370db80,#ffa50080,#0000);border:none;height:1px;margin:48px 0}.fullscreen-modal{z-index:2000;opacity:0;pointer-events:none;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.fullscreen-modal.active{opacity:1;pointer-events:all;-webkit-user-select:none;user-select:none}.fullscreen-image{object-fit:contain;opacity:0;border-radius:4px;max-width:90%;max-height:90%;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s;transform:scale(.8);box-shadow:0 10px 30px #0000004d}.fullscreen-modal.active .fullscreen-image{opacity:1;transform:scale(1)}.zoom-indicator{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:20px;padding:6px 16px;font-size:.9em;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.close-modal{cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;position:absolute;top:20px;right:20px}.close-modal:hover{background:#fff3}.close-modal:before,.close-modal:after{content:"";background:#fff;width:20px;height:2px;position:absolute;transform:rotate(45deg)}.close-modal:after{transform:rotate(-45deg)}@media only screen and (max-width:767px){.section{margin-top:40px;padding:80px 20px}.journey-content h1{font-size:clamp(1.5em,5vw,2em)}.cover-image{max-height:280px}.journal-content{font-size:1em}.fullscreen-modal .close-modal{top:10px;right:10px}.fullscreen-image{max-width:95%;max-height:80%}h1{margin-bottom:30px;font-size:2.5em}.journey-grid{grid-template-columns:1fr;gap:30px}.journey-card{max-width:100%}.journey-card-image{height:clamp(160px,25vw,200px)}.journey-card h3{font-size:1.4em}.journey-card .publish-date{font-size:.85em}.journey-card p{font-size:.9em}.bg-shape{opacity:.05;transform:scale(.7)}.bg-shape.circle.purple{top:2%;left:2%}.bg-shape.triangle.orange{top:10%;right:2%}.bg-shape.pentagon.purple{bottom:5%;left:5%}.bg-shape.circle.orange{bottom:15%;right:5%}.bg-shape.triangle.purple{top:35%;left:10%}}@media only screen and (max-width:480px){h1{font-size:2.2em}h1:before{width:40px;bottom:-10px}h1:hover:before{width:80px}.journey-card-content{padding:15px}.journey-card h3{margin-bottom:6px}.journey-card .publish-date{margin-bottom:8px}.journey-card:hover{transform:translateY(-5px)}.journey-card:hover img{transform:scale(1.02)}}