:root{--paper:#f5f2eb;--ink:#22241f;--muted:#77796f;--line:rgba(34,36,31,.16);--accent:#c45a3d;--blue:#b8d9e8;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;z-index:0;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(196,90,61,.09),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .3s}.topbar{height:82px;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:rgba(245,242,235,.86);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:13px;letter-spacing:.09em}.brand-sub{display:block;font:9px var(--mono);letter-spacing:.27em;margin-top:4px;color:var(--muted)}.brand-mark{width:27px;height:27px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid var(--ink);border-radius:50%;transform:rotate(-25deg)}.brand-mark span{width:3px;background:var(--accent);border-radius:5px;height:12px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:8px}.nav{display:flex;gap:34px;margin-left:auto;margin-right:38px}.nav a,.nav-cta{font-size:11px;color:#55574f;transition:color .2s}.nav a:hover,.nav-cta:hover{color:var(--accent)}.nav-cta{border-bottom:1px solid var(--ink);padding:10px 0;color:var(--ink)}.nav-cta span{margin-left:10px}.menu-toggle{display:none;background:none;border:0}.section-wrap{padding-left:10%;padding-right:10%;position:relative}.hero{min-height:calc(100vh - 82px);padding-top:27px;display:flex;flex-direction:column}.hero-meta,.hero-bottom,.section-kicker,.eyebrow,.art-label,.principles,.skill-num,.project-type,.visual-caption,.person-meta,.learner-caption,.contact-bottom,.footer,.work-footnote{font-family:var(--mono);font-size:9px;letter-spacing:.11em}.hero-meta{display:flex;align-items:center;gap:10px;color:var(--muted)}.meta-right{margin-left:auto}.status-dot,.toast-dot{display:inline-block;width:6px;height:6px;background:#7b9974;border-radius:50%;box-shadow:0 0 0 4px rgba(123,153,116,.12)}.hero-main{flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5%;padding:42px 0 25px}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--accent);margin:0 0 22px}.hero h1,.work-heading h2,.people-head h2,.learners h2,.contact h2,.skills-head h2,.intro h2,.links-grid h2{font-size:clamp(43px,6.5vw,88px);line-height:.99;letter-spacing:-.075em;font-weight:600;margin:0}.serif-word{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.08em}.period{color:var(--accent)}.hero-description{max-width:390px;color:#686a61;line-height:1.9;font-size:13px;margin:28px 0 30px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;gap:26px;padding:15px 18px;font-size:11px;transition:transform .25s var(--ease),background .25s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--accent)}.text-link{font-size:11px;border-bottom:1px solid var(--line);padding:0 0 7px}.text-link span{margin-left:10px}.hero-art{position:relative;aspect-ratio:1/1;max-width:460px;width:100%;margin:auto;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(34,36,31,.19);border-radius:50%;inset:8%;animation:orbit-spin 30s linear infinite}.orbit-one{inset:8%;border-style:dashed;animation-duration:45s}.orbit-two{inset:19%;border-color:rgba(196,90,61,.48);animation-direction:reverse;animation-duration:27s}.orbit-three{inset:31%;border-style:dotted;animation-duration:20s}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:12%;left:17%;box-shadow:0 0 0 6px rgba(196,90,61,.1)}.art-core{width:34%;aspect-ratio:1;position:relative;display:flex;justify-content:center;align-items:center;gap:8%;transform:rotate(-32deg);animation:core-float 7s ease-in-out infinite}.core-line{height:100%;width:14%;border:1px solid var(--ink);border-radius:100px;position:relative}.core-line:nth-child(2){height:70%;background:var(--accent);border-color:var(--accent)}.core-line:nth-child(3){height:48%}.core-center{position:absolute;width:15px;height:15px;border:1px solid var(--ink);background:var(--paper);border-radius:50%}.art-label{position:absolute;color:var(--muted);font-size:8px}.label-top{top:13%;right:2%;writing-mode:vertical-rl}.label-bottom{bottom:15%;left:0}.art-cross{position:absolute;color:var(--accent);font-size:20px;font-weight:300}.cross-one{top:23%;left:15%}.cross-two{right:17%;bottom:25%}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0;color:var(--muted);font-size:8px}.scroll-cue{color:var(--ink)}.scroll-cue span{margin-left:12px;color:var(--accent)}.section-kicker{display:flex;gap:18px;align-items:center;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.section-kicker span:first-child{color:var(--accent)}.kicker-note{margin-left:auto}.intro{padding-top:135px;padding-bottom:135px}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12%;padding-top:65px}.intro h2{font-size:clamp(36px,4.5vw,60px)}.muted{color:#99998e}.intro-body{padding-top:7px}.intro-body p,.skills-head>p,.work-heading>p,.people-head>p,.links-grid>div>p{color:#696b62;line-height:1.95;font-size:13px;margin:0 0 17px}.intro-body em{font-family:Georgia,serif;font-size:16px;color:var(--accent)}.principles{display:flex;gap:18px;flex-wrap:wrap;margin-top:31px;padding-top:17px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.skills{padding-top:30px;padding-bottom:130px}.skills-head{display:flex;justify-content:space-between;align-items:end;padding:57px 0 48px}.skills-head h2{font-size:clamp(42px,5vw,66px)}.skills-head>p{max-width:250px;margin:0 0 6px}.skill-list{border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:50px 1fr 1fr 20px;align-items:center;gap:15px;padding:24px 4px;border-bottom:1px solid var(--line);transition:padding .3s var(--ease),background .3s}.skill-row:hover{padding-left:15px;padding-right:15px;background:rgba(255,255,255,.28)}.skill-num{color:var(--accent)}.skill-row h3{font-size:17px;font-weight:500;letter-spacing:-.04em;margin:0}.skill-row p{color:var(--muted);font-size:11px;margin:0}.skill-symbol{font-size:17px;color:var(--accent);transition:transform .25s}.skill-row:hover .skill-symbol{transform:translate(3px,-3px)}.work{padding-top:30px;padding-bottom:140px}.work-heading,.people-head{display:flex;align-items:end;justify-content:space-between;padding:58px 0 45px}.work-heading h2,.people-head h2{font-size:clamp(48px,6vw,78px)}.work-heading>p,.people-head>p{max-width:250px;margin-bottom:6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:43px 22px}.project-large{grid-column:span 2}.project-card{display:block;min-width:0}.project-visual{height:auto;aspect-ratio:1.38;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.project-large .project-visual{aspect-ratio:2.1}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(36,60,73,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(36,60,73,.09) 1px,transparent 1px);background-size:34px 34px;transform:perspective(400px) rotateX(13deg) scale(1.3);transition:transform .8s var(--ease)}.visual-blue{background:#c4e0e9}.visual-orb{width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f8f4e9,#82b7c8 60%,#427e91);box-shadow:0 22px 50px #5b87955c;transition:transform .8s var(--ease)}.project-card:hover .visual-orb{transform:translateY(-9px) scale(1.08)}.project-card:hover .visual-grid{transform:perspective(400px) rotateX(0) scale(1.1)}.visual-lilac{background:#ddd5e8}.lilac-shape{position:absolute;border:1px solid #766888;border-radius:50%;width:48%;aspect-ratio:1;transition:transform .8s var(--ease)}.shape-a{transform:translate(-19%,-4%);background:linear-gradient(135deg,#eee8f1,#b7a8cb)}.shape-b{transform:translate(22%,7%);mix-blend-mode:multiply}.project-card:hover .shape-a{transform:translate(-24%,-7%) rotate(18deg)}.project-card:hover .shape-b{transform:translate(27%,10%) rotate(-18deg)}.visual-cream{background:#e7dfd0}.aero-ring{width:45%;aspect-ratio:1;border:1px solid #7b766b;border-radius:50%;position:relative}.aero-ring:before,.aero-ring:after{content:"";position:absolute;inset:17%;border:1px solid #7b766b;border-radius:50%}.aero-ring:after{inset:-16%;border-style:dashed}.aero-line{position:absolute;width:70%;height:1px;background:var(--accent);transform:rotate(-35deg)}.project-card:hover .aero-ring{animation:orbit-spin 18s linear infinite}.visual-ink{background:#292d2b}.hq-window{width:48%;height:48%;border:1px solid #8a9a8d;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:10px 1fr 1fr;gap:8px;transform:rotate(-5deg);transition:transform .5s}.hq-window span{background:#8a9a8d;height:3px}.hq-window i{border:1px solid #65796b}.project-card:hover .hq-window{transform:rotate(0) scale(1.05)}.visual-green{background:#d5dfd0}.soma-circles{width:50%;aspect-ratio:1;position:relative}.soma-circles i{position:absolute;inset:0;border:1px solid #536e56;border-radius:50%;transition:transform .5s}.soma-circles i:nth-child(2){transform:rotate(45deg) scaleX(.6)}.soma-circles i:nth-child(3){transform:rotate(-45deg) scaleX(.6)}.soma-circles i:nth-child(4){transform:scale(.5);background:#8fa78c}.soma-circles i:nth-child(5){transform:scale(.18);background:var(--accent);border:0}.project-card:hover .soma-circles i:nth-child(2){transform:rotate(65deg) scaleX(.7)}.project-card:hover .soma-circles i:nth-child(3){transform:rotate(-65deg) scaleX(.7)}.visual-orange{background:#ead1c2}.flint-star{font-size:100px;font-weight:200;color:#bb674b;transition:transform .7s var(--ease)}.project-card:hover .flint-star{transform:rotate(45deg) scale(1.1)}.visual-caption{position:absolute;bottom:17px;left:18px;color:rgba(34,36,31,.65);font-size:8px}.visual-ink .visual-caption{color:#b9c4b9}.visual-arrow{position:absolute;right:17px;top:15px;width:29px;height:29px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:13px;opacity:0;transform:translate(-4px,4px);transition:all .3s}.project-card:hover .visual-arrow{opacity:1;transform:translate(0)}.project-info{display:flex;justify-content:space-between;gap:15px;padding-top:16px}.project-info h3{font-size:18px;letter-spacing:-.05em;margin:0 0 5px;font-weight:600}.project-info p{font-size:11px;color:var(--muted);margin:0}.project-type{font-size:8px;color:var(--muted);padding-top:5px;white-space:nowrap}.work-footnote{display:flex;align-items:center;gap:10px;color:var(--muted);margin-top:43px;font-size:8px}.people{padding-top:30px;padding-bottom:130px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.person-card{border:1px solid var(--line);padding:19px;transition:transform .35s var(--ease),background .35s}.person-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.26)}.avatar{aspect-ratio:1.55;display:grid;place-items:center;position:relative;overflow:hidden;margin-bottom:20px}.avatar-one{background:#d3e0df}.avatar-two{background:#e5d5c9}.avatar>span{font-family:Georgia,serif;font-size:clamp(70px,9vw,130px);font-style:italic;z-index:1;color:#364a49;letter-spacing:-.12em}.avatar-two>span{color:#8d5847}.avatar-orbit{position:absolute;width:48%;aspect-ratio:1;border:1px solid rgba(34,36,31,.3);border-radius:50%;transform:scaleX(1.7) rotate(30deg);transition:transform .7s}.avatar-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:8%;right:14%}.person-card:hover .avatar-orbit{transform:scaleX(1.7) rotate(75deg)}.person-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.person-meta span:first-child{color:var(--accent)}.person-card h3{font-size:26px;letter-spacing:-.06em;margin:14px 0 7px}.person-card>p{font-size:12px;color:#6b6d64;line-height:1.8;max-width:340px;min-height:43px}.person-link{display:inline-flex;gap:20px;border-bottom:1px solid var(--line);padding-bottom:7px;margin-top:7px;font-size:10px}.person-link span{color:var(--accent)}.team-note{display:flex;align-items:center;gap:20px;margin-top:28px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.note-mark{font-size:26px;color:var(--accent)}.team-note p{font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.5;max-width:600px;margin:0}.learners{padding-top:30px;padding-bottom:130px}.learners-panel{margin-top:55px;background:#e8e4da;padding:6.5%;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;position:relative;overflow:hidden}.learners-panel:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(34,36,31,.1);border-radius:50%;right:-130px;top:-210px;pointer-events:none}.learner-stamp{width:86px;height:86px;border:1px solid var(--accent);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--accent);font:20px Georgia,serif;transform:rotate(-10deg);margin-bottom:40px}.learner-stamp small{font:7px var(--mono);letter-spacing:.05em}.learner-left .eyebrow{margin-bottom:17px}.learners h2{font-size:clamp(48px,5.5vw,70px)}.learner-right{padding-top:12px}.learner-lead{font-family:Georgia,serif;font-size:20px;line-height:1.55;margin:0 0 32px;max-width:470px}.learner-points{border-top:1px solid var(--line);margin-bottom:28px}.learner-points>div{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.learner-points>div>span{font:9px var(--mono);color:var(--accent);padding-top:3px}.learner-points p{font-size:11px;line-height:1.8;color:#6d6e65;margin:0}.learner-points strong{color:var(--ink);font-weight:600}.learner-caption{color:var(--muted);margin-top:17px;font-size:8px}.learner-caption span{color:var(--accent);padding:0 7px}.links-section{padding-top:30px;padding-bottom:140px}.links-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;padding-top:65px}.links-grid h2{font-size:clamp(43px,5vw,66px);margin-bottom:24px}.links-grid>div>p{max-width:270px}.link-list{border-top:1px solid var(--line)}.link-list>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 4px;transition:padding .25s var(--ease),color .25s}.link-list>a:hover{padding-left:13px;color:var(--accent)}.link-list>a>span{font-size:17px;letter-spacing:-.04em}.link-list small{display:block;font:8px var(--mono);color:var(--muted);letter-spacing:.1em;margin-bottom:8px}.link-list em{font:9px var(--mono);color:var(--accent);font-style:normal;margin-left:8px}.link-list b{font-size:17px;font-weight:400}.contact{padding-top:115px;padding-bottom:35px;background:#252823;color:var(--paper);overflow:hidden}.contact .eyebrow{color:#d78a6d}.contact h2{font-size:clamp(48px,7vw,91px);position:relative;z-index:1}.contact .serif-word{color:#d78a6d}.contact-orbit{position:absolute;width:380px;height:380px;border:1px solid rgba(245,242,235,.12);border-radius:50%;right:3%;top:7%;animation:orbit-spin 55s linear infinite}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;inset:13%;border:1px solid rgba(245,242,235,.12);border-radius:50%}.contact-orbit:after{inset:28%;border-color:rgba(215,138,109,.5)}.contact-email{position:relative;z-index:1;display:inline-flex;gap:35px;margin-top:40px;padding-bottom:10px;border-bottom:1px solid rgba(245,242,235,.35);font-size:clamp(13px,2vw,18px)}.contact-email span{color:#d78a6d}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(245,242,235,.2);margin-top:130px;padding-top:20px;color:#aaa99e;font-size:8px}.contact-bottom a:hover{color:#d78a6d}.footer{display:flex;align-items:center;justify-content:space-between;padding:22px 6.2%;font-size:8px;color:var(--muted)}.footer .brand{font-family:var(--sans);font-size:11px;color:var(--ink)}.footer .brand-mark{width:22px;height:22px}.project-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);z-index:60;background:var(--ink);color:var(--paper);padding:13px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 40px #0002;opacity:0;pointer-events:none;transition:all .35s var(--ease);font-size:11px;max-width:calc(100vw - 30px)}.project-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast-dot{background:#d78a6d;box-shadow:none;flex-shrink:0}.toast-close{border:0;background:none;color:var(--paper);font-size:18px;cursor:pointer;margin-left:8px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.project-card:nth-child(2),.person-card:nth-child(2){transition-delay:.08s}.project-card:nth-child(3){transition-delay:.04s}.project-card:nth-child(4){transition-delay:.1s}.project-card:nth-child(5){transition-delay:.06s}.project-card:nth-child(6){transition-delay:.12s}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes core-float{0%,100%{transform:rotate(-32deg) translateY(0)}50%{transform:rotate(-26deg) translateY(-10px)}}
@media(min-width:1500px){.section-wrap{padding-left:14%;padding-right:14%}.hero{min-height:850px}}
@media(max-width:850px){.section-wrap{padding-left:7%;padding-right:7%}.topbar{padding:0 5%;height:72px}.nav{gap:19px;margin-right:22px}.hero{min-height:calc(100svh - 72px)}.hero-main{gap:2%}.hero-art{max-width:350px}.intro,.skills,.work,.people,.learners,.links-section{padding-bottom:100px}.intro-grid{gap:7%}.project-grid{gap:32px 17px}.project-type{font-size:7px}.learners-panel{gap:6%;padding:6%}.contact-orbit{right:-150px}}
@media(max-width:620px){.topbar{height:66px}.nav{display:none;position:absolute;top:65px;left:0;right:0;margin:0;padding:22px 7%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.nav.open{display:flex}.nav-cta{margin-left:auto;margin-right:20px}.menu-toggle{display:flex;width:24px;height:24px;flex-direction:column;justify-content:center;gap:6px;padding:0}.menu-toggle span{width:22px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.section-wrap{padding-left:6%;padding-right:6%}.hero{min-height:auto;padding-top:22px}.hero-meta{font-size:7px;gap:7px}.meta-right{display:none}.hero-main{grid-template-columns:1fr;padding:78px 0 45px;gap:32px}.hero h1{font-size:clamp(55px,14vw,82px)}.hero-description{font-size:12px;max-width:340px}.hero-art{width:78%;max-width:320px;grid-row:1;opacity:.95}.hero-copy{grid-row:2}.hero-main{position:relative}.hero-art{margin-bottom:-25px}.hero-bottom{gap:10px;font-size:7px;flex-wrap:wrap}.hero-index{display:none}.intro,.skills,.work,.people,.learners,.links-section{padding-top:80px;padding-bottom:85px}.intro-grid,.links-grid{grid-template-columns:1fr;gap:28px;padding-top:42px}.intro h2{font-size:47px}.intro-body{max-width:500px}.skills-head,.work-heading,.people-head{align-items:start;flex-direction:column;gap:22px;padding:42px 0 32px}.skills-head h2{font-size:55px}.skills-head>p,.work-heading>p,.people-head>p{max-width:330px}.skill-row{grid-template-columns:27px 1fr 18px;gap:10px;padding:19px 1px}.skill-row h3{font-size:14px}.skill-row p{grid-column:2;grid-row:2;font-size:10px}.skill-symbol{grid-column:3;grid-row:1/3}.project-grid{gap:27px 12px}.project-large{grid-column:span 2}.project-large .project-visual{aspect-ratio:1.35}.project-visual{aspect-ratio:.95}.project-info{flex-direction:column;gap:6px;padding-top:12px}.project-info h3{font-size:16px}.project-info p{line-height:1.6}.project-type{padding:0;white-space:normal}.visual-caption{font-size:6px;left:10px;bottom:10px}.work-footnote{line-height:1.8}.people-grid{gap:12px}.person-card{padding:10px}.avatar{aspect-ratio:1.1;margin-bottom:13px}.person-meta{font-size:6px;letter-spacing:.03em}.person-card h3{font-size:21px}.person-card>p{font-size:10px;line-height:1.7;min-height:68px}.person-link{font-size:9px;gap:8px}.team-note p{font-size:16px}.learners-panel{grid-template-columns:1fr;padding:8%;gap:40px;margin-top:40px}.learner-stamp{margin-bottom:27px;width:70px;height:70px}.learners h2{font-size:60px}.learner-lead{font-size:18px}.links-grid{gap:35px}.links-grid h2{font-size:55px}.contact{padding-top:90px}.contact h2{font-size:clamp(47px,12vw,73px)}.contact-orbit{width:260px;height:260px;top:22%;right:-160px}.contact-bottom{margin-top:90px;gap:18px;line-height:1.8}.footer{padding:20px 6%;gap:15px;flex-wrap:wrap}.footer>span:last-child{width:100%}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


.people-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.5rem 1.5rem;
}

.person-card {
  min-width: 0;
}

.avatar {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

                                
.avatar > img {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  transition: transform 650ms cubic-bezier(.2, .7, .2, 1);
}

                                                    
                                                
.person-card:hover .avatar > img {
  transform: scale(1.055);
}

                                                    
.avatar .avatar-orbit {
  z-index: 1;
  pointer-events: none;
}

                            
                            
                            

.learners-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
  margin: 5rem 0 1.75rem;
}

.learners-head h3 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: 1.05;
}

.learner-count {
  padding-bottom: .35rem;
  font-family: "DM Mono", monospace;
  font-size: .68rem;
  letter-spacing: .08em;
  color: var(--muted, #77766e);
}

                            
                
                            

.learner-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.learner-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line, rgba(34, 36, 31, .13));
  border-radius: 1rem;
  background: var(--surface, rgba(255, 255, 255, .35));
  transition:
    transform 300ms ease,
    border-color 300ms ease,
    box-shadow 300ms ease;
}

.learner-card:hover {
  transform: translateY(-5px);
  border-color: var(--accent, #c45a3d);
  box-shadow: 0 14px 35px rgba(34, 36, 31, .07);
}

.learner-avatar {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: var(--avatar-fallback, #e8e3d9);
}

.learner-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 650ms cubic-bezier(.2, .7, .2, 1);
}

.learner-card:hover .learner-avatar > img {
  transform: scale(1.045);
}

.learner-index {
  position: absolute;
  right: .85rem;
  bottom: .85rem;
  padding: .45rem .6rem;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 999px;
  background: rgba(34, 36, 31, .55);
  color: #fff;
  font-family: "DM Mono", monospace;
  font-size: .65rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.learner-card-body {
  padding: 1.25rem;
}

.learner-role {
  font-family: "DM Mono", monospace;
  font-size: .63rem;
  letter-spacing: .075em;
  color: var(--muted, #77766e);
}

.learner-card-body h4 {
  margin: .65rem 0 .55rem;
  font-size: 1.35rem;
  font-weight: 550;
  letter-spacing: -.035em;
}

.learner-card-body p {
  margin: 0;
  font-size: .9rem;
  line-height: 1.75;
  color: var(--muted, #77766e);
}

.learner-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 2rem;
  padding: 1.5rem 0;
  border-top: 1px solid var(--line, rgba(34, 36, 31, .13));
}

.learner-cta p {
  max-width: 32rem;
  margin: 0;
  font-size: .95rem;
  line-height: 1.7;
}

                            
                    
                            

@media (max-width: 900px) {
  .people-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1.25rem;
  }

  .learner-grid {
    gap: 1rem;
  }

  .learner-card-body {
    padding: 1rem;
  }
}

@media (max-width: 600px) {
  .people-grid,
  .learner-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .people-grid {
    gap: 2rem;
  }

  .learner-grid {
    gap: 1.25rem;
  }

  .learners-head {
    align-items: start;
    flex-direction: column;
    gap: .75rem;
    margin-top: 3.5rem;
  }

  .learner-avatar {
    aspect-ratio: 5 / 3;
  }

  .learner-cta {
    align-items: start;
    flex-direction: column;
    gap: .75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .person-card,
  .person-card .avatar > img,
  .learner-card,
  .learner-avatar > img {
    transition: none;
  }

  .learner-card:hover,
  .person-card:hover .avatar > img,
  .learner-card:hover .learner-avatar > img {
    transform: none;
  }
}
                                 
.fsx-mini-ui {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px;
  width: min(270px, 76%);
  background: rgba(10, 22, 38, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  z-index: 1;
}

.fsx-album {
  width: 43px;
  height: 43px;
  flex-shrink: 0;
  border-radius: 6px;
  background: linear-gradient(135deg, #b7e5ff, #3976ba 55%, #172e62);
}

.fsx-track {
  flex: 1;
  min-width: 0;
}

.fsx-track span {
  font-size: 8px;
  letter-spacing: 1.5px;
  opacity: 0.7;
}

.fsx-track-line {
  height: 4px;
  margin-top: 7px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.65);
}

.fsx-track-line.short {
  width: 55%;
  margin-top: 5px;
  opacity: 0.3;
}

.fsx-play {
  color: white;
  font-size: 16px;
}

                                       
.orrivn-posters {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 25px 15px;
}

.orrivn-poster {
  width: 24%;
  height: 62%;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: 0 8px 24px rgba(25, 12, 45, 0.18);
}

.poster-one {
  background: linear-gradient(155deg, #f0c5d8, #9678b5 65%, #403759);
  transform: translateY(10px);
}

.poster-two {
  height: 76%;
  background: linear-gradient(155deg, #e7dcff, #9b87d1 50%, #4e426d);
}

.poster-three {
  background: linear-gradient(155deg, #c9d5f5, #8a85bd 55%, #393653);
  transform: translateY(10px);
}

.fsx-player .visual-caption,
.orrivn-stream .visual-caption,
.fsx-player .visual-arrow,
.orrivn-stream .visual-arrow {
  z-index: 2;
}

                                  
.skill-category {
  margin-top: 38px;
}

.skill-category > h3 {
  margin: 0 0 15px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.65;
}

.skill-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.skill-card {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 76px;
  padding: 16px;
  border: 1px solid var(--border, rgba(128, 128, 128, 0.22));
  border-radius: 12px;
  background: var(--card-bg, rgba(128, 128, 128, 0.045));
  transition: border-color 0.18s ease,
              background-color 0.18s ease;
}

.skill-card:hover {
  border-color: var(--accent, currentColor);
  background: var(--card-hover, rgba(128, 128, 128, 0.09));
}

.skill-card img {
  display: block;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  object-fit: contain;
}

.skill-card > span:last-child {
  font-size: 13px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.skill-text-icon .skill-letter {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  font-size: 18px;
  font-weight: 600;
  opacity: 0.85;
}

@media (max-width: 760px) {
  .skill-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .skill-card {
    min-height: 68px;
    padding: 12px;
    gap: 9px;
  }

  .skill-card img,
  .skill-text-icon .skill-letter {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .skill-card {
    transition: none;
  }
}