.mati-main{width:min(1320px,100%);margin:auto;padding:0 50px;color:var(--ink)}
.mati-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:35px;align-items:center;min-height:590px;padding-block:30px 58px}.mati-hero-copy{position:relative;z-index:1}.mati-hero .back-link{margin-bottom:40px}.mati-hero h1{font-size:clamp(46px,4.8vw,69px);line-height:1.08;letter-spacing:-.055em;margin:0}.mati-hero h1>span{color:var(--purple)}.mati-hero-copy>p:not(.page-kicker){font-size:15px;line-height:1.9;color:#aeb8cf;max-width:465px;margin-top:27px}.mati-hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin-top:32px}.mati-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;border:1px solid #d9ccff7a;border-radius:12px;background:var(--purple);color:var(--night);font-size:12px;font-weight:800;padding:14px 20px;line-height:1.5;transition:background .2s,translate .2s}.mati-primary:hover{background:#d1c6ff;translate:0 -2px}.mati-primary>span{font:23px/1 system-ui}.mati-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;background:none;color:#cbbef8;font-size:12px;font-weight:700;padding:7px 0;line-height:1.5}.mati-text-link:hover{color:#e4dcff}.mati-text-link>span{font:20px/1 system-ui}.mati-atlas{position:relative;height:440px;isolation:isolate;margin-top:45px}.mati-atlas-halo{position:absolute;inset:-10% -2% -5%;border-radius:50%;background:radial-gradient(ellipse,#5c518833,transparent 65%);z-index:-1}.mati-atlas img{position:absolute;width:73%;border:1px solid #ffffff21;box-shadow:0 25px 60px #080a1f80;border-radius:26px}.mati-atlas-back{top:0;right:0;transform:rotate(9deg);opacity:.74;filter:saturate(.8)}.mati-atlas-front{bottom:21px;left:0;transform:rotate(-7deg)}.mati-atlas-caption{position:absolute;right:0;bottom:-7px;color:#b6b5ca;font-size:7px;font-weight:700;letter-spacing:.09em;display:flex;align-items:center;gap:12px;max-width:52%;line-height:1.7}.mati-atlas-caption i{font:normal 37px/1 system-ui;color:var(--purple)}
.mati-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:28px 0 30px;border-block:1px solid #ffffff18;margin-bottom:86px}.mati-facts p{display:flex;align-items:center;gap:19px}.mati-facts strong{font:700 30px/1.3 var(--display);letter-spacing:-.04em;color:#f5f0ec;white-space:nowrap}.mati-facts span{font-size:11px;line-height:1.7;color:#929eb9;max-width:120px}
.mati-explorer{scroll-margin-top:30px}.mati-section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.mati-section-top h2{font-size:44px;line-height:1.17}.mati-class-picker{flex:0 0 240px}.mati-class-picker label{display:block;color:#aeb8d0;font-size:10px;line-height:1.7;margin-bottom:9px}.public-page .mati-class-picker select{border-color:#6c607f;background:#24263d;color:#e7dbfc;min-height:48px;font-size:13px;font-weight:700;cursor:pointer}
.mati-world-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:58px;align-items:start;outline:none}.mati-map-column{min-width:0}.mati-map-frame{position:relative;isolation:isolate;border-radius:22px;overflow:hidden;background:#20263e;border:1px solid #ffffff1a}.mati-map-frame>img{width:100%;aspect-ratio:1;object-fit:cover}.mati-map-index{position:absolute;left:18px;top:18px;padding:8px 10px;border:1px solid #ffffff3d;border-radius:7px;background:#13172ce6;font-size:9px;font-weight:700;color:#f0e9ed}.mati-map-zoom{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:18px;min-height:44px;padding:11px 14px;border:1px solid #ffffff36;border-radius:9px;background:#14172dec;backdrop-filter:blur(8px);color:#eee6fc;font-size:10px;font-weight:700}.mati-map-zoom>span{font:20px/1 system-ui}.mati-map-zoom:hover{background:#332d4b}.mati-map-variants{display:flex;align-items:center;gap:10px;margin-top:17px}.mati-map-variants>button{font-size:10px;min-height:42px;border:1px solid #4b4d68;border-radius:8px;color:#aeb8d0;background:transparent;padding:9px 13px;white-space:nowrap}.mati-map-variants>button[aria-pressed=true]{border-color:#bcb0f380;background:#bcb0f316;color:#d9cef8}.mati-map-variants>span{color:#a49ab9}.mati-map-variants>p{font-size:9px;line-height:1.6;color:#8f9ab5;margin-left:4px;max-width:160px}.mati-world-copy{padding-top:9px;min-width:0}.mati-subject-name{font-size:9px;line-height:1.6;font-weight:800;color:#bdb1f3;letter-spacing:.12em;margin-bottom:15px}.mati-world-copy h3{font-size:37px;line-height:1.14;letter-spacing:-.045em;margin:0}.mati-world-intro{font-size:13px;line-height:1.9;color:#b2bcd1;margin-top:21px}.mati-discoveries{list-style:none;padding:0;margin:24px 0 26px;display:flex;flex-direction:column;gap:13px}.mati-discoveries li{position:relative;padding-left:22px;color:#c2c8d9;font-size:12px;line-height:1.75}.mati-discoveries li:before{content:"↗";position:absolute;left:0;top:0;color:#bcaff2;font:17px/1.3 system-ui}.mati-example{padding:22px 23px;background:#f7f4ed;border-radius:16px;color:#252941}.mati-example-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.09em;color:#736780;font-weight:800;margin-bottom:15px}.mati-example-label>span{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;background:#e7e0f2;color:#5a4e70;border-radius:5px;font-size:8px;letter-spacing:0;white-space:nowrap}.mati-example h4{font:700 22px/1.3 var(--display);letter-spacing:-.03em;margin:0 0 13px}.mati-example>p:not(.mati-example-label){font-size:12px;line-height:1.8;color:#5e5c70;margin:0}.mati-example-note{display:block;font-size:8px;line-height:1.6;color:#797085;margin-top:18px}.mati-class-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mati-no-script{padding:20px;border:1px solid #bcb0f3;margin-top:20px;font-size:13px}

.mati-try{display:flex;align-items:center;justify-content:space-between;gap:45px;background:linear-gradient(115deg,#25283e,#29243e);border:1px solid #bcb0f326;border-radius:25px;padding:38px 42px;margin-top:62px}.mati-try h2{font-size:37px;line-height:1.17}.mati-try p:not(.page-kicker){color:#aeb8cf;font-size:12px;line-height:1.85;margin-top:20px;max-width:430px}.mati-try-actions{flex:0 0 310px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.mati-try-actions>.mati-primary{font-size:11px;min-height:52px;width:100%}.mati-try-actions>.mati-text-link{font-size:11px}.mati-next{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:45px 0 12px}.mati-next>a{border-bottom:1px solid #ffffff20;padding:22px 0 28px;min-width:0}.mati-next>a>span{font-size:7px;letter-spacing:.09em;color:#8e99b5;font-weight:700;line-height:1.5}.mati-next strong{display:flex;justify-content:space-between;align-items:center;gap:22px;font:700 19px/1.4 var(--display);letter-spacing:-.025em;color:#e6e2ef;margin-top:12px}.mati-next i{font:normal 24px/1 system-ui;color:#bcb0f3}.mati-next>a:hover strong{color:#c8bafa}
.mati-map-dialog{width:min(830px,calc(100vw - 28px));max-height:94vh;border:1px solid #ffffff2b;border-radius:18px;padding:22px;background:#1d2035;color:#f7f4ed;overflow:auto}.mati-map-dialog::backdrop{background:#0b0e21e6;backdrop-filter:blur(9px)}.mati-dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:19px}.mati-dialog-top p{font-size:8px;color:#b7a9e9;font-weight:700;letter-spacing:.09em;margin-bottom:8px}.mati-dialog-top h2{font-size:22px;line-height:1.3;letter-spacing:-.03em}.mati-dialog-top button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:#ffffff0b;border:1px solid #ffffff28;color:#f7f4ed;border-radius:50%;font:29px/1 system-ui}.mati-map-dialog>img{width:100%;border-radius:10px}
@media(max-width:1100px){.mati-main{padding-inline:34px}.mati-hero h1{font-size:52px}.mati-atlas{height:365px}.mati-hero{min-height:540px;gap:25px}.mati-hero-copy>p:not(.page-kicker){font-size:13px}.mati-world-panel{gap:35px;grid-template-columns:1fr 1fr}.mati-world-copy h3{font-size:31px}.mati-example{padding:20px}.mati-facts strong{font-size:25px}.mati-facts p{gap:14px}.mati-facts span{font-size:10px}.mati-try{padding:32px;gap:32px}.mati-try h2{font-size:32px}.mati-try-actions{flex-basis:280px}.mati-next strong{font-size:17px}}
@media(max-width:800px){.mati-main{padding-inline:28px}.mati-hero{gap:20px;min-height:490px;padding-bottom:44px}.mati-hero h1{font-size:42px}.mati-atlas{height:285px}.mati-atlas img{border-radius:18px}.mati-atlas-caption{font-size:6px;max-width:57%}.mati-hero .back-link{margin-bottom:25px}.mati-hero .page-kicker{font-size:8px}.mati-facts{gap:20px;margin-bottom:59px}.mati-facts p{display:block}.mati-facts strong{font-size:24px}.mati-facts span{display:block;margin-top:7px;max-width:none}.mati-section-top{gap:20px}.mati-section-top h2{font-size:34px}.mati-class-picker{flex-basis:195px}.mati-class-picker label{font-size:9px}.mati-world-panel{grid-template-columns:1fr;gap:28px}.mati-map-column{max-width:570px;width:100%;margin:auto}.mati-world-copy{padding-top:0}.mati-world-copy h3{font-size:36px}.mati-world-intro{max-width:600px}.mati-discoveries{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mati-example{padding:25px}.mati-example h4{font-size:26px}.mati-try{display:block;margin-top:44px}.mati-try-actions{margin-top:24px;max-width:350px}.mati-next{gap:28px}.mati-next strong{font-size:16px}.mati-next>a>span{font-size:6px}}
@media(max-width:600px){.mati-main{padding-inline:22px}.mati-hero{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding-top:15px;padding-bottom:34px;min-height:0}.mati-hero h1{font-size:43px;line-height:1.1;max-width:430px}.mati-hero .back-link{margin-bottom:28px}.mati-hero-copy>p:not(.page-kicker){font-size:13px;line-height:1.85;margin-top:22px}.mati-hero-actions{margin-top:25px;gap:10px}.mati-primary{width:100%;font-size:12px}.mati-hero .mati-text-link{font-size:11px}.mati-atlas{height:300px;max-width:380px;width:100%;margin:0 auto 0}.mati-atlas img{width:68%;border-radius:18px}.mati-atlas-back{right:6px;top:5px}.mati-atlas-front{left:4px;bottom:16px}.mati-atlas-caption{bottom:0;font-size:6px;max-width:53%}.mati-atlas-caption i{font-size:30px}.mati-facts{gap:12px;margin-bottom:47px;padding-block:24px}.mati-facts strong{font-size:19px}.mati-facts span{font-size:9px;line-height:1.6}.mati-section-top{display:block;margin-bottom:21px}.mati-section-top .page-kicker{font-size:8px;margin-bottom:16px}.mati-section-top h2{font-size:35px;line-height:1.17;max-width:320px}.mati-class-picker{margin-top:25px}.mati-class-picker label{font-size:10px}.public-page .mati-class-picker select{min-height:48px;font-size:14px}.mati-map-frame{border-radius:16px}.mati-map-index{top:12px;left:12px;padding:7px 9px;font-size:8px}.mati-map-zoom{right:12px;bottom:12px;font-size:9px;min-height:42px;gap:14px;padding:9px 12px}.mati-map-variants{gap:8px;margin-top:13px;flex-wrap:wrap}.mati-map-variants>p{max-width:130px;margin-left:2px;font-size:8px}.mati-map-variants>button{font-size:9px;padding-inline:11px;min-height:44px}.mati-world-panel{gap:28px}.mati-world-copy h3{font-size:32px;line-height:1.16}.mati-subject-name{font-size:8px;margin-bottom:13px}.mati-world-intro{font-size:12px;line-height:1.9;margin-top:19px}.mati-discoveries{display:flex;gap:12px;margin:22px 0}.mati-discoveries li{font-size:12px}.mati-example{padding:22px 21px;border-radius:14px}.mati-example-label{font-size:7px;letter-spacing:.06em}.mati-example h4{font-size:24px}.mati-example>p:not(.mati-example-label){font-size:12px}.mati-example-note{font-size:8px}.mati-try{border-radius:20px;padding:28px 23px;margin-top:37px}.mati-try h2{font-size:31px}.mati-try .page-kicker{font-size:7px;line-height:1.8;margin-bottom:17px}.mati-try p:not(.page-kicker){font-size:12px;margin-top:19px}.mati-try-actions>.mati-primary{font-size:10px;gap:16px;padding-inline:15px}.mati-try-actions>.mati-text-link{font-size:10px;gap:14px}.mati-next{grid-template-columns:1fr;gap:0;margin-top:25px}.mati-next>a{padding-block:23px}.mati-next strong{font-size:19px}.mati-next>a>span{font-size:7px}.mati-map-dialog{padding:16px;max-height:90vh}.mati-dialog-top h2{font-size:18px}.mati-dialog-top p{font-size:7px}}
@media(max-width:360px){.mati-main{padding-inline:18px}.mati-hero h1{font-size:37px}.mati-atlas{height:250px}.mati-facts strong{font-size:17px}.mati-facts span{font-size:8px}.mati-section-top h2{font-size:31px}.mati-world-copy h3{font-size:29px}.mati-map-variants>p{max-width:110px;font-size:7px}.mati-example{padding:20px 18px}.mati-example-label{font-size:6px}.mati-example h4{font-size:22px}.mati-try{padding:24px 20px}.mati-try h2{font-size:28px}.mati-next strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.mati-primary:hover{translate:none}.mati-primary{transition:none}}
.mati-world-panel:focus-visible{outline:2px solid var(--purple);outline-offset:8px;border-radius:8px}
html:has(#mati-map-dialog[open]){overflow:hidden}

/* Subject destinations: the world itself is the navigation cue. */
.mati-destinations{min-width:0;margin-bottom:32px;padding-bottom:26px;border-bottom:1px solid #ffffff14}
.mati-subjects{display:grid;grid-auto-flow:row;grid-template-columns:repeat(6,minmax(104px,1fr));gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#71668c transparent;padding:5px 3px 12px;scroll-padding-inline:3px}
.mati-subjects button{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:7px 7px 10px;border:1px solid #ffffff13;border-radius:17px;background:#ffffff03;color:#b6bdd3;text-align:center;transition:background .2s,border-color .2s,transform .2s,color .2s;isolation:isolate}
.mati-subject-preview{position:relative;display:block;height:80px;overflow:hidden;border-radius:11px;background:#25273e}
.mati-subject-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s,filter .3s;filter:saturate(.85) brightness(.85);transform:scale(1.85)}
.mati-subject-label{display:flex;align-items:center;justify-content:center;min-height:42px;font:700 15px/1.4 var(--display);letter-spacing:-.025em;color:inherit}
.mati-subject-check{position:absolute;right:5px;bottom:5px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#c8bafa;color:#201c36;font:800 13px/1 system-ui;box-shadow:0 2px 8px #13172c66;opacity:0;transform:scale(.65);transition:opacity .2s,transform .2s}
.mati-subjects button:hover{background:#ffffff08;border-color:#bcb0f358;color:#f7f4ed;transform:translateY(-2px)}
.mati-subjects button:hover img{filter:none;transform:scale(2)}
.mati-subjects button[aria-selected=true]{border-color:#c1b1f3;background:#bcb0f312;color:#f7f4ed;box-shadow:inset 0 0 0 1px #bcb0f31c}
.mati-subjects button[aria-selected=true] .mati-subject-label{font-weight:700}
.mati-subjects button[aria-selected=true] img{filter:none}
.mati-subjects button[aria-selected=true] .mati-subject-check{opacity:1;transform:scale(1)}
.mati-subjects button:focus-visible{outline:2px solid #f7f4ed;outline-offset:2px}
.mati-subject-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-inline:3px}
.mati-subject-controls[hidden]{display:none}
.mati-subject-controls>span{font-size:11px;color:#aeb6ce}
.mati-subject-controls>div{display:flex;gap:7px}
.mati-subject-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bcb0f33d;border-radius:50%;background:#bcb0f30b;color:#ddd3ff;font:20px/1 system-ui;transition:background .2s,opacity .2s}
.mati-subject-controls button:hover:not(:disabled){background:#bcb0f329}
.mati-subject-controls button:disabled{opacity:.3;cursor:default}

@media(max-width:600px){.mati-destinations{margin-bottom:24px;padding-bottom:17px}.mati-subjects{grid-template-columns:repeat(6,104px);gap:8px}.mati-subject-label{font-size:14px}.mati-subject-controls button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.mati-subjects button,.mati-subject-preview img,.mati-subject-check,.mati-subject-controls button{transition:none}.mati-subjects button:hover{transform:none}.mati-subjects button:hover img{transform:scale(1.85)}}

/* A visual journey from the world to the earned card. */
.mati-trail{margin-top:96px;padding-block:12px 10px}
.mati-trail-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px}
.mati-trail-heading h2{font:700 clamp(35px,4vw,52px)/1.1 var(--display);letter-spacing:-.045em}
.mati-trail-heading .page-kicker{margin-bottom:19px}
.mati-trail-heading>p{font-size:13px;line-height:1.9;color:#aeb8cf;margin-bottom:4px}
.mati-trail-heading>p strong{font-weight:600;color:#e3dafa}
.mati-trail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.mati-trail-step{min-width:0}
.mati-trail-visual{height:252px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#20243a}
.mati-trail-tag{position:absolute;z-index:3;top:17px;left:17px;display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.07em;line-height:1.4;color:#f7f4ed}
.mati-trail-tag b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid currentColor;font-size:10px;letter-spacing:0}
.mati-trail-map{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 62%;transform:scale(1.4);transition:transform .5s}
.mati-trail-world:after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,#13172c88,transparent 40%,#13172c80);pointer-events:none}
.mati-trail-step:hover .mati-trail-map{transform:scale(1.46)}
.mati-trail-destination{position:absolute;z-index:2;bottom:19px;left:18px;right:18px;display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #ffffff50;border-radius:13px;background:#161a31dd;backdrop-filter:blur(8px);font:600 12px/1.4 var(--display);color:#f7f4ed}
.mati-trail-destination i{font:normal 25px/1 system-ui;color:#cfbfff}
.mati-trail-destination b{font:24px/1 system-ui;margin-left:auto;color:#cfbfff}
.mati-trail-challenge{background:#f0ece5;color:#25283e}
.mati-trail-challenge .mati-trail-tag{color:#756482}
.mati-trail-question{position:absolute;inset:80px 15px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.mati-trail-question>span:first-child{font:600 13px/1.4 var(--display);color:#5b5370}
.mati-trail-question>strong{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;font:700 clamp(25px,2.8vw,40px)/1 var(--display);letter-spacing:-.06em}
.mati-trail-question em{font-style:normal;color:#9583b2}
.mati-trail-question mark{background:#c6b7f0;color:#34234f;display:inline-grid;place-items:center;min-width:69px;height:66px;border-radius:15px;transform:rotate(-6deg);box-shadow:0 5px 0 #b2a0dc}
.mati-trail-answer{display:flex;gap:6px;align-items:center;color:#5e4a81;font-size:11px;font-weight:700}
.mati-trail-answer i{font-style:normal;font-size:14px}
.mati-trail-doodle{position:absolute;right:22px;top:55px;font:33px/1 system-ui;color:#ae98ce;transform:rotate(14deg)}
.mati-trail-collection{background:radial-gradient(ellipse at 50% 64%,#5a4574,#29263e 65%);border:1px solid #bcb0f326;perspective:1000px}
.mati-trail-collection .mati-trail-tag{color:#d6c8f6}
.mati-trail-orbit{position:absolute;width:248px;height:136px;border:1px solid #d6c3fb21;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-25deg)}
.mati-trail-orbit:after{content:"";position:absolute;inset:15px -13px;border:1px solid #d6c3fb12;border-radius:50%;transform:rotate(58deg)}
.mati-trail-card{position:absolute;z-index:2;width:124px;aspect-ratio:5/7;left:50%;top:54px;padding:0;background:none;border:0;transform:translateX(-50%) rotate(9deg);perspective:850px;transition:transform .3s;cursor:pointer;border-radius:12px}
.mati-trail-card:hover{transform:translateX(-50%) rotate(3deg) translateY(-3px)}
.mati-trail-card:focus-visible{outline:3px solid #f7f4ed;outline-offset:6px}
.mati-trail-card-turn{position:relative;display:block;width:100%;height:100%;aspect-ratio:5/7;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.mati-trail-card[aria-pressed=true] .mati-trail-card-turn{transform:rotateY(180deg)}
.mati-trail-card-face{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:12px;border:1px solid #fff8;box-shadow:0 16px 24px #090a2066;background:#223c34}
.mati-trail-card-face img{width:100%;height:100%;object-fit:cover}
.mati-trail-card-back{transform:rotateY(180deg)}
.mati-trail-earned{position:absolute;z-index:3;left:50%;bottom:14px;transform:translateX(-50%) rotate(-3deg);display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #dfd3ff4d;background:#dfd3fa;color:#332349;border-radius:30px;padding:8px 13px;font-size:10px;box-shadow:0 6px 12px #090a2029;pointer-events:none}
.mati-trail-earned b{font:700 16px/1 var(--display)}
.mati-trail-copy{padding:24px 3px 0}
.mati-trail-copy h3{font:700 23px/1.25 var(--display);letter-spacing:-.035em;color:#f7f4ed;margin:0 0 12px}
.mati-trail-copy p{font-size:13px;line-height:1.85;color:#aeb8cf;margin:0;min-height:73px;max-width:330px}
.mati-trail-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:6px 0;margin-top:14px;color:#d0c0fa;background:none;font-size:12px;font-weight:700;border:0;text-decoration:none}
.mati-trail-link span{font:22px/1 system-ui;transition:transform .2s}
.mati-trail-link:hover{color:#f7f4ed}.mati-trail-link:hover span{transform:translate(2px,-2px)}
@media(max-width:1100px){.mati-trail-grid{gap:17px}.mati-trail-visual{height:235px}.mati-trail-copy h3{font-size:20px}.mati-trail-copy p{font-size:12px;min-height:89px}.mati-trail-card{width:112px}.mati-trail-question mark{min-width:58px;height:58px}.mati-trail-question>strong{gap:9px}}
@media(max-width:800px){.mati-trail{margin-top:64px}.mati-trail-heading{align-items:flex-start}.mati-trail-heading>p{font-size:12px;max-width:230px}.mati-trail-grid{grid-template-columns:1fr;gap:24px}.mati-trail-step{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.mati-trail-copy{padding:0}.mati-trail-copy p{min-height:0}.mati-trail-visual{height:235px}.mati-trail-question>strong{font-size:34px}.mati-trail-copy h3{font-size:23px}}
@media(max-width:540px){.mati-trail{margin-top:52px}.mati-trail-heading{display:block;margin-bottom:25px}.mati-trail-heading h2{font-size:39px}.mati-trail-heading>p{margin-top:20px;font-size:13px;max-width:none}.mati-trail-grid{gap:34px}.mati-trail-step{display:block}.mati-trail-visual{height:240px;border-radius:20px}.mati-trail-copy{padding:20px 2px 0}.mati-trail-copy h3{font-size:23px}.mati-trail-copy p{font-size:13px;max-width:none}.mati-trail-question>strong{font-size:38px}.mati-trail-link{margin-top:9px;font-size:13px}.mati-trail-card{width:118px}.mati-trail-tag{font-size:10px}.mati-trail-heading .page-kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mati-trail-map,.mati-trail-card,.mati-trail-card-turn,.mati-trail-link span{transition:none}.mati-trail-step:hover .mati-trail-map{transform:scale(1.4)}.mati-trail-card:hover{transform:translateX(-50%) rotate(9deg)}}