@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&display=swap";
.about-page{background:#ede3d0;min-height:100vh;padding-top:80px}.about-hero{text-align:center;background-color:#0000;background-image:linear-gradient(135deg,#2a5c3f4d 0%,#f25c124d 100%),url(/images/hero-pattern.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:4rem 2rem 0;position:relative}.about-hero-content{max-width:900px;margin:0 auto}.about-title{color:#111008;letter-spacing:.02em;text-transform:none;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;font-family:var(--font-nunito),sans-serif;margin:0 0 1rem}.about-subtitle{color:#111008;opacity:.95;margin:0;font-size:clamp(1rem,2vw,1.4rem);font-weight:300}.dome-gallery-section{background:linear-gradient(135deg,#2a5c3f 0%,#1e4a30 100%);margin-top:0;padding:0;position:relative}.dome-gallery-container{width:100%;height:90vh;min-height:700px;max-height:1000px;position:relative}.gallery-hint{text-align:center;color:#f5ecd7;opacity:.9;padding:1rem 2rem 3rem;font-size:.95rem;font-weight:300}.gallery-hint p{margin:0}.opening-statement-section{background:#ede3d0;padding:4.5rem 2rem;position:relative}.opening-statement-content{text-align:center;max-width:1000px;margin:0 auto;position:relative}.statement-accent-line{background:linear-gradient(90deg,#2a5c3f 0%,#f25c12 100%);border-radius:2px;width:100px;height:4px;margin:0 auto 2rem}.statement-title{color:#111008;letter-spacing:-.01em;margin:0 0 2rem;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;line-height:1.4}.statement-subtitle{color:#111008;opacity:.9;margin:0;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:400;line-height:1.7}.pillars-section{background:#f5ecd7;padding:4.5rem 2rem}.pillars-header{text-align:center;max-width:700px;margin:0 auto 3rem}.pillars-header h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;font-family:var(--font-nunito),sans-serif;color:#111008;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 1rem}.pillars-header p{color:#111008;opacity:.8;margin:0;font-size:1rem}.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.pillar-card{cursor:pointer;background:linear-gradient(135deg,#ffffffe6 0%,#ebe0c4cc 100%);border:2px solid #2a5c3f26;border-radius:24px;padding:2rem;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pillar-card:hover{border-color:#f25c12;transform:translateY(-15px);box-shadow:0 25px 70px #e07a5f40}.pillar-card.featured{background:linear-gradient(135deg,#f25c120d 0%,#ede3d0e6 100%);border-color:#f25c12}.pillar-icon{color:#ede3d0;border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;transition:transform .3s;display:flex}.pillar-card:hover .pillar-icon{transform:scale(1.1)rotate(-5deg)}.incubation-icon{box-shadow:0 12px 35px #2a5c3f66}.wellbeing-icon{box-shadow:0 12px 35px #f25c1266}.space-icon{background:linear-gradient(135deg,#2a5c3f 0%,#1e4a30 100%);box-shadow:0 12px 35px #2a5c3f66}.pillar-card h3{color:#111008;letter-spacing:-.01em;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.pillar-card p{color:#111008;margin:0;font-size:.92rem;font-weight:400;line-height:1.7}.pillar-decoration{pointer-events:none;background:radial-gradient(circle,#2a5c3f14 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;right:-60px}.highlights-bar{background:linear-gradient(135deg,#2a5c3f 0%,#1e4a30 100%);padding:4rem 2rem}.highlights-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.highlight-item{color:#ede3d0;flex-direction:column;align-items:center;gap:.75rem;transition:transform .3s,color .3s;display:flex}.highlight-item:hover{color:#f25c12;transform:translateY(-5px)}.highlight-item svg{stroke-width:1.5px}.highlight-item span{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.highlight-divider{background:linear-gradient(#0000,#ebe0c44d,#0000);width:1px;height:60px}.philosophy-section{background:#ede3d0;padding:4.5rem 2rem}.philosophy-content{max-width:900px;margin:0 auto}.philosophy-text h2{color:#2a5c3f;letter-spacing:-.02em;text-transform:uppercase;text-align:center;margin:0 0 2rem;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800}.philosophy-quote{color:#f25c12;background:linear-gradient(135deg,#f25c120d 0%,#2a5c3f0d 100%);border-left:4px solid #f25c12;border-radius:8px;margin:0 0 2rem;padding:2rem;font-size:clamp(1.15rem,2vw,1.6rem);font-style:italic;font-weight:600;line-height:1.5}.philosophy-description{color:#111008;text-align:center;margin:0;font-size:.95rem;line-height:1.8}@media (max-width:768px){.about-page{padding-top:60px}.about-hero{padding:3rem 1.5rem 0}.dome-gallery-container{height:60vh;min-height:400px}.opening-statement-section,.pillars-section{padding:4rem 1.5rem}.pillars-grid{grid-template-columns:1fr;gap:1.5rem}.pillar-card{padding:2rem 1.5rem}.highlights-container{flex-direction:column;gap:2rem}.highlight-divider{background:linear-gradient(90deg,#0000,#ebe0c44d,#0000);width:60px;height:1px}.philosophy-section{padding:4rem 1.5rem}.philosophy-quote{padding:1.5rem;font-size:1.25rem}.doodle-text{display:none!important}.sticker{width:80px;height:80px}.group:hover .sticker-1{top:-45px;left:-15px}.group:hover .sticker-2,.group:hover .sticker-3{left:auto;right:-10px;transform:translate(0)scale(1)}.group:hover .sticker-4{top:290px;left:-15px}.sticker-2,.sticker-3{left:auto;right:50%;transform:translate(50%,-50%)scale(0)}}.font-handwritten{font-family:Caveat,cursive}.doodle-arrow-path{stroke-dasharray:200;stroke-dashoffset:200px;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.doodle-arrow-path-head{stroke-dasharray:50;stroke-dashoffset:50px;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1) .6s}.group:hover .doodle-arrow-path,.group:hover .doodle-arrow-path-head{stroke-dashoffset:0}.doodle-text{opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1) .3s;transform:scale(.8)translateY(10px)}.group:hover .doodle-text{opacity:1;transform:scale(1)translateY(0)}.sticker{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(4px 4px #1110081f);will-change:transform,opacity;width:115px;height:115px;transition:left .8s cubic-bezier(.34,1.56,.64,1),top .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1),opacity .6s cubic-bezier(.34,1.56,.64,1);position:absolute}.sticker img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.sticker-inner{width:100%;height:100%}.sticker-1,.sticker-2,.sticker-3,.sticker-4{top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.group:hover .sticker{opacity:1}.group:hover .sticker-1{top:-75px;left:-85px;transform:translate(0)scale(1)}.group:hover .sticker-1 .sticker-inner{animation:3.5s ease-in-out infinite alternate floatSticker1}.group:hover .sticker-2{top:-75px;left:330px;transform:translate(0)scale(1)}.group:hover .sticker-2 .sticker-inner{animation:4.5s ease-in-out infinite alternate floatSticker2}.group:hover .sticker-3{top:290px;left:330px;transform:translate(0)scale(1)}.group:hover .sticker-3 .sticker-inner{animation:4s ease-in-out infinite alternate floatSticker3}.group:hover .sticker-4{top:290px;left:-85px;transform:translate(0)scale(1)}.group:hover .sticker-4 .sticker-inner{animation:4.5s ease-in-out infinite alternate floatSticker4}@keyframes floatSticker1{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-12px)rotate(4deg)}}@keyframes floatSticker2{0%{transform:translateY(0)rotate(4deg)}to{transform:translateY(-12px)rotate(-6deg)}}@keyframes floatSticker3{0%{transform:translateY(0)rotate(-10deg)}to{transform:translateY(-12px)rotate(2deg)}}@keyframes floatSticker4{0%{transform:translateY(0)rotate(5deg)}to{transform:translateY(-12px)rotate(-5deg)}}