@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--navy:#101f31;--ink:#1b2b3b;--gold:#d4b989;--paper:#f8f7f3;--muted:#67717b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #b78b4c;outline-offset:5px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);gap:24px}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:#9b793f}.brand{font-family:'Manrope',Arial,sans-serif;font-size:29px;letter-spacing:5px;line-height:1.1;font-weight:500;white-space:nowrap}.brandmark{color:#b89b69;font-size:38px;vertical-align:-2px}.brand-sub{display:block;font-size:7px;letter-spacing:2.5px;margin:8px 0 0 37px}.header-actions{display:flex;gap:22px;align-items:center}.header-actions button{border:0;background:none;font-size:12px}.small-button{border:1px solid #c5c4bf;border-radius:2px;padding:10px 17px;font-size:12px}.hero{background:var(--navy);color:white;display:grid;grid-template-columns:49% 51%;position:relative}.hero-copy{padding:69px 8% 48px 10.2%;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:10px}.eyebrow.dark{color:#8a714a}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',Arial,sans-serif;font-weight:400;letter-spacing:-2.7px;line-height:1.15}h1{font-size:clamp(52px,5.6vw,84px);margin:26px 0 25px}em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.hero-copy>p{font-size:19px;line-height:1.6;color:#e2e5e7}.hero-copy .hero-intro{font-size:14px;color:#b8c0c9;max-width:400px;margin-bottom:29px}.button{display:inline-flex;gap:40px;justify-content:space-between;align-items:center;padding:16px 24px;font-size:12px;border:0;border-radius:2px}.gold{background:var(--gold);color:var(--navy)}.button:hover{filter:brightness(1.08)}.button span{font-size:20px;line-height:1}.hero-foot{font-size:10px;color:#96a2af;display:flex;align-items:center;gap:12px;margin-top:45px}.fine-line{width:30px;height:1px;background:var(--gold)}.hero-visual{position:relative;overflow:hidden;min-height:600px}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:64% center;position:absolute}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,24,38,.7),transparent 50%),linear-gradient(90deg,rgba(16,31,49,.2),transparent 30%)}.visual-caption{position:absolute;bottom:50px;left:42px;z-index:1}.visual-caption>span{font-size:9px;letter-spacing:2px}.visual-caption p{font-family:Georgia,serif;font-size:32px;line-height:1.2;margin:16px 0}.image-note{position:absolute;right:14px;bottom:14px;font-size:8px;z-index:1;color:#deded8}.hero-bottom{grid-column:1/-1;display:flex;padding:22px 5%;gap:45px;align-items:center;border-top:1px solid #ffffff20;font-size:9px;letter-spacing:2.5px;color:#b5c0cb}.hero-bottom i{color:var(--gold);font-size:18px}.hero-bottom a{margin-left:auto;font-size:20px}.section{padding:100px 8%}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;margin-top:30px}h2{font-size:clamp(34px,3.35vw,51px);margin-bottom:26px}h2 em{color:#ac8a55}.large-copy{font-size:22px;line-height:1.5;color:var(--ink)}.intro-grid p:not(.large-copy),.experience-intro>p{font-size:14px;color:var(--muted)}.status{font-size:10px;color:#8b784e;display:block;margin-top:25px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px;padding-top:35px;border-top:1px solid #d9dbda}.principles article>span{font-size:12px;color:#a28557}.principles h3{font-size:19px;font-weight:500;margin:14px 0 10px}.principles p{color:var(--muted);font-size:13px;margin:0}.experience{background:#edece6;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.experience h2{margin-top:25px}.journey-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:30px}.journey-nav button{text-align:left;background:none;border:0;border-bottom:1px solid #c9ccc9;padding:17px 0;font-size:12px;color:#777e81}.journey-nav button[aria-selected=true]{color:var(--ink);border-bottom:2px solid #a88754}.journey-panel{background:var(--navy);color:white;min-height:510px;border-radius:3px;overflow:hidden}.journey-art{height:275px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#334c5c,transparent 65%)}.orbit{position:absolute;width:220px;height:220px;border:1px solid #d4b98950;border-radius:50%;transform:rotateX(35deg) rotate(-30deg)}.o2{width:280px;height:280px;border-color:#d4b98925}.o3{width:340px;height:340px;border-color:#d4b98915}.core{width:92px;height:92px;border-radius:50%;border:1px solid #d4b98980;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:43px;background:#1b3041;box-shadow:0 0 60px #d4b98915}.art-label{position:absolute;bottom:15px;letter-spacing:3px;font-size:8px;color:#bdc3c6}.journey-text{padding:30px 38px}.journey-text h3{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:12px 0}.journey-text p{font-size:13px;color:#bac4cb;margin-bottom:0}.intelligence{background:var(--navy);color:#fff}.tech-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;margin-top:30px;align-items:end}.tech-heading h2{font-size:clamp(32px,3.1vw,48px)}.intelligence em{color:var(--gold)}.tech-heading>p{font-size:14px;color:#aebbc6;margin-bottom:32px}.tech-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-top:35px;align-items:center}.system{border:1px solid #ffffff20;border-radius:4px;padding:28px;background:linear-gradient(145deg,#23384a70,#142234);position:relative}.system-top{font-size:17px;letter-spacing:3px;display:flex;justify-content:space-between;align-items:center}.system-top span{font-size:7px;letter-spacing:1px;color:#899dad}.system-core{height:200px;display:grid;place-items:center;background:radial-gradient(ellipse,#62766a40,transparent 65%)}.system-core>div{height:125px;width:125px;border-radius:50%;border:1px solid #a88f6160;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:19px;letter-spacing:3px;outline:18px solid #b9a16d05;box-shadow:0 0 0 40px #b9a16d04}.system-core small{font-size:5px;letter-spacing:1.5px;margin-top:7px;color:var(--gold)}.system-nodes{display:flex;gap:9px;justify-content:space-between}.system-nodes span{border:1px solid #8c9ba235;padding:11px 8px;font-size:9px;border-radius:3px;flex:1;text-align:center}.system-footer{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff10;margin-top:23px;padding-top:17px;font-size:9px;color:#a7b4bf}.tech-features article{display:flex;gap:20px;margin:25px 0}.tech-features article>span{font-size:25px;color:var(--gold);width:25px;flex-shrink:0}.tech-features h3{font-size:17px;font-weight:400;margin-bottom:8px}.tech-features p{color:#aebbc6;font-size:12px;margin-bottom:0}.text-link{display:inline-block;border-bottom:1px solid #ac8a55;padding-bottom:6px;font-size:12px;margin-top:12px}.partnership-band{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0;margin-top:45px;border-block:1px solid #d8d9d3}.partnership-band div>span{font-size:9px;letter-spacing:2px;color:#9a7e53}.partnership-band h3{font-weight:400;font-size:18px;line-height:1.5;margin:14px 0 0}.plus{font-size:30px;color:#aa8c60}.dialogue{background:#1c3042;text-align:center;position:relative;overflow:hidden}.dialogue:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #b99a5d15;border-radius:50%;right:-300px;top:-180px;box-shadow:0 0 0 50px #b99a5d05,0 0 0 100px #b99a5d03;pointer-events:none}.dialogue .eyebrow{justify-content:center}.dialogue h2{color:#fff;margin:25px 0;font-size:clamp(40px,4.5vw,64px)}.dialogue h2 em{color:var(--gold)}.dialogue>p{color:#c0c8cf;font-size:14px;max-width:520px;margin:0 auto 30px}.dialogue .project-note{font-size:10px;max-width:540px;margin:25px auto 0;color:#9aa8b4}footer{background:#0d1a29;color:white;padding:45px 5% 20px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top>span{font-size:9px;letter-spacing:2px;color:#a8b3bc}.footer-top>a:last-child{font-size:11px;color:#a8b3bc}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #ffffff18;color:#8795a3;font-size:9px}.footer-bottom button{color:inherit;border:0;background:none;font-size:9px;margin-left:20px}dialog{border:none;border-radius:5px;background:var(--paper);color:var(--ink);max-width:600px;width:calc(100% - 36px);padding:45px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#071220b8;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}dialog h2{font-size:30px;letter-spacing:-1px}dialog p,dialog label{font-size:13px;color:var(--muted)}dialog select,dialog textarea{width:100%;padding:12px;margin:8px 0 18px;background:#fff;border:1px solid #ccc;font:inherit;font-size:13px}dialog textarea{height:120px;resize:vertical}dialog .button{margin-top:5px}#copy-status{color:#796136;font-size:12px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1050px){nav{gap:15px}.small-button{display:none}.hero-copy{padding-top:45px}.hero-visual{min-height:590px}.intro-grid,.experience,.tech-layout{gap:40px}.section{padding:75px 6%}.tech-heading{gap:35px}.hero-bottom{gap:25px}}@media(max-width:700px){header{height:80px;padding:0 6%}nav{display:none}.brand{font-size:24px}.brandmark{font-size:30px}.brand-sub{font-size:6px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 35px}h1{font-size:61px}.hero-copy .hero-intro{max-width:100%}.hero-foot{margin-top:30px}.hero-visual{min-height:380px}.hero-visual img{object-position:center 40%}.visual-caption{bottom:30px;left:7%}.visual-caption p{font-size:28px}.hero-bottom{gap:12px;padding:17px 6%;font-size:6px;letter-spacing:1px}.hero-bottom i{font-size:12px}.section{padding:60px 7%}.intro-grid,.experience,.tech-heading,.tech-layout{grid-template-columns:1fr;gap:25px}h2{letter-spacing:-1.5px;font-size:37px}.large-copy{font-size:20px}.principles{grid-template-columns:1fr;gap:30px;margin-top:35px}.principles article{border-bottom:1px solid #ddd;padding-bottom:25px}.principles article:last-child{border:0;padding:0}.journey-panel{min-height:480px}.journey-text{padding:25px}.tech-heading h2{font-size:34px}.system{padding:20px}.partnership-band{flex-direction:column;align-items:flex-start;gap:18px}.partnership-band .plus{line-height:1}.partnership-band h3 br{display:none}.partnership-band h3{margin-top:5px}.dialogue h2{font-size:40px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.footer-top>span{font-size:7px}.footer-bottom button{margin:0 20px 0 0}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Original CELUNA identity and four-pillar concept */
header{background:#101c30;color:#eee8dc;height:110px}.original-brand{display:block;line-height:0;flex-shrink:0}.original-brand img{width:184px;height:auto;display:block}.small-button{border-color:#d4b98960}.header-actions button{color:inherit}.pillars-heading{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:55px 0 0}.four-pillars{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:25px}.pillar-subtitle{font-size:12px;color:#9a7c4c;margin-bottom:15px}.four-pillars h3{margin-bottom:4px}.four-pillars .text-link{font-size:11px}.sanctuary,.assistants{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;background:#eeeae1}.sanctuary h2,.assistants h2{margin-top:25px}.sanctuary p:not(.large-copy),.assistants p:not(.large-copy){font-size:14px;color:var(--muted)}.sanctuary-image{position:relative}.sanctuary-image img{width:100%;height:570px;object-fit:cover;border-radius:3px;display:block}.asset-caption{position:absolute;left:18px;bottom:15px;color:white;font-size:9px}.experience{background:var(--paper)}.app-visual{margin:0;text-align:center}.app-visual img{height:470px;max-width:100%;width:auto;object-fit:contain;display:block;margin:auto;border-radius:3px}.app-visual figcaption{color:#aebbc6;font-size:10px;margin-top:15px}.assistants{background:#eeece6}.assistants figure{margin:0;text-align:center}.assistants img{height:550px;max-width:100%;width:auto;object-fit:contain;border-radius:3px}.assistants figcaption,.op-visual figcaption{color:var(--muted);font-size:10px;margin-top:12px}.op-visual{margin:55px 0 0}.op-visual img{width:100%;height:auto;display:block;border-radius:3px}.hero-visual img{object-position:center}.footer-top .original-brand img{width:180px}.visual-caption em{color:#ecd7b2}@media(max-width:1050px){.four-pillars{grid-template-columns:1fr 1fr}.sanctuary,.assistants{gap:40px}}@media(max-width:700px){header{height:94px}.original-brand img{width:155px}.four-pillars{grid-template-columns:1fr}.sanctuary,.assistants{grid-template-columns:1fr;gap:35px}.sanctuary-image img{height:460px}.assistants img{height:auto;width:100%;max-height:650px}.app-visual img{height:400px}.hero-visual{min-height:400px}.pillars-heading{font-size:28px}.op-visual{margin-top:35px}}
/* Human-centred photographic storytelling */
.hero-visual img{object-position:50% center}.assistants{grid-template-columns:.85fr 1.3fr;gap:55px}.assistants figure img{width:100%;height:auto;max-height:none;object-fit:contain}.emotional-story{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;background:#eee9df}.emotional-story figure{margin:0}.emotional-story img{display:block;width:100%;height:auto;border-radius:3px}.emotional-story figcaption{font-size:9px;color:#7b807d;margin-top:10px}.emotional-story h2{margin-top:22px}.emotional-story p:not(.large-copy){color:var(--muted);font-size:14px}.place-story{position:relative;background:var(--navy);color:white}.place-story>img{display:block;width:100%;height:580px;object-fit:cover}.place-story:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071423d9,transparent 70%);pointer-events:none}.place-overlay{position:absolute;z-index:1;bottom:60px;left:8%;right:8%}.place-overlay h2{margin:20px 0 0;font-size:clamp(32px,3.3vw,52px)}.place-overlay em{color:var(--gold)}.place-story .image-note{z-index:2}@media(max-width:1050px){.emotional-story{gap:35px}.assistants{gap:35px}}@media(max-width:700px){.assistants,.emotional-story{grid-template-columns:1fr}.assistants figure img{max-height:none;height:auto;width:100%}.place-story>img{height:440px;object-position:45% center}.place-overlay{bottom:45px;left:7%;right:7%}.place-overlay h2{font-size:33px}.hero-visual img{object-position:center}.emotional-story{gap:30px}}
/* Building-led introduction and unified human care */
.building-hero{display:block;position:relative;isolation:isolate;min-height:720px}.building-hero .hero-visual{position:absolute;inset:0;z-index:-1;min-height:0}.building-hero .hero-visual img{object-fit:cover;object-position:center 55%;width:100%;height:100%}.building-hero .hero-visual:after{background:linear-gradient(90deg,rgba(6,18,31,.89),rgba(6,18,31,.65) 33%,rgba(6,18,31,.08) 75%),linear-gradient(0deg,rgba(6,18,31,.65),transparent 35%)}.building-hero .hero-copy{padding:90px 6% 80px;max-width:700px;min-height:640px}.building-hero h1{font-size:clamp(58px,6vw,88px)}.building-hero .hero-intro{color:#e1e5e8;max-width:430px}.building-hero .hero-bottom{position:relative;z-index:1;background:#0b192b65}.building-hero .image-note{bottom:92px}.building-intro{background:#eeeae1}.place-values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #cfcabf;padding-top:28px;margin-top:38px}.place-values h3{font-family:Georgia,serif;font-weight:400;font-size:27px;margin-bottom:10px}.place-values p{font-size:13px;color:var(--muted);margin:0}.three-pillars{grid-template-columns:repeat(3,1fr);gap:40px}.human-care{background:#eeeae1}.human-main{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px}.human-main h2{margin-top:25px}.human-main p:not(.large-copy){font-size:14px;color:var(--muted)}.human-care figure{margin:0}.human-care img{width:100%;height:auto;display:block;border-radius:3px}.human-care figcaption,.concept-note{font-size:9px;color:#7b807d;margin-top:12px}.human-moments{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:50px;border-top:1px solid #d4cfc5;padding-top:40px}.human-moments h3{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:22px 0 10px}.human-moments p{color:var(--muted);font-size:13px;max-width:480px}.project-contact{position:relative;max-width:600px;border-top:1px solid #ffffff25;margin:40px auto 0;padding-top:27px;color:#e4e7e9;font-size:14px}.project-contact p{margin-bottom:6px;color:#aebcc6;font-size:12px}.project-contact strong{font-size:17px;font-weight:500}.project-contact address{font-style:normal;margin:10px 0}.project-contact>a{color:var(--gold);display:inline-block;border-bottom:1px solid #d4b98960;margin-top:8px}dialog a{color:#826332;text-decoration:underline}@media(min-width:1600px){.building-hero{min-height:800px}.building-hero .hero-copy{min-height:720px}}@media(max-width:1050px){.human-main{gap:35px}.building-hero .hero-copy{max-width:620px}.three-pillars{gap:25px}}@media(max-width:700px){.building-hero{min-height:0;background:#101f31;display:flex;flex-direction:column}.building-hero .hero-visual{position:relative;inset:auto;z-index:0;order:0;height:320px;width:100%;min-height:320px}.building-hero .hero-visual:after{background:linear-gradient(0deg,#101f31,transparent 25%)}.building-hero .hero-visual img{object-position:center}.building-hero .hero-copy{order:1;min-height:0;padding:25px 7% 35px;max-width:100%}.building-hero h1{font-size:58px}.building-hero .hero-bottom{order:2}.building-hero .image-note{bottom:24px}.place-values,.three-pillars,.human-main,.human-moments{grid-template-columns:1fr;gap:28px}.human-moments{margin-top:30px;padding-top:30px}.place-values{gap:24px}.human-care .eyebrow{font-size:9px;letter-spacing:1.6px}}
