:root{--ink:#160c0a;--gold:#e8b27a;--copper:#9c4b28;--cream:#faf5ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f3ee;color:#171014;font-family:Poppins,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.site-header{background:#080605;color:white;border-bottom:1px solid #795231;position:relative;z-index:5}.nav-inner{max-width:1500px;min-height:76px;margin:auto;padding:8px 4.7%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:#f4c58c}.brand-icon{width:62px;height:55px;position:relative;display:block}.brand-icon img{position:absolute;width:100%;height:100%;object-fit:contain}.brand-icon .globe{width:17px;height:17px;top:5px;left:25px}.brand strong{display:block;font-size:23px;letter-spacing:-.6px;line-height:1.1;font-weight:600}.brand small{display:block;color:#e8c89a;font-size:9px;letter-spacing:.45px}.nav-inner nav{display:flex;align-items:center;gap:9px}.nav-inner nav a{padding:11px 15px;border-radius:40px;font-size:12px;white-space:nowrap}.nav-inner nav a:hover,.nav-inner nav a.active{background:linear-gradient(120deg,#713e29,#b7794f,#6e3928);box-shadow:0 0 15px #cf855f88}.project-button,.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:16px;background:linear-gradient(120deg,#fff5e7,#edb77c);color:#1d120e;padding:13px 24px;font-size:14px;font-weight:600;box-shadow:0 2px 14px #d99c6777;white-space:nowrap}.project-button span,.gold-button span{font-size:21px}.search{font-size:30px;color:#efc88d}.menu-toggle{display:none}.hero{position:relative;display:grid;grid-template-columns:42% 58%;min-height:340px;background:radial-gradient(circle at 40% 50%,#553125 0,#1a0d0a 48%,#070504 100%);color:white;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:48px 0 38px max(5.5vw,32px);align-self:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:3px;color:#dca76b}.hero h1,.story h2,.presence h2,.leadership h2{font-family:'Playfair Display',Georgia,serif}.hero h1{font-size:clamp(32px,3.6vw,56px);line-height:1.07;letter-spacing:-.6px;margin:14px 0}.hero h1 em{font-style:normal;color:#e4ac80}.hero p{font-size:14px;line-height:1.7;max-width:520px;margin:12px 0 20px}.hero-photo{background:url('assets/about/hero-office.webp') center center/cover no-repeat;min-height:330px}.hero-wave,.leader-wave{position:absolute;pointer-events:none;bottom:0;left:0;right:0;height:65px;background:linear-gradient(174deg,transparent 48%,#eab57c 49%,transparent 50%),radial-gradient(ellipse at 50% 110%,#f4b67577,transparent 50%);opacity:.85}.principles{background:#fffaf5;display:grid;grid-template-columns:repeat(4,1fr);padding:23px 5%;gap:0}.principles>div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #efe2d7}.principles>div:last-child{border:0}.principles strong{font-size:14px;line-height:1.45;font-weight:500}.line-icon{font-size:42px;color:#b35e2f;line-height:1}.story{display:grid;grid-template-columns:48% 52%;min-height:285px;background:#faf6f1}.story-image{background:url('assets/about/story-desk.webp') center/cover no-repeat;min-height:285px;border-radius:0 90px 90px 0}.story-copy{align-self:center;padding:26px 8%}.story h2{font-size:clamp(27px,2.8vw,39px);color:#5c1a1c;line-height:1.15;margin:10px 0}.story p{font-size:13px;line-height:1.6;color:#52545b;max-width:610px;margin:0 0 10px}.brown-button{background:linear-gradient(#a9623d,#542b1c);border-radius:10px;color:#fff;padding:11px 24px;display:inline-flex;gap:22px;font-size:13px}.values{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 5%;gap:25px;background:#fffaf6}.values article{display:flex;align-items:center;gap:18px;border-right:1px solid #e8ded5;padding-right:18px}.values article:last-child{border:0}.round-icon{flex-shrink:0;border:1.5px solid #b86937;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:40px;color:#a85a30}.values h3{font-family:Georgia,serif;font-size:20px;margin:0 0 5px}.values p{color:#5b5b63;font-size:12px;line-height:1.6;margin:0}.presence{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:26px;align-items:center;padding:25px 5%;background:#faf6f2}.presence h2{font-size:clamp(28px,3vw,39px);line-height:1.05;color:#9d171d;margin:10px 0}.presence-copy p{color:#52525c;font-size:13px;line-height:1.6;max-width:440px}.gold-button.small{padding:8px 20px;font-size:12px;border-radius:10px}.office-card{overflow:hidden;background:white;border-radius:17px;box-shadow:0 5px 18px #4124181a}.office-card>img{width:100%;height:115px;object-fit:cover;display:block}.office-card>div{display:flex;align-items:center;gap:13px;padding:12px 16px}.office-card p{font-size:12px;line-height:1.5;margin:0;flex:1}.office-card .flag{font-size:26px}.office-card a{display:grid;place-items:center;border:1px solid #c58c58;border-radius:50%;width:30px;height:30px;color:#a45b33}.leadership{position:relative;min-height:240px;display:grid;grid-template-columns:39% 34% 27%;align-items:stretch;background:radial-gradient(circle at 40% 50%,#3b2019,#100806 68%);color:white;overflow:hidden}.leader-photo{background:url('assets/about/founder-workspace.webp') center/cover no-repeat;min-height:240px}.leader-copy{padding:25px 24px;align-self:center}.leadership h2{font-size:clamp(22px,2vw,30px);line-height:1.2;margin:8px 0}.leadership h2 em{font-style:normal;color:#d5a16e}.leadership p{font-size:11px;line-height:1.75}.leadership blockquote{margin:30px 25px 30px 0;padding:15px 20px;border:1px solid #70432d;border-radius:16px;background:#3820199e;align-self:center}.leadership blockquote>span{font-family:Georgia,serif;color:#f2b985;font-size:50px;line-height:.6}.leadership blockquote p{font-style:italic;color:#e3d5cb;font-size:12px}.leadership cite{font-size:12px;font-style:normal}.leadership cite small{color:#c7b9b0}.leader-wave{height:35px}footer{background:#100806;color:#f6e9dc;padding:34px 5% 15px}.footer-inner{max-width:1450px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr;gap:38px}.footer-inner h3{font-size:14px;color:#e8b87d}.footer-inner a:not(.brand):not(.gold-button){display:block;font-size:12px;line-height:1.9;color:#eee0d5}.footer-inner p{font-size:12px;line-height:1.6}.footer-brand .brand strong{font-size:19px}.footer-bottom{border-top:1px solid #6c442f;margin-top:25px;padding-top:14px;text-align:center;font-size:11px;color:#caa783}@media(max-width:1100px){.nav-inner{gap:10px;padding:8px 2%}.nav-inner nav a{padding:9px 8px}.project-button{padding:10px 14px}.brand strong{font-size:19px}.hero-copy{padding-left:4vw}.leadership{grid-template-columns:36% 38% 26%}}@media(max-width:800px){.menu-toggle{display:block;margin-left:auto;border:1px solid #aa7045;color:#f0c797;background:transparent;border-radius:8px;padding:6px 12px;font-size:22px}.nav-inner{flex-wrap:wrap}.nav-inner nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;padding:10px;background:#21130f}.nav-inner nav.open{display:flex}.nav-inner nav a{padding:12px}.nav-inner .search{display:none}.project-button{font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7%;min-height:280px}.hero-photo{min-height:250px}.principles{grid-template-columns:repeat(2,1fr);gap:20px}.principles>div:nth-child(2){border:0}.story{grid-template-columns:1fr}.story-image{border-radius:0 0 50px 0;min-height:240px}.story-copy{padding:32px 7%}.values{grid-template-columns:1fr}.values article{border-right:0;border-bottom:1px solid #e8ded5;padding-bottom:18px}.presence{grid-template-columns:1fr 1fr}.presence-copy{grid-column:1/-1}.leadership{grid-template-columns:1fr 1fr}.leader-photo{min-height:280px}.leadership blockquote{grid-column:1/-1;margin:0 20px 30px}.footer-inner{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.brand-icon{width:46px;height:44px}.brand strong{font-size:16px}.brand small{font-size:7px}.project-button{padding:9px 10px;gap:6px}.hero h1{font-size:35px}.principles{padding:20px 4%;gap:12px}.principles>div{gap:9px}.line-icon{font-size:31px}.principles strong{font-size:11px}.presence{gap:12px;padding:25px 4%}.office-card>img{height:85px}.office-card>div{padding:8px;gap:6px}.office-card p{font-size:10px}.office-card .flag{font-size:17px}.leadership{grid-template-columns:1fr}.leader-photo{min-height:260px}.leader-copy{padding:25px}.footer-inner{grid-template-columns:1fr 1fr;gap:20px}.footer-inner .footer-brand{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact interactive mission / vision / values — replaces the redundant principles strip */
.values{display:block;padding:23px max(5%,20px);background:linear-gradient(115deg,#160d0a,#382016 52%,#160d0a);}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1400px;margin:auto;align-items:start}
.value-card{position:relative;border:1px solid #a36a42;border-radius:18px;background:linear-gradient(145deg,#4d3028,#20120f 70%);color:#fff1de;box-shadow:inset 0 1px 0 #ffe1ae33,0 5px 16px #0005;overflow:hidden;transition:box-shadow .25s,border-color .25s}
.value-card:hover,.value-card[open]{border-color:#edbb7a;box-shadow:0 0 20px #c6874e40,inset 0 1px 0 #ffe1ae55}
.value-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;flex-direction:column;gap:6px;padding:15px 12px 13px;min-height:124px;outline-offset:-4px}
.value-card summary::-webkit-details-marker{display:none}
.value-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:50%;border:1px solid #edbc7c;color:#ffd195;background:radial-gradient(circle,#93613944,#22120f);font-size:34px;line-height:1;text-shadow:0 0 10px #ffd19099}
.value-card h3{font-family:'Playfair Display',Georgia,serif;color:#f5d1a2;font-size:21px;margin:0}
.expand-hint{font-size:10px;letter-spacing:.7px;color:#e0ad78}
.value-card[open] .expand-hint{font-size:0}.value-card[open] .expand-hint:after{content:'Close −';font-size:10px}
.value-card p{font-size:12px;line-height:1.7;text-align:center;color:#f2e2d4;padding:0 18px 17px;margin:0}
@media(hover:hover) and (pointer:fine){.value-card:not([open]):hover p{display:block}}
@media(max-width:650px){.value-grid{grid-template-columns:1fr;gap:10px}.value-card summary{min-height:102px;padding:10px}.value-icon{width:43px;height:43px;font-size:28px}.value-card h3{font-size:19px}.values{padding:17px 5%}}

/* Premium 3D icon treatment, extracted from approved concept artwork. */
.value-icon{width:94px;height:70px;border:0;border-radius:0;background:none;filter:drop-shadow(0 2px 8px #f7ad5270);transition:transform .28s ease,filter .28s ease}
.value-icon img{display:block;width:100%;height:100%;object-fit:contain}
.value-card:hover .value-icon,.value-card[open] .value-icon{transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 3px 13px #ffbf74a0)}
.value-card summary{min-height:137px;gap:3px;padding:12px 12px 11px}
.value-card h3{font-size:21px}
.value-card{background:linear-gradient(145deg,#513024,#25130f 72%);border-color:#bb824b}
@media(max-width:650px){.value-icon{width:83px;height:61px}.value-card summary{min-height:124px}}
@media(prefers-reduced-motion:reduce){.value-icon{transition:none}}

/* Approved Home logo asset geometry: maintain original R + globe proportions. */
.brand-icon{width:54px;height:auto;aspect-ratio:650 / 680;flex:0 0 auto;position:relative;display:block}
.brand-icon img.logo-base{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.brand-icon img.globe{position:absolute;left:20%;top:13.97%;width:27.08%;height:auto;object-fit:contain;transform-origin:50% 50%;animation:rt-about-globe-turn 9s linear infinite;will-change:transform}
@keyframes rt-about-globe-turn{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media(max-width:500px){.brand-icon{width:46px;height:auto}}
@media(prefers-reduced-motion:reduce){.brand-icon img.globe{animation:none;will-change:auto}}

/* Compact cinematic gold cards */
.values .value-card{background:radial-gradient(ellipse at 50% 5%,#a86a3429,transparent 67%),linear-gradient(145deg,#3e241b,#21110e 76%);border-color:#bb875c;box-shadow:inset 0 1px #ffe1ae33,0 7px 17px #0003}
.values .value-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:18px;background:radial-gradient(ellipse at 50% 130%,#edac5a75,transparent 72%);pointer-events:none}
.values .value-card summary{min-height:154px;padding:8px 12px 12px;gap:2px}
.values .value-icon{width:min(100%,290px);height:93px;border:0;border-radius:0;background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:none;filter:none;display:block;flex-shrink:0}
.values .value-card:nth-child(1) .value-icon{background-image:url("assets/about/mission-scene.webp")}
.values .value-card:nth-child(2) .value-icon{background-image:url("assets/about/vision-scene.webp")}
.values .value-card:nth-child(3) .value-icon{background-image:url("assets/about/values-scene.webp")}
.values .value-icon img{display:none}
.values .value-card:hover .value-icon,.values .value-card[open] .value-icon{transform:translateY(-2px);filter:none}
.values .value-card h3{font-size:20px;line-height:1.25;text-shadow:0 1px 6px #0006}
@media(max-width:650px){.values .value-card summary{min-height:143px}.values .value-icon{height:85px}}
@media(prefers-reduced-motion:reduce){.values .value-card,.values .value-icon{transition:none}}
