@font-face{font-family:Montserrat;src:url('assets/montserrat-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/montserrat-500.ttf');font-weight:500;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/montserrat-600.ttf');font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/montserrat-700.ttf');font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/montserrat-800.ttf');font-weight:800;font-display:swap}
:root{--ink:#171a18;--paper:#fff;--accent:#f8a353}*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #d96f20;outline-offset:6px}header{height:100px;position:fixed;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:19px 4vw;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;padding:10px 14px;background:#ffffffec;border-radius:2px}.brand img{width:170px;display:block}.tools{display:flex;align-items:center;gap:0;padding:8px 12px;background:#ffffffef;backdrop-filter:blur(16px);border-radius:2px;box-shadow:0 4px 30px #00000005}.tools>button,.language-wrap>button{padding:12px 15px;font-size:11px;font-weight:600;letter-spacing:.05em}#fullscreen{font-size:21px;padding:7px 13px}.tools span{margin-left:12px}.menu-icon{font-size:15px}.language-wrap{position:relative}.popover,#menu{background:#fffffffa;box-shadow:0 20px 70px #0002;backdrop-filter:blur(20px)}.popover{position:absolute;right:0;top:57px;width:240px;padding:22px}.popover button{display:block;width:100%;padding:15px 0;text-align:left;font-size:12px}.popover button span{float:right;color:#a6541c}.popover button:disabled{color:#727772}.popover small{font-size:8px;display:block;margin-top:5px}.popover-label{display:block;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#737973;margin-bottom:15px}#menu{position:fixed;right:4vw;top:96px;z-index:35;width:350px;padding:30px;max-height:calc(100svh - 115px);overflow:auto}#menu>a{display:flex;justify-content:space-between;padding:15px 0;font-size:13px;font-weight:500}#menu>a span{font-size:9px;color:#8a9088}#menu a:hover{color:#ad581d}.menu-pages{border-top:1px solid #e6e8e3;margin-top:17px;padding-top:15px;display:flex;flex-wrap:wrap;gap:17px;font-size:10px}.scene{position:relative;height:210svh;min-height:1100px;background:#e8e7df}.scene-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;isolation:isolate}.camera{position:absolute;inset:-8%;will-change:transform;transform-origin:60% 55%}.camera img{width:100%;height:100%;object-fit:cover;display:block}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff40,transparent 82%)}.night .scene-shade{background:linear-gradient(90deg,#0004,transparent 82%)}.scene-content{position:absolute;top:30%;left:7vw;right:5vw;z-index:2}.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.17em;text-transform:uppercase;font-weight:600;margin:0 0 28px}.animated-copy{will-change:transform,opacity}.quote{font-weight:800;font-size:clamp(56px,6.4vw,116px);letter-spacing:-.045em;line-height:1.2;margin:0;will-change:transform}.quote-strip{display:inline-block;color:#151916;background:#fffffff5;padding:0 .17em .07em}.quote-strip.reverse{color:#fff;background:#151916f5}.night .eyebrow,.night .support{color:#fff}.support{margin-top:30px;max-width:560px;font-size:16px;font-weight:600;line-height:1.75}.support p{margin:0}.support p+p{font-weight:400;font-size:13px;margin-top:6px}.explanation{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;padding:39px 7vw;min-height:170px}.explanation h2{font-size:clamp(21px,2.2vw,34px);font-weight:600;line-height:1.35;letter-spacing:-.03em;margin:0}.explanation p{font-size:13px;line-height:1.8;max-width:480px;margin:0}.explanation.dark{background:#171a18;color:#fff}.explanation.light{background:#fff;color:#171a18}.team{padding:110px 7vw 70px;background:#f5f5f0;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.45fr;gap:70px}.team:before{content:"";position:absolute;width:480px;height:480px;border:1px solid #e0e2d8;border-radius:50%;left:-250px;top:100px;pointer-events:none}.team-intro{position:relative}.team-intro h2{font-size:clamp(34px,3.2vw,52px);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0}.team-intro h2 span{color:#72786c}.team-intro>p:last-child{font-size:12px;line-height:1.9;margin-top:25px}.people{display:grid;grid-template-columns:1fr 1fr;gap:32px 35px}.person{display:flex;align-items:center;gap:17px}.portrait{width:58px;height:68px;flex-shrink:0;background:linear-gradient(145deg,#e1e4d9,#c4ccbd);position:relative;border-radius:32px 32px 4px 4px;overflow:hidden}.portrait:before{content:"";position:absolute;top:12px;left:20px;width:19px;height:19px;background:#f9faf0a8;border-radius:50%}.portrait:after{content:"";position:absolute;top:35px;left:10px;width:39px;height:40px;background:#f9faf0a8;border-radius:23px 23px 0 0}.portrait span{position:absolute;z-index:1;bottom:5px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.06em;font-weight:600;color:#52604b}.person:nth-child(2n) .portrait{background:linear-gradient(145deg,#e8dbca,#cfbba4)}.person:nth-child(3n) .portrait{background:linear-gradient(145deg,#dfe5e7,#b9c9cf)}.person h3{font-size:12px;font-weight:600;margin:0 0 7px}.person p{font-size:9px;line-height:1.7;max-width:190px;margin:0;color:#62695f}.pending{opacity:.6}.pending .portrait:before,.pending .portrait:after{display:none}.pending .portrait span{top:22px;font-size:21px;font-weight:400}.team-note{grid-column:1/-1;text-align:right;color:#777e73;font-size:9px;margin:0}footer{background:#fff;padding:60px 7vw 35px;display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:35px;font-size:11px;line-height:1.9}.footer-brand img{width:165px}.footer-brand p{margin-top:20px;font-size:10px;color:#6b7168}address{font-style:normal}address a{display:inline-block;margin-top:14px}footer address{font-size:11px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}footer small{grid-column:1/-1;margin-top:25px;font-size:8px;letter-spacing:.04em;color:#7b8077}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:#fff;z-index:100}.skip:focus{top:10px}.text-page{padding:190px 8vw 110px;max-width:1240px;min-height:70svh}.text-page h1{font-size:clamp(44px,5.5vw,88px);font-weight:600;letter-spacing:-.04em;line-height:1.13;margin:0 0 45px}.text-page h2{font-size:24px;font-weight:600;margin:58px 0 20px;letter-spacing:-.025em}.text-page p,.text-page li{font-size:14px;line-height:1.95;max-width:820px}.text-page .lead{font-size:22px;line-height:1.7}.text-page .updated{font-size:10px;color:#777}.text-page a:not(.text-back){text-decoration:underline;text-underline-offset:5px}.text-back{display:inline-block;margin-top:40px;font-size:12px}.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw}.contact-layout h2{margin-top:0}.contact-layout address{font-size:15px;line-height:2}.email-link{display:inline-block;font-size:clamp(19px,2.5vw,35px);margin-top:32px}.solid-button{padding:15px 22px;background:#171a18;color:white;margin:20px 0;font-size:12px}.motion-off .camera,.motion-off .quote,.motion-off .animated-copy{transform:none!important}.motion-off .animated-copy{opacity:1!important}.motion-off .scene{height:100svh;min-height:620px}.motion-off .scene-stage{position:relative}.inner-page header{background:#fff}.inner-page footer{border-top:1px solid #eceee7}
@media(min-width:1700px){.scene-content{top:31%}}@media(max-width:850px){header{padding:15px 4vw;height:86px}.brand{padding:8px}.brand img{width:133px}.tools{padding:5px}.tools>button,.language-wrap>button{padding:10px;font-size:10px}#fullscreen{font-size:18px;padding:6px}.scene-stage{min-height:580px}.scene-content{top:32%;left:6vw;right:6vw}.quote{font-size:clamp(39px,7.3vw,68px)}.eyebrow{font-size:9px;max-width:270px}.support{font-size:13px;max-width:320px}.support p+p{font-size:11px}.camera{inset:-10%}.camera img{object-position:60% center}.explanation{padding:30px 6vw;gap:20px;min-height:150px}.explanation h2{font-size:22px}.explanation p{font-size:11px}.team{grid-template-columns:1fr;gap:45px;padding:75px 6vw 45px}.people{gap:28px 20px}.team-note{text-align:left}.person{gap:12px}.person h3{font-size:11px}.person p{font-size:8px}.portrait{width:48px;height:58px}.portrait:before{left:15px}.portrait:after{left:5px}.team-intro h2{font-size:42px}footer{padding:45px 6vw;grid-template-columns:1.2fr 1fr}.footer-links{grid-column:1/-1;flex-direction:row;gap:25px}.text-page{padding:155px 6vw 70px}.contact-layout{grid-template-columns:1fr;gap:45px}.text-page .lead{font-size:19px}}@media(max-width:480px){.brand img{width:113px}.tools>button,.language-wrap>button{padding:9px 7px}#fullscreen{padding:5px}.tools span{margin-left:6px}#menu{width:92vw;right:4vw;top:85px}.quote{font-size:clamp(35px,8vw,45px)}.explanation{grid-template-columns:1fr;gap:13px;min-height:160px}.people{grid-template-columns:1fr}.person{gap:20px}.person h3{font-size:13px}.person p{font-size:10px;max-width:240px}.team-intro h2{font-size:36px}footer{grid-template-columns:1fr}.footer-links{grid-column:auto}.camera img{object-position:62% center}.support{font-size:12px}}@media(prefers-reduced-motion:reduce){.camera,.quote,.animated-copy{transform:none!important}.animated-copy{opacity:1!important}.scene{height:100svh;min-height:620px}.scene-stage{position:relative}}
@media(min-width:851px){.person h3{font-size:14px}.person p{font-size:10px}}
.support{display:table;background:#ffffffed;padding:12px 17px;color:#171a18}.night .support{background:#171a18e8;color:#fff}
/* 0.3 — normal-flow widescreen scenes and a continuous white masthead. */
:root{--masthead:86px}html{scroll-padding-top:var(--masthead)}body:not(.inner-page){padding-top:var(--masthead)}header{height:var(--masthead);padding:9px 4vw;background:#fff;pointer-events:auto}.brand{padding:0;background:transparent}.brand img{width:210px;max-height:66px;object-fit:contain}.tools{background:transparent;box-shadow:none;backdrop-filter:none;padding:0}#menu{top:var(--masthead)}.popover{top:50px}.scene,.motion-off .scene{height:75svh;min-height:440px}.scene-stage,.motion-off .scene-stage{position:relative;top:auto;height:100%;min-height:0}.camera{inset:0;transform:none!important}.camera img{object-position:center 50%}.scene-content{top:29%;left:6vw;right:5vw}.quote{font-size:clamp(38px,5.5vw,100px);line-height:1.12;letter-spacing:-.045em;max-width:none;transform:none!important}.quote-strip,.quote-strip.reverse{padding:0;display:inline;background:transparent;color:inherit}.scene-content{color:#fff;text-shadow:0 2px 25px #0006}.scene-shade{background:linear-gradient(90deg,#0c171958 0%,#0c17192b 55%,#0c17190a 100%)}.night .scene-shade{background:linear-gradient(90deg,#0007,transparent 90%)}.eyebrow{margin-bottom:23px}.support,.night .support{display:block;padding:0;background:transparent;color:inherit;max-width:700px;margin-top:26px;font-size:17px;font-weight:600}.support p+p{font-size:15px;font-weight:500;margin-top:8px}.animated-copy{will-change:opacity}.explanation{min-height:235px;padding:54px 6vw;grid-template-columns:1.05fr 1fr;gap:6vw}.explanation h2{font-size:clamp(27px,2.7vw,45px);font-weight:700}.explanation p{font-size:clamp(16px,1.4vw,23px);font-weight:600;line-height:1.65;max-width:650px}.technology-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.has-3d .camera{visibility:hidden}.has-3d .scene-shade{background:linear-gradient(90deg,#03060945,transparent 65%)}.footer-brand p{color:#171a18;font-weight:500;font-size:11px}.text-page{padding-top:160px}
@media(min-width:1700px){.scene-content{top:29%}}@media(max-width:850px){:root{--masthead:74px}.brand img{width:170px;max-height:55px}.quote{font-size:clamp(32px,5.4vw,60px)}.scene-content{top:28%;left:6vw}.scene,.motion-off .scene{height:75svh;min-height:400px}.scene-stage{min-height:0}.support{font-size:14px}.support p+p{font-size:12px}.explanation{min-height:210px;padding:37px 6vw;gap:27px}.explanation h2{font-size:28px}.explanation p{font-size:16px}}@media(max-width:480px){:root{--masthead:68px}.brand img{width:145px}.quote{font-size:34px}.scene-content{top:25%}.scene,.motion-off .scene{min-height:420px}.explanation{grid-template-columns:1fr;min-height:230px;gap:22px}.explanation h2{font-size:28px}.explanation p{font-size:16px}.support,.night .support{font-size:13px;max-width:95%}.support p+p{font-size:12px}#menu{top:var(--masthead)}}@media(prefers-reduced-motion:reduce){.scene{height:75svh;min-height:440px}.scene-stage{position:relative}}
/* 0.4 — scroll-responsive identity and stronger orange accents. */
:root{--header-height:calc(var(--masthead) + 78px);--logo-scale:2}body:not(.inner-page){padding-top:calc(var(--masthead) + 78px)}header{height:var(--header-height);border-bottom:1px solid #f8a35344}.brand img{width:calc(210px * var(--logo-scale));max-height:none;max-width:56vw}.tools button:hover,.footer-links a:hover,.text-page a:hover{color:#ba5b19}.scene,.motion-off .scene{height:calc((100svh - var(--masthead))* .9);min-height:440px}.scene-stage{height:100%}#menu{top:var(--header-height)}.popover{border-top:3px solid var(--accent)}.language-note{font-size:10px;line-height:1.7;color:#676c62;margin:15px 0 0}.popover button[aria-current=true]{color:#b2591c;font-weight:600}.eyebrow:before{content:"";display:inline-block;width:22px;height:3px;background:var(--accent);vertical-align:middle;margin-right:12px}.explanation h2:before{content:"";display:block;width:38px;height:4px;background:var(--accent);margin-bottom:20px}.team-intro h2 span{color:#a6531b}.footer-links a:first-child{color:#ac5418}footer{border-top:3px solid var(--accent)}.text-page h1:after{content:"";display:block;width:60px;height:4px;background:var(--accent);margin-top:28px}.text-page .email-link{color:#ad561b}.text-page{padding-top:250px}.animated-copy{will-change:transform,opacity}.scene-content .eyebrow{max-width:none}#menu .popover-label{color:#a95219}.footer-brand p{border-left:2px solid var(--accent);padding-left:13px}
@media(max-width:850px){.brand img{width:calc(170px * var(--logo-scale))}.scene,.motion-off .scene{height:calc((100svh - var(--masthead))*.9);min-height:420px}.text-page{padding-top:225px}}@media(max-width:480px){.brand img{width:calc(145px * var(--logo-scale));max-width:49vw}.tools>button,.language-wrap>button{padding:9px 5px}.scene,.motion-off .scene{height:calc((100svh - var(--masthead))*.9);min-height:420px}}@media(prefers-reduced-motion:reduce){.scene{height:calc((100svh - var(--masthead))*.9);min-height:440px}}
#s1{scroll-margin-top:78px}
/* App Light background — exact shared Tsaru beige. */
:root{--paper:#f5eadd}
body,header,.inner-page header,.explanation.light,.team,footer,.skip,.popover,#menu{background:#f5eadd}
/* Shared app palette: all banners follow the selected base background. */
:root{--surface:#f5eadd;--foreground:#171a18;--muted:#62695f;--line:#d8caba;--accent-ink:#a6531b;color-scheme:light}
:root[data-appearance=dark]{--surface:#090c0a;--foreground:#f0f0f0;--muted:#bfc5ba;--line:#30382f;--accent-ink:#e9a169;--accent:#e9a169;color-scheme:dark}
body{background:var(--surface);color:var(--foreground)}
header,.inner-page header,.explanation.light,.explanation.dark,.team,footer,.skip,.popover,#menu{background:var(--surface);color:var(--foreground)}
.explanation p,.explanation h2,.footer-brand p{color:var(--foreground)}
.person p,.team-note,.text-page .updated,.popover-label,.language-note,.footer-brand p,footer small{color:var(--muted)}
.team-intro h2 span,.footer-links a:first-child,.text-page .email-link,#menu .popover-label,.popover button[aria-current=true],.popover button span{color:var(--accent-ink)}
.tools button:hover,.footer-links a:hover,.text-page a:hover,#menu a:hover{color:var(--accent-ink)}
.menu-pages,.inner-page footer{border-color:var(--line)}.team:before{border-color:var(--line)}
#themeToggle{font-size:22px;line-height:1;padding:9px 13px;min-width:40px}
[data-appearance=dark] .brand img,[data-appearance=dark] .footer-brand img{filter:brightness(0) invert(1);mask-image:none}
[data-appearance=dark] .brand,[data-appearance=dark] .footer-brand>a{position:relative}
[data-appearance=dark] .portrait{filter:brightness(1.08)}
[data-appearance=dark] .popover,#menu{box-shadow:0 18px 60px #0003}
[data-appearance=dark] .solid-button{background:#e9a169;color:#090c0a}
[data-appearance=dark] .scene-content{color:#fff}
@media(max-width:480px){#themeToggle{font-size:19px;padding:8px 5px;min-width:27px}.tools{gap:0}.brand img{max-width:43vw}}
[data-appearance=dark] .brand,[data-appearance=dark] .footer-brand>a{display:flex;flex-direction:column;align-items:center;width:max-content;max-width:56vw}
[data-appearance=dark] .brand img,[data-appearance=dark] .footer-brand img{content:url('assets/logo-white.png');filter:none}
[data-appearance=dark] .brand:after,[data-appearance=dark] .footer-brand>a:after{content:'LIVING INTELLIGENCE';color:#bfc5ba;font-size:calc(5px * var(--logo-scale));letter-spacing:calc(3px * var(--logo-scale));margin-top:calc(5px * var(--logo-scale));white-space:nowrap}
[data-appearance=dark] .footer-brand>a:after{font-size:5px;letter-spacing:2px;margin-top:8px}
/* Default-dark navigation, styled after the app's quiet intro buttons. */
html,body{width:100%;max-width:100%;overflow-x:clip}main,.scene,.scene-stage{width:100%;max-width:none;margin-inline:0}.scene{display:block}.camera,.technology-canvas{left:0;right:0;width:100%;max-width:none}.camera img{width:100%;height:100%;max-width:none;object-fit:cover}.scene-stage{padding:0}
#menu{width:330px;padding:25px;border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 65px #0003}#menu .popover-label{padding-left:10px;margin-bottom:20px;font-size:9px;letter-spacing:.18em}
#menu>a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:14px 22px;margin:9px 0;border:1px solid var(--line);border-radius:40px;font-size:12px;font-weight:500;letter-spacing:.02em;background:transparent;transition:border-color .18s,background-color .18s}
#menu>a span{color:var(--accent-ink);font-size:18px;line-height:1}#menu>a:hover,#menu>a:focus-visible{border-color:var(--accent-ink);background:#e9a1690a;color:var(--foreground)}
.popover{width:270px;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 22px 65px #0003}.popover-label{padding-left:8px}.popover button{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:13px 18px;margin:9px 0;border:1px solid var(--line);border-radius:40px;font-size:11px;font-weight:500;letter-spacing:.02em}.popover button:hover{border-color:var(--accent-ink);background:#e9a1690a;color:var(--foreground)}.popover button[aria-current=true]{border-color:var(--accent-ink);color:var(--foreground)}.language-note{padding:7px 8px 0;font-size:9px;line-height:1.8}.popover button span{float:none;color:var(--accent-ink)}
@media(max-width:480px){#menu{width:min(330px,92vw)}.popover{right:-50px;width:min(270px,88vw)}}
@media(prefers-reduced-motion:reduce){#menu>a,.popover button{transition:none}}
/* Reduced-motion presentation also offers larger small print. */
.motion-off .eyebrow,.motion-off .popover-label{font-size:14px;letter-spacing:.1em}
.motion-off .support,.motion-off .support p+p{font-size:18px;line-height:1.7}
.motion-off .person h3{font-size:17px}.motion-off .person p{font-size:15px;line-height:1.7;max-width:250px}
.motion-off .team-note,.motion-off .prototype-note,.motion-off footer small,.motion-off .text-page .updated,.motion-off .language-note{font-size:14px;line-height:1.75}
.motion-off .team-intro>p:last-child,.motion-off footer address,.motion-off .footer-brand p,.motion-off .footer-links{font-size:16px}
.motion-off .text-page p,.motion-off .text-page li{font-size:18px}.motion-off .text-page .lead{font-size:22px}
.motion-off .text-back,.motion-off .solid-button,.motion-off #menu>a,.motion-off .popover button,.motion-off .tools>button:not(#themeToggle):not(#fullscreen),.motion-off .language-wrap>button{font-size:15px}
.motion-off .portrait span{font-size:12px}
@media(max-width:600px){.motion-off .scene-content{top:20%}.motion-off .eyebrow{font-size:14px}.motion-off .support,.motion-off .support p+p{font-size:16px}.motion-off .people{grid-template-columns:1fr}.motion-off .tools>button:not(#themeToggle):not(#fullscreen),.motion-off .language-wrap>button{font-size:13px}}
.evening-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.has-evening .camera{visibility:hidden}#s5 .scene-shade{background:linear-gradient(90deg,#10101a40,transparent 78%)}

.contact-footer{grid-template-columns:1.4fr .7fr}.contact-footer .footer-links{justify-self:end}@media(max-width:850px){.contact-footer .footer-links{justify-self:start}}@media(max-width:480px){.contact-footer{grid-template-columns:1fr}}
/* Warm translucent glass surrounds the existing pill-shaped controls. */
#menu,.popover{border-radius:0;background:linear-gradient(135deg,rgba(211,116,46,.35),rgba(117,62,27,.23));border:1px solid rgba(246,176,112,.37);box-shadow:inset 0 1px 0 rgba(255,221,186,.2),0 18px 55px rgba(0,0,0,.2);backdrop-filter:blur(26px) saturate(1.3);-webkit-backdrop-filter:blur(26px) saturate(1.3)}
#menu>a,.popover button{border-color:rgba(246,191,144,.32);background:rgba(9,12,10,.1)}
#menu>a:hover,.popover button:hover{background:rgba(245,163,83,.14);border-color:rgba(255,194,135,.8)}
#menu .popover-label,.popover .popover-label{color:var(--accent-ink)}
[data-appearance=dark] #menu,[data-appearance=dark] .popover{color:#f0f0f0;box-shadow:inset 0 1px 0 rgba(255,221,186,.2),0 18px 55px rgba(0,0,0,.25)}
[data-appearance=dark] .language-note{color:#e4d6c7}
[data-appearance=light] #menu,[data-appearance=light] .popover{background:linear-gradient(135deg,rgba(248,171,105,.44),rgba(235,179,129,.28));border-color:rgba(173,94,38,.35)}
[data-appearance=light] #menu>a,[data-appearance=light] .popover button{background:rgba(245,234,221,.12);border-color:rgba(125,76,39,.35)}
/* Contact keeps the same empty middle track and footer-link anchor as other pages. */
.contact-footer{grid-template-columns:1.4fr 1fr .7fr}.contact-footer .footer-links{grid-column:3;justify-self:start}
.footer-links a:first-child{color:var(--foreground)}.footer-links a:first-child:hover{color:var(--accent-ink)}
@media(max-width:850px){.contact-footer{grid-template-columns:1.2fr 1fr}.contact-footer .footer-links{grid-column:1/-1}}
@media(max-width:480px){.contact-footer{grid-template-columns:1fr}.contact-footer .footer-links{grid-column:auto}}
/* Murano study: molten amber, uneven optical thickness and restrained fracture glints. */
#menu,.popover,[data-appearance=dark] #menu,[data-appearance=dark] .popover{isolation:isolate;overflow:hidden;border-radius:0;border:1px solid #f5b06b66;background:radial-gradient(ellipse at 102% 8%,#ffc17845 0%,#ed8f2926 24%,transparent 58%),radial-gradient(ellipse at -13% 84%,#ed8d3547 0%,#b5572321 30%,transparent 65%),linear-gradient(118deg,#b76c262d 0%,#6b3a1930 32%,#e6a25c21 50%,#67391b38 76%,#d7964b2b);backdrop-filter:blur(23px) saturate(1.45);-webkit-backdrop-filter:blur(23px) saturate(1.45);box-shadow:inset 1px 0 0 #ffdcac5c,inset -2px 0 3px #e09a4b2e,inset 0 2px 4px #ffdcac33,inset 0 -1px 0 #ce7d3f55,0 20px 65px #0004}
#menu:before,.popover:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:url('assets/optimized/glass-fragments-reference.jpg') center/cover no-repeat;mix-blend-mode:screen;opacity:.19;mask-image:linear-gradient(90deg,#000 0%,#0003 20%,transparent 37%,transparent 63%,#0004 85%,#000 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#0003 20%,transparent 37%,transparent 63%,#0004 85%,#000 100%)}
#menu:after,.popover:after{content:"";position:absolute;z-index:-1;inset:-30%;pointer-events:none;background:radial-gradient(ellipse 75% 29% at 67% 18%,transparent 63%,#ffcd8e3b 65%,#fff1cf35 65.5%,transparent 67%),radial-gradient(ellipse 70% 48% at 14% 100%,transparent 66%,#fdb76d2b 67%,#fff0ce40 67.3%,transparent 69%),linear-gradient(115deg,transparent 43%,#fbdab021 47%,transparent 49%);filter:blur(.5px)}
#menu>a,.popover button,[data-appearance=dark] #menu>a,[data-appearance=dark] .popover button{background:#090c0a35;border-color:#ecc8a046;box-shadow:inset 0 1px 0 #fff1d90c}
#menu>a:hover,.popover button:hover{background:#f7b36b18;border-color:#ffca8dad}
#menu .popover-label,.popover .popover-label{color:#f3bc83}
[data-appearance=light] #menu,[data-appearance=light] .popover{background:radial-gradient(ellipse at 100% 10%,#ffce8e65,transparent 60%),radial-gradient(ellipse at 0 90%,#e58c3440,transparent 65%),linear-gradient(115deg,#e8aa6d40,#f9dfb538 45%,#d0904e38);border-color:#a96b394f;box-shadow:inset 1px 0 0 #fff4d6aa,inset -1px 0 2px #c9884340,0 20px 55px #4521091a}
[data-appearance=light] #menu>a,[data-appearance=light] .popover button{background:#f5eadd2b;border-color:#7d4c274d}
[data-appearance=light] #menu .popover-label,[data-appearance=light] .popover .popover-label{color:#8e481b}
/* Glass panels without an outline; button contours stay intact. */
#menu,.popover,[data-appearance=dark] #menu,[data-appearance=dark] .popover,[data-appearance=light] #menu,[data-appearance=light] .popover{border:0;box-shadow:0 20px 65px #0003}
/* Opening identity: centered and prominent, returning to the existing left anchor. */
:root{--logo-progress:0}
body:not(.inner-page) header .brand{position:absolute;left:calc(50% - var(--logo-progress)*(50% - 4vw));transform:translateX(calc(-50% + var(--logo-progress)*50%));max-width:62vw}
body:not(.inner-page) header .brand img{max-width:62vw}
body:not(.inner-page) header .tools{margin-left:auto}
@media(max-width:850px){body:not(.inner-page) header .brand{top:calc(9px + var(--logo-progress)*3px)}body:not(.inner-page) header .brand img{width:calc(170px * var(--logo-scale));max-width:55vw}body:not(.inner-page) header .tools{position:absolute;right:4vw;bottom:10px}}
@media(max-width:480px){body:not(.inner-page) header .brand img{width:calc(145px * var(--logo-scale));max-width:62vw}body:not(.inner-page) header .tools{bottom:8px}}

@media(max-width:850px){:root{--header-height:calc(var(--masthead) + 112px)}body:not(.inner-page){padding-top:calc(var(--masthead) + 112px)}#s1{scroll-margin-top:112px}}
/* Spacious opening stage; the same logo docks into the compact masthead. */
body:not(.inner-page){padding-top:100svh}
body:not(.inner-page) header{height:var(--header-height,100svh)}
body:not(.inner-page) header .brand{top:50%;transform:translate(calc(-50% + var(--logo-progress)*50%),-50%);max-width:76vw}
body:not(.inner-page) header .brand img{max-width:76vw}
body:not(.inner-page) header .tools{position:absolute;top:calc(var(--masthead)/2);right:4vw;bottom:auto;transform:translateY(-50%)}
#s1{scroll-margin-top:calc(100svh - var(--masthead))}
@media(max-width:850px){body:not(.inner-page){padding-top:100svh}body:not(.inner-page) header .brand{top:50%;max-width:76vw}body:not(.inner-page) header .brand img{max-width:76vw}body:not(.inner-page) header .tools{bottom:auto;top:calc(var(--masthead)/2)}#s1{scroll-margin-top:calc(100svh - var(--masthead))}}
:root:has(body:not(.inner-page)){--header-height:100svh;--logo-scale:2.875}
/* Legible small print and popovers anchored to their actual trigger buttons. */
.footer-brand p,footer address,.footer-links{font-size:14px;line-height:1.85}footer small{font-size:12px;line-height:1.8}
.person h3{font-size:15px}.person p{font-size:12px;line-height:1.75}.team-note,.prototype-note{font-size:12px;line-height:1.7}
.team-intro>p:last-child{font-size:15px}.text-page .updated,.language-note,.popover-label,#menu .popover-label{font-size:12px;line-height:1.7}
#menu>a,.popover button{font-size:14px}.tools>button,.language-wrap>button{font-size:13px}
#menubtn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}#menubtn .menu-icon{margin:0;font-size:23px;line-height:1}
#menu,.popover{position:fixed;max-width:calc(100vw - 24px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:850px){.person h3{font-size:14px}.person p{font-size:12px}.team-note,.text-page .updated{font-size:12px}.footer-brand p,footer address,.footer-links{font-size:14px}}
@media(max-width:480px){.tools>button,.language-wrap>button{font-size:12px}#menubtn{min-width:38px}.person h3{font-size:15px}.person p{font-size:13px}}
#menu,.popover{z-index:40}
.logo-nucleus{position:absolute;z-index:2;display:block;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;isolation:isolate}
.logo-nucleus canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;filter:saturate(1.18)}
.logo-nucleus:before{content:"";position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle,#ffc06b15 25%,#ff9d3f33 55%,transparent 74%);box-shadow:0 0 6px #ffb4579c,0 0 17px #f38b3655,0 0 32px #e981242b;opacity:var(--nucleus-glow,1);pointer-events:none}
@media(prefers-reduced-motion:reduce){.logo-nucleus{display:none}}.motion-off .logo-nucleus{display:none}

.logo-nucleus canvas{filter:brightness(2) saturate(1.3) contrast(1.06)}
/* Enlarged reference nucleus with a warm orange energy corona. */
.logo-nucleus canvas{filter:brightness(2.5) saturate(1.65) contrast(1.12)}
.logo-nucleus:before{inset:-16%;background:radial-gradient(circle,transparent 28%,#ffae4d33 43%,#fa812a3d 52%,#e9611721 64%,transparent 75%);box-shadow:0 0 10px #ffad5480,0 0 28px #f7792e66,0 0 55px #ef64152b;animation:nucleus-energy 3.8s ease-in-out infinite;opacity:var(--nucleus-glow,1)}
.logo-nucleus:after{content:"";position:absolute;inset:-23%;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,#ff9a3f13 25deg,transparent 55deg,transparent 105deg,#ffb65e2b 129deg,transparent 155deg,transparent 220deg,#f77c2b26 246deg,transparent 280deg);mask-image:radial-gradient(circle,transparent 35%,#000 45%,#0008 58%,transparent 72%);animation:nucleus-corona-turn 14s linear infinite;opacity:var(--nucleus-glow,1);filter:blur(1px)}
@keyframes nucleus-energy{0%,100%{transform:scale(.97);filter:brightness(.95)}50%{transform:scale(1.07);filter:brightness(1.2)}}
@keyframes nucleus-corona-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.logo-nucleus:before,.logo-nucleus:after{animation:none}}
/* Restore the reference's dense molten surface; no added ring or synthetic corona. */
.logo-nucleus:before,.logo-nucleus:after{content:none;display:none;animation:none;box-shadow:none;background:none}
.logo-nucleus canvas{filter:brightness(1.18) saturate(1.12) contrast(1.02)}
.logo-nucleus canvas{filter:none}

/* Official team portraits, kept compact beside each profile. */
.portrait{overflow:hidden;border-radius:3px;background:none}.portrait:before,.portrait:after{display:none}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}

.portrait{width:72px;height:86px;flex:0 0 72px}
@media(max-width:850px){.portrait{width:60px;height:72px;flex-basis:60px}}

/* Preserve the original white logo beneath the nucleus without changing its animation. */


/* Quiet orange frosted glass for both dropdowns. */
#menu,.popover,[data-appearance=dark] #menu,[data-appearance=dark] .popover,[data-appearance=light] #menu,[data-appearance=light] .popover{background:rgba(183,91,34,.68);backdrop-filter:blur(28px) saturate(1.12);-webkit-backdrop-filter:blur(28px) saturate(1.12);border:0;box-shadow:0 16px 42px #0003;border-radius:0;color:#fff4e8}
#menu:before,#menu:after,.popover:before,.popover:after{content:none;display:none;background:none}
#menu>a,.popover button,[data-appearance=dark] #menu>a,[data-appearance=dark] .popover button,[data-appearance=light] #menu>a,[data-appearance=light] .popover button{background:rgba(35,20,12,.16);border-color:rgba(255,238,216,.4);color:#fff8ef;box-shadow:none}
#menu>a:hover,.popover button:hover,[data-appearance=light] #menu>a:hover,[data-appearance=light] .popover button:hover{background:rgba(255,225,190,.17);border-color:#fff0dc;color:#fff}
#menu .popover-label,.popover .popover-label,[data-appearance=light] #menu .popover-label,[data-appearance=light] .popover .popover-label,.popover .language-note{color:#fff0df}
#menu>a span,.popover button span{color:#ffe0b6}
.legal-page{max-width:1120px}.legal-page h2{padding-left:18px;border-left:3px solid var(--accent)}
.legal-draft{max-width:820px;padding:22px 26px;margin:36px 0;border-left:3px solid var(--accent);background:#e9a1690d}.legal-draft strong{font-size:14px;color:var(--accent)}.legal-draft p{margin-bottom:0}
.text-page .legal-pending{font-size:13px;line-height:1.8;color:var(--accent);max-width:800px}

/* Clearer faces and a quieter team section. */
.team:before{content:none;display:none}
[data-appearance=light] .portrait{filter:brightness(1.08)}

/* Native top-layer dropdowns retain their trigger-based positioning. */
#menu[popover],#languages[popover]{inset:auto;margin:0;pointer-events:auto}
#menu::backdrop,#languages::backdrop{background:transparent;pointer-events:none}

/* Rounded orange frosted dropdowns. */
#menu,.popover,[data-appearance=dark] #menu,[data-appearance=dark] .popover,[data-appearance=light] #menu,[data-appearance=light] .popover{border-radius:18px}
@media(min-width:1100px){.people-statement{grid-template-columns:1fr;gap:20px}.people-statement p{max-width:none;white-space:nowrap;font-size:clamp(17px,1.65vw,26px)}}
.vision-page h2{border-left:3px solid var(--accent);padding-left:18px}
.habitat-section{max-width:850px;margin:70px 0;padding:32px 0;border-top:1px solid var(--accent);border-bottom:1px solid var(--line)}
.habitat-section h2{margin-top:20px}.habitat-section .eyebrow{color:var(--accent)}

/* Inner pages always use the compact home masthead, including before JS loads. */
:root:has(body.inner-page){--logo-scale:1;--logo-progress:1;--header-height:var(--masthead)}
.inner-page header{height:var(--masthead)}
.inner-page .text-page{padding-top:calc(var(--masthead) + 70px)}

/* Local map imagery: no embedded map or third-party requests. */
.contact-layout{grid-template-columns:1fr;gap:52px}.contact-location{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start}.contact-location address{font-style:normal;padding-top:18px}.office-map{margin:0;min-width:0}.office-map-link{display:block;position:relative;overflow:hidden;background:#0b0e0c;border-radius:5px;text-decoration:none!important}.office-map svg{display:block;width:100%;height:auto}.map-tiles{filter:grayscale(1) invert(1) brightness(1.35) contrast(.9)}.map-open{position:absolute;right:16px;bottom:16px;padding:11px 15px;background:#090c0aeb;color:#efa25e;font-size:12px;font-weight:600;display:flex;gap:24px}.office-map-link:hover .map-open{background:#efa25e;color:#090c0a}.office-map figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:10px;font-size:11px;line-height:1.7;color:var(--muted)}.office-map figcaption a{text-underline-offset:3px}.office-map figcaption span{font-size:10px}@media(max-width:650px){.contact-location{grid-template-columns:1fr;gap:25px}.office-map figcaption{flex-wrap:wrap}.contact-layout{gap:32px}}

.map-nucleus{transform-box:fill-box;transform-origin:center;animation:map-nucleus-turn 24s linear infinite}@keyframes map-nucleus-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.map-nucleus{animation:none}}.motion-off .map-nucleus{animation:none}

/* Match the local map to the selected website appearance. */
[data-appearance=light] .map-tiles{filter:grayscale(1) sepia(.16) brightness(1.03) contrast(.92)}
[data-appearance=light] .office-map-link{background:#f5eadd}
[data-appearance=light] .map-open{background:#f5eaddeb;color:#8b451b}
[data-appearance=light] .office-map-link:hover .map-open{background:#e9a169;color:#171a18}

/* The index now carries a progressive explanation alongside the scenes. */
.explanation{padding-top:64px;padding-bottom:64px}.explanation p{line-height:1.85;font-weight:500}
@media(min-width:1100px){.people-statement{grid-template-columns:1fr}.people-statement h2{font-size:clamp(22px,2.3vw,38px);white-space:nowrap}.people-statement p{white-space:normal;max-width:900px;font-size:clamp(16px,1.4vw,23px)}}

/* Readable scene introductions and a more generous supporting movement. */
.scene-content .eyebrow{font-size:clamp(14px,1.2vw,19px);font-weight:600;letter-spacing:.13em}
.scene-content .support{font-size:clamp(17px,1.55vw,24px);font-weight:600}.scene-content .support p+p{font-size:clamp(15px,1.3vw,20px);font-weight:500}
.explanation{align-items:start;row-gap:20px}.explanation>p{padding-top:clamp(70px,7vw,115px);font-size:clamp(14px,1.12vw,18px);font-weight:400;line-height:1.9}
.people-statement>p{padding-top:0;font-size:clamp(14px,1.12vw,18px);font-weight:400}
.habitat-invitation{grid-column:2;max-width:650px}.habitat-invitation p{font-size:16px;font-weight:400;line-height:1.85;margin-top:0}.habitat-open{display:inline-flex;gap:28px;border:1px solid var(--accent);border-radius:30px;padding:15px 23px;color:var(--accent);font-size:14px;font-weight:600}.habitat-open:hover{background:#e9a16918}
.habitat-dialog{padding:0;border:1px solid #e9a16944;border-radius:14px;background:var(--surface);color:var(--foreground);width:92vw;max-width:1600px;height:86svh;max-height:94svh;overflow:hidden;box-shadow:0 35px 100px #0009}
.habitat-dialog[open]{display:flex;flex-direction:column;animation:habitat-arrive .48s cubic-bezier(.16,1,.3,1)}
.habitat-dialog::backdrop{background:#0009;backdrop-filter:blur(9px)}
.habitat-window-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid #e9a16940;flex-shrink:0}.habitat-window-bar h2{font-size:16px;margin:0;font-weight:600}.habitat-window-bar>div{display:flex;align-items:center;gap:22px}.habitat-window-bar a{font-size:12px;color:var(--accent)}.habitat-close{font-size:30px;min-width:44px;min-height:44px}.habitat-dialog iframe{width:100%;flex:1;min-height:0;border:0;background:#fff}.habitat-is-open{overflow:hidden}
@keyframes habitat-arrive{from{opacity:0;transform:scale(.08)}to{opacity:1;transform:scale(1)}}
@media(max-width:850px){.explanation>p{padding-top:65px}.people-statement>p{padding-top:65px}}
@media(max-width:480px){.explanation>p,.people-statement>p{padding-top:0}.habitat-invitation{grid-column:1}.habitat-window-bar{padding:8px 12px}.habitat-window-bar h2{font-size:13px}.habitat-window-bar>div{gap:6px}.habitat-window-bar a{font-size:10px}.habitat-dialog{width:96vw;height:91svh}}
@media(prefers-reduced-motion:reduce){.habitat-dialog[open]{animation:none}}.motion-off .habitat-dialog[open]{animation:none}
@media(min-width:481px){.explanation>p{padding-top:calc(var(--banner-title-height,80px) + 12px)}}
@media(min-width:1100px){.people-statement>p{padding-top:0}}

/* Refined values copy alignment and invitation spacing. */
.people-statement>p{text-align:right;justify-self:end}
.habitat-invitation .habitat-open{margin-top:22px}

/* Extra breathing room below the values heading. */
.people-statement>p{margin-top:24px}

/* Centre the Habitat invitation button in the space before the next scene. */
.habitat-banner{padding-bottom:0}
.habitat-invitation{grid-column:1/-1;max-width:none}
.habitat-invitation>p{max-width:650px;margin-left:auto;margin-bottom:0}
.habitat-invitation .habitat-open{display:flex;width:fit-content;margin:44px auto}

/* One shared left edge for the Habitat copy, invitation and action. */
.habitat-invitation{grid-column:2;max-width:none;width:100%}
.habitat-invitation>p{max-width:none;margin-left:0}
.habitat-invitation .habitat-open{margin:44px 0}
@media(max-width:480px){.habitat-invitation{grid-column:1}}

/* Accessibility page uses larger body text in every presentation. */
.text-page.accessibility p,.text-page.accessibility li{font-size:18px;line-height:1.95}.text-page.accessibility .lead{font-size:22px}.text-page.accessibility .updated{font-size:14px}.accessible-entry{display:inline-flex;border-radius:28px;background:var(--accent);color:#171a18;font-size:17px;font-weight:600;padding:17px 26px}
/* Adapted mode: predictable sizing overrides decorative layouts. */
.motion-off .scene-content .eyebrow{font-size:18px;line-height:1.7;letter-spacing:.08em}
.motion-off .scene-content .support,.motion-off .scene-content .support p+p{font-size:20px;line-height:1.8}
.motion-off .explanation>p,.motion-off .habitat-invitation p{font-size:19px;line-height:1.9}
.motion-off .person h3{font-size:18px}.motion-off .person p{font-size:16px;line-height:1.8}
.motion-off .footer-brand p,.motion-off footer address,.motion-off .footer-links{font-size:18px;line-height:1.9}
.motion-off footer small,.motion-off .office-map figcaption,.motion-off .office-map figcaption span,.motion-off .map-open,.motion-off .language-note,.motion-off .popover-label,.motion-off #menu .popover-label{font-size:16px;line-height:1.8}
.motion-off #menu>a,.motion-off .popover button,.motion-off .tools>button:not(#themeToggle):not(#fullscreen),.motion-off .language-wrap>button,.motion-off .habitat-open{font-size:17px}
.motion-off .text-page p,.motion-off .text-page li,.motion-off .text-page .legal-pending{font-size:20px;line-height:1.95}
.motion-off .people-statement h2{white-space:normal}
.motion-off .scene{height:auto;min-height:calc(100svh - var(--masthead))}.motion-off .scene-stage{min-height:calc(100svh - var(--masthead));height:auto}.motion-off .scene-content{position:relative;top:auto;left:auto;right:auto;padding:15vh 6vw 12vh}.motion-off .scene-content .support{max-width:100%}
@media(max-width:480px){.motion-off .scene-content .eyebrow{font-size:16px}.motion-off .scene-content .support,.motion-off .scene-content .support p+p{font-size:18px}.motion-off .explanation>p{font-size:18px}.motion-off .people{grid-template-columns:1fr}}

/* Shared left edge for the two values paragraphs. */
.people-statement>p{text-align:left;justify-self:end;width:100%;max-width:66%}
@media(max-width:850px){.people-statement>p{max-width:100%}}

/* Space for longer Dutch and French wording. */
html:not([lang=en]) .scene-content .quote{font-size:clamp(32px,4.8vw,86px)}
html:not([lang=en]) .people-statement h2{white-space:normal}
@media(max-width:600px){html:not([lang=en]) .explanation h2 span[style]{white-space:normal!important}html:not([lang=en]) .scene-content .quote{font-size:clamp(29px,6.5vw,42px)}}

/* Product names in the system overview. */
.product-system .product-name{color:var(--accent,#E9A169)}

.kitchen-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.has-kitchen .camera{visibility:hidden}

/* Larger, readable baseline in the adapted version, in both appearances. */
.motion-off .brand{display:flex;flex-direction:column;align-items:center;width:max-content}
.motion-off .brand img{content:url('assets/logo-white.png');filter:none}
[data-appearance=light] .motion-off .brand img{filter:invert(1) hue-rotate(180deg)}
.motion-off .brand:after,[data-appearance=dark] .motion-off .brand:after{content:'LIVING INTELLIGENCE';font-size:calc(10px * var(--logo-scale));letter-spacing:calc(1.4px * var(--logo-scale));margin-top:calc(5px * var(--logo-scale));color:var(--foreground);white-space:nowrap;font-weight:500}
.habitat-local-preview{position:relative;flex:1;min-height:0;overflow:auto;background:var(--surface);color:var(--foreground)}
.habitat-local-preview>img{display:block;width:100%;height:68%;object-fit:cover;object-position:center}
.habitat-local-preview>div{padding:22px 28px}.habitat-local-preview p{font-size:16px;line-height:1.7;margin:0 0 10px}.habitat-local-preview p:first-child{font-size:24px;font-weight:600}
.habitat-open-external{display:inline-block;color:var(--accent);padding:12px 0;text-decoration:underline;text-underline-offset:5px}
.motion-off .habitat-local-preview p,.motion-off .habitat-open-external{font-size:19px}
@media(max-width:480px){.motion-off .brand:after,[data-appearance=dark] .motion-off .brand:after{font-size:calc(9px * var(--logo-scale));letter-spacing:calc(.7px * var(--logo-scale))}.habitat-window-bar{flex-wrap:wrap}.habitat-local-preview>img{height:50%}}

/* Contact: full-bleed map, feathered into the page instead of a card. */
.contact-page .text-page{position:relative;max-width:none;min-height:850px;padding-right:0;isolation:isolate;overflow:hidden}
.contact-page .text-page>.eyebrow,.contact-page .text-page>h1,.contact-page .contact-layout>div:first-child,.contact-page .contact-location address{position:relative;z-index:2;width:38vw;max-width:610px}
.contact-page .contact-layout{display:block}.contact-page .contact-location{display:block;margin-top:44px}.contact-page .contact-location address{padding-top:0}
.contact-page .office-map{position:absolute;z-index:1;right:0;top:165px;width:62vw;margin:0}
.contact-page .office-map-link,[data-appearance=light] .contact-page .office-map-link{background:transparent;border-radius:0}
.contact-page .office-map svg{height:625px;width:100%;mask-image:linear-gradient(to right,transparent 0%,#000 34%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);mask-composite:intersect}
.contact-page .map-tiles{filter:grayscale(1) invert(1) brightness(1.2) contrast(.9);opacity:.75;mix-blend-mode:screen}
[data-appearance=light] .contact-page .map-tiles{filter:grayscale(1) brightness(1.04) contrast(.95);mix-blend-mode:multiply;opacity:.85}
.contact-page .map-open{right:4vw;bottom:36px;background:transparent!important;color:var(--accent)!important}
.contact-page .office-map figcaption{padding:0 4vw 0 22%;margin-top:-12px;position:relative}
@media(max-width:850px){.contact-page .text-page{min-height:auto;padding-right:6vw}.contact-page .text-page>.eyebrow,.contact-page .text-page>h1,.contact-page .contact-layout>div:first-child,.contact-page .contact-location address{width:auto;max-width:none}.contact-page .office-map{position:relative;top:auto;width:100vw;right:auto;margin:32px -6vw 0}.contact-page .office-map svg{height:460px;mask-image:linear-gradient(to right,transparent,#000 12%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent)}.contact-page .office-map figcaption{padding:0 6vw;margin-top:0}.contact-page .map-open{right:6vw}}

.contact-page .map-open{color:var(--foreground)!important}

.contact-page .visitor-parking{position:relative;z-index:2;width:36vw;max-width:550px;margin-top:27px;padding-bottom:20px}.visitor-parking h3{font-size:17px;margin:0 0 12px}.visitor-parking>a{font-size:14px;line-height:1.8;color:var(--foreground)}.visitor-parking p{font-size:14px;line-height:1.8;margin:12px 0 0}.motion-off .visitor-parking p,.motion-off .visitor-parking>a{font-size:18px}.motion-off .visitor-parking h3{font-size:20px}
@media(max-width:850px){.contact-page .visitor-parking{width:auto;max-width:650px}}
/* Dark map: remove the grey paper tint; keep streets and labels over the page black. */
[data-appearance=dark] .contact-page .map-tiles{filter:grayscale(1) invert(1) brightness(.78) contrast(1.75);mix-blend-mode:screen;opacity:.8}
/* Keep mid-grey map detail readable without restoring a grey paper rectangle. */
[data-appearance=dark] .contact-page .map-tiles{filter:grayscale(1) invert(1) brightness(1.18) contrast(1.12);mix-blend-mode:screen;opacity:.92}
/* Light appearance: retain the original map colours, as in the approved reference. */
[data-appearance=light] .contact-page .map-tiles{filter:none;mix-blend-mode:multiply;opacity:.85}
/* Align the map's lower edge with the final visitor-parking text line. */
@media(min-width:851px){.contact-page .office-map{top:auto;bottom:130px}}

/* Only individual glass buttons remain; their surrounding panel is transparent. */
#menu,.popover,[data-appearance=dark] #menu,[data-appearance=dark] .popover,[data-appearance=light] #menu,[data-appearance=light] .popover{background:transparent;box-shadow:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;color:var(--foreground);overflow:visible}
#menu>a,.popover button,[data-appearance=dark] #menu>a,[data-appearance=dark] .popover button,[data-appearance=light] #menu>a,[data-appearance=light] .popover button{background:rgba(18,22,19,.62);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid #ffffff38;color:#f0f0f0;box-shadow:0 5px 18px #0002}
[data-appearance=light] #menu>a,[data-appearance=light] .popover button{background:rgba(245,234,221,.68);border-color:#171a1838;color:#171a18}
#menu>a:hover,.popover button:hover,[data-appearance=light] #menu>a:hover,[data-appearance=light] .popover button:hover{background:rgba(233,161,105,.2);border-color:var(--accent);color:var(--foreground)}
#languages button span{width:10px;height:10px;margin-left:14px;flex:none}
#languages button[aria-current=true] span{display:block;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd291 0%,#f7a34b 38%,#dc691c 75%,#914210 100%);box-shadow:0 0 7px #efa25e60}
#menu .popover-label,#languages .popover-label{display:none}

/* Orange frosted glass belongs to each button, not the surrounding dropdown. */
#menu>a,.popover button,[data-appearance=dark] #menu>a,[data-appearance=dark] .popover button,[data-appearance=light] #menu>a,[data-appearance=light] .popover button{background:linear-gradient(125deg,rgba(241,174,107,.52),rgba(178,87,28,.58));border-color:rgba(255,211,161,.48);color:#fff8ef;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:inset 0 1px 0 #fff4df24,0 5px 18px #0002}
[data-appearance=light] #menu>a,[data-appearance=light] .popover button{background:linear-gradient(125deg,rgba(243,180,115,.65),rgba(204,124,57,.55));color:#251a11;border-color:#a560303d}
#menu>a:hover,.popover button:hover,[data-appearance=light] #menu>a:hover,[data-appearance=light] .popover button:hover{background:rgba(228,146,72,.7);border-color:#ffd7aa;color:var(--foreground)}
#s4 .support{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:100%}
#s4 .support p,#s4 .support p+p{font-size:inherit;font-weight:600;line-height:1.6;margin:0}
#s4 .support p:last-child{text-align:right}
@media(max-width:480px){#s4 .support{gap:16px}}
/* Bring the paired captions closer to the title, above the pale chair. */
#s4 .support{margin-top:8px}
#s4 .support{margin-top:-6px}
#s4 .support p{text-shadow:0 1px 3px #000b,0 2px 12px #0008}

.mobile-title-break{display:none}
@media(max-width:600px){.mobile-title-break{display:block}}
/* A quiet invitation between the people and the First Habitat. */
.join-invitation{margin:0;padding:52px 6vw 64px;display:flex;align-items:center;justify-content:space-between;gap:6vw;border-top:1px solid #e9a16935;border-bottom:1px solid #e9a16935;background:var(--paper);color:var(--ink)}
.join-invitation>div{max-width:780px}.join-invitation .eyebrow{font-size:12px;color:var(--muted);margin-bottom:17px}.join-invitation h2{font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.035em;margin:0 0 20px;font-weight:650}.join-invitation p:last-child{font-size:16px;line-height:1.9;margin:0;max-width:720px}
.join-link{display:inline-flex;align-items:center;justify-content:center;gap:34px;flex:none;border:1px solid var(--accent);border-radius:30px;padding:16px 25px;color:var(--foreground);font-size:15px;font-weight:600;background:#e9a1690c;text-decoration:none!important;min-height:52px;cursor:pointer}.join-link span{color:var(--accent)}.join-link:hover{background:#e9a16926}
.contact-overview{position:relative;min-height:690px;padding-bottom:20px}
@media(min-width:851px){.contact-page .contact-overview .office-map{bottom:20px;top:auto}.contact-page .contact-overview .office-map svg{height:625px}}
.signup-section{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;margin:65px 0 0 -8vw;padding:75px 8vw 0;border-top:1px solid #e9a16940;scroll-margin-top:110px;background:var(--paper);color:var(--ink)}
.signup-intro .eyebrow{font-size:12px;margin:0 0 20px}.signup-intro h2{font-size:clamp(30px,3vw,47px);line-height:1.2;letter-spacing:-.035em;margin:0 0 25px}.signup-intro>p:last-child{font-size:17px;line-height:1.9}
#interest-form{min-width:0}.signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}#interest-form label{font-size:14px;line-height:1.6}#interest-form input[type=text],#interest-form input[type=email],#interest-form textarea{display:block;width:100%;margin-top:9px;border:1px solid #8886;background:transparent;color:inherit;font:inherit;font-size:16px;padding:13px 14px;border-radius:9px;min-height:48px}#interest-form textarea{resize:vertical}#interest-form input:focus-visible,#interest-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#interest-form fieldset{border:0;padding:0;margin:29px 0}#interest-form legend{font-size:15px;font-weight:600;padding:0 0 14px}.interest-choice{display:flex;align-items:flex-start;gap:14px;border:1px solid #8885;border-radius:12px;padding:17px;margin:0 0 12px;cursor:pointer}.interest-choice:has(input:checked){border-color:var(--accent);background:#e9a1690d}.interest-choice strong{display:block;font-size:15px;font-weight:600}.interest-choice small{display:block;font-size:13px;line-height:1.7;margin-top:5px;opacity:.8}#interest-form input[type=checkbox]{width:19px;height:19px;flex:0 0 19px;margin:3px 0 0;accent-color:#e9a169;cursor:pointer}.signup-message{display:block}.signup-consent{display:flex;align-items:flex-start;gap:12px;margin:25px 0}.signup-submit{margin:4px 0 18px}.text-page .signup-delivery,.text-page .signup-beta-note{font-size:13px;line-height:1.85;margin:0 0 14px;opacity:.85}.signup-privacy{font-size:14px}#signup-status{font-size:15px;line-height:1.8;margin-top:18px}
.motion-off .join-invitation p:last-child,.motion-off #interest-form label,.motion-off .interest-choice strong,.motion-off .interest-choice small,.motion-off .text-page .signup-delivery,.motion-off .text-page .signup-beta-note,.motion-off .signup-privacy{font-size:18px}
@media(max-width:850px){.join-invitation{align-items:flex-start;flex-direction:column;gap:28px}.contact-overview{min-height:0;padding-bottom:0}.signup-section{grid-template-columns:1fr;gap:30px;margin-left:-6vw;margin-right:-6vw;padding:55px 6vw 0}.signup-intro>p:last-child{font-size:16px}}
@media(max-width:480px){.signup-fields{grid-template-columns:1fr}.join-invitation{padding:40px 6vw}.signup-submit{width:100%;font-size:14px}}
.join-invitation,.signup-section{background:var(--surface);color:var(--foreground)}

.signup-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.signup-submit:disabled{opacity:.6;cursor:wait}

/* Privacy navigation and retention criteria */
.legal-jump{display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0 44px}.legal-jump a{color:var(--foreground);text-underline-offset:5px}.legal-page section{scroll-margin-top:130px}.legal-table-wrap{overflow-x:auto;margin:24px 0}.legal-retention{border-collapse:collapse;width:100%;font-size:inherit;line-height:1.65}.legal-retention th,.legal-retention td{border-bottom:1px solid #85857566;padding:18px 16px;text-align:left;vertical-align:top}.legal-retention th{font-weight:600}.legal-retention thead th{color:var(--accent,#e9a169)}.legal-retention tbody th{width:30%}@media(max-width:600px){.legal-retention th,.legal-retention td{padding:14px 8px}.legal-retention tbody th{width:36%}}

html[data-appearance="light"] .legal-retention thead th,html[data-appearance="light"] .legal-page .legal-pending{color:#99501f}

/* Larger, right-aligned photo captions with stronger contrast. */
.scene-content .support{margin-left:auto;margin-right:0;max-width:min(820px,85%);text-align:right;font-size:clamp(21px,1.95vw,30px);line-height:1.6;text-shadow:0 2px 5px #000c,0 3px 18px #0009}
.scene-content .support p+p{font-size:clamp(19px,1.7vw,26px);font-weight:500;line-height:1.65}
#s4 .support{max-width:100%;margin-top:-6px}#s4 .support p:first-child{text-align:left}#s4 .support p,#s4 .support p+p{font-size:inherit;font-weight:600}
@media(max-width:600px){.scene-content .support{max-width:100%;font-size:20px;line-height:1.55}.scene-content .support p+p{font-size:18px}#s4 .support{gap:18px;font-size:18px}#s4 .support p,#s4 .support p+p{font-size:18px}.motion-off .scene-content .support{font-size:21px}.motion-off .scene-content .support p+p{font-size:19px}}

/* Warm orange captions, with a dark edge for photographic backgrounds. */
.scene-content .support,.night .scene-content .support{color:#ffb36b;text-shadow:0 1px 2px #000,0 2px 6px #000e,0 3px 20px #000b}#s4 .support p{text-shadow:0 1px 2px #000,0 2px 6px #000e,0 3px 20px #000b}

/* One further step up for the orange supporting copy. */
.scene-content .support{font-size:clamp(24px,2.3vw,35px);max-width:min(950px,90%)}.scene-content .support p+p{font-size:clamp(22px,2vw,31px)}#s4 .support p,#s4 .support p+p{font-size:inherit}@media(max-width:600px){.scene-content .support{font-size:23px;max-width:100%}.scene-content .support p+p{font-size:21px}#s4 .support{font-size:21px}#s4 .support p,#s4 .support p+p{font-size:21px}}

/* Slightly heavier captions for clearer photographic text. */
.scene-content .support{font-weight:700}.scene-content .support p+p{font-weight:600}#s4 .support p,#s4 .support p+p{font-weight:700}
.scene-content .support,.night .scene-content .support,#s4 .support p{text-shadow:0 1px 2px #000,0 2px 6px #000e,0 3px 20px #000b}


/* Consistent readable body copy throughout the site. */
:root{--body-copy-size:18px}
.explanation>p,.people-statement>p,.habitat-invitation p,.team-intro>p:last-child,.join-invitation p:last-child,
.text-page p,.text-page li,.text-page .legal-pending,.signup-intro>p:last-child,
.contact-layout address,.visitor-parking p,.visitor-parking>a,
#interest-form label,#interest-form legend,.interest-choice strong,.interest-choice small,
#interest-form input[type=text],#interest-form input[type=email],#interest-form textarea,
.text-page .signup-delivery,.text-page .signup-beta-note,.signup-privacy,#signup-status,
.legal-retention,.legal-jump,.person p,.footer-brand p,footer address,.footer-links,
.join-link,.habitat-open,.solid-button,.text-back{font-size:var(--body-copy-size);line-height:1.85}
.person h3{font-size:18px;line-height:1.5}
footer small,.office-map figcaption,.office-map figcaption span,.map-open{font-size:16px;line-height:1.75}
.text-page .lead{font-size:22px}
.motion-off .explanation>p,.motion-off .people-statement>p,.motion-off .habitat-invitation p,
.motion-off .team-intro>p:last-child,.motion-off .join-invitation p:last-child,
.motion-off .text-page p,.motion-off .text-page li,.motion-off .person p,
.motion-off #interest-form label,.motion-off .interest-choice strong,.motion-off .interest-choice small,
.motion-off .text-page .signup-delivery,.motion-off .text-page .signup-beta-note,
.motion-off .signup-privacy{font-size:20px}
.motion-off .text-page .lead{font-size:24px}

/* Compact supporting labels retain comfortable wrapping. */
.person p{font-size:16px;line-height:1.65}.person h3{font-size:16px;line-height:1.45}.motion-off .person p{font-size:18px}

/* Keep the long people statement in its intended full-width section. */
.people-statement{grid-template-columns:1fr}

/* Shared left edge for the explanatory copy below the images. */
.explanation>p{grid-column:1/-1;justify-self:end;width:100%;max-width:66%;line-height:1.75}
.people-statement>p{line-height:1.75}
.motion-off .explanation>p,.motion-off .people-statement>p{line-height:1.8}
@media(max-width:850px){.explanation>p{max-width:100%}}

/* Equal breathing room above and below each explanatory body. */
.explanation:not(.habitat-banner){--copy-gap:54px;row-gap:var(--copy-gap);padding-bottom:var(--copy-gap)}
.explanation:not(.habitat-banner)>h2{margin-bottom:0}
.explanation:not(.habitat-banner)>p{padding-top:0;margin-top:0;margin-bottom:0}
@media(max-width:850px){.explanation:not(.habitat-banner){--copy-gap:37px}}

/* Refined copy emphasis and photographic caption placement. */
.copy-emphasis{font-weight:600}
.scene-content .support,.night .scene-content .support{color:#fff}
#s4 .scene-content .support{width:100%!important;max-width:100%;margin-left:0;grid-template-columns:1fr 1fr}
#s4 .support p:first-child{text-align:left;justify-self:start}
#s4 .support p:last-child{text-align:right;justify-self:end}
.team{border-top:1px solid #e9a16935}
.habitat-banner h2:before{display:none}
.habitat-banner{row-gap:30px}
.habitat-banner>p{padding-top:0;margin-top:0;line-height:1.75}
.habitat-banner .habitat-invitation{grid-column:1/-1;justify-self:end;width:66%;max-width:none;display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;text-align:left}
.habitat-invitation>p{margin:0;flex:1 1 240px;line-height:1.75}
.habitat-invitation .habitat-open{margin:0;gap:20px}
.footer-brand p{font-size:14px;line-height:1.75}
@media(max-width:850px){.habitat-banner .habitat-invitation{width:100%}}

/* Place invitation actions beneath their copy, with breathing room. */
.join-invitation{display:flex;flex-direction:column;align-items:stretch;gap:24px}
.join-invitation>div{max-width:none;width:100%}
.join-invitation p:last-child{max-width:780px}
.join-invitation>.join-link{align-self:flex-end}
.habitat-banner .habitat-invitation{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding-bottom:48px}
.habitat-invitation>p{flex:none}
.habitat-invitation .habitat-open{align-self:flex-end;margin:0}
/* A slight directional echo of the figure walking behind the caption. */
@keyframes support-motion-echo{0%,100%{transform:translateX(0);filter:blur(0)}42%{transform:translateX(2px);filter:blur(.25px)}55%{transform:translateX(4px);filter:blur(.4px)}70%{transform:translateX(1px);filter:blur(0)}}
#s4 .support p:first-child{animation:support-motion-echo 6s ease-in-out infinite}
.motion-off #s4 .support p:first-child{animation:none}
@media(prefers-reduced-motion:reduce){#s4 .support p:first-child{animation:none}}
@media(max-width:600px){.habitat-banner .habitat-invitation{padding-bottom:36px}}

/* Contact: a larger, softer map and the shared mail action. */
.contact-page .text-page .email-link{font-size:18px;line-height:1.6;color:var(--foreground);margin-top:24px;text-decoration:none}
.contact-page .contact-layout>div:first-child>p{margin-top:0}
@media(min-width:851px){
.contact-page .contact-overview .office-map{top:-45px;bottom:auto;right:0;width:78vw}
.contact-page .contact-overview .office-map svg{height:740px;mask-image:linear-gradient(to right,transparent 0%,#0003 18%,#000 45%),linear-gradient(to bottom,transparent 0%,#000 24%,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#0003 18%,#000 45%),linear-gradient(to bottom,transparent 0%,#000 24%,#000 68%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}
}
@media(max-width:850px){.contact-page .office-map svg{mask-image:linear-gradient(to right,transparent,#000 20%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 22%,#000 72%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 22%,#000 72%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}}

/* Shared action text colour across index and contact. */
.habitat-open,.text-page .email-link,.signup-submit{color:var(--foreground)}
.habitat-open span,.text-page .email-link span,.signup-submit span{color:var(--accent)}

/* The map fades behind the contact copy, never over its letters. */
.contact-page .contact-overview>.eyebrow,.contact-page .contact-overview>h1{position:relative;z-index:2}
.contact-page .contact-layout>div:first-child,.contact-page .contact-location address,.contact-page .visitor-parking{position:relative;z-index:2;opacity:1}

/* Sharpen the existing map edges without changing its fade or text layers. */
[data-appearance=dark] .contact-page .map-tiles{filter:url(#map-detail) grayscale(1) invert(1) brightness(1.22) contrast(1.18);opacity:.96}
[data-appearance=light] .contact-page .map-tiles{filter:url(#map-detail) contrast(1.08);opacity:.9}

/* Local vector map, with real SVG street labels rather than raster lettering. */
.contact-page .map-tiles.map-vector{filter:none;mix-blend-mode:normal;opacity:1;--map-land:#111711;--map-green:#17251b;--map-building:#262e27;--map-building-edge:#374239;--map-road:#626b62;--map-road-edge:#252e27;--map-label:#d5d9d2;--map-halo:#151b16;--map-water:#253e43}
[data-appearance=light] .contact-page .map-tiles.map-vector{--map-land:#e7e1d6;--map-green:#c4d7b4;--map-building:#d3cec3;--map-building-edge:#b6b6a8;--map-road:#fffdf7;--map-road-edge:#c6c6bb;--map-label:#50594d;--map-halo:#f0eee3;--map-water:#afcfd1}
.map-vector .map-land{fill:var(--map-land)}.map-vector .map-green{fill:var(--map-green)}.map-vector .map-water{fill:var(--map-water)}
.map-vector .map-buildings{fill:var(--map-building);stroke:var(--map-building-edge);stroke-width:.35}
.map-vector .map-waterway{fill:none;stroke:var(--map-water);stroke-width:2}
.map-vector .map-outline,.map-vector .map-road{fill:none;stroke-linejoin:round;stroke-linecap:round}
.map-vector .map-outline{stroke:var(--map-road-edge)}.map-vector .map-road{stroke:var(--map-road)}
.map-vector .map-outline.map-major{stroke-width:5.2}.map-vector .map-road.map-major{stroke-width:3.8}
.map-vector .map-outline.map-street{stroke-width:3.2}.map-vector .map-road.map-street{stroke-width:2.2}
.map-vector .map-outline.map-minor{stroke-width:1.2}.map-vector .map-road.map-minor{stroke-width:.65;stroke-dasharray:2 2}
.map-vector .map-labels{font-family:Montserrat,Arial,sans-serif;font-weight:500;fill:var(--map-label);stroke:var(--map-halo);stroke-width:1.5;paint-order:stroke fill;stroke-linejoin:round}
.map-vector .map-area-label{font-size:9px;font-weight:600}

.map-vector .map-address-label{font-size:8px;font-weight:700}

/* Stack location above the map attribution. */
.office-map figcaption{flex-direction:column;align-items:flex-end;gap:3px;text-align:right}

/* Dutch index copy: deliberate heading wrap and higher reading scene text. */
html[lang=nl] .companion-title-line{white-space:nowrap}
html:is([lang=nl],[lang=fr]) #s4 .scene-content{top:10%}
html:is([lang=nl],[lang=fr]) .motion-off #s4 .scene-content{top:auto;padding-top:9vh}
@media(max-width:600px){html[lang=nl] .companion-title-line{white-space:normal}html:is([lang=nl],[lang=fr]) #s4 .scene-content{top:10%}}
/* Position the Dutch paired captions by the people, leaving Aura unobstructed. */
html:is([lang=nl],[lang=fr]) #s4 .scene-content{height:90%}
html:is([lang=nl],[lang=fr]) #s4 .scene-content .support{position:absolute;top:54%;left:0;right:0;margin:0;align-items:start}
html:is([lang=nl],[lang=fr]) #s4 .support p:last-child{position:relative;top:12px;max-width:100%}
html:is([lang=nl],[lang=fr]) .motion-off #s4 .scene-content{height:calc(100svh - var(--masthead))}
@media(max-width:600px){html:is([lang=nl],[lang=fr]) #s4 .scene-content .support{top:52%;gap:12px}html:is([lang=nl],[lang=fr]) #s4 .support p:last-child{top:0}}
/* Version X: six native-language choices, with a quiet explanatory note. */
#languages .language-note{font-size:12px;line-height:1.6;font-weight:400;letter-spacing:0;text-transform:none;margin:16px 4px 3px;max-width:270px;color:var(--foreground);opacity:.8}
#languages{overflow-y:auto;overscroll-behavior:contain}
#languages button bdi{font-weight:inherit}
html[lang=th] body{font-family:Tahoma,"Thonburi","Leelawadee UI",Arial,sans-serif}
html[lang=th] :is(h1,h2,h3,.eyebrow,.support){letter-spacing:0;line-height:1.5}
html[lang=th] .quote{font-size:clamp(30px,4.4vw,65px)}
html[lang=ur] body{font-family:"Geeza Pro","Noto Sans Arabic",Tahoma,Arial,sans-serif;letter-spacing:0}
html[lang=ur] :is(h1,h2,h3,.eyebrow,.support){letter-spacing:0;line-height:1.7}
html[lang=ur] header,html[lang=ur] .office-map,html[lang=ur] .tools{direction:ltr}
html[lang=ur] .brand{direction:ltr}
html[lang=ur] :is(.text-page,.explanation,.team,.join-invitation,.habitat-banner,footer){text-align:right}
html[lang=ur] .scene-content{direction:rtl}
html[lang=ur] .scene-content .support{text-align:right}
html[lang=ur] .explanation>p{justify-self:start}
html[lang=ur] .signup-fields input{direction:auto}
html[lang=ur] input[type=email]{direction:ltr;text-align:left}
html[lang=ur] :is(.footer-links,.join-link){unicode-bidi:isolate}
html:is([lang=th],[lang=ur],[lang=sl]) #s4 .scene-content{top:10%;height:90%}
html:is([lang=th],[lang=ur],[lang=sl]) #s4 .scene-content .support{position:absolute;top:54%;left:0;right:0;margin:0;align-items:start;direction:ltr}
html:is([lang=th],[lang=ur],[lang=sl]) #s4 .support p:last-child{position:relative;top:12px;max-width:100%}
html[lang=ur] #s4 .support p{direction:rtl}
html[lang=ur] #s4 .quote{font-size:clamp(29px,4.4vw,65px)}
html:is([lang=th],[lang=ur],[lang=sl]) .motion-off #s4 .scene-content{top:auto;height:calc(100svh - var(--masthead));padding-top:9vh}
@media(max-width:600px){#languages .language-note{font-size:12px}html:is([lang=th],[lang=ur],[lang=sl]) #s4 .scene-content .support{top:52%;gap:12px}html:is([lang=th],[lang=ur],[lang=sl]) #s4 .support p:last-child{top:0}html[lang=ur] #s4 .support{font-size:19px}html[lang=th] #s4 .support{font-size:19px}}
@font-face{font-family:TsaruThai;src:url('assets/fonts/NotoSansThai%5Bwdth,wght%5D.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:TsaruUrdu;src:url('assets/fonts/NotoSansArabic%5Bwdth,wght%5D.ttf') format('truetype');font-weight:100 900;font-display:swap}
html[lang=th] body{font-family:TsaruThai,Tahoma,sans-serif}
html[lang=ur] body{font-family:TsaruUrdu,Tahoma,sans-serif}
#languages bdi[lang=th]{font-family:TsaruThai,Tahoma,sans-serif}
#languages bdi[lang=ur]{font-family:TsaruUrdu,Tahoma,sans-serif}
#languages .language-note{padding:10px 12px;margin:14px 0 0;max-width:100%;border-radius:12px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px);opacity:1}
/* Keep the office map on the physical right while Urdu copy reads RTL. */
html[lang=ur] .contact-overview{direction:ltr}
html[lang=ur] .contact-overview>.eyebrow,html[lang=ur] .contact-overview>h1,html[lang=ur] .contact-layout>div:first-child,html[lang=ur] .contact-location address,html[lang=ur] .visitor-parking{direction:rtl;text-align:right}
html[lang=ur] .contact-overview>h1{width:38vw;max-width:610px;font-size:clamp(36px,4.5vw,66px)}
html[lang=ur] .contact-overview>.eyebrow{width:38vw;max-width:610px}
@media(max-width:850px){html[lang=ur] .contact-overview>h1,html[lang=ur] .contact-overview>.eyebrow{width:100%;max-width:100%}}
/* Informational language note: a quieter, lighter glass pill. */
#languages .language-note{border-radius:27px;background:linear-gradient(135deg,rgba(225,206,179,.28),rgba(193,158,112,.19));border:1px solid rgba(248,163,83,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(22px);color:var(--foreground);padding:12px 16px;font-weight:400}

/* Consistent vector appearance control and compact mobile reading. */
#themeToggle svg{display:block;width:22px;height:22px;margin:auto}
@media(max-width:850px){
 #s1 .support br{display:none}
 #s4 .scene-content .support{display:none!important}
 footer .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
}
/* Do not amplify the portrait edge lighting through a CSS brightness filter. */
[data-appearance=dark] .portrait,[data-appearance=light] .portrait{filter:none}

/* Urdu headings begin on the right: put their accent on the reading start. */
html[lang=ur] .vision-page h2{border-left:0;padding-left:0;border-right:3px solid var(--accent);padding-right:18px}
html[lang=ur] .vision-page .eyebrow:before{margin-right:0;margin-left:12px}
html[lang=ur] .vision-page h1:after{margin-left:0;margin-right:0}

/* Keep the English invitation eyebrow on one line, including narrow screens. */
html[lang=en] .join-invitation .eyebrow{max-width:none;white-space:nowrap}
@media(max-width:480px){html[lang=en] .join-invitation .eyebrow{font-size:clamp(9px,2.5vw,12px)}}

/* Hindi: local Devanagari font and natural shaping; brand wording stays unchanged. */
@font-face{font-family:TsaruHindi;src:url('assets/fonts/NotoSansDevanagari%5Bwdth,wght%5D.ttf') format('truetype');font-weight:100 900;font-display:swap}
html[lang=hi] body{font-family:TsaruHindi,Montserrat,Arial,sans-serif}
html[lang=hi] :is(h1,h2,h3,.eyebrow,.support){letter-spacing:0;line-height:1.5}
html[lang=hi] .scene-content .quote{font-size:clamp(34px,5.2vw,86px);line-height:1.4}
html[lang=hi] .scene-content .support{line-height:1.6}
html[lang=hi] .explanation p,html[lang=hi] .people-statement p,html[lang=hi] .text-page p{line-height:1.85}