:root{--ink:#0b1012;--ink-2:#172024;--muted:#5b6668;--surface:#f6f7f3;--white:#fff;--line:#dce2dd;--darkline:rgba(255,255,255,.15);--accent:#c8ff9c;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--display:var(--font);--width:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid #6ca644;outline-offset:4px}a,button{ -webkit-tap-highlight-color:transparent}.shell{width:min(calc(100% - 104px),var(--width));margin-inline:auto}.dark-section{color:#f5f6f3;background:var(--ink)}.section-space{padding:132px 0}.section-index{margin:0;font-size:11px;font-weight:750;letter-spacing:.18em;color:#727e79}.skip-link{position:fixed;top:-100px;left:16px;background:#e6ffc8;color:#000;padding:12px 18px;z-index:300}.skip-link:focus{top:12px}.progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--accent);z-index:200;pointer-events:none}.site-header{height:88px;position:absolute;top:0;left:0;right:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.nav-shell{height:100%;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:159px;height:auto}.brand-divider{height:27px;width:1px;background:#667171}.brand-suffix{font-weight:700;letter-spacing:.23em;font-size:8px;line-height:1.8;color:#b6bdb9}.desktop-nav{display:flex;align-items:center;gap:37px;margin-left:auto}.desktop-nav a{font-size:13px;color:#cdd2ce;transition:color .2s}.desktop-nav a:hover{color:var(--accent)}.nav-cta{font-size:12px;font-weight:730;border:1px solid #4a5554;border-radius:99px;padding:14px 18px;margin-left:12px;display:flex;gap:20px;white-space:nowrap;transition:background .2s,color .2s}.nav-cta:hover{background:#fff;color:var(--ink)}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.hero{min-height:830px;position:relative;overflow:hidden;padding-top:88px;background:#090f11}.hero-ambient{position:absolute;pointer-events:none;filter:blur(4px)}.hero-ambient-a{width:800px;height:800px;right:-300px;top:-200px;background:radial-gradient(circle,rgba(43,66,53,.24) 0%,transparent 68%)}.hero-ambient-b{width:600px;height:600px;left:-390px;bottom:-310px;background:radial-gradient(circle,rgba(69,96,64,.16) 0%,transparent 68%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:32px;min-height:690px}.hero-content{padding-top:20px;padding-bottom:40px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;color:#d9e2dc;font-size:10px;letter-spacing:.2em;font-weight:720;white-space:nowrap;margin:0 0 33px}.pulse-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px rgba(200,255,156,.6);flex:none}.eyebrow-index{color:#63726c;font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(59px,5.3vw,89px);line-height:1.075;letter-spacing:-.068em;font-weight:650;margin:0 0 29px;white-space:nowrap}.headline-emphasis{color:#aeb8b0;font-family:Georgia,Times,serif;font-style:italic;font-weight:400;letter-spacing:-.052em}.headline-period{color:var(--accent)}.hero-lede{color:#aebbb5;font-size:16px;line-height:1.83;max-width:480px;margin:0}.hero-actions{display:flex;gap:24px;align-items:center;margin:38px 0 78px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border-radius:99px;padding:17px 21px;font-size:12px;font-weight:740;letter-spacing:.005em;white-space:nowrap;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:var(--ink)}.button-primary:hover{background:#dcffbf}.button-text{color:#d4dbd6;padding-left:0;padding-right:0;border-radius:0;border-bottom:1px solid #50615b}.button-text:hover{color:var(--accent)}.hero-proof{display:flex;gap:27px}.hero-proof>div{display:grid;grid-template-columns:24px auto;gap:7px 9px;align-items:center;min-width:135px}.proof-line{width:21px;height:1px;background:var(--accent)}.hero-proof strong{font-weight:500;color:var(--accent);font-size:10px;letter-spacing:.08em}.hero-proof div>span:last-child{grid-column:1/-1;color:#8b9a93;font-size:11px}.hero-art{height:588px;position:relative;isolation:isolate;max-width:630px;width:100%;margin-left:auto;overflow:hidden;background:radial-gradient(circle at 49% 47%,rgba(42,64,51,.35) 0%,rgba(10,18,19,.2) 38%,transparent 68%);border:1px solid rgba(224,243,227,.13);border-radius:4px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:47px 47px;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}.art-topline,.art-bottomline{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#839289;z-index:4}.art-topline{top:24px}.art-topline span:first-child{display:flex;align-items:center;gap:8px}.art-topline i{display:block;width:6px;height:6px;border:1px solid var(--accent);border-radius:50%}.art-bottomline{bottom:24px}.art-bottomline span:last-child{font-size:16px;color:var(--accent)}.art-connectors{position:absolute;inset:0;width:100%;height:100%;color:#a5d8af}.emblem-wrap{position:absolute;width:250px;height:250px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.emblem-wrap img{width:100%;height:100%;position:relative;z-index:2;border-radius:30px;box-shadow:0 20px 85px rgba(0,0,0,.4)}.emblem-halo{position:absolute;inset:-24px;border-radius:50%;border:1px solid rgba(200,255,156,.18);animation:halo-spin 28s linear infinite}.emblem-halo:before{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--accent)}@keyframes halo-spin{to{transform:rotate(360deg)}}.orbit-label{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid rgba(175,220,184,.27);background:#101c1b;box-shadow:0 6px 30px rgba(0,0,0,.25);font-weight:750;font-size:9px;letter-spacing:.1em;color:#e2f6e6}.orbit-label small{font-size:9px;font-weight:400;color:#789c83}.label-dot{display:block;width:5px;height:5px;background:var(--accent);border-radius:50%}.label-identity{top:14%;left:7%}.label-integrate{top:16%;right:4%}.label-intelligence{bottom:17%;left:5%}.label-operations{bottom:20%;right:4%}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;color:#7e9188;letter-spacing:.14em;font-size:9px;font-weight:700}.hero-bottom a{display:flex;gap:14px;align-items:center}.hero-bottom a:hover{color:var(--accent)}.hero-bottom a span{font-size:20px;font-weight:400}.belief-strip{background:#d9ffb8;padding:29px 0}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.strip-small{font-size:10px;letter-spacing:.16em;font-weight:750}.strip-inner p{margin:0;font-size:17px;font-weight:570;letter-spacing:-.035em}.strip-inner p span{margin:0 16px;color:#698358}.intro{background:#f7f8f5}.intro-layout{display:grid;grid-template-columns:22% 1fr}.section-sidebar{display:flex;flex-direction:column;justify-content:space-between}.small-cross{font-size:29px;color:#88968b}.intro h2,.section-head h2,.principles h2,.approach h2{margin:0;font-size:clamp(45px,5vw,76px);font-weight:600;letter-spacing:-.068em;line-height:1.09}.intro h2 span,.section-head h2 span,.approach h2 span{font-family:Georgia,Times,serif;font-style:italic;font-weight:400;color:#7f8982;letter-spacing:-.06em}.intro-columns{display:grid;grid-template-columns:1.05fr .75fr;gap:12%;margin-top:57px}.intro-large{font-size:clamp(20px,2.1vw,29px);line-height:1.5;letter-spacing:-.035em;margin:0;max-width:500px}.intro-secondary p{margin:0 0 16px;font-size:14px;line-height:1.9;color:#5c6863}.inline-link{display:inline-flex;gap:32px;margin-top:15px;border-bottom:1px solid #15221d;font-size:12px;font-weight:730;padding-bottom:10px}.inline-link:hover{color:#547547}.portfolio{background:#e8ece7}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:56px}.section-head h2{margin-top:25px}.section-aside{margin:0 0 3px;max-width:320px;font-size:14px;color:#55645b;line-height:1.9}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{background:#f9faf7;min-height:433px;border:1px solid #dfe6de;padding:28px 29px;display:flex;flex-direction:column;position:relative;transition:transform .25s,border .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);border-color:#acc1a5;box-shadow:0 15px 35px rgba(13,34,16,.05)}.product-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-no,.status{font-size:9px;letter-spacing:.115em;font-weight:790;white-space:nowrap}.product-no{color:#86938a}.status{display:inline-flex;align-items:center;gap:5px;color:#557c47}.status i{height:5px;width:5px;border-radius:50%;background:#6aa55a}.status-planned{color:#927f53}.status-planned i{background:#bca26d}.status-concept{color:#7f8580}.status-concept i{background:#b0b7b0}.product-icon{margin:40px 0 37px;width:77px;height:77px;display:grid;place-items:center;border:1px solid #e0e7df;background:#eff3ed}.product-icon svg{width:45px;height:45px;fill:none;stroke:#2b4636;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.product-text h3{font-size:29px;line-height:1.13;letter-spacing:-.055em;margin:0 0 7px;font-weight:650}.product-subtitle{font-weight:720;font-size:12px;color:#61756b!important;margin:0 0 16px!important}.product-text>p:last-child{font-size:13px;line-height:1.78;color:#637269;margin:0 0 28px;max-width:350px}.product-end{display:flex;justify-content:space-between;margin-top:auto;font-size:9px;color:#829086;letter-spacing:.11em;font-weight:740;border-top:1px solid #dce4db;padding-top:16px}.product-end span{font-size:16px;color:#263f2e}.portfolio-note{display:flex;gap:10px;align-items:flex-start;margin:26px 0 0;color:#78867b;font-size:11px;line-height:1.7}.portfolio-note span{font-size:17px;line-height:1}.principles{background:#0c1213}.principles .section-index{color:#b7c69f}.principles-head{display:grid;grid-template-columns:1fr 2.2fr .9fr;align-items:end;gap:20px;margin-bottom:56px}.principles-head .section-index{align-self:start;margin-top:15px}.principles-head h2 span{font-family:Georgia,Times,serif;font-style:italic;font-weight:400;color:#a5b6a6}.principles-head>p{margin:0 0 7px;color:#9ba99f;font-size:13px;line-height:1.9}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:315px 315px;gap:12px}.principle{border:1px solid rgba(255,255,255,.15);padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.principle-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;font-weight:750;color:#b7c8bd;position:relative;z-index:2}.principle-top span:last-child{font-size:16px}.principle h3{font-size:29px;letter-spacing:-.045em;line-height:1.12;margin:0 0 15px;font-weight:600;position:relative;z-index:2}.principle h3 em{font-family:Georgia,Times,serif;font-weight:400;color:#9fac9d}.principle p{color:#aebbb0;font-size:12px;line-height:1.78;max-width:310px;margin:0;position:relative;z-index:2}.principle-feature{grid-column:span 2;grid-row:span 2;background:radial-gradient(circle at 70% 30%,rgba(67,104,78,.18),transparent 48%),#182422;padding:32px}.principle-feature h3{font-size:48px;line-height:1.14}.principle-feature p{max-width:370px;font-size:14px}.interconnect-visual{position:absolute;inset:65px 5% 160px 35%;opacity:.9}.interconnect-visual:before,.interconnect-visual:after{content:"";position:absolute;border:1px solid rgba(198,255,164,.2);border-radius:50%;width:78%;aspect-ratio:1;top:0;left:10%}.interconnect-visual:after{width:54%;left:22%;top:12%;border-style:dashed}.interconnect-visual span{position:absolute;width:32px;height:32px;border-radius:50%;border:1px solid #bfff9f;z-index:2;background:#203c2e;box-shadow:0 0 0 8px rgba(191,255,159,.04)}.interconnect-visual span:nth-child(1){top:15%;left:47%}.interconnect-visual span:nth-child(2){top:42%;left:14%}.interconnect-visual span:nth-child(3){top:64%;left:74%}.interconnect-visual span:nth-child(4){top:75%;left:30%}.interconnect-visual span:nth-child(5){top:25%;left:81%}.interconnect-visual i{position:absolute;top:48%;left:42%;width:110px;height:110px;border:1px solid #c8ff9c;border-radius:50%;background:#172c21;box-shadow:0 0 60px rgba(191,255,159,.06)}.principle-light{background:#d9ffb8;color:#13221a;border:0}.principle-light .principle-top{color:#597353}.principle-light p{color:#495f4e}.principle-mid{background:#172020}.line-symbol{font-family:Georgia,serif;font-size:82px;font-weight:400;line-height:1;align-self:flex-end;color:#9fe27e;opacity:.8}.principle-light .line-symbol{color:#477a48}.approach{background:#f9faf7}.approach-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:55px}.approach-head h2{margin-top:25px}.approach-head>p{max-width:350px;color:#58645d;font-size:14px;line-height:1.85;margin:0 0 4px}.process-list{border-top:1px solid #c5cfc5}.process-row{display:grid;grid-template-columns:12% 30% 1fr 48px;align-items:center;gap:20px;min-height:143px;border-bottom:1px solid #c5cfc5;transition:padding .2s}.process-row:hover{padding-left:10px}.process-no{font-size:12px;color:#819186;font-weight:740;letter-spacing:.1em}.process-row h3{font-size:clamp(29px,3.2vw,45px);letter-spacing:-.06em;font-weight:610;margin:0}.process-row p{max-width:415px;font-size:14px;color:#67766a;line-height:1.7;margin:0}.process-arrow{font-size:28px;justify-self:end;color:#819186}.connect{background:#d9ffb8}.connect-shell{min-height:365px;display:flex;flex-direction:column;justify-content:space-between}.connect-top{display:flex;align-items:center;justify-content:space-between}.connect-top .section-index{color:#385239}.connect-symbol{font-size:38px;line-height:.8}.connect-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.connect h2{font-size:clamp(50px,6vw,90px);line-height:1.08;letter-spacing:-.075em;margin:0 0 22px;font-weight:620}.connect h2 em{font-family:Georgia,serif;font-weight:400}.connect p{font-size:14px;line-height:1.8;color:#49604a;max-width:460px;margin:0}.button-dark{background:#101919;color:#f7faf4;padding:20px 24px;margin-bottom:5px}.button-dark:hover{background:#2c3b32}.footer{background:#0b1012}.footer-main{padding:100px 0 115px;display:flex;justify-content:space-between;gap:100px}.footer-brand img{width:230px;height:auto}.footer-brand p{color:#91a39a;font-size:15px;line-height:1.8;margin:25px 0 0}.footer-links{display:flex;gap:125px;min-width:330px}.footer-links>div{display:flex;flex-direction:column;gap:18px}.footer-links h3{font-size:10px;letter-spacing:.17em;color:#677f70;margin:0 0 9px}.footer-links a{font-size:13px;color:#c6d2ca}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#72847a;font-size:9px;letter-spacing:.11em;font-weight:710}.footer-bottom a{font-size:17px;margin-left:15px;color:#d9ffb8}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.js .reveal.is-visible{opacity:1;transform:none}}@media(max-width:1190px){.shell{width:min(calc(100% - 72px),var(--width))}.hero-grid{grid-template-columns:1fr .92fr;gap:12px}.hero h1{font-size:clamp(53px,5.35vw,72px)}.hero-art{height:530px}.orbit-label{padding:10px 11px;font-size:8px}.emblem-wrap{height:215px;width:215px}.hero-proof{gap:11px}.hero-proof>div{min-width:115px}.principles-head{grid-template-columns:1fr 2fr}.principles-head>p{grid-column:2;margin-top:12px}.brand img{width:138px}.desktop-nav{gap:21px}}@media(max-width:900px){.shell{width:min(calc(100% - 48px),var(--width))}.site-header{height:76px}.desktop-nav,.nav-cta{display:none}.brand{margin-right:auto}.brand img{width:147px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:44px;height:44px;border:1px solid #394746;border-radius:50%;background:transparent;cursor:pointer}.menu-toggle span{width:18px;height:1px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:absolute;top:76px;left:0;right:0;padding:16px 24px 24px;background:#0d1415;border-bottom:1px solid #3a4540;box-shadow:0 20px 40px rgba(0,0,0,.3)}.mobile-menu a{padding:16px 0;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);font-size:22px}.mobile-menu span{color:#97b98b;font-size:11px}.hero{padding-top:76px}.hero-grid{grid-template-columns:1fr;gap:12px;padding-top:70px}.hero-content{padding-bottom:0}.hero h1{font-size:clamp(60px,9vw,86px)}.hero-art{max-width:none;width:100%;height:500px;margin:0 0 40px}.hero-actions{margin-bottom:40px}.hero-proof{margin-bottom:24px;gap:25px}.hero-proof>div{min-width:135px}.hero-bottom{display:none}.strip-inner{flex-wrap:wrap}.intro-layout{grid-template-columns:1fr}.section-sidebar{margin-bottom:34px}.small-cross{display:none}.intro-columns{gap:7%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principles-head{grid-template-columns:1fr}.principles-head>p{grid-column:1;max-width:450px}.principles-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:360px 300px}.principle-feature{grid-column:span 2;grid-row:auto}.principle-light{grid-row:2}.principle-mid:last-child{grid-column:span 2}.principles-grid{grid-template-rows:360px 300px 300px}.approach-head{align-items:start;flex-direction:column;gap:28px}.process-row{grid-template-columns:12% 29% 1fr 24px}.connect-bottom{align-items:start;flex-direction:column;gap:32px}.footer-main{gap:35px}.footer-links{gap:55px;min-width:auto}}@media(max-width:600px){.shell{width:calc(100% - 36px)}.section-space{padding:84px 0}.site-header{height:70px}.mobile-menu{top:70px}.brand img{width:137px}.brand-divider{height:20px}.brand-suffix{font-size:7px}.hero{padding-top:70px}.hero-grid{padding-top:59px}.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:26px}.eyebrow-index{display:none}.hero h1{font-size:clamp(45px,11vw,64px);letter-spacing:-.066em;line-height:1.13;white-space:normal}.hero h1 br{display:none}.hero h1 .headline-emphasis{display:block}.hero-lede{font-size:14px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:18px;margin:28px 0 45px}.button{padding:15px 18px}.button-text{padding:13px 0}.hero-proof{gap:10px;justify-content:space-between}.hero-proof>div{min-width:0}.hero-proof div>span:last-child{font-size:9px}.hero-art{height:370px;margin-bottom:30px}.art-topline,.art-bottomline{left:14px;right:14px;font-size:7px}.art-connectors{transform:scale(1.22)}.emblem-wrap{width:165px;height:165px}.orbit-label{font-size:6px;padding:8px;gap:5px}.orbit-label small{font-size:7px}.label-identity{top:17%;left:2%}.label-integrate{top:17%;right:2%}.label-intelligence{bottom:18%;left:2%}.label-operations{bottom:18%;right:2%}.belief-strip{padding:27px 0}.strip-small{font-size:9px}.strip-inner p{font-size:13px;line-height:2}.strip-inner p span{margin:0 5px}.intro h2,.section-head h2,.principles h2,.approach h2{font-size:clamp(40px,9vw,56px)}.intro-columns{grid-template-columns:1fr;gap:30px;margin-top:34px}.intro-large{font-size:21px}.intro-secondary p{font-size:13px}.section-head{flex-direction:column;align-items:start;gap:22px;margin-bottom:34px}.section-aside{max-width:440px}.product-grid{grid-template-columns:1fr}.product-card{min-height:375px;padding:23px}.product-icon{margin:25px 0}.product-text h3{font-size:28px}.principles-head{margin-bottom:34px}.principles-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:10px}.principle,.principle-feature,.principle-light,.principle-mid:last-child{grid-column:1;grid-row:auto;min-height:290px;padding:23px}.principle-feature{min-height:405px}.principle-feature h3{font-size:35px}.interconnect-visual{inset:55px 3% 150px 20%}.line-symbol{font-size:56px}.approach-head{margin-bottom:30px}.process-row{grid-template-columns:40px 1fr 25px;gap:10px;min-height:142px;padding:24px 0}.process-row h3{font-size:32px}.process-row p{grid-column:2;grid-row:2;font-size:12px}.process-arrow{grid-column:3;grid-row:1}.process-row:hover{padding-left:0}.connect-shell{min-height:350px}.connect h2{font-size:clamp(46px,10vw,62px)}.connect-top{margin-bottom:42px}.connect p{font-size:13px}.footer-main{padding:68px 0;flex-direction:column;gap:55px}.footer-links{gap:80px}.footer-bottom{padding:24px 0;align-items:flex-start;flex-direction:column;font-size:8px;line-height:1.7}.footer-brand img{width:194px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.emblem-halo{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Refined asymmetric bento arrangement: one anchor story, three supporting principles. */
@media (min-width:901px){
  .principles-grid{grid-template-columns:1.58fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));height:780px}
  .principle-feature{grid-column:1;grid-row:1 / span 3}
  .principle-light{grid-column:2;grid-row:1}
  .principle-mid:nth-child(3){grid-column:2;grid-row:2}
  .principle-mid:nth-child(4){grid-column:2;grid-row:3}
}
@media (min-width:601px) and (max-width:900px){
  .principles-grid{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:360px 300px 300px}
  .principle-feature{grid-column:1 / span 2;grid-row:1}
  .principle-light{grid-column:1;grid-row:2}
  .principle-mid:nth-child(3){grid-column:2;grid-row:2}
  .principle-mid:nth-child(4){grid-column:1 / span 2;grid-row:3}
}
@media (max-width:600px){
  .principles-grid{height:auto;grid-template-columns:1fr;grid-template-rows:auto}
  .principle-feature,.principle-light,.principle-mid:nth-child(3),.principle-mid:nth-child(4){grid-column:1;grid-row:auto}
}
/* WCAG-minded contrast refinement for small metadata and status labels. */
.section-index{color:#55665c}
.product-no{color:#596c60}
.product-end{color:#53685a}
.status-planned{color:#745c2f}
.status-concept{color:#59675e}
.portfolio-note{color:#526357}
.principles .section-index{color:#b7c69f}
.connect-top .section-index{color:#385239}