:root{--ink:#173e37;--paper:#f4f3eb;--acid:#d6ed81;--line:#c9cec1;--muted:#52645a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:hover{color:#537928}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ad490f;outline-offset:5px}.skip{position:fixed;top:-100px;background:white;z-index:10}.skip:focus{top:5px}header{min-height:100px;display:flex;align-items:center;gap:35px;margin:0 5%;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:36px;letter-spacing:-2px;line-height:1;text-decoration:none}.brand span{color:#718c30}.brand small{display:block;font-size:11px;letter-spacing:2px;margin-top:8px;font-weight:400}nav{margin-left:auto;display:flex;gap:25px;font-size:13px}nav a{text-decoration:none}nav a[aria-current]{text-decoration:underline}.language{font-size:12px;text-decoration:none;white-space:nowrap}.language span{color:#5d6e60}main{max-width:1440px;margin:auto}section{margin:0 5%;padding:80px 0}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:70px 0 80px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.1px;text-transform:uppercase;margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(48px,5.6vw,84px);font-weight:400;line-height:1.02;letter-spacing:-3px;margin-bottom:28px}h1 em{font-weight:400;color:#6a7a35}h2{font:400 clamp(30px,3.5vw,48px)/1.12 Georgia,serif;letter-spacing:-1.4px}h3{font:400 25px/1.2 Georgia,serif}.lead{max-width:520px;font-size:17px;color:var(--muted);line-height:1.7;margin-bottom:32px}.button{display:inline-block;background:var(--ink);color:white;padding:14px 21px;text-decoration:none;font-size:13px;border:1px solid var(--ink)}.button:hover{background:#30594b;color:white}.text-link{display:block;font-size:12px;margin-top:20px}.nano-figure{background:#163e36;margin:0;position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.nano-figure:before{content:'NANO / MATÈRIA';color:#c0d6bb;font-size:10px;letter-spacing:2px;position:absolute;left:25px;top:20px}.nano-figure svg{width:100%}.nano-figure figcaption{font-size:10px;color:#d2dece;line-height:1.4;padding:0 22px 20px;max-width:350px}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.manifesto h2{max-width:750px;font-size:clamp(37px,4vw,58px)}.manifesto>p{max-width:620px;color:var(--muted)}.index{display:block;font-size:10px;letter-spacing:2px;margin-bottom:25px}.cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}.cycle>div{border-top:1px solid var(--line);padding-top:12px;position:relative}.cycle b{font-size:11px;color:#61753b;display:block}.cycle span{font-size:14px}.cycle i{position:absolute;right:0;top:17px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:30px}.section-head h2{max-width:600px;margin-bottom:0}.section-head p{max-width:360px;font-size:14px;color:var(--muted);margin-bottom:0}.section-head>a{font-size:13px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:25px}.card-visual{height:180px;background:#dedfd0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.card-visual:before,.card-visual:after{content:'';position:absolute;inset:20px;border:1px solid #71846d;border-radius:50%;transform:rotate(-30deg) scaleX(.7)}.card-visual:after{transform:rotate(35deg) scaleX(.6)}.card-visual span{font:55px Georgia,serif;z-index:1}.v1{background:#c5d9d4}.v2{background:#e3dfba}.v3{background:#d4dbc0}.v4{background:#d7d0c3}.v5{background:#d6dfdb}.card-copy{padding-top:20px}.card small{font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.card h3{margin:12px 0}.card p{font-size:13px;color:var(--muted)}.read{font-size:11px}.education{background:var(--ink);color:var(--paper);padding:65px 6%;position:relative;overflow:hidden}.education h2,.education h1{font-size:clamp(40px,5vw,66px);position:relative;z-index:1;max-width:700px}.education p:not(.eyebrow){max-width:450px;color:#d4dfd2;font-size:15px;position:relative;z-index:1}.light{background:var(--acid);color:var(--ink);border:0}.edu-mark{position:absolute;right:8%;top:20px;font-family:Georgia,serif;font-size:260px;line-height:1.3;color:#81a28b;opacity:.35;letter-spacing:-40px;pointer-events:none}.edu-mark span{color:var(--acid)}footer{border-top:1px solid var(--line);margin:30px 5% 0;padding:35px 0 45px;display:flex;gap:35px;align-items:center;font-size:13px}footer p{margin:0}footer small{font-size:10px;color:var(--muted)}footer>a:last-child{margin-left:auto;font-size:11px}.page-intro{padding-bottom:45px;max-width:1060px}.page-intro h1{font-size:clamp(44px,6vw,76px)}.page-intro .lead{max-width:760px}.prose{max-width:760px;margin:0 auto;padding:20px 30px 65px}.prose p{font-size:17px;line-height:1.9}.prose h2{margin-top:40px;font-size:31px}.prose a{overflow-wrap:anywhere}.meta{font-size:11px;color:var(--muted)}.source-box{background:#e7eadc;padding:20px 30px;margin-top:45px}.source-box p{font-size:13px}.source-box h2{margin-top:0;font-size:26px}.scale-panel{background:#e6eadb;padding:40px 5%}.scale-panel label{display:block;font-size:15px}.scale-panel input{width:min(100%,600px);accent-color:var(--ink);margin:25px 0}.scale-panel p{font-size:13px}.cubes{display:flex;gap:12px;margin:20px 0}.cubes span{width:40px;height:40px;background:var(--ink);display:block}.notice{background:#e6eadb;padding:16px 22px;margin:20px 5% 40px;font-size:13px}.prose .notice{margin:25px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 5% 35px}.filters button{font:inherit;font-size:12px;border:1px solid #829174;border-radius:0;padding:9px 15px;background:transparent;color:var(--ink);cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:white}main>.cards{margin:0 5% 65px;row-gap:45px}.method{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.method>div{border-top:1px solid var(--line);padding-top:15px}.method b{font-size:12px;color:#607238}.method h3{margin-top:15px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:0}.timeline p{font-size:14px;color:var(--muted)}.contact{background:#e4e8d5;padding:50px 5%;margin-bottom:40px}.contact p{max-width:600px}.contact small{font-size:11px}[hidden]{display:none!important}#empty{margin:30px 5% 80px}@media(min-width:1500px){header,footer{max-width:1296px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){header{flex-wrap:wrap;padding:20px 0;gap:20px}nav{order:3;width:100%;margin:0;justify-content:space-between;gap:12px}.language{margin-left:auto}.hero{gap:30px}h1{letter-spacing:-2px}.nano-figure{min-height:350px}.cards{gap:18px}.card h3{font-size:23px}.method{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{min-height:auto}.brand{font-size:30px}nav{overflow-x:auto;font-size:11px;padding-bottom:6px}nav a{white-space:nowrap}.hero{grid-template-columns:1fr;padding-top:40px}h1{font-size:53px}.hero .lead{font-size:15px}.nano-figure{min-height:300px}.nano-figure svg{max-height:330px}section{padding:50px 0}.section-head{display:block}.section-head p,.section-head>a{display:block;margin-top:20px}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:105px 1fr;gap:18px}.card-visual{height:130px}.card-visual span{font-size:33px}.card-copy{padding-top:0}.card small{font-size:8px}.card h3{font-size:23px;margin:7px 0}.card p{font-size:12px}.cycle{grid-template-columns:repeat(2,1fr);gap:25px}.education{padding:40px 25px}.education h2,.education h1{font-size:43px}.edu-mark{font-size:190px;right:30px;top:100px}.education p:not(.eyebrow){max-width:95%}.timeline{grid-template-columns:1fr;gap:20px}.timeline h3{margin-bottom:8px}.prose{padding:10px 6% 40px}.prose p{font-size:16px}.page-intro h1{font-size:46px}.source-box{padding:20px}footer{flex-wrap:wrap;gap:20px}footer>a:last-child{margin-left:0}.cubes{gap:5px}.cubes span{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

html[lang="es"] .nano-figure:before{content:"NANO / MATERIA"}.v6{background:#d1d8d6}.v7{background:#dcd5ba}

/* Original visuals and a more generous editorial rhythm. */
.education-photo img{height:auto}
.photo{background:#fff}.photo:before,.photo:after{display:none}.photo img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.card:hover .photo img{transform:scale(1.035)}
.publications{border-top:1px solid var(--line)}.publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.publication-card{display:block;text-decoration:none;background:#fff;box-shadow:0 1px 0 #ccd2c3;overflow:hidden}.publication-image{height:190px;background:#eff2eb;overflow:hidden;display:flex;align-items:center;justify-content:center}.publication-image img{height:100%;width:100%;object-fit:cover}.publication-image.model-image{background:white}.publication-image.model-image img{object-fit:contain}.publication-card>div:last-child{padding:25px}.publication-card small{font-size:10px;letter-spacing:1.2px;color:#4e694a}.publication-card h3{font-size:27px;margin:13px 0}.publication-card p{font-size:14px;color:var(--muted)}.publication-card span{font-size:12px;border-bottom:1px solid #a5b58c;padding-bottom:3px}.publication-card:hover{box-shadow:0 5px 25px #183f3712}
.education.home-education{padding-right:46%;min-height:395px}.home-robot{position:absolute;width:35%;height:85%;object-fit:contain;right:4%;top:8%;background:white;border-radius:50%}.education.home-education h2{font-size:clamp(36px,4vw,59px)}
.education-photo{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.education-photo h1{font-size:clamp(42px,5vw,69px)}.education-photo figure{background:#fff;margin:0;position:relative;transform:rotate(2deg);box-shadow:8px 10px 0 #cce87a}.education-photo img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:15px}.education-photo figcaption{font-size:10px;color:var(--ink);padding:5px 16px 16px;letter-spacing:1px}.education-photo .button{margin-top:10px}
.robot-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.robot-gallery a{background:white;display:block;text-decoration:none}.robot-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:10px}.robot-gallery a>span{display:block;font-size:11px;color:var(--muted);padding:10px 16px;border-top:1px solid #edf0e7}.robot-gallery b{float:right;font-size:15px;font-weight:400}.image-credit{font-size:10px;color:var(--muted);margin-top:17px;letter-spacing:.3px}.gallery-section{padding-top:15px}.gallery-section h2{font-size:clamp(35px,4vw,53px)}
.visual-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;background:#e8ecdd;padding:60px 5%;align-items:start}.visual-feature>div{padding-top:20px}.visual-feature>div>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:15px}.visual-feature>div>a{font-size:13px}.infographic{margin:25px 0 40px;background:white;border:1px solid #dce3d2}.infographic>a{display:block}.infographic img{display:block;width:100%;height:auto}.infographic figcaption{padding:22px 25px}.infographic h3{font-size:25px;margin-bottom:14px}.infographic p{font-size:14px!important;line-height:1.7!important}.infographic small{font-size:10px;line-height:1.6;color:var(--muted)}.visual-feature>.infographic{margin:0}.visual-feature>.infographic figcaption{padding:20px}.visual-feature>.infographic p,.visual-feature>.infographic h3{display:none}
.nano-resources{border-bottom:1px solid var(--line);padding-top:50px}.nano-resources>p{max-width:650px;color:var(--muted)}.resource-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.resource-links a{padding:15px 20px;border:1px solid #b1bca3;font-size:13px;text-decoration:none;background:#e8ecdd}.library-intro{padding-top:10px;padding-bottom:0}.library-intro h2{font-size:32px}.article-photo{background:#fff;margin:0 0 45px}.article-photo img{width:100%;max-height:490px;object-fit:contain;display:block}.article-photo figcaption{font-size:11px;padding:12px 20px;text-align:center;color:var(--muted)}.reading-source{margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.reading-source h3{font:400 25px Georgia,serif}.reading-source p{font-size:12px!important;line-height:1.8!important}
.contact-page{min-height:65vh;max-width:1000px;padding-top:85px;padding-bottom:95px}.contact-page h1{font-size:clamp(65px,10vw,120px);margin-bottom:35px}.contact-page .lead{max-width:650px;font-size:20px}.email-address{display:block;width:fit-content;font-size:clamp(21px,3.3vw,40px);line-height:1.4;letter-spacing:-.6px;margin:35px 0;text-decoration:none;border-bottom:1px solid #a7b58d}.contact-page .button{margin-top:10px}.mail-note{font-size:11px;color:var(--muted);margin-top:20px}
@media(max-width:1000px){.publication-card>div:last-child{padding:18px}.publication-card h3{font-size:23px}.publication-image{height:150px}.education-photo{gap:30px}.robot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-feature{gap:35px}.education.home-education{padding-right:43%}}
@media(max-width:650px){nav{overflow:visible;flex-wrap:wrap;justify-content:flex-start;column-gap:20px;row-gap:10px;font-size:12px}.publication-grid{grid-template-columns:1fr;gap:20px}.publication-card{display:grid;grid-template-columns:110px 1fr}.publication-image{height:100%;min-height:180px}.publication-image img{object-fit:cover}.publication-card h3{font-size:23px}.publication-card p{font-size:12px}.publication-card>div:last-child{padding:20px}.publication-card small{font-size:8px}.education.home-education{padding:35px 25px;min-height:unset}.home-robot{position:static;display:block;width:100%;height:250px;border-radius:0;margin-top:30px}.education.home-education h2{font-size:43px}.education-photo{grid-template-columns:1fr;gap:35px}.education-photo figure{max-width:320px;margin:0 5px 10px}.robot-gallery{gap:12px}.robot-gallery img{padding:5px}.robot-gallery a>span{padding:8px 12px}.visual-feature{display:block;padding:30px 25px}.visual-feature>.infographic{margin-top:35px}.visual-feature>div{padding-top:0}.visual-feature h2{font-size:37px}.infographic figcaption{padding:18px}.infographic p{font-size:13px!important}.resource-links{display:grid;gap:12px}.contact-page{padding-top:55px;padding-bottom:65px}.contact-page h1{font-size:70px}.contact-page .lead{font-size:17px}.email-address{font-size:23px;letter-spacing:-.4px}.gallery-section{padding-top:0}.image-credit{font-size:10px}.contact-page .mail-note{font-size:11px}.library-intro{padding-top:20px}}

/* Conceptual editorial artwork. Text remains in the document for both languages. */
.card-visual.editorial-art{height:auto;aspect-ratio:2/1;background:#123c32;isolation:isolate}
.card-visual.editorial-art:before,.card-visual.editorial-art:after{display:none}
.card-visual.editorial-art img{position:absolute!important;max-width:none!important;width:200%!important;height:400%!important;object-fit:fill!important;left:0;top:0;transition:filter .25s ease}
.card-visual.art-seguretat img{left:-100%}
.card-visual.art-energia img{top:-100%}
.card-visual.art-circularitat img{left:-100%;top:-100%}
.card-visual.art-aigua img{top:-200%}
.card-visual.art-tic img{left:-100%;top:-200%}
.card-visual.art-llibre-blanc img{top:-300%}
.card:hover .editorial-art img{filter:brightness(1.08)}
.card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:650px){.card{display:block}.card-visual.editorial-art,.card-visual.photo{width:100%;height:auto;aspect-ratio:2/1}.card-copy{padding-top:18px}.card h3{font-size:26px}.card p{font-size:14px}}
.scale-explorer{background:#102d30;color:#f0f5dc;border:1px solid #446258;border-radius:22px;overflow:hidden;box-shadow:0 24px 55px #173e3725;min-width:0}.scale-kicker{font:11px/1.5 monospace;letter-spacing:1.6px;padding:20px 24px;color:#d6ed81}.scale-art{position:relative;overflow:hidden}.scale-art img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.scale-number{position:absolute;left:25px;bottom:25px;font:48px/1 Georgia,serif;color:#e3f3b5}.scale-power{position:absolute;right:25px;bottom:30px;font:16px monospace}.scale-bar{position:absolute;bottom:15px;left:25px;right:25px;border:1px solid #d6ed81;height:6px;border-top:0}.scale-copy{padding:22px 24px 0;min-height:125px}.scale-copy h3{margin-bottom:8px}.scale-copy p{font-size:14px;color:#c3d8cb;margin-bottom:10px}.scale-label{display:block;padding:0 24px;font-size:12px}.scale-explorer input,.surface-lab input[type=range]{width:100%;accent-color:#cce676;margin:17px 0}.scale-stops{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:0 24px}.scale-stops button{border:1px solid #4b6b60;background:transparent;color:#c4d5c5;padding:8px 2px;border-radius:5px;font:11px monospace;cursor:pointer}.scale-stops button[aria-pressed=true]{background:#d6ed81;color:#102d30;border-color:#d6ed81}.scale-actions{display:flex;gap:9px;align-items:center;padding:18px 24px 0}.scale-actions button{background:#e2edb1;color:#183f37;border:0;border-radius:6px;padding:10px 15px;cursor:pointer}.scale-actions button:disabled{opacity:.35;cursor:default}.scale-actions a{margin-left:auto;font-size:12px;color:#d6ed81}.scale-foot{font-size:10px;line-height:1.6;color:#a5beb3;padding:16px 24px 20px;margin:0}.scale-journey{max-width:1000px;margin:auto;padding-top:20px}.surface-lab{border-top:1px solid #c9cec1}.surface-lab>p{max-width:800px}.surface-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.cube-stage{--gap:0px;display:grid;grid-template-columns:repeat(3,40px);gap:var(--gap);justify-content:center;align-content:center;height:330px;background:radial-gradient(ellipse,#315c4d,#102d30);border-radius:20px;perspective:500px}.cube-stage span{width:40px;height:27px;background:linear-gradient(135deg,#deed91,#4e9479);border:1px solid #234c40;transform:skewY(-15deg);box-shadow:5px 5px 0 #31715d;transition:gap .3s}.surface-grid>div>p{font-size:12px;color:#52645a;margin-top:15px}.surface-lab label{display:block;font-size:14px;margin-bottom:18px}.surface-lab output{float:right;font-weight:bold}.surface-lab input[type=number]{display:block;width:100%;padding:10px;background:transparent;border:1px solid #a0afa0;border-radius:6px;margin-top:8px;color:#173e37;font-size:17px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics>div{background:#e5e9d7;border-radius:9px;padding:15px;min-width:0}.metrics small{display:block;font-size:11px}.metrics strong{display:block;font:clamp(17px,2vw,27px) Georgia,serif;overflow-wrap:anywhere}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0}.property-grid article{border:1px solid #c9cec1;border-radius:15px;padding:28px}.property-grid p{font-size:14px}.material-symbol{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;font:30px Georgia,serif;margin-bottom:25px;background:radial-gradient(circle at 30% 25%,#ffe9ac,#af7624);color:#3b280e}.property-grid article:nth-child(2) .material-symbol{background:radial-gradient(circle at 30% 25%,#fff,#7d9092)}.property-grid article:nth-child(3) .material-symbol{background:radial-gradient(circle at 30% 25%,#f1acff,#7648aa);color:white}.nano-properties>p{max-width:850px}@media(max-width:760px){.surface-grid,.property-grid{grid-template-columns:1fr;gap:22px}.scale-kicker{font-size:9px}.scale-number{font-size:40px}.scale-actions{flex-wrap:wrap}.scale-copy{min-height:135px}.hero .scale-explorer{margin-top:25px}.metrics strong{font-size:23px}}
/* Refined specimen plates and three-dimensional subdivision study. */
.scale-explorer{border-radius:18px;background:#10262d;border-color:#426259;box-shadow:0 30px 70px #12362d21,inset 0 1px #b8d5b52b}.scale-kicker{display:flex;align-items:center;gap:12px;padding:21px 25px;color:#c9dbad;letter-spacing:1.8px}.scale-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:#c9de8e;box-shadow:0 0 15px #d6ed8166}.scale-art{margin:0 12px;border:1px solid #75978933;border-radius:9px}.scale-art img{aspect-ratio:1.5;transition:opacity .25s;filter:saturate(.88)}.scale-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#081c23cc,transparent 28%);border-radius:9px}.scale-number,.scale-power,.scale-bar{z-index:1}.scale-number{font-size:52px;letter-spacing:-1px}.scale-power{font-size:13px;letter-spacing:1px}.scale-bar{opacity:.65}.scale-copy{padding-top:22px}.scale-copy h3{font-size:26px;color:#f0efda}.scale-copy p{color:#bccdc0}.scale-stops{gap:6px}.scale-stops button{padding:10px 2px;border-color:#76998442;border-radius:7px;transition:background .18s,transform .18s}.scale-stops button:hover{background:#5d81694d;transform:translateY(-1px)}.scale-stops button[aria-pressed=true]{background:#dce9ac;box-shadow:0 2px 14px #cce2941f}.scale-actions button{background:#dce9ac}.surface-grid{grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}.surface-art{border-radius:18px;overflow:hidden;color:#d7e3ca;background:#10252d;box-shadow:0 20px 45px #173e371c;border:1px solid #46655b}.surface-art-label{display:flex;justify-content:space-between;gap:12px;padding:22px 23px 0;font:10px/1.5 monospace;letter-spacing:1.3px}.surface-art-label span:last-child{color:#dec38c;white-space:nowrap}.surface-art svg{display:block;width:100%;height:auto}.surface-art-caption{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin-top:-35px;position:relative;font:18px Georgia,serif;color:#e5edd2;padding-bottom:25px}.surface-art-bottom{display:flex;justify-content:space-between;gap:15px;padding:17px 22px;border-top:1px solid #66857744;font:10px/1.5 monospace;letter-spacing:.2px;color:#bed0bc}.surface-art-bottom i{display:inline-block;background:#d7b675;width:7px;height:7px;border-radius:2px;margin-right:7px}.surface-grid>div:nth-child(2){padding:24px;background:#eaece0;border:1px solid #d7ddcc;border-radius:18px}.surface-lab label{font-size:13px;letter-spacing:.2px}.surface-lab input[type=range]{accent-color:#466f53}.metrics>div{background:#f6f6ed;border:1px solid #dce2d1;padding:17px 13px;border-radius:10px}.metrics small{line-height:1.5;color:#526852;font-size:10px}.metrics strong{font-size:clamp(18px,2vw,27px);margin-top:8px}.metrics>div:nth-child(2){background:#183c35;color:#edf1d7;border-color:#183c35}.metrics>div:nth-child(2) small{color:#d0dcb9}@media(max-width:760px){.surface-grid{grid-template-columns:1fr}.surface-art-label{font-size:9px;padding:18px 16px 0}.surface-art-bottom{font-size:9px;padding:15px}.surface-art-caption{font-size:16px;margin-top:-20px}.scale-number{font-size:42px}.scale-kicker{font-size:9px;letter-spacing:1px}.surface-grid>div:nth-child(2){padding:20px}}
@media(prefers-reduced-motion:reduce){.scale-art img,.scale-stops button{transition:none}.scale-stops button:hover{transform:none}}
/* Materials gallery: imagery leads, explanations remain one click away. */
.materials-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:55px;margin-bottom:42px}.materials-heading h2{font-size:clamp(40px,4.7vw,66px);margin-bottom:0}.materials-heading>p{max-width:430px;color:var(--muted);line-height:1.8;font-size:16px;margin-bottom:6px}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.material-card{display:flex;flex-direction:column;border:1px solid #cbd2c5;border-radius:16px;overflow:hidden;text-decoration:none;background:#f9f8f0;transition:transform .2s,box-shadow .2s;color:#183f36}.material-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #143a3014;color:#183f36}.material-art{position:relative;background:#132c31;overflow:hidden;aspect-ratio:1.45}.material-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.material-card:hover .material-art img{transform:scale(1.04)}.element-badge{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;font:28px/1 Georgia,serif;color:#f4f3dd;background:#102e32e8;backdrop-filter:blur(7px);border:1px solid #d4dfc537;border-radius:9px;padding:11px 13px}.element-badge small{font:11px/1.4 Arial,sans-serif;letter-spacing:.4px}.material-index{position:absolute;right:16px;top:16px;color:#f4f1d9;font:11px monospace;background:#0d2825b0;padding:6px 9px;border-radius:5px}.material-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.material-tag{font:9px/1.6 monospace;letter-spacing:1.5px;color:#647947;margin-bottom:12px}.material-card-copy h3{font-size:28px;line-height:1.14;margin-bottom:15px;letter-spacing:-.5px}.material-card-copy>p:not(.material-tag){font-size:14px;color:#56695d;line-height:1.8;margin-bottom:25px}.material-more{font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #d5dccc}.material-more b{display:grid;place-items:center;width:29px;height:29px;background:#e3e9ce;border-radius:50%;font-size:16px}.materials-note{margin:24px 0 0;max-width:820px;color:#657164;font-size:11px;line-height:1.7}.material-detail-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center}.material-back{display:inline-block;font-size:12px;margin-bottom:42px}.material-detail-hero .eyebrow{letter-spacing:1.2px;font-size:10px;margin-bottom:20px}.material-detail-hero h1{font-size:clamp(42px,4.8vw,66px);letter-spacing:-1.7px}.large-symbol{font:25px Georgia,serif;border:1px solid #becab3;border-radius:10px;padding:10px 18px;display:inline-block}.material-detail-hero figure{margin:0}.material-detail-hero img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 20px 60px #173d3521}.material-detail-hero figcaption{font-size:10px;color:#637464;margin-top:12px;line-height:1.6}.material-explanation{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;border-top:1px solid #c8cfbf}.material-story>p:not(.eyebrow){font-size:17px;line-height:1.9;color:#46614f;margin-bottom:45px}.material-story h2{font-size:37px}.material-story .eyebrow{margin-bottom:16px}.material-explanation aside{background:#e6eadb;padding:34px;border-radius:14px;align-self:start}.material-explanation aside p{font-size:14px;line-height:1.85}.material-explanation blockquote{font:italic 26px/1.4 Georgia,serif;margin:28px 0;border-left:2px solid #7e9866;padding-left:22px}.material-explanation aside a{font-size:12px}.material-references{padding-top:0}.material-references>a:not(.button){display:block;padding:16px 0;border-top:1px solid #c8cfbf;font-size:13px}.material-references .button{margin-top:30px}
/* A lifecycle, rather than a list of labels. */
.manifesto{border:0;background:#153d35;color:#f0f0d9;border-radius:22px;margin-top:28px;margin-bottom:35px;padding:55px 45px;overflow:hidden;isolation:isolate}.manifesto:before{content:'';position:absolute;width:520px;height:520px;right:-180px;top:-300px;border:1px solid #bdd18f29;border-radius:50%;box-shadow:0 0 0 45px #bdd18f08,0 0 0 90px #bdd18f05;z-index:-1}.manifesto .index{color:#cbdc9d;letter-spacing:2px;font:10px monospace;display:block;margin-bottom:22px}.manifesto h2{font-size:clamp(38px,4.7vw,64px);line-height:1.07;max-width:790px;letter-spacing:-1.5px;margin-bottom:24px}.manifesto>p{max-width:630px;color:#c6d4c0;font-size:16px;line-height:1.9}.life-cycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:42px}.life-step{position:relative;background:#254e43;border:1px solid #82a27845;border-radius:13px;padding:22px 20px;text-decoration:none;color:#e8edce;transition:background .2s,transform .2s}.life-step:hover{background:#315e4d;color:#f1f3d9;transform:translateY(-4px)}.life-step-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:24px}.life-step-top span{font:11px monospace;color:#adc68c}.life-step svg{width:60px;height:60px;fill:none;stroke:#d3e3a2;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.life-step h3{font-size:25px;margin-bottom:15px;letter-spacing:-.5px}.life-step p{font-size:12px;line-height:1.8;color:#bdd0bc;margin:0 0 22px}.life-arrow{font-size:18px;color:#d7e3a8}.life-link{font-size:12px;color:#d5e5b5;display:inline-block;margin-top:28px}.life-link:hover{color:white}
/* Courses and the six application films. */
.course-section{display:grid;grid-template-columns:.8fr 1.5fr;gap:65px;align-items:center;background:#e5e9d5;border:1px solid #cdd5ba;border-radius:20px;padding:48px;margin-top:30px;margin-bottom:60px;overflow:hidden}.course-orbit{position:relative;aspect-ratio:1;max-width:300px;display:grid;place-items:center;background:radial-gradient(ellipse,#c6d59f00,#aec58d3b);border-radius:50%}.course-orbit>span{font:58px Georgia,serif;color:#2e5944;z-index:1}.course-orbit sup{font-size:25px}.course-orbit i{position:absolute;inset:12%;border:1px solid #7e9a5f88;border-radius:50%;transform:rotate(-25deg) scaleY(.45)}.course-orbit i:nth-of-type(2){transform:rotate(38deg) scaleY(.45)}.course-orbit i:nth-of-type(3){transform:rotate(99deg) scaleY(.45)}.course-orbit i:before{content:'';width:12px;height:12px;background:#5c7c49;border-radius:50%;position:absolute;left:12%;top:13%;box-shadow:0 0 16px #7d9b6488}.course-copy h2{font-size:clamp(30px,3.3vw,46px);margin-bottom:23px}.course-copy>p:not(.eyebrow){font-size:17px;max-width:560px;margin-bottom:12px}.course-copy>span{font:11px monospace;color:#60734f;display:block}.course-copy .button{margin-top:27px}.course-copy .eyebrow{margin-bottom:20px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.video-card{border:1px solid #ccd3c4;border-radius:15px;overflow:hidden;background:#f9f8f0}.video-cover{display:block;position:relative;padding:0;border:0;width:100%;aspect-ratio:4/3;overflow:hidden;background:#163c36;cursor:pointer}.video-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b292a77,transparent 70%)}.video-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .3s}.video-cover:hover img{transform:scale(1.04)}.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:#f0efdbef;color:#1b4337;font-size:18px;z-index:1;padding-left:3px;box-shadow:0 6px 30px #0e2d3e55}.short-label{position:absolute;left:16px;bottom:15px;z-index:1;color:#f3f0d6;font:10px monospace;letter-spacing:2px}.video-caption{padding:22px}.video-caption h3{font-size:27px;margin-bottom:14px}.video-caption a{font-size:11px}.video-dialog{padding:0;background:#071e25;border:1px solid #6b8970;border-radius:14px;width:min(500px,90vw);max-height:92vh;overflow:visible}.video-dialog::backdrop{background:#061a1cea;backdrop-filter:blur(5px)}.video-player{aspect-ratio:9/16;max-height:85vh;width:100%;overflow:hidden;border-radius:14px}.video-player iframe{width:100%;height:100%;border:0;display:block}.dialog-close{position:absolute;right:0;top:-43px;border:1px solid #abc28e66;width:34px;height:34px;border-radius:50%;background:#e6ead7;color:#153d35;font-size:26px;line-height:1;cursor:pointer}
@media(min-width:761px) and (max-width:1050px){.materials-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}.material-detail-hero{gap:30px}.material-explanation{gap:35px}}
@media(max-width:760px){.materials-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.materials-heading h2{font-size:43px}.materials-heading>p{font-size:15px}.materials-grid,.video-grid{grid-template-columns:1fr;gap:24px}.material-art{aspect-ratio:1.5}.material-card-copy h3{font-size:29px}.material-card-copy{padding:25px}.manifesto{padding:35px 22px;border-radius:16px}.manifesto h2{font-size:40px}.life-cycle{grid-template-columns:1fr;gap:14px;margin-top:30px}.life-step{padding:23px}.life-step-top{margin-bottom:12px}.life-step svg{width:54px;height:54px}.life-step p{font-size:13px;max-width:360px}.life-step h3{font-size:29px}.course-section{grid-template-columns:1fr;padding:30px 24px;gap:28px}.course-orbit{width:160px;margin:0 auto}.course-orbit>span{font-size:44px}.course-copy h2{font-size:34px}.material-detail-hero,.material-explanation{grid-template-columns:1fr;gap:32px}.material-detail-hero h1{font-size:46px}.material-detail-hero .lead{font-size:17px}.material-explanation aside{padding:28px}.material-back{margin-bottom:30px}.video-cover{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.material-card,.material-art img,.life-step,.video-cover img{transition:none}.material-card:hover,.life-step:hover{transform:none}.material-card:hover .material-art img,.video-cover:hover img{transform:none}}
/* Supplied visual identity and site authorship. */
.brand-with-logo{display:flex;align-items:center;gap:15px;flex-shrink:0;letter-spacing:-2px}.site-emblem{display:block;width:69px;height:72px;object-fit:contain;background:white;border-radius:11px;padding:3px;box-shadow:0 1px 5px #173e370c}.brand .brand-wordmark{color:var(--ink);font-size:32px;line-height:.95}.brand-wordmark>b{color:#728e42;font-weight:700}.brand-wordmark small{font-size:10px;letter-spacing:1.65px;font-weight:400}.footer-emblem{flex-shrink:0}.footer-emblem img{display:block;width:55px;height:58px;object-fit:contain;background:white;border-radius:8px;padding:3px}.web-credit{display:flex;align-items:center;gap:17px;margin-left:auto;border-left:1px solid #c9d1c1;padding-left:28px}.web-credit img{display:block;width:128px;height:auto;object-fit:contain;background:white;border-radius:5px;padding:5px}.web-credit p{font-size:10px;color:#677564;line-height:1.7;max-width:155px}.web-credit strong{display:block;font-size:12px;font-weight:600;color:#315a63}footer>a:last-child{margin-left:15px}@media(max-width:1050px){header{gap:20px}nav{gap:17px}.brand-with-logo{gap:11px}.site-emblem{width:60px;height:63px}.brand .brand-wordmark{font-size:28px}.brand-wordmark small{font-size:9px;letter-spacing:1.2px}}@media(max-width:760px){.brand-with-logo{gap:11px}.site-emblem{width:54px;height:57px}.brand .brand-wordmark{font-size:28px}.web-credit{width:100%;margin-left:0;border-left:0;border-top:1px solid #c9d1c1;padding:20px 0 0;gap:20px}.web-credit p{max-width:none}.web-credit img{width:120px}footer>a:last-child{margin-left:0}}
/* Three-language navigation, clearer next steps and supplied full wordmark. */
.language-switcher{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.language-switcher a{display:grid;place-items:center;min-width:40px;min-height:44px;border:1px solid transparent;border-radius:7px;font:11px monospace;text-decoration:none;color:#5e715f}.language-switcher a[aria-current=true]{background:#e2e8ce;color:#153d35;border-color:#cad4ba}.language-switcher a:hover{border-color:#b7c6a7;color:#153d35}.primary-nav{align-items:center}.primary-nav a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px}.primary-nav a>span{font-size:11px;opacity:.65}.page-jumps{margin:0 5% 30px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;order:unset;width:auto}.page-jumps a{display:flex;align-items:center;min-height:44px;padding:8px 17px;background:#e8ecdc;border:1px solid #cbd5bd;border-radius:25px;text-decoration:none;font-size:13px}.page-jumps a:hover{background:#dce6c7;color:#173e37}.scale-stops button{min-height:44px;font-size:12px}.scale-actions button,.scale-actions a,.filters button{min-height:44px}.scale-actions a{display:flex;align-items:center}.scale-compact .scale-copy{min-height:105px}.scale-compact .scale-art img{aspect-ratio:1.6}.scale-foot{font-size:11px}.web-credit img{width:210px;height:auto;padding:0;border-radius:0;object-fit:contain}.web-credit p{min-width:125px}.language-entry{max-width:900px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 24px;gap:25px}.language-entry>img{object-fit:contain;background:white;border-radius:20px;padding:8px}.language-entry h1{font-size:clamp(38px,6vw,66px);line-height:1.1;margin:10px 0;letter-spacing:-1.5px}.language-entry p{color:#60715d;line-height:1.9}.language-entry nav{margin:0;order:unset;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:auto}.language-entry .button{min-width:150px;font-size:14px;letter-spacing:0}.language-entry nav a:hover{color:white;background:#335e43}section[id]{scroll-margin-top:25px}
@media(max-width:1000px){.primary-nav{width:100%;font-size:14px}.language-switcher{margin-left:auto}.primary-nav a{padding:0 5px}.page-jumps{width:auto;order:unset;justify-content:flex-start}.web-credit img{width:190px}.web-credit{padding-left:20px;gap:12px}}
@media(max-width:650px){header{row-gap:13px}.primary-nav{font-size:14px;overflow:visible;flex-wrap:wrap;gap:0 15px;justify-content:flex-start;padding-bottom:0}.primary-nav a{min-height:44px;padding:0}.language-switcher a{min-width:35px}.brand .brand-wordmark{font-size:26px}.site-emblem{width:49px;height:52px}.brand-wordmark small{font-size:9px}.web-credit{width:100%;flex-wrap:wrap;padding:20px 0 0;gap:12px}.web-credit img{width:min(230px,70vw);max-width:100%}.web-credit p{flex-basis:100%;max-width:100%;font-size:11px}.web-credit strong{display:inline;font-size:12px}.page-jumps{margin-bottom:20px;gap:8px}.page-jumps a{font-size:12px;padding:8px 12px}.scale-stops button{font-size:11px}.scale-compact .scale-copy{min-height:110px}.language-entry nav{justify-content:center}.language-entry .button{width:100%}.language-entry p{font-size:14px}}