.about-hero-section{box-sizing:border-box;background-color:#0b0f12;justify-content:center;align-items:center;width:100vw;max-width:100%;height:72vh;min-height:520px;max-height:680px;padding-top:90px;display:flex;position:relative;overflow:hidden}.about-hero-bg-wrapper{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.about-hero-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.about-hero-overlay{background:linear-gradient(#0006 0%,#00000080 50%,#000000a6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.about-hero-content-container{z-index:2;box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1240px;margin:0 auto;padding:0 5%;display:flex;position:relative}.about-hero-text-block{flex-direction:column;align-items:center;max-width:920px;display:flex}.about-hero-badge{-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 20px;display:inline-flex}.badge-dot{background-color:#ffc107;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #ffc107}.badge-text{color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:.82rem;font-weight:600}.about-hero-title{color:#fff;letter-spacing:-.5px;text-transform:uppercase;text-shadow:0 4px 20px #00000080;margin:0 0 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.15}.title-highlight{color:#ffc107}.about-hero-description{color:#f1f5f9;text-shadow:0 2px 10px #0009;max-width:740px;margin:0;font-size:clamp(.98rem,1.6vw,1.2rem);font-weight:400;line-height:1.6}@media (max-width:1024px){.about-hero-section{height:65vh;min-height:460px;padding-top:100px}}@media (max-width:767px){.about-hero-section{height:55vh;min-height:400px;padding-top:85px}.about-hero-badge{margin-bottom:16px;padding:5px 14px}.badge-text{letter-spacing:1.2px;font-size:.72rem}.about-hero-title{margin-bottom:14px}.about-hero-description{font-size:.92rem}}@media (max-width:430px){.about-hero-section{min-height:380px;padding-top:75px}.badge-text{font-size:.68rem}.about-hero-title{font-size:1.8rem}}
.about-overview-section{box-sizing:border-box;background-color:#fff;width:100%;padding:110px 0;overflow:hidden}.about-overview-container{box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 5%}.overview-top-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;margin-bottom:75px;display:grid}.overview-left-content{flex-direction:column;display:flex}.magnetic-title-wrapper{padding:10px 0;overflow:hidden}.magnetic-title{color:#0b3432;letter-spacing:2px;flex-wrap:wrap;margin:0;font-family:Georgia,serif;font-size:clamp(3.5rem,7vw,6.2rem);font-weight:900;line-height:1;display:flex}.letter-char{transform-origin:50%;display:inline-block}.space-char{width:.3em;display:inline-block}.title-divider-line{background-color:#e2e8f0;width:100%;max-width:520px;height:2px;margin:25px 0 20px}.overview-subtitle{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:clamp(1.5rem,2.8vw,2.3rem);font-weight:800;line-height:1.25}.overview-right-slider{flex-direction:column;align-items:flex-end;display:flex}.stacked-card-wrapper{width:410px;height:300px;position:relative}.main-image-card{z-index:3;background-color:#0f172a;border:1px solid #fffc;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 22px 45px #0000002e}.slider-img,.stack-img{object-fit:cover;width:100%;height:100%;display:block}.static-bg-img{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.absolute-top-img{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.bg-stack-card{border:1px solid #00000014;border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.stack-layer-1{z-index:2;filter:brightness(.85);transform:translate(-22px,-22px);box-shadow:0 10px 25px #0000001a}.stack-layer-2{z-index:1;filter:brightness(.72);transform:translate(-42px,-42px);box-shadow:0 5px 15px #00000014}.slider-controls{align-items:center;gap:16px;margin-top:24px;display:flex}.control-btn{cursor:pointer;color:#0f172a;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .25s;display:flex}.control-btn:hover{color:#0b3432;transform:scale(1.18)}.overview-bottom-content{flex-direction:column;gap:30px;max-width:1180px;display:flex}.overview-p{color:#0f172a;margin:0;font-size:1.12rem;font-weight:500;line-height:1.75}.mission-block{margin-top:10px}.mission-title{color:#000;letter-spacing:-.3px;margin:0 0 10px;font-size:1.25rem;font-weight:800}.mission-text{color:#0f172a}@media (max-width:1024px){.overview-top-grid{grid-template-columns:1fr;gap:50px}.overview-right-slider{align-items:center}.stacked-card-wrapper{width:360px;height:260px}.stack-layer-1{transform:translate(-16px,-16px)}.stack-layer-2{transform:translate(-32px,-32px)}}@media (max-width:767px){.about-overview-section{padding:70px 0}.stacked-card-wrapper{width:100%;max-width:310px;height:230px}.stack-layer-1{transform:translate(-12px,-12px)}.stack-layer-2{transform:translate(-24px,-24px)}.overview-p{font-size:1rem;line-height:1.65}}
.journey-section{box-sizing:border-box;background:#fdfbf7;width:100%;padding:120px 0;position:relative;overflow:hidden}.journey-container{max-width:1280px;margin:0 auto;padding:0 4%;position:relative}.journey-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:90px;display:flex}.journey-badge{letter-spacing:3px;color:#b8860b;text-transform:uppercase;margin-bottom:12px;font-size:.85rem;font-weight:700}.journey-title{color:#0b3432;margin:0;font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;line-height:1.2}.journey-title span{color:#1a4d4a;font-style:italic;font-weight:400}.journey-header-line{transform-origin:50%;background:linear-gradient(90deg,#0b3432,#b8860b);border-radius:2px;width:80px;height:3px;margin-top:20px}.journey-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.journey-card-wrapper{cursor:pointer;flex-direction:column;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex}.top-card{margin-bottom:70px}.bottom-card{flex-direction:column-reverse;margin-top:70px}.journey-card{background:#fff;border:1px solid #0b343214;border-radius:12px;width:100%;transition:all .4s;overflow:hidden;box-shadow:0 15px 35px #0b34320f}.journey-card-wrapper:hover .journey-card,.journey-card-wrapper.active-step .journey-card{border-color:#b8860b80;transform:translateY(-8px);box-shadow:0 25px 50px #0b343224}.card-image-wrapper{width:100%;height:170px;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.journey-card-wrapper:hover .card-img{transform:scale(1.08)}.card-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#d4af37;letter-spacing:1.5px;text-transform:uppercase;background:#0b3432d9;border-radius:20px;padding:4px 10px;font-size:.68rem;font-weight:700;position:absolute;top:12px;right:12px}.card-body{padding:20px}.card-year{color:#b8860b;margin-bottom:4px;font-family:Georgia,serif;font-size:1.6rem;font-weight:800;display:block}.card-title{color:#0b3432;letter-spacing:1px;margin:0 0 4px;font-size:.95rem;font-weight:800}.card-subtitle{color:#475569;margin:0 0 10px;font-size:.82rem;font-weight:600}.card-desc{color:#64748b;margin:0;font-size:.85rem;line-height:1.55}.timeline-dot-wrapper{z-index:3;flex-direction:column;align-items:center;display:flex;position:relative}.top-card .timeline-dot-wrapper{margin-top:20px}.bottom-card .timeline-dot-wrapper{margin-bottom:20px}.timeline-line-connector{background:linear-gradient(#0b343233,#b8860b);width:2px;height:25px}.timeline-node{cursor:pointer;background:#fff;border:2px solid #0b3432;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.node-inner{background:#0b3432;border-radius:50%;width:8px;height:8px;transition:all .3s}.journey-card-wrapper:hover .timeline-node,.journey-card-wrapper.active-step .timeline-node{border-color:#b8860b;transform:scale(1.25);box-shadow:0 0 15px #b8860b66}.journey-card-wrapper:hover .node-inner,.journey-card-wrapper.active-step .node-inner{background:#b8860b}.timeline-track-bar{z-index:1;background:#0b34321f;height:2px;position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%)}.timeline-track-fill{transform-origin:0;background:linear-gradient(90deg,#0b3432 0%,#b8860b 50%,#0b3432 100%);width:100%;height:100%}@media (max-width:1024px){.journey-grid{grid-template-columns:repeat(2,1fr);gap:40px}.timeline-track-bar{display:none}.top-card,.bottom-card{flex-direction:column;margin:0}.timeline-dot-wrapper{display:none}}@media (max-width:640px){.journey-section{padding:70px 0}.journey-grid{grid-template-columns:1fr;gap:30px}.card-image-wrapper{height:190px}}
.interior-ethos-section{color:#e0e6e3;background-color:#0b1d16;width:100%;padding:100px 0;font-family:Georgia,serif;position:relative;overflow:hidden}.blueprint-grid-overlay{pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.ethos-container{z-index:2;flex-direction:column;gap:100px;max-width:1100px;margin:0 auto;padding:0 4%;display:flex;position:relative}.spatial-block{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.spatial-info-card{flex-direction:column;gap:14px;display:flex}.spatial-index{color:#d4af37;letter-spacing:2px;text-transform:uppercase;font-family:monospace;font-size:.85rem}.spatial-title{color:#fff;font-size:clamp(2rem,3vw,2.3rem);font-weight:700;line-height:1.25}.spatial-desc{color:#9cb0a5;font-family:system-ui,-apple-system,sans-serif;font-size:.95rem;line-height:1.7}.material-palette-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff04;border:1px solid #d4af3733;border-radius:12px;margin-top:10px;padding:20px;transition:border-color .4s,transform .4s,box-shadow .4s}.material-palette-box:hover{border-color:#d4af3780;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.palette-title{color:#d4af37;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px;font-family:monospace;font-size:.75rem;display:block}.material-chips-grid{flex-wrap:wrap;gap:10px;display:flex}.mat-chip{color:#d1dcd6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:7px 14px;font-family:system-ui,-apple-system,sans-serif;font-size:.85rem;transition:all .3s;display:flex}.mat-dot{background-color:#d4af37;border-radius:50%;width:6px;height:6px;transition:transform .3s}.mat-chip:hover{color:#fff;background:#d4af3726;border-color:#d4af3766;transform:scale(1.04)}.spatial-visual-wrapper{width:100%}.before-after-container{cursor:ew-resize;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1a;border-radius:14px;width:100%;height:380px;transition:transform .5s,box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.before-after-container:hover{transform:translateY(-4px);box-shadow:0 30px 60px #0009}.ba-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.overlay-img-wrapper{width:100%;height:100%;transition:clip-path 50ms ease-out;position:absolute;top:0;left:0}.slider-divider-line{z-index:10;background:#d4af37cc;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.slider-handle-button{color:#0b1d16;background:#d4af37;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #d4af3780}.before-after-container:hover .slider-handle-button{transform:translate(-50%,-50%)scale(1.12)}.ba-label{color:#d4af37;letter-spacing:1.5px;z-index:5;background:#0b1d16cc;border:1px solid #d4af3766;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:.7rem;position:absolute;bottom:16px;left:16px}.interactive-hint{text-align:center;color:#7a8f84;margin-top:10px;font-family:monospace;font-size:.75rem;display:block}.architectural-img-box{border:1px solid #ffffff1a;border-radius:14px;width:100%;height:380px;transition:transform .5s,box-shadow .5s;overflow:hidden;box-shadow:0 20px 40px #0006}.architectural-img-box:hover{transform:translateY(-4px);box-shadow:0 30px 60px #0009}.arch-img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.architectural-img-box:hover .arch-img{transform:scale(1.04)}@media (max-width:850px){.spatial-block{grid-template-columns:1fr;gap:35px}.row-2 .spatial-visual-wrapper,.row-4 .spatial-visual-wrapper{order:-1}}
