:root{--ink:#06172f;--ink2:#132b4c;--blue:#1261ff;--teal:#008b7b;--aqua:#16b6c7;--paper:#f7f5ef;--paper2:#efede6;--muted:#607086;--line:rgba(6,23,47,.13);--line-light:rgba(255,255,255,.14);--hero:"richmond-display",sans-serif;--impact:"impact",sans-serif;--body:"bc-vajgar",sans-serif;--wrap:1180px;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.7 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;z-index:1000;padding:10px 14px;background:#fff}.skip:focus{top:16px}.header{position:fixed;inset:0 0 auto;z-index:80;transition:.25s}.header.scrolled{background:rgba(247,245,239,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px}.mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#fff;font:400 29px/1 var(--hero)}.brand strong{display:block;font-size:14px}.brand small{display:block;margin-top:2px;color:var(--muted);font:400 9px/1 var(--impact);letter-spacing:.14em}.nav nav{display:flex;gap:26px}.nav nav a,.nav-cta,.eyebrow,.cards small,.rows small,.facts span{font-family:var(--impact);font-weight:400;letter-spacing:.08em;text-transform:uppercase}.nav nav a{font-size:11px;color:#34445a}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--ink);font:400 11px/1 var(--impact);letter-spacing:.06em;text-transform:uppercase}.nav-cta,.button{background:var(--ink);color:#fff}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.menu{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent}.menu span{display:block;width:18px;height:1.5px;margin:4px auto;background:var(--ink)}.hero{min-height:100svh;padding:150px 0 90px;display:grid;align-items:center;background:radial-gradient(circle at 17% 17%,rgba(18,97,255,.12),transparent 27%),radial-gradient(circle at 83% 55%,rgba(0,139,123,.1),transparent 30%),linear-gradient(rgba(6,23,47,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,23,47,.05) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}.hero-inner{text-align:center}.eyebrow{margin:0 0 22px;color:var(--muted);font-size:11px}.blue{color:var(--blue)}.teal{color:var(--teal)}h1,h2,h3,blockquote{font-family:var(--hero);font-weight:400}h1{margin:0;font-size:clamp(62px,9vw,128px);line-height:.9;letter-spacing:-.045em;text-transform:uppercase}h1 em,h2 em{font-style:normal;color:var(--blue)}.lede{max-width:840px;margin:28px auto 0;font-size:clamp(17px,2vw,22px);color:#42556f}.sub{max-width:720px;margin:8px auto 0;color:var(--muted)}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.gate-stage{width:min(1120px,100%);margin:64px auto 0;display:grid;grid-template-columns:1fr 48px 1fr 48px 1fr;align-items:center}.gate-card{min-height:280px;padding:32px;text-align:left;border-radius:var(--radius);color:#fff;background:linear-gradient(145deg,#112c51,#031126 72%);border:1px solid rgba(94,171,255,.28);box-shadow:0 30px 50px rgba(6,23,47,.16)}.gate-card span{font:400 9px/1 var(--impact);letter-spacing:.15em;color:#9fd5ff}.gate-card h2{margin:12px 0 2px;font-size:46px}.gate-card h3{margin:0;color:#8bd9ff;font-size:22px}.gate-card p{color:#b9c6d8;font-size:13px}.node{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:50%;background:linear-gradient(145deg,var(--blue),var(--aqua));color:#fff;font:400 24px/1 var(--hero);border:4px solid var(--paper)}.section{padding:110px 0}.dark,.navy{color:#fff;background:var(--ink)}.navy{background:#081b37}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:56px}.section-head h2,.company h2,.mission h2,.contact h2{margin:0;font-size:clamp(48px,7vw,82px);line-height:.96;letter-spacing:-.035em}.section-head>p{margin:0;color:var(--muted);font-size:16px}.dark .section-head>p,.navy .section-head>p{color:#aebbd0}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article{min-height:330px;padding:34px;border-radius:var(--radius);border:1px solid var(--line-light);background:rgba(255,255,255,.04)}.cards article:nth-child(1){background:linear-gradient(145deg,rgba(18,97,255,.18),rgba(255,255,255,.025))}.cards article:nth-child(2){background:linear-gradient(145deg,rgba(0,139,123,.18),rgba(255,255,255,.025))}.cards article:nth-child(3){background:linear-gradient(145deg,rgba(103,89,255,.18),rgba(255,255,255,.025))}.cards b{font:400 78px/1 var(--hero);color:rgba(255,255,255,.09)}.cards h3{margin:28px 0 12px;font-size:34px}.cards p{color:#afbdd0}.cards small{display:block;margin-top:24px;padding-top:12px;border-top:1px solid var(--line-light);color:#8dcfff;font-size:10px}.dark blockquote{max-width:900px;margin:52px auto 0;text-align:center;font-size:clamp(28px,4vw,50px);line-height:1.12}.dark blockquote em{color:#63c6ff}.rows{display:grid;gap:18px}.rows article{display:grid;grid-template-columns:72px 1fr 1fr;gap:24px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.65)}.rows article>span{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:var(--ink);color:#fff;font:400 24px/1 var(--hero)}.rows article:nth-child(2)>span{background:var(--teal)}.rows article:nth-child(3)>span{background:#6759ff}.rows h3{margin:0;font-size:40px}.rows small{color:var(--blue);font-size:10px}.rows article:nth-child(2) small{color:var(--teal)}.rows article:nth-child(3) small{color:#6759ff}.rows p{margin:0;color:var(--muted)}.flow{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:stretch}.flow article{min-height:250px;padding:28px;border:1px solid var(--line-light);border-radius:var(--radius);background:rgba(255,255,255,.04)}.flow .feature{background:linear-gradient(145deg,rgba(18,97,255,.25),rgba(22,182,199,.08))}.flow span{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--line-light);border-radius:50%;font:400 11px/1 var(--impact);color:#78ccff}.flow h3{margin:42px 0 12px;font-size:32px}.flow p{color:#aebbd0}.flow i{display:grid;place-items:center;color:#66c0ff;font-style:normal;font-size:26px}.disclosure,.note{margin-top:34px;padding:22px;border:1px solid var(--line-light);border-radius:18px;color:#b8c4d5;background:rgba(255,255,255,.035)}.company{background:#f4f1e9}.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.facts div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:20px 22px 20px 0;border-bottom:1px solid var(--line)}.facts div:nth-child(odd){border-right:1px solid var(--line);padding-right:28px}.facts div:nth-child(even){padding-left:28px}.facts span{color:var(--muted);font-size:11px}.facts strong{font-weight:400}.note{border-color:var(--line);background:#fff;color:var(--muted)}.mission{background:linear-gradient(135deg,#faf8f2,#f2f4f3)}.mission-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}.mission p{color:var(--muted);font-size:17px}.mission aside{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.72);box-shadow:0 25px 70px rgba(6,23,47,.1)}.mission aside small{font:400 10px/1 var(--impact);letter-spacing:.1em;color:var(--teal)}.mission aside blockquote{margin:22px 0 28px;font-size:30px;line-height:1.18}.mission aside strong{display:block;font:400 22px/1.2 var(--hero)}.mission aside span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.contact{color:#fff;background:var(--ink)}.contact-grid{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;padding:54px;border:1px solid var(--line-light);border-radius:30px;background:linear-gradient(120deg,rgba(18,97,255,.15),rgba(0,139,123,.1))}.contact p{color:#aebbd0}.contact-grid>div:last-child{display:grid;gap:8px}.contact-grid>div:last-child a{font:400 clamp(24px,3vw,38px)/1.2 var(--hero)}.contact-grid>div:last-child span{color:#aebbd0}footer{padding:40px 0;color:#718097;background:#031126}.footer-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:end}.footer-grid strong{display:block;color:#fff;font:400 24px/1 var(--hero)}.footer-grid span{display:block;margin-top:8px;font:400 10px/1 var(--impact);letter-spacing:.1em}.footer-grid p{margin:0;text-align:right;font-size:10px}.footer-grid a{color:#c8d8eb}@media(max-width:920px){.nav nav{position:fixed;inset:78px 18px auto;display:none;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(247,245,239,.98);box-shadow:0 24px 60px rgba(6,23,47,.12)}.nav nav.open{display:grid}.nav-cta{display:none}.menu{display:block}.gate-stage{grid-template-columns:1fr;gap:14px}.node{transform:rotate(90deg)}.section-head,.mission-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.cards.three{grid-template-columns:1fr}.rows article{grid-template-columns:64px 1fr}.rows article p{grid-column:2}.flow{grid-template-columns:1fr;gap:12px}.flow i{transform:rotate(90deg)}.facts{grid-template-columns:1fr}.facts div,.facts div:nth-child(odd),.facts div:nth-child(even){border-right:0;padding:18px 0}.footer-grid p{text-align:left}}@media(max-width:680px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.hero{padding-top:120px}.hero h1{font-size:clamp(54px,17vw,80px)}.section{padding:80px 0}.section-head{gap:24px}.rows article{padding:22px}.facts div{grid-template-columns:1fr;gap:6px}.contact-grid{padding:30px 24px}}
:root{--glass:rgba(255,255,255,.50);--glass-line:rgba(255,255,255,.72);--glass-shadow:0 30px 90px rgba(17,54,93,.13),inset 0 1px 0 rgba(255,255,255,.82),inset 0 -1px 0 rgba(255,255,255,.18)}body.modal-open{overflow:hidden}.header{inset:14px 0 auto;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none}.glass-nav{min-height:70px;padding:0 18px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:rgba(248,247,243,.56);backdrop-filter:blur(24px) saturate(138%);-webkit-backdrop-filter:blur(24px) saturate(138%);box-shadow:0 14px 44px rgba(6,23,47,.09),inset 0 1px 0 rgba(255,255,255,.92);pointer-events:auto;transition:background .25s,box-shadow .25s,border-color .25s}.header.scrolled .glass-nav{background:rgba(248,247,243,.78);border-color:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(6,23,47,.12),inset 0 1px 0 rgba(255,255,255,.95)}.mark{border-radius:13px;background:linear-gradient(145deg,#0a2345,#031126);box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 10px 28px rgba(6,23,47,.16)}.nav-cta,.button{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 28px rgba(6,23,47,.14)}.nav-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 17px 35px rgba(6,23,47,.2)}.button.secondary{background:rgba(255,255,255,.43);color:var(--ink);border-color:rgba(255,255,255,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 24px rgba(6,23,47,.07)}.hero{position:relative;padding:145px 0 95px;overflow:hidden;background:linear-gradient(115deg,#f8f6f0 0%,#eef4fc 44%,#f8f5ee 72%,#eaf6f2 100%)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(6,23,47,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,23,47,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 92%)}.hero::after{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 18% 22%,rgba(78,151,255,.15),transparent 22%),radial-gradient(circle at 83% 34%,rgba(255,255,255,.78),transparent 22%),radial-gradient(circle at 75% 72%,rgba(52,190,176,.11),transparent 24%);filter:blur(12px);pointer-events:none}.liquid-orb{position:absolute;z-index:0;border:1px solid rgba(255,255,255,.8);background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(138,196,255,.10) 48%,rgba(255,255,255,.24));box-shadow:inset 18px 18px 36px rgba(255,255,255,.55),inset -16px -16px 36px rgba(71,137,207,.08),0 40px 90px rgba(45,100,160,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:.8;pointer-events:none;animation:floatGlass 18s ease-in-out infinite}.orb-a{width:310px;height:240px;left:-115px;top:31%;border-radius:60% 40% 52% 48%/44% 52% 48% 56%;transform:rotate(19deg)}.orb-b{width:260px;height:320px;right:-88px;top:20%;border-radius:43% 57% 52% 48%/58% 38% 62% 42%;animation-delay:-6s}.orb-c{width:170px;height:145px;right:13%;bottom:10%;border-radius:50%;animation-delay:-11s;opacity:.58}.hero-inner{position:relative;z-index:2}.hero-glass{position:relative;max-width:1040px;margin:0 auto;padding:clamp(44px,6vw,72px) clamp(24px,6vw,72px);overflow:hidden;border:1px solid var(--glass-line);border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.60),rgba(255,255,255,.34));backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%);box-shadow:var(--glass-shadow)}.hero-glass::before{content:"";position:absolute;left:7%;right:7%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)}.hero-glass::after{content:"";position:absolute;width:44%;height:70%;right:-18%;top:-26%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 65%);filter:blur(20px);pointer-events:none}.hero-glass h1{position:relative;font-size:clamp(58px,8.2vw,118px);line-height:.82}.hero-principle{max-width:810px;margin:28px auto 0;font:400 clamp(20px,2.4vw,31px)/1.08 var(--hero);letter-spacing:-.015em;color:var(--ink)}.hero-glass .lede{margin-top:22px}.hero-glass .sub{font-size:14px}.film-button{gap:9px}.play-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(18,97,255,.10);color:var(--blue);font-size:8px}.public-badge{background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.64)}.gate-stage{margin-top:44px}.gate-card{position:relative;min-height:245px;border-radius:30px;background:linear-gradient(145deg,rgba(17,44,81,.94),rgba(3,17,38,.90));border-color:rgba(153,210,255,.26);box-shadow:0 24px 58px rgba(6,23,47,.15),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.gate-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 33%);pointer-events:none}.node{box-shadow:0 10px 28px rgba(18,97,255,.24)}.boundary-axiom{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:center;margin-top:44px;padding:24px 28px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.045);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.boundary-axiom span{font:400 15px/1.2 var(--impact);letter-spacing:.08em;color:#78ccff}.boundary-axiom strong{font:400 clamp(22px,2.7vw,34px)/1.15 var(--hero)}.rows article{border-color:rgba(6,23,47,.10);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.46));box-shadow:0 18px 50px rgba(6,23,47,.055),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.architecture-axiom{max-width:940px;margin:0 auto 90px;text-align:center}.architecture-axiom h2{margin:0 auto 20px;max-width:900px;font-size:clamp(44px,6.2vw,78px);line-height:.96;letter-spacing:-.035em}.architecture-axiom>p:last-child{max-width:720px;margin:0 auto;color:#9fc4eb;font:400 clamp(20px,2.4vw,30px)/1.15 var(--hero)}.architecture-head{margin-bottom:48px}.company{position:relative;overflow:hidden;background:linear-gradient(145deg,#f5f2ea,#eef4fa 58%,#f5f3ec)}.company::before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(105,170,245,.16),transparent 67%);filter:blur(8px)}.company .wrap{position:relative}.glass-facts{border:1px solid rgba(255,255,255,.68);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 22px 62px rgba(6,23,47,.07),inset 0 1px 0 rgba(255,255,255,.88)}.glass-facts div{padding:22px}.mission aside{border-color:rgba(255,255,255,.82);border-radius:30px;background:rgba(255,255,255,.55);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);box-shadow:var(--glass-shadow)}.coexistence-line{margin-top:30px;padding:18px 20px;border-left:2px solid var(--teal);background:rgba(255,255,255,.42);color:#42556f}.coexistence-line strong{color:var(--ink);font-weight:400}.contact-grid{border-radius:34px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 70px rgba(0,0,0,.15)}.film-modal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.film-modal.open{opacity:1;visibility:visible}.film-scrim{position:absolute;inset:0;border:0;background:rgba(3,17,38,.74);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:default}.film-ambient{position:absolute;inset:-80px;background:radial-gradient(circle at 24% 28%,rgba(42,121,255,.44),transparent 30%),radial-gradient(circle at 74% 44%,rgba(45,202,195,.26),transparent 28%),radial-gradient(circle at 58% 82%,rgba(255,255,255,.16),transparent 24%),#031126;filter:blur(48px) saturate(125%);opacity:.86;transform:scale(1.12)}.film-shell{position:relative;z-index:2;width:min(1040px,100%);max-height:min(900px,calc(100svh - 48px));display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;align-items:center;padding:30px;border:1px solid rgba(255,255,255,.30);border-radius:36px;background:linear-gradient(145deg,rgba(247,250,255,.20),rgba(255,255,255,.10));backdrop-filter:blur(30px) saturate(130%);-webkit-backdrop-filter:blur(30px) saturate(130%);box-shadow:0 50px 130px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.34);overflow:auto}.film-close{position:absolute;right:20px;top:20px;z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(3,17,38,.34);color:#fff;font-size:24px;cursor:pointer;backdrop-filter:blur(12px)}.film-copy{padding:18px;color:#fff}.film-copy .eyebrow{color:#8dcfff}.film-copy h2{margin:0 0 24px;font-size:clamp(44px,5vw,68px);line-height:.96}.film-copy blockquote{margin:0 0 22px;font-size:clamp(26px,3vw,38px);line-height:1.08;color:#dceaff}.film-copy>p:last-child{color:#b9c6d8}.film-frame{justify-self:center;position:relative;width:min(390px,100%);padding:10px;border-radius:30px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);box-shadow:0 26px 65px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.34)}.film-frame video{display:block;width:100%;max-height:74svh;aspect-ratio:9/16;object-fit:contain;border-radius:22px;background:#020914}.film-loader{position:absolute;inset:10px;z-index:2;display:grid;place-items:center;align-content:center;gap:12px;border-radius:22px;background:linear-gradient(155deg,#0a2345,#031126 72%);color:#fff;transition:opacity .28s ease,visibility .28s ease}.film-loader span{width:66px;height:66px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:20px;font:400 44px/1 var(--hero);background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.film-loader small{font:400 10px/1 var(--impact);letter-spacing:.12em;text-transform:uppercase;color:#9fd5ff}.film-loader.ready{opacity:0;visibility:hidden}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}[data-reveal].visible{opacity:1;transform:none}@keyframes floatGlass{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-14px,0) rotate(3deg)}}@media(max-width:920px){.header{inset:10px 0 auto}.glass-nav{min-height:64px;border-radius:24px}.nav nav{top:84px;background:rgba(247,245,239,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.hero{padding-top:115px}.hero-glass{border-radius:32px}.boundary-axiom{grid-template-columns:1fr}.glass-facts{grid-template-columns:1fr}.film-shell{grid-template-columns:1fr;max-height:calc(100svh - 28px);padding:22px}.film-copy{padding:8px 8px 0}.film-copy h2{padding-right:48px}.film-frame{width:min(330px,100%)}}@media(max-width:680px){.hero{padding-top:104px}.hero-glass{padding:40px 18px 34px;border-radius:28px}.hero-glass h1{font-size:clamp(50px,16vw,76px)}.hero-principle{font-size:22px}.liquid-orb{opacity:.5}.orb-a{left:-180px}.orb-b{right:-160px}.film-modal{padding:12px}.film-copy blockquote{font-size:25px}.film-frame video{max-height:60svh}}@media(prefers-reduced-motion:reduce){.liquid-orb{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}}
/* Liquid Glass V2 — intentionally concentrated in the hero and interaction surfaces. */
:root{--liquid-edge:rgba(255,255,255,.86);--liquid-blue:rgba(93,165,255,.22);--liquid-cyan:rgba(81,224,222,.13);--liquid-shadow:0 42px 110px rgba(32,83,143,.14),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(126,183,236,.16)}
.hero{background:linear-gradient(118deg,#f9f7f1 0%,#edf4fd 38%,#fbf8f2 68%,#eaf7f3 100%)}
.hero::after{inset:-18%;background:radial-gradient(ellipse at 12% 30%,rgba(86,156,255,.20),transparent 24%),radial-gradient(ellipse at 86% 22%,rgba(255,255,255,.88),transparent 19%),radial-gradient(ellipse at 76% 76%,rgba(58,204,191,.14),transparent 22%),radial-gradient(ellipse at 42% 90%,rgba(138,192,255,.12),transparent 24%);filter:blur(18px) saturate(122%);animation:ambientDrift 20s ease-in-out infinite alternate}
.liquid-orb{border:1px solid rgba(255,255,255,.92);background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(126,191,255,.13) 42%,rgba(255,255,255,.30) 70%,rgba(98,214,211,.10));box-shadow:inset 22px 20px 44px rgba(255,255,255,.68),inset -22px -24px 42px rgba(87,144,205,.10),0 46px 100px rgba(54,111,176,.10),0 0 0 1px rgba(111,179,255,.05);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);filter:saturate(118%);opacity:.88}
.orb-a{animation:liquidMorphA 17s ease-in-out infinite}
.orb-b{animation:liquidMorphB 19s ease-in-out infinite -5s}
.orb-c{animation:liquidMorphC 15s ease-in-out infinite -9s;opacity:.68}
.hero-glass{isolation:isolate;border-color:var(--liquid-edge);background:linear-gradient(145deg,rgba(255,255,255,.50),rgba(255,255,255,.24) 48%,rgba(223,239,255,.22));backdrop-filter:blur(34px) saturate(146%);-webkit-backdrop-filter:blur(34px) saturate(146%);box-shadow:var(--liquid-shadow),0 0 48px rgba(129,196,255,.08)}
.hero-glass>*{position:relative;z-index:2}
.hero-glass::before{content:"";position:absolute;z-index:1;width:38%;height:190%;left:-55%;top:-46%;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 20%,rgba(255,255,255,.70) 50%,rgba(176,222,255,.20) 67%,transparent 100%);filter:blur(9px);transform:rotate(16deg);mix-blend-mode:screen;opacity:.62;animation:liquidSweep 10.5s cubic-bezier(.45,0,.28,1) infinite}
.hero-glass::after{content:"";position:absolute;z-index:1;width:58%;height:82%;right:-26%;top:-30%;border-radius:45% 55% 42% 58%/55% 42% 58% 45%;background:radial-gradient(circle at 38% 40%,rgba(255,255,255,.78),rgba(168,215,255,.17) 28%,rgba(255,255,255,.03) 61%,transparent 72%);filter:blur(18px) saturate(132%);opacity:.72;animation:glassCaustic 16s ease-in-out infinite alternate}
.glass-nav{position:relative;overflow:hidden;border-color:rgba(255,255,255,.86);background:linear-gradient(115deg,rgba(255,255,255,.64),rgba(245,249,255,.43) 50%,rgba(255,255,255,.55));backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:0 18px 58px rgba(32,76,127,.10),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(110,167,223,.10)}
.glass-nav::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 8%,rgba(255,255,255,.22) 30%,transparent 52%);transform:translateX(-55%);opacity:.65;animation:navLiquid 15s ease-in-out infinite}
.glass-nav>*{position:relative;z-index:1}
.button,.nav-cta{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.button::before,.nav-cta::before{content:"";position:absolute;inset:-45% auto -45% -65%;width:42%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),rgba(169,221,255,.16),transparent);transform:rotate(14deg);transition:left .72s cubic-bezier(.2,.8,.2,1)}
.button:hover::before,.nav-cta:hover::before{left:128%}
.button:hover,.nav-cta:hover{transform:translateY(-2px) scale(1.012)}
.button.secondary{background:linear-gradient(145deg,rgba(255,255,255,.53),rgba(238,247,255,.30));border-color:rgba(255,255,255,.92);box-shadow:0 13px 34px rgba(26,79,137,.10),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(103,169,232,.14)}
.gate-card{box-shadow:0 30px 72px rgba(6,23,47,.18),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(104,181,255,.08)}
.gate-card::before{content:"";position:absolute;left:-36%;top:-55%;width:62%;height:170%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);filter:blur(9px);transform:rotate(18deg);pointer-events:none;transition:left .9s ease}
.gate-card:hover::before{left:92%}
.rows article,.glass-facts,.mission aside{box-shadow:0 24px 70px rgba(33,79,129,.07),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(104,168,226,.08)}
.film-shell{border-color:rgba(255,255,255,.42);background:linear-gradient(145deg,rgba(240,248,255,.23),rgba(255,255,255,.10));box-shadow:0 58px 150px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.50),inset 0 -1px 0 rgba(132,204,255,.11)}
.film-frame{border-color:rgba(255,255,255,.48);background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(165,209,255,.07));box-shadow:0 34px 84px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.50)}
@keyframes liquidSweep{0%,14%{left:-58%;opacity:0}28%{opacity:.68}52%{left:122%;opacity:.52}66%,100%{left:122%;opacity:0}}
@keyframes glassCaustic{0%{transform:translate3d(-2%,0,0) rotate(-2deg) scale(.96);border-radius:45% 55% 42% 58%/55% 42% 58% 45%}50%{transform:translate3d(4%,4%,0) rotate(4deg) scale(1.04);border-radius:58% 42% 56% 44%/44% 60% 40% 56%}100%{transform:translate3d(0,8%,0) rotate(-1deg) scale(.99);border-radius:50% 50% 40% 60%/62% 44% 56% 38%}}
@keyframes ambientDrift{0%{transform:translate3d(-1%,0,0) scale(1)}100%{transform:translate3d(2%,1.5%,0) scale(1.035)}}
@keyframes navLiquid{0%,20%{transform:translateX(-72%);opacity:0}35%{opacity:.52}55%{transform:translateX(72%);opacity:.25}70%,100%{transform:translateX(72%);opacity:0}}
@keyframes liquidMorphA{0%,100%{transform:translate3d(0,0,0) rotate(12deg);border-radius:61% 39% 55% 45%/43% 55% 45% 57%}35%{transform:translate3d(12px,-18px,0) rotate(17deg);border-radius:47% 53% 41% 59%/58% 40% 60% 42%}68%{transform:translate3d(-8px,9px,0) rotate(7deg);border-radius:55% 45% 63% 37%/47% 61% 39% 53%}}
@keyframes liquidMorphB{0%,100%{transform:translate3d(0,0,0) rotate(-7deg);border-radius:44% 56% 51% 49%/59% 38% 62% 41%}40%{transform:translate3d(-15px,13px,0) rotate(-2deg);border-radius:58% 42% 62% 38%/45% 57% 43% 55%}72%{transform:translate3d(9px,-14px,0) rotate(-11deg);border-radius:48% 52% 39% 61%/62% 44% 56% 38%}}
@keyframes liquidMorphC{0%,100%{transform:translate3d(0,0,0) scale(1);border-radius:50%}45%{transform:translate3d(12px,-16px,0) scale(1.08);border-radius:58% 42% 48% 52%/45% 57% 43% 55%}75%{transform:translate3d(-8px,7px,0) scale(.96);border-radius:43% 57% 59% 41%/56% 44% 52% 48%}}
@media(max-width:680px){.hero-glass::before{opacity:.42}.liquid-orb{opacity:.56}.glass-nav::before{display:none}}
@media(prefers-reduced-motion:reduce){.hero::after,.hero-glass::before,.hero-glass::after,.glass-nav::before,.liquid-orb{animation:none!important}.button::before,.nav-cta::before{display:none}}

/* WisdomLink technical-search layer — public, restrained, disclosure-safe. */
.tech-body{min-height:100vh;background:radial-gradient(circle at 10% 8%,rgba(18,97,255,.12),transparent 26%),radial-gradient(circle at 86% 12%,rgba(0,139,123,.10),transparent 28%),linear-gradient(135deg,#f8f6f0,#f2f3f1 64%,#eef3f8);color:var(--ink)}
.tech-nav{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.86);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);border-bottom:1px solid var(--line);padding:14px 20px}.tech-nav .inner{width:min(calc(100% - 20px),var(--wrap));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.tech-nav .home{font:400 22px/1 var(--hero)}.tech-nav .trail{display:flex;gap:16px;flex-wrap:wrap;font:400 9px/1 var(--impact);letter-spacing:.1em;text-transform:uppercase;color:#53647b}.tech-nav a:hover{color:var(--blue)}
.tech-main{width:min(calc(100% - 40px),var(--wrap));margin:auto;padding:70px 0 110px}.crumb{font:400 10px/1 var(--impact);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:24px}.tech-hero{padding:clamp(38px,6vw,74px);border-radius:30px;border:1px solid rgba(255,255,255,.76);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(246,248,250,.48));box-shadow:0 35px 90px rgba(6,23,47,.10),inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.tech-kicker{font:400 10px/1 var(--impact);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0 0 18px}.tech-hero h1{margin:0;font:400 clamp(52px,8vw,106px)/.9 var(--hero);letter-spacing:-.04em;text-transform:none}.tech-hero h1 em{font-style:normal;color:var(--blue)}.tech-lead{max-width:880px;margin:28px 0 0;font:400 clamp(20px,2vw,24px)/1.6 var(--body);color:#2c4260}.tech-def{max-width:900px;margin:18px 0 0;color:#56677d;font-size:16px;line-height:1.75}
.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.tech-card{padding:34px;border:1px solid rgba(6,23,47,.09);border-radius:24px;background:rgba(255,255,255,.68);box-shadow:0 18px 50px rgba(6,23,47,.065),inset 0 1px 0 #fff}.tech-card h2,.tech-card h3{font-family:var(--hero);font-weight:400;margin:0 0 14px}.tech-card h2{font-size:36px}.tech-card h3{font-size:29px}.tech-card p,.tech-card li{color:#607086;font-size:15px;line-height:1.72}.tech-card ul{padding-left:20px;margin-bottom:0}.tech-wide{margin-top:16px}.tech-wide .tech-card{padding:42px}.tech-wide blockquote{margin:18px 0 0;font:400 clamp(28px,4vw,48px)/1.12 var(--hero);color:#173b72}.tech-wide blockquote em{font-style:normal;color:var(--blue)}
.tech-links,.seo-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tech-links a,.seo-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1px solid rgba(6,23,47,.13);border-radius:999px;background:rgba(255,255,255,.68);font:400 9px/1 var(--impact);letter-spacing:.08em;text-transform:uppercase;color:#25415f}.seo-links a{background:rgba(255,255,255,.58)}.dark .seo-links a,.navy .seo-links a{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#bfe2ff}.tech-links a:hover,.seo-links a:hover{transform:translateY(-1px);border-color:rgba(18,97,255,.35);color:var(--blue)}
.tech-disclosure{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:#6b7a8d;font-size:12px;line-height:1.65}.tech-contact{margin-top:28px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:24px;background:linear-gradient(135deg,#0b274d,#06172f);color:#fff}.tech-contact strong{font:400 25px/1.2 var(--hero)}.tech-contact a{font:400 10px/1 var(--impact);letter-spacing:.09em;text-transform:uppercase;color:#8bd9ff}
.watch-card{max-width:1120px;margin:auto;padding:18px;border-radius:30px;border:1px solid rgba(112,190,255,.26);background:linear-gradient(145deg,#0c2a51,#041327 72%);box-shadow:0 36px 100px rgba(6,23,47,.24)}.watch-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#020912;border-radius:22px}.watch-meta{max-width:900px;margin:28px auto 0;text-align:center}.watch-meta h1{font:400 clamp(44px,6vw,80px)/.94 var(--hero);margin:0}.watch-meta p{color:#607086;line-height:1.7}.watch-meta .axiom{font:400 clamp(24px,3vw,38px)/1.2 var(--hero);color:#173b72}
@media(max-width:760px){.tech-nav .trail{display:none}.tech-main{width:min(calc(100% - 28px),var(--wrap));padding-top:42px}.tech-grid{grid-template-columns:1fr}.tech-hero{border-radius:24px;padding:34px 26px}.tech-contact{align-items:flex-start;flex-direction:column}.watch-card{padding:10px;border-radius:22px}.watch-card video{border-radius:16px}}


/* Visual storytelling layer for technical pages. */
.tech-visual{margin:24px 0 0;padding:16px;border:1px solid rgba(6,23,47,.10);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 22px 64px rgba(6,23,47,.075),inset 0 1px 0 #fff;overflow:hidden}
.tech-visual img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;border-radius:18px;background:#f5f7fa}
.tech-visual figcaption{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:16px 6px 4px;color:#607086;font-size:12px;line-height:1.6}
.tech-visual figcaption strong{font:400 20px/1.2 var(--hero);color:var(--ink)}
.tech-visual-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.tech-visual-pair .tech-visual{margin:0}
.tech-film{margin-top:24px;padding:18px;border-radius:28px;border:1px solid rgba(18,97,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(239,244,250,.62));box-shadow:0 28px 80px rgba(6,23,47,.09)}
.tech-film-inner{display:grid;grid-template-columns:minmax(240px,.72fr) 1.28fr;gap:28px;align-items:center}
.tech-film video{display:block;width:100%;max-height:720px;aspect-ratio:9/16;object-fit:contain;border-radius:22px;background:#020912}
.tech-film-copy{padding:12px 20px 12px 4px}
.tech-film-copy small{font:400 10px/1 var(--impact);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.tech-film-copy h2{margin:14px 0 14px;font:400 clamp(38px,5vw,68px)/.95 var(--hero);letter-spacing:-.035em}
.tech-film-copy p{color:#607086}
.tech-film-copy .button{margin-top:12px}
.tech-axiom-strip{margin-top:24px;padding:24px 28px;border-radius:22px;background:var(--ink);color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:center}
.tech-axiom-strip span{font:400 10px/1 var(--impact);letter-spacing:.12em;text-transform:uppercase;color:#8bd9ff}
.tech-axiom-strip strong{font:400 clamp(24px,3vw,38px)/1.14 var(--hero)}
.media-shelf{padding:90px 0;background:linear-gradient(180deg,#f7f5ef,#edf3f8)}
.media-shelf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.media-tile{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;padding:18px;border:1px solid rgba(6,23,47,.10);border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 24px 70px rgba(6,23,47,.08)}
.media-tile img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px;background:#e9eef4}
.media-tile small{font:400 9px/1 var(--impact);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.media-tile h3{margin:10px 0 10px;font:400 32px/1 var(--hero)}
.media-tile p{margin:0;color:#607086;font-size:14px}
.media-tile button{margin-top:16px}

@media(max-width:760px){.tech-visual-pair,.tech-film-inner,.tech-axiom-strip,.media-shelf-grid{grid-template-columns:1fr}.tech-visual figcaption{display:block}.tech-visual figcaption strong{display:block;margin-bottom:6px}.tech-film{padding:12px}.tech-film-copy{padding:12px 8px}.tech-film video{max-height:70svh}.media-tile{grid-template-columns:112px 1fr;gap:16px}.media-tile h3{font-size:25px}.media-shelf{padding:64px 0}}


/* Keep transparent product artwork at its intended display size. */
.tech-product-visual img{width:min(400px,100%);margin:20px auto;aspect-ratio:1/1;background:transparent}

/* Liquid Glass V3 — micro-refined, premium, and luminous without sacrificing legibility. */
:root{
  --v3-edge-hi:rgba(255,255,255,.98);
  --v3-edge-mid:rgba(185,222,255,.30);
  --v3-edge-low:rgba(75,148,222,.14);
  --v3-glow-blue:rgba(99,171,255,.20);
  --v3-glow-cyan:rgba(80,224,220,.12);
  --v3-shadow:0 46px 120px rgba(24,72,128,.16),0 10px 30px rgba(49,118,189,.07),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(111,183,242,.17);
}

/* HERO — layered liquid lens, brighter edge, subtler but richer caustics */
.hero{
  background:
    radial-gradient(ellipse at 12% 24%,rgba(115,180,255,.17),transparent 28%),
    radial-gradient(ellipse at 82% 18%,rgba(255,255,255,.92),transparent 20%),
    radial-gradient(ellipse at 78% 80%,rgba(74,214,198,.12),transparent 26%),
    linear-gradient(118deg,#faf8f3 0%,#edf5ff 39%,#fcfaf5 67%,#eaf7f4 100%);
}
.hero-glass{
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.22) 44%,rgba(220,239,255,.20)) padding-box,
    linear-gradient(120deg,var(--v3-edge-hi),rgba(193,229,255,.58) 28%,rgba(255,255,255,.94) 50%,var(--v3-edge-mid) 72%,rgba(255,255,255,.88)) border-box;
  box-shadow:var(--v3-shadow),0 0 58px rgba(139,202,255,.10);
  backdrop-filter:blur(36px) saturate(150%) contrast(102%);
  -webkit-backdrop-filter:blur(36px) saturate(150%) contrast(102%);
  animation:lensBreath 13s ease-in-out infinite alternate;
}
.hero-glass::before{
  width:44%;height:210%;top:-55%;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 18%,rgba(255,255,255,.76) 48%,rgba(168,219,255,.24) 64%,transparent 100%);
  filter:blur(8px);
  opacity:.72;
  animation:v3SpecularSweep 12.8s cubic-bezier(.42,0,.24,1) infinite;
}
.hero-glass::after{
  width:64%;height:96%;right:-28%;top:-36%;
  background:
    radial-gradient(circle at 35% 36%,rgba(255,255,255,.86),rgba(173,219,255,.21) 25%,rgba(119,199,255,.07) 43%,rgba(255,255,255,.02) 62%,transparent 74%);
  filter:blur(17px) saturate(138%);
  opacity:.78;
  animation:v3Caustic 17s ease-in-out infinite alternate;
}
.hero-glass h1{
  text-shadow:0 1px 0 rgba(255,255,255,.62),0 10px 28px rgba(44,95,156,.05);
}
.hero-principle{
  text-shadow:0 1px 0 rgba(255,255,255,.62);
}

/* LIQUID ORBS — slower shape morph with slightly clearer wet edge */
.liquid-orb{
  border-color:rgba(255,255,255,.98);
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.72),transparent 28%),
    linear-gradient(138deg,rgba(255,255,255,.62),rgba(132,198,255,.14) 42%,rgba(255,255,255,.27) 68%,rgba(88,221,211,.10));
  box-shadow:
    inset 24px 22px 48px rgba(255,255,255,.70),
    inset -24px -26px 46px rgba(74,137,205,.11),
    0 48px 110px rgba(42,103,170,.11),
    0 0 0 1px rgba(164,215,255,.08);
  filter:saturate(122%) contrast(101%);
}
.orb-a{animation:v3MorphA 19s ease-in-out infinite}
.orb-b{animation:v3MorphB 21s ease-in-out infinite -6s}
.orb-c{animation:v3MorphC 17s ease-in-out infinite -10s;opacity:.72}

/* NAV — thin floating lens with slow light drift */
.glass-nav{
  border:1px solid transparent;
  background:
    linear-gradient(115deg,rgba(255,255,255,.61),rgba(244,249,255,.41) 50%,rgba(255,255,255,.58)) padding-box,
    linear-gradient(112deg,rgba(255,255,255,1),rgba(178,220,255,.44) 32%,rgba(255,255,255,.96) 58%,rgba(171,219,255,.26)) border-box;
  box-shadow:0 19px 62px rgba(29,77,132,.11),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(98,164,225,.11);
}
.glass-nav::before{
  background:linear-gradient(104deg,transparent 4%,rgba(255,255,255,.06) 22%,rgba(255,255,255,.44) 34%,rgba(159,213,255,.12) 42%,transparent 58%);
  opacity:.72;
  animation:v3NavSweep 16s ease-in-out infinite;
}
.glass-nav::after{
  content:"";position:absolute;pointer-events:none;left:5%;right:5%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(142,202,255,.28),rgba(255,255,255,.95),rgba(142,202,255,.24),transparent);
  opacity:.78;animation:v3EdgePulse 8.5s ease-in-out infinite;
}

/* CTA — restrained liquid press and internal moving sheen */
.button,.nav-cta{
  isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(101,177,241,.10),0 13px 31px rgba(6,23,47,.14);
}
.button::before,.nav-cta::before{
  width:48%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),rgba(143,211,255,.18),transparent);
  filter:blur(1px);
}
.button::after,.nav-cta::after{
  content:"";position:absolute;z-index:-1;left:18%;right:18%;bottom:-52%;height:78%;border-radius:50%;
  background:radial-gradient(circle,rgba(111,188,255,.30),rgba(111,188,255,.08) 42%,transparent 70%);
  opacity:.28;transform:scale(.86);transition:opacity .35s ease,transform .35s ease,bottom .35s ease;
}
.button:hover,.nav-cta:hover{
  transform:translateY(-2px) scale(1.018);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(100,183,245,.13),0 18px 40px rgba(6,23,47,.18),0 0 28px rgba(102,180,255,.08);
}
.button:hover::after,.nav-cta:hover::after{opacity:.54;transform:scale(1.06);bottom:-44%}
.button:active,.nav-cta:active{transform:translateY(0) scale(.992)}
.button.secondary{
  background:
    linear-gradient(145deg,rgba(255,255,255,.56),rgba(237,247,255,.31)) padding-box,
    linear-gradient(120deg,rgba(255,255,255,1),rgba(172,218,255,.42),rgba(255,255,255,.92)) border-box;
  border:1px solid transparent;
  box-shadow:0 14px 36px rgba(25,76,133,.10),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(98,171,233,.14);
}
.play-dot{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 4px 14px rgba(18,97,255,.12);
  animation:v3PlayBreath 3.8s ease-in-out infinite;
}

/* FILM MODAL — unified deep liquid lens */
.film-ambient{
  animation:v3Ambient 18s ease-in-out infinite alternate;
}
.film-shell{
  isolation:isolate;
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(233,245,255,.22),rgba(255,255,255,.09)) padding-box,
    linear-gradient(125deg,rgba(255,255,255,.62),rgba(142,204,255,.23) 35%,rgba(255,255,255,.42) 58%,rgba(78,172,236,.16)) border-box;
  box-shadow:0 62px 160px rgba(0,0,0,.40),0 0 70px rgba(80,160,255,.08),inset 0 1px 0 rgba(255,255,255,.56),inset 0 -1px 0 rgba(113,198,255,.12);
  backdrop-filter:blur(34px) saturate(138%);
  -webkit-backdrop-filter:blur(34px) saturate(138%);
}
.film-shell::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;left:-18%;top:-52%;width:64%;height:210%;border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(255,255,255,.24),rgba(100,185,255,.08),transparent);
  filter:blur(15px);transform:rotate(17deg);opacity:.56;animation:v3ModalSweep 14s ease-in-out infinite;
}
.film-shell::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;right:-16%;bottom:-35%;width:52%;height:70%;border-radius:50%;
  background:radial-gradient(circle,rgba(66,171,255,.18),rgba(37,203,197,.08) 42%,transparent 72%);
  filter:blur(20px);animation:v3ModalCaustic 13s ease-in-out infinite alternate;
}
.film-frame{
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(255,255,255,.18),rgba(149,203,255,.07)) padding-box,
    linear-gradient(125deg,rgba(255,255,255,.68),rgba(132,204,255,.27),rgba(255,255,255,.46)) border-box;
  box-shadow:0 36px 90px rgba(0,0,0,.30),0 0 38px rgba(89,172,255,.08),inset 0 1px 0 rgba(255,255,255,.56),inset 0 -1px 0 rgba(89,178,239,.12);
}
.film-close{
  border-color:rgba(255,255,255,.42);
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(5,24,49,.26));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 10px 28px rgba(0,0,0,.18);
  transition:transform .28s ease,background .28s ease,box-shadow .28s ease;
}
.film-close:hover{transform:scale(1.06);background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(8,34,67,.32));box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 14px 34px rgba(0,0,0,.22)}

@keyframes lensBreath{0%{box-shadow:var(--v3-shadow),0 0 46px rgba(135,200,255,.07)}100%{box-shadow:0 50px 128px rgba(24,72,128,.17),0 12px 36px rgba(49,118,189,.08),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(111,183,242,.18),0 0 66px rgba(135,200,255,.12)}}
@keyframes v3SpecularSweep{0%,16%{left:-62%;opacity:0}28%{opacity:.76}54%{left:120%;opacity:.58}68%,100%{left:120%;opacity:0}}
@keyframes v3Caustic{0%{transform:translate3d(-2%,0,0) rotate(-2deg) scale(.96);border-radius:46% 54% 43% 57%/55% 43% 57% 45%}50%{transform:translate3d(4%,5%,0) rotate(4deg) scale(1.05);border-radius:59% 41% 56% 44%/43% 60% 40% 57%}100%{transform:translate3d(1%,8%,0) rotate(-1deg) scale(.99);border-radius:50% 50% 41% 59%/62% 45% 55% 38%}}
@keyframes v3MorphA{0%,100%{transform:translate3d(0,0,0) rotate(12deg);border-radius:61% 39% 55% 45%/43% 55% 45% 57%}33%{transform:translate3d(14px,-17px,0) rotate(18deg);border-radius:46% 54% 42% 58%/58% 39% 61% 42%}67%{transform:translate3d(-9px,11px,0) rotate(7deg);border-radius:56% 44% 64% 36%/46% 62% 38% 54%}}
@keyframes v3MorphB{0%,100%{transform:translate3d(0,0,0) rotate(-7deg);border-radius:44% 56% 51% 49%/59% 38% 62% 41%}38%{transform:translate3d(-17px,13px,0) rotate(-1deg);border-radius:59% 41% 62% 38%/44% 58% 42% 56%}72%{transform:translate3d(10px,-15px,0) rotate(-11deg);border-radius:47% 53% 39% 61%/63% 43% 57% 37%}}
@keyframes v3MorphC{0%,100%{transform:translate3d(0,0,0) scale(1);border-radius:50%}45%{transform:translate3d(13px,-17px,0) scale(1.09);border-radius:59% 41% 47% 53%/44% 58% 42% 56%}75%{transform:translate3d(-9px,8px,0) scale(.96);border-radius:42% 58% 60% 40%/57% 43% 53% 47%}}
@keyframes v3NavSweep{0%,20%{transform:translateX(-76%);opacity:0}34%{opacity:.58}54%{transform:translateX(75%);opacity:.30}69%,100%{transform:translateX(75%);opacity:0}}
@keyframes v3EdgePulse{0%,100%{opacity:.42;transform:scaleX(.88)}50%{opacity:.86;transform:scaleX(1.04)}}
@keyframes v3PlayBreath{0%,100%{transform:scale(1);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 4px 14px rgba(18,97,255,.12)}50%{transform:scale(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 6px 20px rgba(18,97,255,.20)}}
@keyframes v3Ambient{0%{transform:scale(1.12) translate3d(-1%,0,0)}100%{transform:scale(1.16) translate3d(1.5%,1%,0)}}
@keyframes v3ModalSweep{0%,18%{left:-24%;opacity:0}34%{opacity:.56}56%{left:84%;opacity:.34}72%,100%{left:84%;opacity:0}}
@keyframes v3ModalCaustic{0%{transform:translate3d(-2%,0,0) scale(.96)}100%{transform:translate3d(4%,-5%,0) scale(1.08)}}

@media(max-width:680px){
  .hero-glass{animation:none}
  .hero-glass::before{opacity:.48}
  .glass-nav::after{opacity:.50}
  .button::after,.nav-cta::after{display:none}
  .film-shell::before,.film-shell::after{opacity:.40}
}
@media(prefers-reduced-motion:reduce){
  .hero-glass,.hero-glass::before,.hero-glass::after,.liquid-orb,.glass-nav::before,.glass-nav::after,.play-dot,.film-ambient,.film-shell::before,.film-shell::after{animation:none!important}
  .button,.nav-cta,.film-close{transition:none!important}
}



/* Liquid Glass V4 — edge-cleaned, scroll-free film modal, unified interaction surfaces. */
:root{
  --v4-edge:rgba(255,255,255,.96);
  --v4-blue-edge:rgba(166,215,255,.34);
  --v4-soft-shadow:0 38px 96px rgba(28,77,133,.12),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(102,171,231,.14);
}

/* HERO — reduce side haze, keep liquid detail concentrated at the lens. */
.hero::after{
  opacity:.62;
  filter:blur(10px) saturate(118%);
}
.orb-a{left:-190px;opacity:.58;filter:saturate(112%)}
.orb-b{right:-175px;opacity:.55;filter:saturate(112%)}
.orb-c{right:11%;opacity:.44;filter:saturate(110%)}
.hero-glass{
  box-shadow:var(--v4-soft-shadow),0 0 38px rgba(121,190,248,.07);
}
.hero-glass::after{
  opacity:.56;
  filter:blur(13px) saturate(128%);
}

/* Sharper meniscus-style perimeter instead of broad glow. */
.hero-glass{
  outline:1px solid rgba(255,255,255,.24);
  outline-offset:-3px;
}
.glass-nav{
  border-color:rgba(255,255,255,.92);
  box-shadow:0 14px 42px rgba(31,74,123,.09),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(113,179,232,.12);
}
.glass-nav::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(184,221,255,.20);
  pointer-events:none;
}

/* Unified liquid buttons — detailed at the edge, not blurred around the button. */
.button,.nav-cta{
  border-color:rgba(255,255,255,.26);
  box-shadow:0 10px 28px rgba(12,52,98,.13),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(70,132,195,.16);
}
.button.secondary{
  border-color:rgba(255,255,255,.95);
  box-shadow:0 10px 28px rgba(31,85,143,.08),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(106,177,236,.14);
}
.button:active,.nav-cta:active{transform:translateY(0) scale(.992)}

/* FILM MODAL — one complete cinematic frame, no inner scrollbars. */
.film-modal{overflow:hidden;overscroll-behavior:none}
.film-shell{
  width:min(1160px,calc(100vw - 48px));
  height:min(850px,calc(100svh - 36px));
  max-height:calc(100svh - 36px);
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  align-items:center;
  box-sizing:border-box;
  overflow:hidden;
  overscroll-behavior:none;
  border-color:rgba(255,255,255,.50);
  box-shadow:0 50px 130px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(118,194,250,.12);
}
.film-shell::before{
  content:"";
  position:absolute;
  z-index:1;
  left:-34%;
  top:-52%;
  width:34%;
  height:190%;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),rgba(169,219,255,.12),transparent);
  filter:blur(10px);
  transform:rotate(14deg);
  opacity:.34;
  pointer-events:none;
  animation:modalSpecular 18s ease-in-out infinite;
}
/* Keep only real content in the grid. The close control must stay absolutely positioned. */
.film-shell>.film-copy,.film-shell>.film-frame{position:relative;z-index:2}
.film-copy{
  min-width:0;
  overflow:visible;
  align-self:center;
}
.film-frame{
  min-width:0;
  width:auto;
  height:min(74svh,730px);
  max-width:100%;
  aspect-ratio:9/16;
  overflow:hidden;
  justify-self:center;
  border-color:rgba(255,255,255,.58);
  box-shadow:0 28px 70px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(111,188,245,.12);
}
.film-frame video{
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:9/16;
  object-fit:contain;
  overflow:hidden;
}
.film-close{
  position:absolute!important;
  right:20px!important;
  top:20px!important;
  left:auto!important;
  z-index:5!important;
  border-color:rgba(255,255,255,.54);
  background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(170,211,248,.10));
  box-shadow:0 12px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.70),inset 0 -1px 0 rgba(111,188,245,.12);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}

@keyframes modalSpecular{
  0%,24%{left:-38%;opacity:0}
  34%{opacity:.34}
  55%{left:116%;opacity:.24}
  66%,100%{left:116%;opacity:0}
}

@media(max-width:920px){
  .orb-a{left:-220px}.orb-b{right:-205px}.orb-c{opacity:.34}
  .film-shell{
    width:calc(100vw - 20px);
    height:calc(100svh - 20px);
    max-height:calc(100svh - 20px);
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    padding:18px;
    gap:16px;
  }
  .film-copy{padding:8px}
  .film-copy h2{font-size:clamp(34px,5.5vw,50px);margin-bottom:16px}
  .film-copy blockquote{font-size:clamp(22px,3.8vw,30px);margin-bottom:14px}
  .film-frame{height:min(76svh,680px)}
}

@media(max-width:680px){
  .hero::after{opacity:.50;filter:blur(8px) saturate(112%)}
  .orb-a{left:-230px;opacity:.38}.orb-b{right:-220px;opacity:.36}.orb-c{display:none}
  .film-modal{padding:6px}
  .film-shell{
    width:calc(100vw - 12px);
    height:calc(100svh - 12px);
    max-height:calc(100svh - 12px);
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0,1fr);
    padding:12px;
    gap:8px;
  }
  .film-copy{padding:4px 8px 0}
  .film-copy .eyebrow{margin-bottom:8px}
  .film-copy h2{font-size:31px;margin:0 44px 8px 0}
  .film-copy blockquote{font-size:20px;margin:0 0 6px}
  .film-copy>p:last-child{display:none}
  .film-frame{height:min(57svh,500px);width:auto;justify-self:center}
  .film-close{right:12px!important;top:12px!important;width:40px;height:40px}
}

@media(prefers-reduced-motion:reduce){
  .film-shell::before{animation:none!important}
}


/* Q3 mobile QA hardening — preserve typography while preventing clipping and over-dense layouts. */
h1,h2,h3,.hero-principle,.tech-lead,.tech-contact strong,.media-tile h3{overflow-wrap:normal;word-break:normal;text-wrap:balance}
p,blockquote,.tech-def,.tech-card p,.tech-card li,.facts strong,.contact-grid a{overflow-wrap:anywhere}
img,video{max-width:100%}
@media(max-width:680px){
  .hero-glass h1{font-size:clamp(46px,14.2vw,66px);line-height:.86;letter-spacing:-.038em}
  .hero-principle{font-size:clamp(19px,6vw,23px);line-height:1.06}
  .hero-glass .lede{font-size:17px;line-height:1.5}
  .hero-glass .sub{font-size:13px;line-height:1.55}
  .gate-card{min-height:auto;padding:27px 24px}
  .gate-card h2{font-size:40px}
  .gate-card h3{font-size:20px}
  .section-head h2,.company h2,.mission h2,.contact h2{font-size:clamp(40px,12.5vw,58px);line-height:.96}
  .architecture-axiom{margin-bottom:58px}
  .architecture-axiom h2{font-size:clamp(40px,12vw,58px)}
  .rows article{grid-template-columns:54px minmax(0,1fr);gap:16px;padding:20px}
  .rows article>span{width:52px;height:52px;border-radius:15px}
  .rows h3{font-size:32px;line-height:1}
  .cards article{min-height:auto;padding:28px}
  .cards b{font-size:62px}
  .cards h3{font-size:30px;line-height:1.05}
  .boundary-axiom{padding:22px}
  .boundary-axiom strong{font-size:26px}
  .facts div{min-width:0}
  .facts strong{min-width:0}
  .contact-grid{padding:28px 22px}
  .contact-grid>div:last-child a{font-size:clamp(20px,7vw,30px)}
  .footer-grid{gap:24px}
}
@media(max-width:430px){
  .wrap{width:min(calc(100% - 24px),var(--wrap))}
  .glass-nav{padding:0 12px}
  .brand{gap:9px}
  .mark{width:38px;height:38px;font-size:25px}
  .brand strong{font-size:13px}
  .hero{padding-top:96px}
  .hero-glass{padding:34px 15px 30px}
  .hero-glass h1{font-size:clamp(43px,13.8vw,59px)}
  .hero-actions{gap:9px}
  .button{min-height:42px;padding:0 14px;font-size:10px}
  .section{padding:68px 0}
  .section-head{margin-bottom:38px}
  .tech-main{width:min(calc(100% - 22px),var(--wrap));padding:36px 0 78px}
  .tech-hero{padding:30px 20px}
  .tech-hero h1{font-size:clamp(42px,13vw,58px);line-height:.91;letter-spacing:-.035em}
  .tech-lead{font-size:clamp(21px,6.5vw,28px);line-height:1.2}
  .tech-def{font-size:14px;line-height:1.7}
  .tech-card,.tech-wide .tech-card{padding:26px 22px}
  .tech-card h2{font-size:31px;line-height:1.04}
  .tech-card h3{font-size:27px;line-height:1.06}
  .tech-contact{padding:24px 22px}
  .tech-contact strong{font-size:23px}
  .media-tile{grid-template-columns:96px minmax(0,1fr);padding:14px;border-radius:22px}
  .media-tile h3{font-size:23px}
}


/* WisdomLink visual remaster — Hero A / Stack B / Domain C. */
.hero-inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  gap:36px;
  align-items:center;
}
.hero-glass{
  max-width:none;
  margin:0;
  text-align:left;
}
.hero-glass h1{
  font-size:clamp(52px,5.6vw,86px);
  line-height:.86;
}
.hero-glass .hero-principle,
.hero-glass .lede,
.hero-glass .sub{
  margin-left:0;
  margin-right:0;
}
.hero-actions{justify-content:flex-start}
.public-badge{justify-content:flex-start}

.hero-tech-visual{
  position:relative;
  margin:0;
  min-width:0;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:36px;
  border:1px solid rgba(166,215,255,.30);
  background:#031126;
  box-shadow:0 38px 100px rgba(3,17,38,.24),
             inset 0 1px 0 rgba(255,255,255,.20);
}
.hero-tech-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,17,38,.14),transparent 30%),
    linear-gradient(180deg,transparent 68%,rgba(3,17,38,.38));
}
.hero-tech-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:72% 50%;
}
.hero-tech-visual figcaption{
  position:absolute;
  z-index:2;
  left:22px;
  bottom:18px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(3,17,38,.48);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  color:#bce5ff;
  font:400 9px/1 var(--impact);
  letter-spacing:.12em;
  white-space:nowrap;
}
.gate-stage{grid-column:1/-1}

.architecture-flow-visual,
.domain-coverage-visual{
  position:relative;
  width:min(780px,100%);
  margin:0 auto 42px;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(132,198,255,.20);
  background:#031126;
  box-shadow:0 30px 82px rgba(3,17,38,.16),
             inset 0 1px 0 rgba(255,255,255,.15);
}
.architecture-flow-visual img,
.domain-coverage-visual img{
  display:block;
  width:100%;
  height:auto;
}
.architecture-flow-visual figcaption{
  position:absolute;
  left:24px;
  bottom:22px;
  width:min(390px,calc(100% - 48px));
  display:grid;
  gap:7px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(3,17,38,.58);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.architecture-flow-visual figcaption span,
.domain-coverage-visual figcaption{
  font:400 9px/1.25 var(--impact);
  letter-spacing:.12em;
  color:#8bd9ff;
}
.architecture-flow-visual figcaption strong{
  font:400 22px/1.08 var(--hero);
  color:#fff;
}
.domain-coverage-visual figcaption{
  position:absolute;
  left:22px;
  bottom:18px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(3,17,38,.50);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  white-space:nowrap;
}

@media(max-width:920px){
  .hero-inner{grid-template-columns:1fr;gap:24px}
  .hero-glass{text-align:center}
  .hero-glass h1{font-size:clamp(54px,12vw,86px)}
  .hero-glass .hero-principle,
  .hero-glass .lede,
  .hero-glass .sub{
    margin-left:auto;
    margin-right:auto;
  }
  .hero-actions{justify-content:center}
  .public-badge{justify-content:center}
  .hero-tech-visual{
    width:min(760px,100%);
    margin:0 auto;
    aspect-ratio:16/9;
  }
  .hero-tech-visual img{object-position:70% 50%}
  .gate-stage{grid-column:auto}
  .architecture-flow-visual,
  .domain-coverage-visual{width:min(760px,100%)}
}
@media(max-width:680px){
  .hero-tech-visual{
    aspect-ratio:4/3;
    border-radius:26px;
  }
  .hero-tech-visual img{
    object-fit:cover;
    object-position:75% 50%;
  }
  .hero-tech-visual figcaption{
    left:14px;
    bottom:12px;
    font-size:8px;
    max-width:calc(100% - 28px);
    white-space:normal;
  }
  .architecture-flow-visual,
  .domain-coverage-visual{
    margin-bottom:28px;
    border-radius:22px;
  }
  .architecture-flow-visual{
    aspect-ratio:4/3;
  }
  .architecture-flow-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:70% 50%;
  }
  .architecture-flow-visual figcaption{
    left:14px;
    bottom:12px;
    width:calc(100% - 28px);
    padding:13px 14px;
  }
  .architecture-flow-visual figcaption strong{font-size:19px}
  .domain-coverage-visual{
    aspect-ratio:4/3;
  }
  .domain-coverage-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:72% 50%;
  }
  .domain-coverage-visual figcaption{
    left:12px;
    right:12px;
    bottom:12px;
    white-space:normal;
    line-height:1.4;
  }
}

/* Progressive semiconductor / hardware visual layer for the public WisdomLink homepage. */
.tech-visual-zone{padding:54px 0 28px;background:linear-gradient(180deg,rgba(247,245,239,.96),rgba(243,247,251,.86))}
.tech-visual-zone .wrap{display:grid;gap:18px}
.tech-visual-kicker{margin:0;text-align:center;font:400 10px/1 var(--impact);letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.tech-visual-title{margin:0 auto;max-width:980px;text-align:center;font:400 clamp(42px,6vw,74px)/.98 var(--hero);letter-spacing:-.035em;color:var(--ink)}
.tech-visual-title em{font-style:normal;color:var(--blue)}
.tech-visual-copy{max-width:820px;margin:0 auto 8px;text-align:center;color:var(--muted);font-size:16px;line-height:1.7}
.tech-visual-showcase{display:block;overflow:hidden;border-radius:30px;border:1px solid rgba(18,97,255,.10);background:#fff;box-shadow:0 34px 90px rgba(6,23,47,.12),inset 0 1px 0 rgba(255,255,255,.8)}
.tech-visual-showcase img{display:block;width:100%;height:auto;object-fit:contain}
.tech-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.tech-visual-card{overflow:hidden;border-radius:28px;border:1px solid rgba(18,97,255,.11);background:rgba(255,255,255,.88);box-shadow:0 26px 70px rgba(6,23,47,.10)}
.tech-visual-card img{display:block;width:100%;height:auto;background:#fff}
.tech-visual-card figcaption{padding:20px 22px 23px;display:grid;gap:5px}
.tech-visual-card strong{font:400 25px/1.05 var(--hero);color:var(--ink)}
.tech-visual-card span{font-size:13px;line-height:1.55;color:var(--muted)}
.tech-visual-grid.product{margin-top:36px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.tech-visual-grid.product .tech-visual-card{margin:0;display:flex;flex-direction:column;min-width:0}
.tech-visual-grid.product .tech-visual-card>a{display:grid;place-items:center;aspect-ratio:4/5;background:#f9f6ef}
.tech-visual-grid.product .tech-visual-card img{width:100%;height:100%;object-fit:contain}
.tech-visual-grid.product .tech-visual-card figcaption{flex:1}
.tech-visual-grid.product .tech-visual-card>a:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
.tech-visual-grid.architecture{margin-top:32px}
.tech-visual-link{justify-self:center;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(6,23,47,.16);font:400 10px/1 var(--impact);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.82)}
.tech-visual-link:hover{border-color:rgba(18,97,255,.32);color:var(--blue)}
@media(max-width:820px){.tech-visual-zone{padding-top:38px}.tech-visual-grid{grid-template-columns:1fr}.tech-visual-showcase,.tech-visual-card{border-radius:22px}.tech-visual-card figcaption{padding:18px}.tech-visual-title{font-size:clamp(38px,11vw,60px)}}
@media(prefers-reduced-motion:reduce){.tech-visual-link{transition:none}}
@media(max-width:1100px){.tech-visual-grid.product{grid-template-columns:minmax(0,1fr);max-width:600px;margin-inline:auto}}

/* Shared finishing layer: readable copy, intact contact details and narrow layouts. */
/* The self-contained logo frames the original seven-star artwork. */
.brand-constellation {
  display: block;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #0b1326;
  box-shadow: 0 4px 16px rgba(6,23,47,.14);
}
.brand strong { font: 400 24px/1.1 var(--hero); letter-spacing: -.025em; }
.brand-tm { font-family: "richmond-display"; font-size: .5em; font-weight: 400; line-height: 0; vertical-align: super; letter-spacing: 0; margin-left: .08em; }
.brand small { font: 400 13px/1.15 "richmond-display"; letter-spacing: .03em; margin-top: 5px; }
.tech-nav .home,.brand-back { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.tech-nav .home .brand-constellation,.brand-back .brand-constellation { flex-basis: 40px; width: 40px; height: 40px; }
.footer-brand { display: inline-flex; align-items: center; gap: 18px; justify-self: start; }
.footer-grid .footer-brand > .brand-constellation { flex-basis: 72px; width: 72px; height: 72px; margin: 0; }
.footer-grid .footer-brand-copy { margin: 0; }
.footer-brand-copy > span { font-family: "richmond-display"; font-size: 14px; letter-spacing: .03em; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 104px; }
:where(h1,h2,h3,blockquote) { text-wrap: balance; }
:where(p,li,figcaption) { text-wrap: pretty; word-break: normal; }
.section-head > *, .contact-grid > *, .mission-grid > *, .tech-contact > * { min-width: 0; }
.section-head p, .cards p, .rows p, .tech-card p, .tech-card li,
.product-description, .tech-lead, .tech-def { overflow-wrap: normal; hyphens: none; }

/* Keep the public contact email on one line. */
a[href="mailto:contact@wisdomlink.group"] {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  text-transform: none;
  max-width: 100%;
}
.contact-grid { grid-template-columns: minmax(0,1fr) minmax(0,.8fr); }
.contact-grid > div:last-child > a[href^="mailto:"] {
  justify-self: start;
  font-size: clamp(20px,2.15vw,28px);
  line-height: 1.4;
  letter-spacing: -.02em;
}
.tech-contact a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; }
.tech-contact strong { max-width: 100%; text-wrap: balance; }

:where(a,button,summary):focus-visible { outline: 2px solid #1261ff; outline-offset: 5px; }
.dark :where(a,button):focus-visible, .navy :where(a,button):focus-visible,
.contact a:focus-visible { outline-color: #8bd9ff; }
.dark .eyebrow, .navy .eyebrow, .contact .eyebrow { color: #9fc4eb; }
.tech-links a,.seo-links a { min-height: 44px; line-height: 1.4; text-align: center; }
section[id] { scroll-margin-top: 100px; }
.optional-break { display: initial; }

@media (max-width: 920px) {
  .contact-grid { grid-template-columns: minmax(0,1fr); }
  .nav nav a { display: flex; align-items: center; min-height: 44px; font-size: 12px; }
  .nav nav { max-height: calc(100svh - 110px); overflow-y: auto; }
  .menu { flex: 0 0 44px; }
  .tech-contact { flex-wrap: wrap; }
}

@media (max-width: 680px) {
  .brand { gap: 10px; }
  .brand-constellation { flex-basis: 44px; width: 44px; height: 44px; }
  .brand strong { font-size: 20px; }
  .brand small { font-size: 12px; letter-spacing: .03em; }
  .footer-grid .footer-brand > .brand-constellation { flex-basis: 60px; width: 60px; height: 60px; }
  .optional-break { display: none; }
  .section-head h2,.company h2,.contact h2,.architecture-axiom h2 {
    font-size: clamp(34px,10.5vw,54px);
    line-height: 1.06;
  }
  .section-head { gap: 22px; }
  .hero-motion .hero-glass .lede { font-size: 16px; }
  .hero-motion .hero-glass .sub { font-size: 14px; }
  .hero-motion .hero-actions .button,.hero-motion .motion-toggle { min-height: 44px; }
  .hero-motion .gate-card.has-product-art > p { font-size: 15px; line-height: 1.6; }
  .hero-motion .has-product-art .gate-card-copy h2 { font-size: 28px; }
  .hero-motion .has-product-art .gate-card-copy > span { font-size: 9px; letter-spacing: .07em; }

  /* The illustration shares the title row; explanatory text has the full width. */
  #gates .rows article.conscience-row {
    --row-art-size: 78px;
    grid-template-columns: minmax(0,1fr) var(--row-art-size);
    column-gap: 12px;
    padding: 22px 20px;
  }
  #gates .conscience-row > div h3 { font-size: 29px; line-height: 1.1; }
  #gates .conscience-row > div small { font-size: 9px; line-height: 1.6; }
  #gates .conscience-row > .conscience-row-art { grid-area: 1 / 2; }
  #gates .conscience-row > p { grid-area: 2 / 1 / auto / -1; font-size: 16px; }
  #domains .rows article { grid-template-columns: minmax(0,1fr); gap: 14px; padding: 24px; }
  #domains .rows article > span { display: none; }
  #domains .rows article > p { grid-column: 1; font-size: 16px; }
  #domains .rows h3 { font-size: clamp(28px,8vw,34px); line-height: 1.14; }
  #domains .rows small { display: block; margin-top: 9px; line-height: 1.7; }

  .conscience-collection .conscience-product {
    grid-template-rows: auto 250px minmax(0,1fr);
    min-height: 0;
  }
  .conscience-collection .product-heading { min-height: 156px; }
  .conscience-collection .product-question { line-height: 1.14; }
  .conscience-collection .product-role,.conscience-collection .product-link { font-size: 10px; }
  .conscience-collection .product-description { font-size: 17px; line-height: 1.6; }
  .contact-grid { gap: 28px; padding: 28px 22px; }
  .contact-grid > div:last-child > a[href^="mailto:"] { font-size: clamp(18px,5.8vw,24px); }
  .facts a[href^="mailto:"] { font-size: 16px; }

  .tech-hero h1 { font-size: clamp(34px,10.4vw,56px); line-height: 1.04; }
  .tech-lead { font-size: 21px; line-height: 1.55; }
  .tech-def,.tech-card p,.tech-card li { font-size: 16px; line-height: 1.75; }
  .tech-card h2 { font-size: clamp(28px,8.5vw,34px); line-height: 1.15; }
  .tech-card h3 { font-size: clamp(26px,8vw,31px); line-height: 1.15; }
  .tech-links a,.seo-links a { font-size: 10px; }
  .tech-product-visual { padding: 12px; }
  .tech-product-visual figcaption { font-size: 15px; }
  .tech-contact { align-items: flex-start; }
  .tech-contact a { letter-spacing: .025em; }
  .footer-grid p { font-size: 13px; line-height: 1.75; }
  .footer-grid p a { display: inline-flex; align-items: center; min-height: 44px; }

  /* Preserve scroll access to film content on short phones and in landscape. */
  .film-shell { height: auto; max-height: calc(100svh - 20px); overflow-y: auto; }
  .film-frame { height: min(57svh,500px); max-width: 100%; }
}

@media (max-width: 360px) {
  .hero-motion .has-product-art .gate-card-copy h2 { font-size: 26px; }
  .hero-motion .gate-card.has-product-art { --card-art-size: 72px; }
  #gates .rows article.conscience-row { --row-art-size: 66px; padding-inline: 18px; }
  #gates .conscience-row > div h3 { font-size: 27px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* Visitor journey finish. Scoped overrides follow the established brand styles. */
:root{--body:"richmond-display";--impact:"impact";--ui:"quador";--editorial:"richmond-display"}
body{font-size:17px}
.nav nav a{font-family:var(--ui);font-size:13px;font-weight:600;letter-spacing:.015em}
.nav .nav-cta,.button{font-family:var(--ui);font-size:13px;font-weight:600;letter-spacing:.025em}
.eyebrow,.tech-kicker,.crumb{font-size:15px;font-weight:400;letter-spacing:.1em}
.hero-motion .hero-glass .eyebrow{font-size:11px;letter-spacing:.07em}
.hero-motion .hero-glass .lede{font-size:17px;line-height:1.6}
.hero-motion .hero-glass .sub{font-size:15px;line-height:1.6}
.hero-motion .hero-actions .button{min-height:48px;height:auto;padding:12px 16px;font-size:13px;line-height:1.5;white-space:normal;text-align:left}
.hero-motion .public-badge{font-size:12px;line-height:1.6;letter-spacing:0}
.hero-motion .has-product-art .gate-card-copy>span{font-size:11px;line-height:1.5;letter-spacing:.065em}
.hero-motion .gate-card.has-product-art>p{font-size:15px;line-height:1.65}
.cards article small,.rows small,.facts span{font-size:11px;line-height:1.6;letter-spacing:.055em}
.seo-links a,.tech-links a,.product-link,.contact-paths a{font-size:14px;line-height:1.5;letter-spacing:.02em}
.tech-disclosure{font-size:14px;line-height:1.7}
.tech-visual-pair{align-items:start}
.tech-visual-card figcaption,.tech-visual-card figcaption span{font-size:15px;line-height:1.65}
footer p,footer p a{font-size:14px;line-height:1.75}
.hero-licensing{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:12px 0 0;color:#174579;font:400 14px/1.4 var(--body);text-decoration:underline;text-underline-offset:4px}
.nav .mobile-contact{display:none}
#boundaries .scenario-art{width:100%;margin:26px 0;border:1px solid rgba(255,255,255,.25);border-radius:16px;overflow:hidden;background:#f7f3eb}
#boundaries .scenario-art img{display:block;width:100%;height:auto;aspect-ratio:16/9}
#boundaries .scenario-link{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(181,213,248,.3);color:var(--scenario-accent);font:400 16px/1.4 var(--body)}
#boundaries .scenario-card h3{min-height:2.3em}
#boundaries .scenario-outcome p{font-size:17px;line-height:1.65}
.licensing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.contact .contact-address{display:grid;gap:12px;align-self:center;min-width:0}
.contact .contact-address>a{font:400 clamp(18px,2.2vw,29px)/1.5 var(--hero);letter-spacing:-.02em}
.contact .contact-address>span,.contact .contact-address>small{color:#c5d5e7;line-height:1.6}
.copy-email{justify-self:start;padding:10px 18px;min-height:44px;border-radius:24px;border:1px solid #829cbb;background:transparent;color:#fff;font:inherit;cursor:pointer}
.copy-email:hover{background:rgba(255,255,255,.1)}
.copy-email:focus-visible{outline-color:#b0d9ff}
.inquiry-guide{grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);max-width:900px}
.inquiry-guide h3{margin:0 0 12px;font:400 28px/1.2 var(--hero)}
.inquiry-guide p{font-size:17px;line-height:1.7;max-width:78ch}
/* details supplies a keyboard-operable mobile menu even before JavaScript loads. */
.detail-menu{position:relative;flex-shrink:0;color:#102c4d;font:600 15px/1.5 var(--ui)}
.detail-menu summary{min-height:44px;padding:10px 14px;border:1px solid #b4c2d1;border-radius:22px;cursor:pointer;white-space:nowrap;background:#f8fafc}
.detail-menu-links{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:grid;min-width:220px;max-height:calc(100svh - 110px);overflow-y:auto;padding:12px;border:1px solid #c1cddd;border-radius:20px;background:#fafbfdfc;box-shadow:0 18px 50px #06172f22}
.detail-menu-links a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:10px;color:#143554;text-decoration:none}
.detail-menu-links a:hover,.detail-menu-links a[aria-current="page"]{background:#e7eff8;color:#124b91}
.tech-nav .trail{display:none}
.wrap>.detail-menu{float:right}
.site-footer{padding:32px max(24px,calc((100% - 1280px)/2));background:#06172f;color:#d0dcea;font:400 16px/1.7 var(--body);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer p{margin:0;color:inherit}
.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:#d8e9ff;margin-right:16px;text-decoration:underline;text-underline-offset:4px}
.tech-contact .tech-links{margin-top:0}
.tech-contact .tech-links a{color:#d5e9ff;background:rgba(255,255,255,.06);border-color:#7892ad}
.tech-contact p{color:#ccdae9}
.tech-card p,.tech-card li{font-size:17px;line-height:1.75;color:#465b72}
.tech-kicker,.crumb{line-height:1.6}
/* A native dialog supplies background inertness, Escape and focus containment. */
.intro-dialog{width:min(1080px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 32px);padding:0;border:1px solid #94abc7;border-radius:24px;background:#071b33;color:#f3f7ff;box-shadow:0 30px 100px #0008;overflow:auto;overscroll-behavior:contain}
.intro-dialog::backdrop{background:rgba(2,12,28,.85);backdrop-filter:blur(12px)}
.intro-dialog[open]{display:block}
.intro-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;position:sticky;top:0;z-index:2;background:#071b33}
.intro-heading .eyebrow{margin:0 0 6px;color:#a8d4ff;font-size:11px}
.intro-heading h2{margin:0;font:400 clamp(23px,3.4vw,38px)/1.13 var(--hero)}
.intro-close,.watch-close{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #91b6dd;border-radius:50%;background:#173752;color:white;font:400 30px/1 var(--body);cursor:pointer;text-decoration:none}
.intro-close:focus-visible,.intro-footer a:focus-visible{outline:3px solid #9ddaff;outline-offset:3px}
.intro-dialog>video{display:block;width:100%;height:auto;max-height:calc(100svh - 190px);aspect-ratio:16/9;object-fit:contain;background:#000}
.intro-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 24px;color:#c3d6e9;font:400 15px/1.5 var(--body)}
.intro-footer p{margin:0}
.intro-footer a{color:#b9deff;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.intro-links{display:flex;flex-wrap:wrap;gap:8px 20px;flex-shrink:0}
.watch-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1280px)/2));background:#f7f5eff2;backdrop-filter:blur(20px);border-bottom:1px solid #d4dce6}
.watch-nav .home{display:flex;gap:12px;align-items:center;font:400 23px/1 var(--hero)}
.watch-nav .brand-constellation{width:42px;height:42px;flex-basis:42px}
.watch-close{color:#173752;background:transparent;font-size:29px}
.watch-main .watch-meta{margin:0 auto 32px}
.watch-main .watch-meta h1{line-height:1.04}
.watch-main .watch-card{max-width:1060px}
.film-transcript{max-width:900px;margin:28px auto;padding:20px 24px;border:1px solid #cbd6e3;border-radius:18px;background:#fff9}
.film-transcript summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:18px;color:#173752}
.film-transcript p,.film-transcript li{color:#40566e;line-height:1.75}
.portfolio-film{max-width:1060px;margin:70px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding-top:50px;border-top:1px solid #cbd6e3}
.portfolio-film h2{font:400 clamp(32px,4.5vw,52px)/1.12 var(--hero);margin:10px 0 20px}
.portfolio-film p{color:#40566e;font-size:18px;line-height:1.7}
.portfolio-film video{display:block;width:min(100%,360px);max-height:72svh;aspect-ratio:480/854;object-fit:contain;border-radius:20px;background:#06172f;justify-self:center}
/* Replace only formerly system-rendered emphasis and supporting copy. */
.tech-def strong,.tech-disclosure strong,.permission-context strong,.public-example strong,.ip-status-note strong{font-family:var(--ui);font-weight:600}
.hero-motion .hero-glass .sub,.hero-motion .public-badge,.tech-disclosure,.intro-footer,.film-sound-note,.contact .contact-address>small{font-family:var(--body);font-weight:400}
.copy-email{font-family:var(--ui);font-weight:600}
.film-close{font-family:var(--body);font-weight:400}
video::cue{font-family:"richmond-display";font-weight:400;font-style:normal}
@media(max-width:920px){
  /* The fixed dropdown used to be clipped by its glass containing block. */
  .header .glass-nav{overflow:visible}
  .header .glass-nav::before{border-radius:inherit;inset:0;pointer-events:none}
  .nav #navLinks{position:absolute;inset:calc(100% + 10px) 0 auto;max-height:calc(100svh - 108px);background:#f7f8fc;z-index:60;box-shadow:0 20px 50px #0b274d30}
  .nav .mobile-contact{display:flex}
  #boundaries .scenario-art{max-width:620px;align-self:center}
  #boundaries .scenario-card h3{min-height:0}
  .contact .contact-address{grid-row:auto}
}
@media(max-width:680px){
  .hero-motion .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-motion .hero-actions .button{justify-content:center;text-align:center}
  .hero-motion .hero-glass .eyebrow{font-size:10px}
  .hero-motion .hero-glass .lede{font-size:16px}
  .hero-motion .hero-glass .sub{font-size:15px}
  .hero-motion .public-badge{font-size:11px}
  .contact .contact-address>a{font-size:clamp(16px,4.8vw,24px)}
  .hero-licensing{font-size:15px}
  .tech-nav{padding:10px 14px}
  .tech-nav .inner{width:100%;gap:10px}
  .tech-nav .home{gap:8px;font-size:19px}
  .tech-nav .home .brand-constellation{width:34px;height:34px;flex-basis:34px}
  .detail-menu summary{font-size:13px;padding:10px 11px}
  .detail-menu-links{min-width:210px;max-width:calc(100vw - 28px)}
  .wrap>.detail-menu{float:none;margin-top:20px;width:fit-content}
  .wrap>.detail-menu .detail-menu-links{left:0;right:auto}
  .site-footer{display:block;padding:28px 20px;font-size:14px}
  .site-footer nav{margin-top:14px}
  .tech-wide .tech-card{padding:28px 22px}
  .intro-dialog{width:calc(100vw - 16px);max-height:calc(100svh - 16px);border-radius:18px}
  .intro-heading{padding:16px 14px;gap:10px}
  .intro-heading .eyebrow{font-size:9px;letter-spacing:.06em}
  .intro-footer{padding:12px 16px;display:block;font-size:14px}
  .intro-dialog>video{max-height:calc(100svh - 220px)}
  .portfolio-film{grid-template-columns:1fr;gap:24px;margin-top:50px;padding-top:36px}
  .portfolio-film video{width:min(100%,300px)}
  .film-transcript{padding:16px 20px}
}
@media(prefers-reduced-motion:reduce){.intro-dialog,.detail-menu-links{scroll-behavior:auto}}
/* Keep compact labels readable; supporting sentences use Richmond Text. */
.hero-motion .hero-glass .eyebrow,.intro-heading .eyebrow,
.hero-motion .has-product-art .gate-card-copy>span,.hero-motion .motion-toggle,
.hero-motion .public-badge,.hero-motion .hero-tech-visual figcaption,
.cards article small,.rows small,.facts span,.mission aside small,
.conscience-collection .product-role,.tech-visual-kicker,.tech-visual-link,
.tech-film-copy small,.tech-axiom-strip span,.media-tile small,.film-loader small,
.architecture-flow-visual figcaption span,.domain-coverage-visual figcaption,
#boundaries .scenario-kicker,#boundaries .scenario-outcome small,
#company .ip-model-intro .eyebrow,#company .ip-model-grid small{
  font-size:15px;line-height:1.5;font-weight:400;
}
.hero-motion .hero-glass .sub,.tech-disclosure{font-size:16px;line-height:1.6}
.seo-links a,.tech-links a,.product-link,.contact .contact-paths>a{font-size:15px;line-height:1.5}

/* Public-purpose explanations. Concept scenarios, never private implementation. */
.public-scenario,.public-explainer,.public-boundary{font-family:var(--body);color:#17324d}
.public-scenario{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:30px;margin:24px 0 0;padding:24px;border:1px solid #d0dae4;border-radius:26px;background:#fff9;box-shadow:0 20px 55px #17324d0b}
.public-scenario-art{min-width:0;overflow:hidden;border-radius:18px;background:#f5f2eb}
.public-scenario-art img,.public-boundary>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.public-scenario figcaption{min-width:0;padding:8px 6px}
.public-label{display:block;color:#3b607b;font-family:var(--impact);font-size:15px;font-weight:400;line-height:1.6;letter-spacing:.065em}
.public-scenario h2,.public-section-heading h2{margin:12px 0 14px;font:400 clamp(23px,2.5vw,32px)/1.22 var(--editorial);letter-spacing:-.025em}
.public-scenario p,.public-section-heading p,.public-panel p,.public-boundary p{color:#40566b;font-size:17px;line-height:1.7;margin:12px 0}
.public-scenario small{display:block;color:#596c7e;font-family:var(--body);font-size:15px;font-weight:400;line-height:1.6;margin-top:16px}
.public-question{margin-top:20px;padding:18px 20px;border-left:3px solid #347dc0;background:#edf4fa;border-radius:0 12px 12px 0}
.public-question>span{display:block;font-family:var(--impact);font-size:15px;font-weight:400;color:#42617c;line-height:1.6}
.public-question>strong{display:block;font-family:var(--ui);font-weight:600;font-size:23px;line-height:1.35;margin-top:4px;color:#133f6b}
.public-question p{font-size:16px;margin:10px 0 0}
.public-explainer{margin-top:24px;padding:32px;border:1px solid #d0dae4;border-radius:26px;background:linear-gradient(145deg,#ffffffc9,#edf3f9b3)}
.public-section-heading{max-width:860px;margin-bottom:24px}
.public-section-heading h2{max-width:29ch}
.public-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.public-panels-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.public-panel{min-width:0;padding:24px;border:1px solid #c9d6e2;border-radius:18px;background:#ffffffd9}
.public-panel h3{margin:14px 0 12px;font:600 21px/1.35 var(--ui);letter-spacing:-.015em;color:#173c61}
.public-panel p{margin-bottom:0;font-size:16px}
.public-note{margin:16px 4px 0;color:#556b80;font:400 16px/1.7 var(--body)}
.public-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.public-boundary{min-width:0;border:1px solid #ccd9e4;border-radius:22px;background:#fff9;overflow:hidden}
.public-boundary-copy{padding:24px}
.public-boundary h2{margin:10px 0 8px;font:400 29px/1.2 var(--editorial);letter-spacing:-.025em}
.public-boundary .public-boundary-question{font-family:var(--ui);font-weight:600;color:#194f7f;font-size:21px;line-height:1.4;min-height:2.8em}
.public-boundary .public-example{padding-top:16px;border-top:1px solid #d5dfe8;font-size:15px}
.public-boundary a{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:6px;color:#174f80;font-size:16px;text-decoration:underline;text-underline-offset:4px}
.public-boundary a:focus-visible{outline:3px solid #1f71b6;outline-offset:4px;border-radius:4px}
.public-boundary-ironpu .public-boundary-question{color:#755019}
.public-boundary-wakeseal .public-boundary-question{color:#286158}
@media(max-width:1000px){
  .public-scenario{grid-template-columns:1fr;gap:18px}
  .public-scenario-art{max-width:740px;justify-self:center;width:100%}
  .public-scenario figcaption{padding:8px}
  .public-comparison{gap:12px}
  .public-boundary-copy{padding:20px}
}
@media(max-width:760px){
  .public-scenario{padding:14px;border-radius:22px;gap:12px}
  .public-scenario figcaption{padding:8px 6px}
  .public-scenario h2,.public-section-heading h2{font-size:25px}
  .public-explainer{padding:24px 20px;border-radius:22px}
  .public-panels,.public-panels-two,.public-comparison{grid-template-columns:1fr}
  .public-panel{padding:22px 20px}
  .public-boundary-copy{padding:24px}
  .public-boundary .public-boundary-question{min-height:0}
  .public-question{padding:16px}
  .public-question>strong{font-size:21px}
}
@media(max-width:380px){
  .public-explainer{padding:22px 14px}
  .public-panel{padding:20px 16px}
  .public-label{font-size:14px;letter-spacing:.04em}
  .public-scenario h2,.public-section-heading h2{font-size:23px}
}

/* Presentation refinements stay scoped to the public declaration and reading paths. */
.trust-declaration{padding:100px 0 19px;background:#f7f5ef;border-bottom:1px solid #d9e2ec;scroll-margin-top:0}
.trust-declaration-inner{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:8px 23px}
.trust-declaration-inner p{margin:0}
.trust-rank{font:400 clamp(19px,2vw,27px)/1.15 var(--hero);color:#1261ed;white-space:nowrap}
.trust-field{font:400 clamp(18px,2vw,25px)/1.15 var(--impact);letter-spacing:.045em;color:#06172f}
.trust-scope{justify-self:end;font:400 14px/1.5 var(--ui);color:#263e59;text-align:right}
.trust-declaration-note{padding-top:7px;font:400 13px/1.45 var(--body);color:#4c6075}
.hero.hero-motion{padding-top:22px}
.hero-motion .hero-inner{align-self:start}
#architecture .section-head h2 em,#evidence .section-head h2 em{color:#9dd7ff}
.permission-principle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.permission-principle p{margin:0;padding:30px 32px;border:1px solid #5b7592;border-top:3px solid #91caff;border-radius:20px;background:#102945;color:#ccdaea;font:400 17px/1.7 var(--body)}
.permission-principle p:last-child{border-top-color:#99dfd2}
.permission-principle span{display:block;margin-bottom:14px;color:#b7d9ff;font:400 14px/1.5 var(--impact);letter-spacing:.075em}
.permission-principle strong{display:block;margin-bottom:8px;color:#fff;font:400 clamp(25px,2.5vw,34px)/1.15 var(--hero)}
#architecture .architecture-caption{max-width:75ch;margin:24px 0;color:#c8d7e7;font-size:16px}
#architecture .permission-context{border-top:1px solid #59718d;margin-top:20px;padding-top:14px}
.scenario-link,.product-link{color:#badeff;text-decoration:underline;text-underline-offset:5px}
.hero-licensing,.intro-footer a{ text-decoration:underline;text-underline-offset:4px }
.tech-wide .tech-links a,.watch-meta .tech-links a{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#174579;padding-inline:10px}
.tech-wide .tech-links a.primary-action,.watch-meta .tech-links a.primary-action{border:1px solid #0e3978;background:#103a78;color:#fff;text-decoration:none;padding-inline:19px;box-shadow:0 8px 20px #09285524}
.tech-wide .tech-links a.primary-action:hover,.watch-meta .tech-links a.primary-action:hover{background:#1955a7;color:#fff}
.tech-wide .tech-links a:focus-visible,.watch-meta .tech-links a:focus-visible,.scenario-link:focus-visible,.product-link:focus-visible{outline:3px solid #489aff;outline-offset:3px}
.watch-main.tech-main{padding-top:20px}
.watch-main .crumb{margin-bottom:10px}
.watch-main .watch-meta:first-of-type{margin:0 auto 15px}
.watch-main .watch-meta:first-of-type .tech-kicker{margin:0 0 7px}
.watch-main .watch-meta:first-of-type h1{font-size:clamp(36px,4.2vw,57px);line-height:1.05}
.watch-main .watch-card{max-width:960px;padding:12px}
.watch-main .watch-meta .axiom{margin:24px 0 12px}
.original-film-dialog{width:min(520px,calc(100vw - 24px))}
.original-film-dialog>video{width:min(100%,340px);max-height:min(60svh,600px);aspect-ratio:480/854;margin-inline:auto;background:#020912}
.original-film-dialog .intro-footer{flex-wrap:wrap}
.portfolio-film#original-concept-film{scroll-margin-top:90px}
@media(min-width:901px) and (max-height:800px){
  .watch-main .watch-card{max-width:820px}
}
@media(max-width:900px){
  .trust-declaration-inner{grid-template-columns:auto 1fr}
  .trust-scope{grid-column:1/-1;justify-self:start;text-align:left}
  .permission-principle{grid-template-columns:1fr}
}
@media(max-width:600px){
  .trust-declaration{padding:91px 0 16px}
  .trust-declaration-inner{display:block}
  .trust-rank{margin-bottom:3px!important}
  .trust-field{font-size:clamp(18px,6vw,24px)}
  .trust-scope{margin-top:5px!important;font-size:14px}
  .trust-declaration-note{padding-top:8px;font-size:13px}
  .hero.hero-motion{padding-top:18px}
  .permission-principle p{padding:24px}
  .watch-main.tech-main{padding-top:18px}
  .watch-main .watch-card{padding:8px}
}

/* Public portfolio. Adobe Fonts roles stay explicit and local. */
:root { --hero-accent: "bc-vajgar"; }
.portfolio-home, .family-page { font-family: "richmond-display"; font-weight: 400; font-synthesis: none; }
.portfolio-home h1, .portfolio-home h2, .portfolio-home h3,
.tech-main h1, .tech-main h2, .tech-main h3 {
  font-family: "richmond-display";
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
}
.portfolio-home { background: #f7f8fa; color: #102741; }
.portfolio-home .wrap { width: min(calc(100% - 64px), 1240px); }
.portfolio-home .header { background: #f8fafbea; border-bottom: 1px solid #dce4eb; }
.portfolio-home .nav { min-height: 84px; }
.portfolio-home .nav nav a, .portfolio-home .nav-cta { text-transform: none; }
.portfolio-home .nav-cta { padding: 12px 23px; }
.portfolio-home .button { min-height: 48px; height: auto; padding: 12px 21px; font: 600 14px/1.5 "quador"; text-transform: none; letter-spacing: 0; white-space: normal; }
.portfolio-home .button::before, .portfolio-home .button::after { display: none; }
.portfolio-home .button.secondary { color: #164e91; background: #ffffffad; border: 1px solid #a7bdd4; }
.portfolio-home a:focus-visible, .portfolio-home button:focus-visible,
.family-page a:focus-visible, .family-page summary:focus-visible {
  outline: 3px solid #2471d6; outline-offset: 5px;
}
.portfolio-home main > section, .portfolio-anchor { scroll-margin-top: 104px; }
.portfolio-section { position: relative; padding: 88px 0; }
.portfolio-anchor { display: block; position: absolute; top: 0; pointer-events: none; }
.portfolio-kicker { margin: 0 0 18px; color: #35658c; font: 400 13px/1.5 "impact"; letter-spacing: .105em; }
.portfolio-section__head { display: grid; grid-template-columns: 1.08fr 1fr; gap: 56px; align-items: end; margin-bottom: 38px; }
.portfolio-section__head > * { min-width: 0; }
.portfolio-section__head h2 { margin: 0; font-size: clamp(38px, 4.5vw, 64px); line-height: 1.03; letter-spacing: -.035em; }
.portfolio-section__head > p, .portfolio-section__head > div > p:not(.portfolio-kicker) { margin: 0; color: #52667a; font-size: 18px; line-height: 1.65; }
.portfolio-section__head .portfolio-intro { font-size: 23px; color: #183c61; }
.portfolio-section__head .portfolio-classification { margin-top: 10px; font-size: 16px; }

/* Corporate first impression: actual text and an independent concept image. */
.corporate-hero { padding: 124px 0 30px; background: linear-gradient(125deg, #fff 10%, #f2f7fc 66%, #e9f2fb); border-bottom: 1px solid #dce5ed; }
.corporate-hero__grid { display: grid; grid-template-columns: 1.04fr 1fr; gap: 28px; align-items: center; }
.corporate-hero__copy { position: relative; z-index: 1; min-width: 0; padding: 10px 0; }
.corporate-hero .portfolio-kicker { margin-bottom: 15px; }
.corporate-hero__rank { margin: 0 0 11px; color: #164f9b; font: 400 22px/1.15 "richmond-display"; }
.corporate-hero__title { margin: 0; font: 400 clamp(2rem, 3.2vw, 3.1rem)/1.04 "richmond-display"; font-style: normal; font-synthesis: none; letter-spacing: -.035em; text-wrap: initial; }
.corporate-hero__title > span { display: block; }
.corporate-hero__title > .corporate-hero__accent { margin-bottom: .21em; color: #125bea; font-family: var(--hero-accent); font-weight: 400; font-size: clamp(3.2rem, 6.6vw, 6.25rem); line-height: .98; letter-spacing: -.055em; white-space: nowrap; }
.corporate-hero__lead { max-width: 47ch; margin: 24px 0 0; color: #445c73; font-size: 18px; line-height: 1.65; }
.corporate-hero__business { margin: 14px 0 0; color: #1c426a; font: 600 14px/1.5 "quador"; }
.portfolio-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
.corporate-hero__art { min-width: 0; margin: 0; overflow: hidden; border: 1px solid #d0dfed; border-radius: 24px; background: #e7f0fa; box-shadow: 0 22px 60px #183d6412; }
.corporate-hero__art img { display: block; width: 100%; height: clamp(310px, 30vw, 442px); object-fit: cover; object-position: 80% 50%; }
.corporate-hero__art figcaption { padding: 17px 20px; background: #ffffffbf; color: #345571; font-size: 15px; line-height: 1.5; }
.corporate-hero__art figcaption span { display: block; margin-top: 5px; color: #52687b; font-size: 12px; }
.corporate-hero__disclosure { max-width: 78ch; margin: 25px 0 0; color: #5b6f80; font-size: 13px; line-height: 1.6; }

/* Twelve equal public entry points; no hidden filters or nested controls. */
.portfolio-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 20px; }
.portfolio-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #d5e0e9; border-radius: 18px; overflow: hidden; background: #fff; color: #153552; box-shadow: 0 6px 18px #15395605; transition: border-color .18s ease, box-shadow .18s ease; }
.portfolio-card:hover { border-color: #649ee1; box-shadow: 0 12px 30px #205a9512; }
.portfolio-card:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.portfolio-card > img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: #eaf1f7; border-bottom: 1px solid #e4ebf1; }
.portfolio-card__copy { position: relative; flex: 1; padding: 23px 20px 24px; }
.portfolio-card__number { display: block; color: #52687b; font: 400 11px/1.4 "impact"; letter-spacing: .12em; }
.portfolio-card h3 { margin: 10px 0 12px; font-size: clamp(23px, 2vw, 28px); line-height: 1.1; letter-spacing: -.025em; text-wrap: initial; }
.portfolio-card p { margin: 0; color: #52687b; font-size: 15px; line-height: 1.6; }
.portfolio-caption { margin: 18px 0 0; color: #607489; font-size: 13px; line-height: 1.6; }
.portfolio-film-link { position: relative; display: grid; grid-template-columns: 86px 1fr auto; align-items: center; gap: 28px; margin-top: 34px; padding: 22px 30px 22px 22px; border: 1px solid #bdd1e7; border-radius: 19px; background: linear-gradient(115deg, #edf4fd, #fff); }
.portfolio-film-link > img { width: 86px; height: auto; aspect-ratio: 480/854; object-fit: contain; border: 1px solid #d5e2ed; border-radius: 10px; }
.portfolio-film-link .portfolio-kicker { display: block; margin-bottom: 7px; font-size: 11px; }
.portfolio-film-link h3 { margin: 0; color: #163d66; font-size: 30px; line-height: 1.15; letter-spacing: -.025em; }
.portfolio-film-link p { margin: 8px 0 13px; color: #587088; font-size: 16px; }
.portfolio-film-link__label, .portfolio-film-button { display: inline-flex; align-items: center; gap: 10px; color: #175eaf; font: 600 14px/1.5 "quador"; text-decoration: underline; text-underline-offset: 5px; }
.portfolio-play { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid currentColor; border-radius: 50%; font-size: 10px; text-decoration: none; }
.portfolio-film-link__duration { color: #7095bb; font: 400 36px/1 "richmond-display"; }

/* Applications remain a simple second reading path. */
.portfolio-applications { background: #edf2f6; border-block: 1px solid #d9e3ec; }
.portfolio-application-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 38px; }
.portfolio-application-grid article { min-width: 0; padding: 27px 0 29px; border-top: 1px solid #c6d4e0; }
.portfolio-application-grid .portfolio-kicker { margin-bottom: 13px; }
.portfolio-application-grid h3 { margin: 0 0 18px; font-size: 28px; line-height: 1.14; letter-spacing: -.025em; }
.portfolio-text-links { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 16px; }
.portfolio-text-links a { display: inline-flex; align-items: center; min-height: 36px; color: #21598c; font: 600 14px/1.6 "quador"; text-decoration: underline; text-underline-offset: 4px; }

/* The original motion has one home, below the complete company portfolio. */
.portfolio-consciences { color: #f3f7fd; background: #081d37; }
.portfolio-consciences .portfolio-kicker { color: #94bade; }
.portfolio-consciences__intro { display: grid; grid-template-columns: 1.05fr 1fr; gap: 54px; align-items: center; }
.portfolio-consciences__intro > * { min-width: 0; }
.portfolio-consciences h2 { margin: 0; font-size: clamp(32px, 3.4vw, 46px); line-height: 1.05; letter-spacing: -.025em; }
.portfolio-consciences h2 span { color: #99caff; }
.portfolio-consciences__intro p:not(.portfolio-kicker) { max-width: 50ch; margin: 21px 0; color: #b9cadc; font-size: 17px; line-height: 1.65; }
.portfolio-consciences .portfolio-film-button { color: #c1ddfb; min-height: 44px; }
.portfolio-consciences__visual { position: relative; }
.portfolio-consciences .hero-tech-visual { position: relative; display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 16/9; margin: 0; border-radius: 20px; border: 1px solid #496886; }
.portfolio-consciences .hero-tech-visual picture { position: absolute; inset: -3px; }
.portfolio-consciences .hero-tech-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; }
.portfolio-consciences .hero-tech-visual figcaption { bottom: 12px; right: 12px; font-size: 11px; letter-spacing: 0; }
.portfolio-consciences .motion-toggle { top: 12px; right: 12px; min-height: 34px; padding: 0 10px; font: 600 11px/1.4 "quador"; letter-spacing: 0; text-transform: none; }
.portfolio-conscience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; margin-top: 36px; }
.portfolio-conscience-grid article { padding: 25px 0 0; border-top: 1px solid #47607b; min-width: 0; }
.portfolio-conscience-grid .portfolio-kicker { margin-bottom: 14px; font-size: 11px; }
.portfolio-conscience-grid h3 { margin: 0 0 10px; font-size: 35px; line-height: 1.1; }
.portfolio-conscience-grid p { max-width: 34ch; margin: 10px 0; color: #b9cadc; font-size: 16px; line-height: 1.6; }
.portfolio-conscience-grid .portfolio-conscience-question { color: #b3d5ff; font: 600 18px/1.5 "quador"; }
.portfolio-conscience-grid a { display: inline-flex; align-items: center; min-height: 44px; color: #deecfe; font: 600 14px/1.5 "quador"; text-decoration: underline; text-underline-offset: 4px; }
.portfolio-consciences__note { margin: 26px 0 0; color: #9eb4cb; font-size: 13px; line-height: 1.6; }

/* Company and contact: one explanation, two useful next steps. */
.portfolio-company { background: #fbfbf8; }
.portfolio-company__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; padding-top: 32px; border-top: 1px solid #cfdae2; }
.portfolio-company__principle h3 { margin: 0; font-size: 36px; line-height: 1.1; letter-spacing: -.025em; }
.portfolio-company__principle > p { max-width: 45ch; margin: 18px 0; color: #5a6c7b; font-size: 17px; line-height: 1.65; }
.portfolio-company__details dl { margin: 0; }
.portfolio-company__details dl > div { display: grid; grid-template-columns: 106px 1fr; gap: 20px; padding: 13px 0; border-bottom: 1px solid #dce3e9; }
.portfolio-company__details dt { color: #597080; font: 600 13px/1.6 "quador"; }
.portfolio-company__details dd { margin: 0; color: #27445c; font-size: 16px; line-height: 1.6; }
.portfolio-company__details > p { margin: 23px 0 0; color: #607080; font-size: 14px; line-height: 1.65; }
.portfolio-company__details strong { color: #375975; font: 600 14px/1.65 "quador"; }
.portfolio-licensing { background: #e8f1fc; border-top: 1px solid #d3dfed; }
.portfolio-inquiries { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.portfolio-inquiries article { padding: 31px; border: 1px solid #bfcfe0; border-radius: 19px; background: #f9fcffd6; }
.portfolio-inquiries h3 { margin: 0; font-size: 31px; line-height: 1.15; }
.portfolio-inquiries p { max-width: 45ch; margin: 15px 0 23px; color: #526d87; font-size: 17px; line-height: 1.65; }
.portfolio-contact-address { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 22px; margin-top: 32px; }
.portfolio-contact-address > a { color: #174c7b; font: 400 clamp(20px, 2.5vw, 28px)/1.4 "richmond-display"; text-decoration: underline; text-underline-offset: 6px; overflow-wrap: anywhere; }
.portfolio-contact-address .copy-email { min-height: 44px; border: 1px solid #90aac5; color: #2b5074; background: #fff9; }
.portfolio-contact-address > small { display: block; flex-basis: 100%; color: #52687b; font-size: 14px; line-height: 1.6; }
.portfolio-footer { padding: 43px 0 30px; color: #bdccda; background: #06182e; }
.portfolio-footer__top { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; align-items: start; }
.portfolio-footer .footer-brand-copy > strong { display: block; color: #f4f8fe; font: 400 27px/1.2 "richmond-display"; }
.portfolio-footer .footer-brand-copy > span { display: block; margin-top: 8px; color: #9eb2c7; }
.portfolio-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0 23px; }
.portfolio-footer nav a { display: inline-flex; align-items: center; min-height: 38px; font: 600 13px/1.5 "quador"; color: #d0deed; }
.portfolio-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
.portfolio-footer__bottom { display: flex; align-items: start; justify-content: space-between; gap: 50px; margin-top: 32px; padding-top: 22px; border-top: 1px solid #294158; }
.portfolio-footer__bottom p { max-width: 90ch; margin: 0; color: #97abc0; font-size: 12px; line-height: 1.65; }
.portfolio-footer__bottom > div { display: flex; flex-shrink: 0; gap: 20px; font-size: 12px; }

/* Shared family detail layouts; legacy explainer styles remain the fallback. */
.family-page { background: #f3f6f9; color: #19374f; }
.family-page .tech-main { padding-top: 34px; }
.family-page .crumb { color: #3c6b92; font: 600 12px/1.6 "quador"; letter-spacing: 0; text-transform: none; }
.family-page .family-hero { display: grid; grid-template-columns: 1fr 1.08fr; align-items: center; gap: 36px; padding: 38px; border: 1px solid #d6e1eb; background: #ffffffa8; box-shadow: 0 20px 55px #1739550a; backdrop-filter: none; }
.family-hero-copy { min-width: 0; }
.family-page .family-hero h1 { margin: 0; color: #123555; font-size: clamp(37px, 4.8vw, 62px); line-height: 1.04; letter-spacing: -.035em; text-wrap: initial; }
.family-page .family-hero .tech-kicker { font-size: 12px; line-height: 1.5; letter-spacing: .07em; }
.family-page .family-hero .tech-lead { margin: 22px 0 0; color: #4d657b; font: 400 clamp(19px, 1.8vw, 23px)/1.6 "richmond-display"; }
.family-hero-art { min-width: 0; margin: 0; border: 1px solid #d8e2eb; border-radius: 17px; overflow: hidden; background: #edf4f9; }
.family-hero-art img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; }
.family-hero-art figcaption { margin: 0; padding: 12px 16px; color: #5c7388; background: #ffffffc9; font: 400 13px/1.6 "richmond-display"; }
.family-page .tech-grid { gap: 20px; margin-top: 25px; }
.family-page .tech-card { border: 1px solid #d6e0e9; background: #ffffffb8; padding: 30px; box-shadow: none; }
.family-page .tech-card h2, .family-page .tech-wide h2 { font-size: 31px; line-height: 1.15; letter-spacing: -.025em; }
.family-page .tech-card h3, .family-page .tech-wide h3 { font-size: 25px; line-height: 1.2; letter-spacing: -.02em; }
.family-page .tech-card p, .family-page .tech-card li { font-size: 17px; line-height: 1.7; color: #50677b; }
.family-page .tech-wide { margin-top: 20px; }
.family-page .tech-wide .tech-card { padding: 32px; }
.family-page .tech-links a { min-height: 44px; font-family: "quador"; font-weight: 600; line-height: 1.5; text-transform: none; letter-spacing: 0; }
.family-page .tech-contact { align-items: flex-start; margin-top: 30px; padding: 30px; }
.family-page .tech-contact strong { display: block; font: 400 28px/1.2 "richmond-display"; }
.family-page .tech-contact p { font-size: 16px; line-height: 1.6; }
.family-page .tech-contact a { display: inline-flex; align-items: center; min-height: 44px; font: 600 14px/1.5 "quador"; letter-spacing: 0; text-transform: none; overflow-wrap: anywhere; }
.family-page .tech-contact a[href^="mailto:"] { word-break: normal; }
.family-page .tech-disclosure { color: #5c7185; font: 400 14px/1.7 "richmond-display"; }

@media (min-width: 1081px) {
  .family-page .tech-nav .trail { display: flex; gap: 20px; align-items: center; font: 600 13px/1.5 "quador"; letter-spacing: 0; text-transform: none; }
  .family-page .tech-nav .trail a { display: inline-flex; align-items: center; min-height: 44px; }
  .family-page .tech-nav .detail-menu { display: none; }
}
@media (max-width: 64rem) {
  .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .portfolio-card h3 { font-size: 29px; }
  .portfolio-card p { font-size: 16px; }
  .portfolio-card__copy { padding: 22px; }
  .corporate-hero__title { font-size: clamp(30px, 3.7vw, 40px); }
  .corporate-hero__title > .corporate-hero__accent { font-size: clamp(53px, 7vw, 76px); }
  .portfolio-home .wrap { width: calc(100% - 40px); }
  .portfolio-application-grid { gap: 0 28px; }
  .portfolio-application-grid h3 { font-size: 25px; }
  .family-page .family-hero { padding: 29px; gap: 26px; }
}
@media (max-width: 800px) {
  /* Balance mobile headings while preserving authored phrase breaks. */
  .corporate-hero__title, .portfolio-card h3, .family-page .family-hero h1 { text-wrap: balance; }
  .corporate-hero { padding-top: 111px; }
  .corporate-hero__grid { grid-template-columns: 1fr; gap: 28px; }
  .corporate-hero__title { max-width: 20ch; font-size: clamp(32px, 5.7vw, 47px); }
  .corporate-hero__title > .corporate-hero__accent { font-size: clamp(58px, 10vw, 82px); }
  .corporate-hero__lead { max-width: 58ch; }
  .corporate-hero__art img { height: auto; aspect-ratio: 16/9; object-position: 70% 50%; }
  .corporate-hero__art figcaption { font-size: 14px; }
  .portfolio-section { padding: 66px 0; }
  .portfolio-section__head { gap: 24px; }
  .portfolio-section__head h2 { font-size: 42px; }
  .portfolio-section__head > p, .portfolio-section__head > div > p:not(.portfolio-kicker) { font-size: 17px; }
  .portfolio-film-link { grid-template-columns: 76px 1fr; padding: 20px; gap: 22px; }
  .portfolio-film-link > img { width: 76px; }
  .portfolio-film-link__duration { display: none; }
  .portfolio-application-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .portfolio-consciences__intro { gap: 28px; grid-template-columns: 1fr; }
  .portfolio-consciences__visual { max-width: 610px; }
  .portfolio-consciences h2 { font-size: 40px; }
  .portfolio-conscience-grid { gap: 22px; }
  .portfolio-company__grid { gap: 32px; }
  .portfolio-footer__top { grid-template-columns: 1fr; gap: 25px; }
  .portfolio-footer nav { justify-content: flex-start; }
  .portfolio-footer__bottom { flex-direction: column; gap: 15px; }
  .family-page .family-hero { grid-template-columns: 1fr; }
  .family-page .family-hero h1 { font-size: clamp(38px, 7vw, 58px); }
  .family-page .family-hero .tech-lead { max-width: 55ch; }
}
@media (max-width: 600px) {
  .portfolio-home .wrap { width: calc(100% - 32px); }
  .portfolio-home .nav { min-height: 78px; }
  .portfolio-home .brand { gap: 9px; }
  .portfolio-home .brand strong { font-size: 22px; }
  .portfolio-home .brand small { font-size: 11px; }
  .portfolio-home .brand-constellation { width: 43px; height: 43px; flex-basis: 43px; }
  .corporate-hero { padding: 105px 0 26px; }
  .corporate-hero__copy { padding: 0; }
  .corporate-hero .portfolio-kicker { font-size: 11px; }
  .corporate-hero__rank { font-size: 21px; }
  .corporate-hero__title { font-size: clamp(29px, 7.5vw, 42px); max-width: 20ch; }
  .corporate-hero__title > .corporate-hero__accent { font-size: clamp(54px, 14.3vw, 80px); }
  .corporate-hero__lead { font-size: 17px; margin-top: 20px; }
  .corporate-hero__business { font-size: 13px; }
  .portfolio-actions { gap: 10px; margin-top: 21px; }
  .portfolio-home .button { font-size: 13px; padding: 12px 15px; }
  .corporate-hero__art { border-radius: 17px; }
  .corporate-hero__art figcaption { padding: 13px 15px; }
  .corporate-hero__disclosure { margin-top: 19px; font-size: 12px; }
  .portfolio-section { padding: 56px 0; }
  .portfolio-section__head { grid-template-columns: 1fr; gap: 20px; margin-bottom: 28px; }
  .portfolio-section__head h2 { font-size: clamp(36px, 9vw, 46px); }
  .portfolio-kicker { font-size: 12px; margin-bottom: 15px; }
  .portfolio-grid { gap: 12px; }
  .portfolio-card { border-radius: 13px; }
  .portfolio-card__copy { padding: 16px 13px 19px; }
  .portfolio-card h3 { font-size: 23px; margin: 9px 0 11px; }
  .portfolio-card p { font-size: 14px; line-height: 1.6; }
  .portfolio-film-link { gap: 16px; padding: 18px; grid-template-columns: 64px 1fr; }
  .portfolio-film-link > img { width: 64px; align-self: start; }
  .portfolio-film-link h3 { font-size: 26px; }
  .portfolio-film-link p { font-size: 15px; }
  .portfolio-film-link__label { font-size: 13px; }
  .portfolio-play { flex-basis: 28px; width: 28px; height: 28px; }
  .portfolio-application-grid { gap: 0 22px; }
  .portfolio-application-grid h3 { font-size: 23px; }
  .portfolio-text-links { gap: 3px 13px; }
  .portfolio-text-links a { font-size: 13px; }
  .portfolio-consciences h2 { font-size: clamp(28px, 7.3vw, 40px); }
  .portfolio-consciences__intro p:not(.portfolio-kicker) { font-size: 17px; }
  .portfolio-conscience-grid { grid-template-columns: 1fr; gap: 15px; margin-top: 30px; }
  .portfolio-conscience-grid article { padding-top: 23px; }
  .portfolio-conscience-grid h3 { font-size: 32px; }
  .portfolio-conscience-grid p { max-width: none; }
  .portfolio-company__grid, .portfolio-inquiries { grid-template-columns: 1fr; }
  .portfolio-company__principle h3 { font-size: 33px; }
  .portfolio-company__details dl > div { grid-template-columns: 92px 1fr; gap: 16px; }
  .portfolio-inquiries { gap: 15px; }
  .portfolio-inquiries article { padding: 25px; }
  .portfolio-inquiries h3 { font-size: 29px; }
  .portfolio-contact-address { gap: 12px; }
  .portfolio-contact-address > a { flex-basis: 100%; font-size: clamp(20px, 5.6vw, 27px); }
  .portfolio-footer nav { gap: 0 19px; }
  .family-page .tech-main { padding-top: 24px; }
  .family-page .family-hero { gap: 26px; padding: 25px 21px; border-radius: 22px; }
  .family-page .family-hero .tech-lead { margin-top: 19px; font-size: 20px; }
  .family-page .tech-card, .family-page .tech-wide .tech-card { padding: 26px 23px; }
  .family-page .tech-card h2, .family-page .tech-wide h2 { font-size: 28px; }
  .family-page .tech-contact { padding: 27px 23px; }
}
@media (max-width: 23rem) {
  .portfolio-grid { grid-template-columns: minmax(0, 1fr); }
  .portfolio-card__copy { padding: 20px; }
  .portfolio-card h3 { font-size: 28px; }
  .portfolio-card p { font-size: 16px; }
  .portfolio-application-grid { grid-template-columns: 1fr; }
  .portfolio-application-grid h3 { font-size: 27px; }
  .portfolio-film-link { grid-template-columns: 1fr; }
  .portfolio-film-link > img { width: 70px; }
  .family-page .family-hero { padding: 23px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .portfolio-home { scroll-behavior: auto; }
  .portfolio-home *, .portfolio-home *::before, .portfolio-home *::after { animation: none !important; transition: none !important; }
}

/* Legal pages retain their policy text and use the shared Adobe type roles. */
.legal-page { font-family: "richmond-display"; font-weight: 400; font-synthesis: none; }
.legal-page h1, .legal-page h2, .legal-page h3 { font-family: "richmond-display"; font-weight: 400; font-style: normal; font-synthesis: none; }
.legal-page h2 { font-size: 27px; line-height: 1.2; letter-spacing: -.015em; }
.legal-page strong, .legal-page .back { font-family: "quador"; font-weight: 600; }
.legal-page a:focus-visible, .legal-page summary:focus-visible { outline: 3px solid #2471d6; outline-offset: 4px; }
@media (max-width: 600px) {
  .legal-page h2 { font-size: 24px; }
  .legal-page .detail-menu { float: none; width: fit-content; margin-top: 20px; }
  .legal-page .detail-menu-links { left: 0; right: auto; max-width: calc(100vw - 28px); }
}