/* A company-specific application, preserving the original studio palette. */
:root{--grida-blue:#185b7a;--grida-teal:#258990;--grida-amber:#e4a62d}
.header{gap:30px}.header .grida-identity{display:flex;align-items:center;gap:18px;letter-spacing:0;flex-shrink:0;line-height:1;text-decoration:none}
.grida-identity .grida-company-logo{display:block;width:180px;height:42px;object-fit:contain}
.grida-identity .identity-cross{color:#9b9c88;font:300 27px var(--display);transform:rotate(-8deg)}
.grida-identity .identity-person{display:flex;flex-direction:column;gap:8px;color:#303e36;font:600 22px var(--font);letter-spacing:-1px}
.grida-identity .identity-person small{font:500 7px var(--display);letter-spacing:1.3px;color:#858c7a;margin:0;padding:0}
.header nav{gap:25px}.header nav a{white-space:nowrap}.header-tools{flex-shrink:0}
.hero-name-label{color:var(--grida-blue)}.hero .role-sticker>span:last-child{background:#dde6e2;color:#34616a}
.grida-application-label{display:flex;align-items:center;gap:9px;font:500 9px var(--display);letter-spacing:1px;color:#6b817d;margin-bottom:17px}
.grida-application-label:before{content:'';width:5px;height:5px;background:var(--grida-teal);border-radius:50%;box-shadow:0 0 0 4px #2589900c}
.grida-focus{position:relative;z-index:3;background:#edf0e8;color:#2f3d36;padding:100px 9% 110px;border-radius:32px 32px 0 0;margin-top:-32px;scroll-margin-top:0;overflow:hidden}
.grida-focus-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:48px}
.grida-focus-heading h2{font:500 clamp(50px,4.35vw,74px)/1.06 var(--display);letter-spacing:-3px;margin:24px 0 0}
.grida-focus h2 em{color:#718471}.grida-focus-heading>p{font-size:14px;color:#7d8a7a;line-height:2;margin:0;word-break:keep-all}
.evidence-card{border:1px solid #d5ded2;border-radius:21px;background:#faf8f0;overflow:hidden;transition:border-color .4s,box-shadow .4s}
.evidence-card:hover{border-color:#a8bfb3;box-shadow:0 12px 36px #244e4b09}
.energy-case{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr);background:#f8f6ee}
.energy-case-copy{padding:36px 40px 33px}.case-index{display:flex;align-items:center;justify-content:space-between;gap:15px;font:500 9px var(--display);letter-spacing:1px;color:#738879}
.case-index time{letter-spacing:.2px;color:#8c978b;white-space:nowrap}.energy-case h3{font-size:29px;line-height:1.5;letter-spacing:-1px;font-weight:500;margin:26px 0 17px}
.evidence-card p{font-size:14px;line-height:1.95;word-break:keep-all;color:#7d8776;margin:0}.evidence-card p strong{color:#426659;font-weight:500}
.model-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:24px 0 10px;font:500 12px var(--display)}
.model-flow>span{padding:9px 12px;background:#e4eadd;color:#516f59;border:1px solid #d0dcc9;border-radius:7px}.model-flow i{font-style:normal;color:#91a48a}.model-flow b{font-size:19px;font-weight:400;color:#8ba292}.model-flow>strong{font-weight:500;color:var(--grida-blue);background:#e3ece9;border-radius:7px;padding:9px 12px}
.evidence-card .case-method{font-size:11px;color:#8c9688}.case-source{display:inline-flex;align-items:center;gap:28px;font-size:12px;color:#366b70;margin-top:23px;border-bottom:1px solid #b4c9bc;padding-bottom:7px}.case-source span{font-size:18px;transition:transform .3s}.case-source:hover span{transform:translate(3px,-3px)}
.energy-case-result{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 25px;background:#dfe8e1;color:var(--grida-blue);overflow:hidden;min-height:350px}
.case-result-label{font:500 9px var(--display);letter-spacing:1.5px;color:#63847d}.energy-rank{display:flex;align-items:baseline;gap:13px;position:relative;margin:6px 0 0}.energy-rank>strong{font:500 136px/.98 var(--display);letter-spacing:-10px}.energy-rank>span{font:400 28px var(--display);color:#77948b}.energy-rank small{display:block;font:10px var(--font);margin-top:5px;letter-spacing:0;color:#7e9589}.case-percentile{font:500 12px var(--font);background:#f7f7eaba;padding:8px 15px;border-radius:30px;margin-top:17px;display:flex;align-items:center;gap:16px;color:#58735f}.case-percentile i{font-style:normal;color:#c59c40}.energy-case-result>p{font-size:12px;text-align:center;line-height:1.9;color:#7a9185;margin-top:27px}
.energy-orbit{position:absolute;z-index:-1;inset:0;pointer-events:none}.energy-orbit span{position:absolute;border:1px solid #a9c1b644;width:490px;height:260px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-34deg)}.energy-orbit span:nth-child(2){transform:translate(-50%,-50%) rotate(-14deg)}.energy-orbit span:nth-child(3){transform:translate(-50%,-50%) rotate(12deg)}.energy-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--grida-amber);left:17%;top:31%;box-shadow:0 0 0 7px #e4a62d0d}
.energy-case-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0;padding:22px 40px;border-top:1px solid #d8e0d3;background:#f1f3e9}.energy-case-facts dt{font:500 8px var(--display);letter-spacing:1.2px;color:#8a9a87;margin-bottom:8px}.energy-case-facts dd{font-size:12px;color:#5d7868;margin:0;line-height:1.7;word-break:keep-all}
.evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.evidence-pair>article{padding:29px 32px;display:flex;flex-direction:column}.case-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 20px}.case-heading-row h3{font-size:23px;line-height:1.55;letter-spacing:-.8px;font-weight:500;margin:0}.small-case-rank{display:flex;align-items:baseline;gap:7px;color:#69826b;white-space:nowrap}.small-case-rank strong{font:500 55px var(--display);letter-spacing:-3px}.small-case-rank>span{font:11px var(--font);color:#8b9a87}.case-connection{border-top:1px solid #dce2d4;margin-top:auto;padding-top:18px}.evidence-pair .case-connection{margin-top:25px}.case-connection>span{font:500 8px var(--display);letter-spacing:1.1px;color:#719083}.case-connection>p{margin:9px 0 0;font-size:12px;line-height:1.9;color:#839080}
.automation-case{background:#f3f3e7}.automation-mark{font:300 45px var(--display);color:#92a47d}.time-change{display:flex;align-items:baseline;gap:23px;margin:-4px 0 20px}.time-change>span{font-size:11px;color:#9b9e86}.time-change b{font:500 35px var(--display);letter-spacing:-1px;margin-right:5px}.time-change>i{font-style:normal;font-size:25px;color:#a7ad93}.time-change>strong{font-size:12px;font-weight:400;color:#708652}.time-change>strong>b{font-size:48px}
.grida-fit{display:grid;grid-template-columns:.9fr 1.15fr;gap:90px;margin-top:82px;padding-top:52px;border-top:1px solid #cfd9c9}.grida-fit-heading h3{font-size:34px;line-height:1.5;letter-spacing:-1.4px;font-weight:500;margin:21px 0}.grida-fit-heading h3 em{font-style:normal;color:#7b8b68}.grida-fit-heading>p{font-size:13px;line-height:2;word-break:keep-all;color:#87907c;max-width:350px}.grida-fit-heading>a{font-size:11px;color:#6b8875;display:inline-block;margin-top:17px;border-bottom:1px solid #c8d3be;padding-bottom:5px}.fit-steps-label{display:flex;justify-content:space-between;font:500 9px var(--display);letter-spacing:1px;color:#83927b;margin-bottom:14px}.fit-steps-label>span{font:10px var(--font);letter-spacing:0;color:#91a088}.fit-step{display:flex;gap:23px;padding:24px 0;border-bottom:1px solid #d7dfd0}.fit-step>span{font:500 13px var(--display);color:#91a48a;margin-top:2px}.fit-step h4{font-size:16px;font-weight:500;color:#526e59;margin:0 0 11px;letter-spacing:-.3px}.fit-step p{font-size:12px;line-height:1.95;color:#87947e;word-break:keep-all;margin:0}.fit-step:last-child{border-bottom:0}
.grida-focus a:focus-visible{outline-color:var(--grida-blue)}
@media(min-width:1600px){.grida-focus-heading h2{font-size:74px}.energy-case h3{font-size:34px}.evidence-card p{font-size:15px}.energy-case-copy{padding:43px 47px}.energy-case-result{min-height:390px}}
@media(max-width:1100px) and (min-width:651px){.grida-identity .grida-company-logo{width:150px;height:35px}.header .grida-identity{gap:12px}.grida-identity .identity-person{font-size:19px}.header{gap:18px}.header nav{gap:16px;font-size:11px}.header-tools{gap:7px}.header-tools button span{display:none}.energy-case-copy{padding:30px}.energy-case{grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr)}.grida-fit{gap:40px}.evidence-pair>article{padding:25px}.case-heading-row h3{font-size:20px}.small-case-rank strong{font-size:45px}}
@media(max-width:650px){.header{display:grid;grid-template-columns:1fr auto;row-gap:15px;padding:20px 6%;align-items:center}.header .grida-identity{gap:12px;width:max-content}.grida-identity .grida-company-logo{width:138px;height:32px}.grida-identity .identity-cross{font-size:22px}.grida-identity .identity-person{font-size:18px;gap:6px}.grida-identity .identity-person small{font-size:5px;letter-spacing:.8px}.header-tools{grid-column:2;grid-row:1}.header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;font-size:11px;gap:12px;padding-right:3px}.header nav a:first-child{display:block}.hero-copy{top:20%}.grida-application-label{font-size:7px;letter-spacing:.8px;margin-bottom:14px}.hero-name-label{font-size:7px}.grida-focus{padding:65px 7% 72px;border-radius:26px 26px 0 0}.grida-focus-heading{display:block;margin-bottom:29px}.grida-focus-heading h2{font-size:43px;letter-spacing:-2px;margin-top:21px}.grida-focus-heading>p{font-size:12px;margin-top:23px;line-height:1.9}.energy-case{grid-template-columns:1fr}.energy-case-copy{padding:25px 24px 27px}.case-index{font-size:7px;letter-spacing:.7px;gap:10px}.case-index time{font-size:8px}.energy-case h3{font-size:25px;margin:22px 0 15px}.evidence-card p{font-size:12px;line-height:2}.model-flow{font-size:10px;gap:6px;margin-top:22px}.model-flow>span,.model-flow>strong{padding:8px 9px}.model-flow b{font-size:14px}.evidence-card .case-method{font-size:9px}.case-source{font-size:11px;margin-top:19px;gap:22px}.energy-case-result{min-height:260px;padding:27px 20px}.energy-rank>strong{font-size:113px}.energy-rank>span{font-size:24px}.case-result-label{font-size:8px}.energy-case-result>p{font-size:11px;margin-top:17px}.energy-case-result>p br{display:none}.case-percentile{font-size:11px;margin-top:10px;padding:7px 14px}.energy-case-facts{grid-template-columns:1fr;gap:13px;padding:23px 24px}.energy-case-facts>div{display:grid;grid-template-columns:90px 1fr;align-items:start;gap:10px}.energy-case-facts dt{font-size:7px;line-height:1.9;margin:0}.energy-case-facts dd{font-size:10px}.evidence-pair{grid-template-columns:1fr;gap:15px;margin-top:15px}.evidence-pair>article{padding:25px 24px}.case-heading-row{margin:21px 0 16px}.case-heading-row h3{font-size:21px}.small-case-rank strong{font-size:49px}.small-case-rank>span{font-size:10px}.case-connection>span{font-size:7px}.case-connection>p{font-size:11px}.time-change{gap:20px;margin:0 0 16px}.time-change b{font-size:31px}.time-change>strong>b{font-size:40px}.grida-fit{display:block;margin-top:49px;padding-top:36px}.grida-fit-heading h3{font-size:29px;margin:18px 0}.grida-fit-heading>p{font-size:12px;max-width:none}.grida-fit-heading>a{font-size:10px}.fit-steps{margin-top:35px}.fit-steps-label{font-size:8px;letter-spacing:.7px}.fit-steps-label>span{font-size:9px}.fit-step{gap:17px;padding:22px 0}.fit-step h4{font-size:15px}.fit-step p{font-size:11px;line-height:2}.recruiter-intro h2{word-break:keep-all}}
@media(prefers-reduced-motion:reduce){.case-source span{transition:none}}

.loader-identity{display:flex;align-items:center;gap:17px;letter-spacing:0}.loader-identity img{width:160px;height:auto}.loader-identity>span{font:300 24px var(--display);color:#9d9d86}.loader-identity b{font:600 21px var(--font);color:#354738}@media(max-width:650px){.loader-identity{gap:12px}.loader-identity img{width:140px}.loader-identity b{font-size:18px}}

@media(max-width:650px){.grida-focus-heading h2 em{font-size:.84em;white-space:nowrap}}

/* Gugi wordmark: the chosen typeface, with restrained optical spacing. */
@font-face{font-family:HJWordmark;src:url('assets/gugi-name.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.header .grida-identity{gap:14px}
.header .grida-identity .grida-company-logo{width:146px;height:34px}
.grida-identity .identity-cross{font-size:18px;color:#9b9d8c;transform:none}
.header .grida-identity .gugi-identity{display:flex;flex-direction:column;align-items:center;gap:5px;padding-right:6px;line-height:1}
.gugi-identity .gugi-name{display:block;position:relative;font:400 29px/1.05 HJWordmark,sans-serif;letter-spacing:-1.15px;color:#244e58;white-space:nowrap}
.gugi-name i{position:absolute;top:1px;right:-7px;width:4px;height:4px;border-radius:50%;background:#dc9a4a}
.grida-identity .gugi-identity small{font:500 5.5px var(--display);letter-spacing:2.25px;color:#7b9287;margin:0;padding:0;transform:translateX(1px)}
.loader-identity b{font:400 24px HJWordmark,sans-serif;color:#244e58}
@media(max-width:650px){.header .grida-identity{gap:12px}.header .grida-identity .grida-company-logo{width:118px;height:28px}.grida-identity .identity-cross{font-size:15px}.gugi-identity .gugi-name{font-size:24px;letter-spacing:-1px}.header .grida-identity .gugi-identity{gap:4px}.grida-identity .gugi-identity small{font-size:4.5px;letter-spacing:1.8px}.gugi-name i{width:3px;height:3px;right:-6px}.loader-identity b{font-size:21px}}

/* The same co-brand travels from the loading screen into its header position. */
#loading.intro-loader{background:transparent;transition:opacity .18s,visibility .18s}
.intro-backdrop{position:absolute;inset:0;background:var(--bg);pointer-events:none}
.intro-brand.header{position:fixed;inset:auto;top:0;left:0;display:block;width:max-content;height:auto;padding:0;margin:0;gap:0;z-index:104;pointer-events:none;transform-origin:0 0;visibility:hidden;will-change:transform}
.intro-brand .grida-identity{pointer-events:none;text-decoration:none}
body.intro-brand-active>header.header>.grida-identity{visibility:hidden}
.intro-loader.done{pointer-events:none}

body.intro-brand-active .hero-copy,body.intro-brand-active .hero-highlights{opacity:0;visibility:hidden}

/* Only the person invites interaction; achievement stamps remain informational. */
.keyword-buttons .keyword-badge{cursor:default}
.keyword-buttons .keyword-badge:nth-child(n):hover{transform:none;filter:none}
.character-cue{position:fixed;z-index:6;display:block;background:none;padding:8px 0;border:0;color:#536547;transform:translateY(-50%);white-space:nowrap;cursor:pointer}
.character-cue[hidden]{display:none}
.cue-label{font:500 12px var(--font);letter-spacing:-.02em;color:inherit}
.cue-label i{font-size:13px;font-style:normal;margin-left:4px;color:inherit}
.character-cue:hover{color:#283e25}
.character-cue:focus-visible{outline:1px solid #748865;outline-offset:5px}
@media(max-width:650px){.cue-label{font-size:11px}}

/* Original document viewer: the HWP page layout stays intact. */
#detail.document-profile{width:min(1060px,94vw);max-width:1060px;height:90svh;max-height:90svh;padding:0;overflow:hidden;background:#ebece5;border:1px solid #cbd2c2;border-radius:22px;box-shadow:0 30px 100px #17291e40}
.document-profile #detail-content{height:100%;display:flex;flex-direction:column;padding:0}
.document-profile .dialog-close{position:absolute;z-index:3;top:22px;right:22px;width:38px;height:38px;border-radius:50%;background:#e5e9de;color:#364932;border:0}
.document-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 82px 24px 30px;background:#f8f6ef;border-bottom:1px solid #d4dacd}
.document-toolbar span{font-size:9px;letter-spacing:.16em;color:#78866e}.document-toolbar h2{font-size:23px!important;line-height:1.3;margin:6px 0 0!important;color:#303c30}
.document-toolbar nav{display:flex;gap:10px;flex-wrap:wrap}.document-toolbar a{padding:10px 14px;border:1px solid #d1d8c8;border-radius:30px;font-size:12px;color:#4a6344;text-decoration:none}.document-toolbar a:hover{background:#e5eadc}
.document-pages{overflow:auto;overscroll-behavior:contain;padding:26px;flex:1;min-height:0;scrollbar-color:#9aa78c transparent}
.document-pages figure{margin:0 auto 24px;max-width:900px}.document-pages img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 5px 20px #25331d14}.document-pages figcaption{text-align:center;font-size:11px;letter-spacing:.12em;color:#78866e;padding:12px 0 0}
@media(max-width:640px){#detail.document-profile{width:96vw;height:94svh;max-height:94svh;border-radius:16px}.document-toolbar{align-items:flex-start;flex-direction:column;padding:20px 58px 18px 18px;gap:12px}.document-toolbar h2{font-size:20px!important}.document-toolbar nav{gap:7px}.document-toolbar a{font-size:11px;padding:8px 11px}.document-profile .dialog-close{top:16px;right:13px}.document-pages{padding:12px}.document-pages figure{margin-bottom:15px}}

/* Restrained typography: one title and one clear emphasis. */
.document-profile .document-toolbar h2{font-family:var(--display);font-size:34px!important;font-weight:500;line-height:1.05;letter-spacing:-1.5px;margin:0!important;color:#303c30}
.about-copy h2>strong{font-family:inherit;font-weight:700;font-style:normal;color:inherit}
@media(max-width:640px){.document-profile .document-toolbar h2{font-size:29px!important;letter-spacing:-1.2px}}

/* Match the site's editorial serif and restrained text links. */
.document-profile .document-toolbar h2{font-family:Georgia,'Times New Roman',serif;font-size:26px!important;font-style:italic;font-weight:400;letter-spacing:-.8px;line-height:1;margin:0!important}
.document-toolbar nav{gap:22px;align-items:center}
.document-toolbar nav a{padding:5px 0;border:0;border-bottom:1px solid #9ba58b;border-radius:0;background:none;font-size:11px;color:#56674c;transition:color .2s,border-color .2s}
.document-toolbar nav a:hover{background:none;color:#273c25;border-color:#273c25}
/* A single bouncing circle, with an invisible comfortable click target. */
.character-cue{display:grid;place-items:center;width:44px;height:44px;padding:0;background:none;border:0;border-radius:50%;box-shadow:none;isolation:isolate;transform-origin:50% 100%}
.character-cue:before,.character-cue:after{content:none}
.cue-orb{display:block;width:24px;height:24px;border:2px solid #71865f;border-radius:50%;background:#f4eee4;box-shadow:0 3px 8px #35452d12;transition:background .2s,border-color .2s}
.character-cue:hover{background:none;color:inherit}
.character-cue:hover .cue-orb,.character-cue:focus-visible .cue-orb{background:#71865f;border-color:#71865f}
@media(max-width:640px){.document-profile .document-toolbar h2{font-size:24px!important}.document-toolbar nav{gap:18px}.cue-orb{width:22px;height:22px}}

/* Two diminishing skips, then a long rest. Keep the projected anchor intact. */
.character-cue{transform-origin:50% 100%;animation:cue-water-skip 5.6s 1s infinite;will-change:transform}
@keyframes cue-water-skip{
 0%,3%{transform:translateY(-50%) translateX(0) rotate(0) scale(1);animation-timing-function:cubic-bezier(.2,.65,.35,1)}
 10%{transform:translateY(calc(-50% - 13px)) translateX(4px) rotate(-1.3deg) scale(.99,1.015);animation-timing-function:cubic-bezier(.55,0,.85,.45)}
 17%{transform:translateY(-50%) translateX(8px) rotate(.4deg) scale(1.025,.97);animation-timing-function:cubic-bezier(.15,.65,.35,1)}
 22%{transform:translateY(calc(-50% - 6px)) translateX(10px) rotate(-.6deg) scale(.995,1.01);animation-timing-function:cubic-bezier(.55,0,.85,.45)}
 27%{transform:translateY(-50%) translateX(12px) rotate(0) scale(1.015,.985);animation-timing-function:cubic-bezier(.22,1,.36,1)}
 38%,100%{transform:translateY(-50%) translateX(0) rotate(0) scale(1)}
}
.character-cue:hover,.character-cue:focus-visible{animation-play-state:paused}
body.reduced .character-cue{animation:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.character-cue{animation:none;will-change:auto}.cue-orb{transition:none}}

/* Three compact editorial links replace the oversized stamps. */
.hero .hero-highlights{width:206px;right:3.1%;top:31%;max-width:none}
.achievement-links{display:flex;flex-direction:column}
.achievement-link{position:relative;display:grid;gap:8px;text-align:left;width:100%;min-height:86px;padding:18px 24px 18px 0;background:none;border:0;border-bottom:1px solid #a9b29b55;border-radius:0;color:#46563b;cursor:pointer;transition:color .2s,padding .25s}
.achievement-link:first-child{border-top:1px solid #a9b29b55}
.achievement-overline{font:500 8px/1.4 var(--font);letter-spacing:.09em;color:#8a927c}
.achievement-name{font:400 15px/1.5 var(--font);letter-spacing:-.6px;white-space:nowrap}
.achievement-name b{font-weight:700}
.achievement-arrow{position:absolute;right:0;top:50%;font:400 16px var(--display);color:#9aab85;transform:translateY(-50%);transition:transform .25s,color .25s}
.achievement-link:hover{color:#263b23;padding-left:5px}.achievement-link:hover .achievement-arrow{color:#506d3b;transform:translate(2px,calc(-50% - 2px))}
.achievement-link:focus-visible{outline:2px solid #7c936b;outline-offset:5px}
#detail.achievement-detail{width:min(560px,92vw);max-height:86svh;padding:40px;background:#f8f5ed;border:1px solid #cdd5c1;border-radius:18px;color:#34462e;box-shadow:0 30px 100px #20341d2e;overflow:auto}
.achievement-detail #detail-content{padding:0}.achievement-detail .dialog-close{position:absolute;right:18px;top:18px;width:32px;height:32px;border-radius:50%;background:#e8eddf;font-size:22px;color:#5b704c;line-height:1;border:0}
.achievement-modal-top{display:flex;justify-content:space-between;margin:7px 34px 28px 0;font:500 9px var(--display);letter-spacing:.12em;color:#8c997c}
.achievement-detail #detail-title{font:500 29px/1.4 var(--font);letter-spacing:-1.3px;color:#354a2e;margin:0 0 18px;word-break:keep-all}
.achievement-modal-description{font-size:13px;line-height:1.95;color:#78826b;word-break:keep-all;margin:0 0 27px}
.achievement-modal-facts{margin:0;border-top:1px solid #d9dfcf}.achievement-modal-facts>div{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid #e2e6d9;font-size:12px;line-height:1.7}.achievement-modal-facts dt{color:#919a83}.achievement-modal-facts dd{margin:0;color:#4e6243}
@media(max-width:1100px) and (min-width:651px){.hero .hero-highlights{width:170px;right:2.2%;top:29%}.achievement-name{font-size:13px}.achievement-overline{font-size:7px}.achievement-link{min-height:80px}}
@media(max-width:650px){.hero .hero-highlights{width:auto;left:7%;right:7%;top:auto;bottom:35px}.achievement-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.achievement-link,.achievement-link:first-child{border-top:1px solid #a9b29b55;border-bottom:0;min-height:84px;padding:13px 0 0;align-content:start;gap:8px}.achievement-overline{font-size:7px;letter-spacing:0}.achievement-name{font-size:11px;line-height:1.6;white-space:normal;word-break:keep-all;letter-spacing:-.3px}.achievement-arrow{top:auto;bottom:0;font-size:13px;transform:none}.achievement-link:hover{padding-left:0}.achievement-link:hover .achievement-arrow{transform:translate(2px,-2px)}#detail.achievement-detail{padding:31px 25px}.achievement-detail #detail-title{font-size:25px}.achievement-modal-description{font-size:12px}.achievement-modal-facts>div{grid-template-columns:75px 1fr;font-size:11px}}
@media(prefers-reduced-motion:reduce){.achievement-link,.achievement-arrow{transition:none}}

/* Enamel-inspired achievement pins: compact silhouettes, clear hierarchy. */
.hero .hero-highlights{left:auto;right:3.2%;top:23%;bottom:auto;width:126px;max-width:none}
.achievement-pins{display:flex;flex-direction:column;align-items:center;gap:15px}
.achievement-pin{--pin-fill:#ead09b;--pin-edge:#c8a967;--pin-ink:#4e5e39;position:relative;display:block;width:126px;height:122px;padding:0;border:0;background:none;color:var(--pin-ink);filter:drop-shadow(0 4px 3px #4a573715);transform:rotate(-3deg);transition:transform .3s,filter .3s}
.pin-mou{--pin-fill:#e1e7d2;--pin-edge:#aab995;--pin-ink:#4d6340;transform:rotate(3deg)}
.pin-promotion{--pin-fill:#607650;--pin-edge:#a1b18b;--pin-ink:#f7f0dd;transform:rotate(-2deg)}
.pin-plate{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pin-surface{fill:var(--pin-fill);stroke:var(--pin-edge);stroke-width:1}.pin-inset{fill:none;stroke:var(--pin-edge);stroke-width:.8;opacity:.75}
.pin-content{position:absolute;inset:13px 10px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;pointer-events:none}
.pin-label{font:500 8px/1.2 var(--font);letter-spacing:.08em;opacity:.8}
.pin-metric{font:600 34px/1 var(--display);letter-spacing:-1.5px}.pin-metric>span{font:500 16px var(--font);letter-spacing:-.5px;margin-left:2px}.pin-foot{font:400 8px/1.4 var(--font);letter-spacing:-.2px;opacity:.85}.pin-mou .pin-metric{font-size:29px;letter-spacing:-1.5px}.pin-mou .pin-foot{font-size:7px}.pin-promotion .pin-metric{font:600 22px/1.05 var(--font);letter-spacing:-.7px}.pin-promotion .pin-content{gap:6px}
.achievement-pin:hover{transform:translateY(-4px) rotate(0);filter:drop-shadow(0 8px 5px #4a573725)}.achievement-pin:focus-visible{outline:2px solid #7d9568;outline-offset:5px;border-radius:22px}
/* A warm, solid interaction marker near the character; the target stays still. */
.character-cue{animation:none;transform:translateY(-50%);will-change:auto;transform-origin:center}
.character-cue:before{content:'';position:absolute;left:50%;top:34px;width:15px;height:3px;margin-left:-7.5px;border:0;border-radius:50%;background:#75845a33;transform:none;animation:cue-ground 5.2s 1.2s infinite}
.cue-orb{display:grid;place-items:center;width:23px;height:23px;background:#caa36b;border:1px solid #bb925b;border-radius:50%;color:#fcf8ee;font:400 17px/1 Arial,sans-serif;box-shadow:inset 0 1px 1px #fff6,0 2px 5px #8e704f18;animation:cue-pebble 5.2s 1.2s infinite;transform-origin:50% 100%;transition:background .2s}
.character-cue:hover .cue-orb,.character-cue:focus-visible .cue-orb{background:#b58d56;border-color:#a8804c;animation-play-state:paused}.character-cue:hover:before,.character-cue:focus-visible:before{animation-play-state:paused}
@keyframes cue-pebble{0%,4%,35%,100%{transform:translateY(0) scale(1);animation-timing-function:cubic-bezier(.18,.65,.3,1)}11%{transform:translateY(-14px) scale(.98,1.02);animation-timing-function:cubic-bezier(.6,0,.85,.5)}18%{transform:translateY(0) scale(1.08,.92);animation-timing-function:cubic-bezier(.18,.65,.3,1)}23%{transform:translateY(-6px) scale(.99,1.01);animation-timing-function:cubic-bezier(.6,0,.85,.5)}28%{transform:translateY(0) scale(1.04,.96)}}
@keyframes cue-ground{0%,4%,18%,28%,35%,100%{transform:scaleX(1);opacity:.7}11%{transform:scaleX(.5);opacity:.2}23%{transform:scaleX(.75);opacity:.4}}
@media(max-width:1100px) and (min-width:651px){.hero .hero-highlights{width:106px;right:2.3%;top:25%}.achievement-pin{width:106px;height:104px}.achievement-pins{gap:12px}.pin-metric{font-size:29px}.pin-mou .pin-metric{font-size:25px}.pin-promotion .pin-metric{font-size:19px}.pin-label,.pin-foot{font-size:7px}.pin-mou .pin-foot{font-size:6px}.pin-content{inset:12px 8px 13px;gap:6px}}
@media(max-width:650px){.hero .hero-highlights{left:7%;right:7%;top:auto;bottom:25px;width:auto}.achievement-pins{flex-direction:row;justify-content:space-between;gap:10px}.achievement-pin{width:clamp(86px,25vw,112px);height:clamp(84px,24.6vw,110px);flex:none}.pin-content{inset:10px 6px 12px;gap:5px}.pin-label{font-size:6px}.pin-foot{font-size:6px}.pin-metric{font-size:27px}.pin-mou .pin-metric{font-size:23px}.pin-mou .pin-foot{font-size:5.5px}.pin-promotion .pin-metric{font-size:17px}.cue-orb{width:22px;height:22px}}
body.reduced .cue-orb,body.reduced .character-cue:before{animation:none}
@media(prefers-reduced-motion:reduce){.achievement-pin{transition:none}.cue-orb,.character-cue:before{animation:none}}

/* Readable, opaque badge faces: dark type on light, ivory on deep green. */
.achievement-pin{--pin-fill:#edd398;--pin-edge:#a98b4b;--pin-ink:#24311c}
.pin-mou{--pin-fill:#dce7d0;--pin-edge:#8b9f76;--pin-ink:#20341d}
.pin-promotion{--pin-fill:#344e33;--pin-edge:#91a77d;--pin-ink:#fff8e7}
.pin-spend{--pin-fill:#dae7f0;--pin-edge:#8da6b9;--pin-ink:#18374f;transform:rotate(2deg)}
.pin-label,.pin-foot{opacity:1;font-weight:600;color:var(--pin-ink)}
.pin-label{font-size:9px;letter-spacing:.025em}.pin-foot,.pin-mou .pin-foot{font-size:8px;letter-spacing:-.25px}
.pin-metric{font-weight:700}.pin-metric>span{font-weight:600}.pin-spend .pin-metric{font-size:34px}.pin-spend .pin-metric>span{font-size:19px}
.hero .hero-highlights{top:18%}.achievement-pins{gap:11px}.achievement-pin{height:116px;width:120px}
@media(max-width:1100px) and (min-width:651px){.hero .hero-highlights{top:19%;width:108px}.achievement-pin{width:108px;height:105px}.achievement-pins{gap:9px}.pin-label{font-size:8px}.pin-foot,.pin-mou .pin-foot{font-size:7px}.pin-spend .pin-metric{font-size:29px}}
@media(max-width:650px){.hero .hero-highlights{top:auto;left:auto;right:7%;bottom:24px;width:226px}.achievement-pins{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 12px;justify-items:center}.achievement-pin{width:105px;height:102px}.pin-label{font-size:8px}.pin-foot,.pin-mou .pin-foot{font-size:7px}.pin-spend .pin-metric{font-size:28px}.pin-spend .pin-metric>span{font-size:16px}}

/* Keywords first, one short piece of evidence beneath each. */
.hero-highlights .highlights-title{font:600 11px/1.6 var(--font);letter-spacing:-.35px;color:#344a2d;text-align:center;margin:0 0 18px;white-space:nowrap}
.achievement-pin{transform:rotate(-1deg)}.pin-mou,.pin-spend{transform:rotate(1deg)}.pin-promotion{transform:rotate(-1deg)}
.achievement-pin .pin-content{justify-content:center;gap:9px;inset:15px 9px 17px}
.achievement-pin .pin-metric{font:700 23px/1.2 var(--font);letter-spacing:-.9px;white-space:nowrap}
.achievement-pin.pin-spend .pin-metric{font-size:20px;letter-spacing:-1px}
.achievement-pin .pin-foot{font:500 8px/1.65 var(--font);letter-spacing:-.1px;opacity:1;color:var(--pin-ink)}
.achievement-pin .pin-foot b{font-size:9px;font-weight:700}.achievement-pin.pin-spend .pin-foot b{font:700 13px/1.5 var(--display);letter-spacing:-.5px}
@media(max-width:1100px) and (min-width:651px){.hero-highlights .highlights-title{font-size:9px;margin-bottom:14px}.achievement-pin .pin-metric{font-size:21px}.achievement-pin.pin-spend .pin-metric{font-size:18px}.achievement-pin .pin-content{gap:7px}.achievement-pin .pin-foot{font-size:7px}.achievement-pin .pin-foot b{font-size:8px}}
@media(max-width:650px){.hero-highlights .highlights-title{font-size:11px;text-align:left;margin-bottom:12px}.achievement-pin .pin-metric{font-size:21px}.achievement-pin.pin-spend .pin-metric{font-size:18px}.achievement-pin .pin-content{gap:7px;inset:12px 7px 14px}.achievement-pin .pin-foot{font-size:7px}.achievement-pin .pin-foot b{font-size:8px}}

/* Give the opening three clear zones; four keywords form one compact cluster. */
@media(min-width:651px){
 .hero .hero-copy{left:7.5%;max-width:44%;top:29%}
 .hero h1{font-size:clamp(70px,6.05vw,108px);letter-spacing:-5px}
 .hero .hero-highlights{width:282px;right:3.8%;top:25%;bottom:auto}
 .hero-highlights .highlights-title{text-align:left;font-size:12px;margin:0 0 21px 4px;letter-spacing:-.3px}
 .achievement-pins{display:grid;grid-template-columns:repeat(2,126px);gap:24px 30px;justify-content:center;align-items:center}
 .achievement-pin{width:126px;height:122px}
 .achievement-pin .pin-metric,.achievement-pin.pin-spend .pin-metric{font-size:26px;letter-spacing:-1px}
 .achievement-pin .pin-foot{font-size:8px}.achievement-pin .pin-foot b{font-size:9px}
}
.pin-dacon{--pin-ink:#18364c}.pin-mou{--pin-ink:#153a35}
.pin-open{position:absolute;top:13px;right:13px;z-index:2;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#314b35;color:#fff9e8;font:400 13px/1 var(--display);box-shadow:0 1px 3px #20341d18;transition:transform .25s,background .25s}
.pin-promotion .pin-open{background:#f0d394;color:#263a27}.pin-spend .pin-open{background:#244b6b;color:#fff}
.achievement-pin:hover .pin-open{transform:translate(1px,-1px);background:#bd6b2a;color:#fff}
@media(min-width:651px) and (max-width:1100px){.hero .hero-copy{left:6%;max-width:43%}.hero h1{font-size:clamp(60px,6.3vw,76px)}.hero .hero-highlights{width:228px;right:3%;top:27%}.achievement-pins{grid-template-columns:repeat(2,104px);gap:19px 20px}.achievement-pin{width:104px;height:102px}.achievement-pin .pin-metric,.achievement-pin.pin-spend .pin-metric{font-size:23px}.hero-highlights .highlights-title{font-size:11px}.pin-open{top:12px;right:12px;width:16px;height:16px;font-size:12px}}
@media(max-width:650px){.achievement-pins{gap:16px}.achievement-pin .pin-metric,.achievement-pin.pin-spend .pin-metric{font-size:23px}.pin-open{top:12px;right:12px;width:16px;height:16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.pin-open{transition:none}}

/* A single column of enamel pins; reflected light replaces arrow controls. */
@media(min-width:651px){.hero .hero-highlights{width:154px;right:4.3%;top:15%;bottom:auto}.hero-highlights .highlights-title{text-align:center;margin:0 0 21px;font-size:11px}.achievement-pins{display:flex;flex-direction:column;gap:18px;align-items:center}.achievement-pin{width:118px;height:114px}.achievement-pin .pin-metric,.achievement-pin.pin-spend .pin-metric{font-size:25px}}
.pin-sheen{opacity:0;transform:translateX(0) rotate(-16deg);transform-origin:center;animation:pin-gloss-pass 10s 3s infinite;pointer-events:none}
.pin-mou .pin-sheen{animation-delay:4.1s}.pin-promotion .pin-sheen{animation-delay:5.2s}.pin-spend .pin-sheen{animation-delay:6.3s}
@keyframes pin-gloss-pass{0%{opacity:0;transform:translateX(0) rotate(-16deg)}2%{opacity:.6}10%{opacity:.6;transform:translateX(270px) rotate(-16deg)}11%,100%{opacity:0;transform:translateX(270px) rotate(-16deg)}}
.achievement-pin{transform-style:preserve-3d}
@media(hover:hover) and (pointer:fine){.achievement-pin:hover{transform:perspective(700px) translateY(-4px) rotateX(var(--pin-rx,0deg)) rotateY(var(--pin-ry,0deg));filter:drop-shadow(0 9px 7px #354a362c)}.achievement-pin:hover .pin-surface{filter:brightness(1.035)}}
.achievement-pin:focus-visible{outline:2px solid #b77d36;outline-offset:5px}
@media(min-width:651px) and (max-width:1100px){.hero .hero-highlights{width:132px;right:3%;top:16%}.achievement-pins{gap:15px}.achievement-pin{width:106px;height:103px}.achievement-pin .pin-metric,.achievement-pin.pin-spend .pin-metric{font-size:23px}.hero-highlights .highlights-title{font-size:10px;margin-bottom:17px}}
@media(max-width:650px){.hero .hero-highlights{left:7%;right:7%;width:auto;top:auto;bottom:24px}.hero-highlights .highlights-title{text-align:left}.achievement-pins{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;overflow-x:auto;overflow-y:hidden;padding:8px 3px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#bec9ad transparent}.achievement-pin{width:96px;height:94px;flex:0 0 96px;scroll-snap-align:start}.achievement-pin .pin-metric,.achievement-pin.pin-spend .pin-metric{font-size:21px}.achievement-pin .pin-content{gap:6px}}
body.reduced .pin-sheen{animation:none;opacity:0}body.reduced .achievement-pin:hover{transform:none}
@media(prefers-reduced-motion:reduce){.pin-sheen{animation:none;opacity:0}.achievement-pin:hover{transform:none}}

/* Rebalance the opening: bring the name inward and lower the keyword column. */
@media(min-width:1101px){.hero .hero-copy{left:11.5%}.hero .hero-highlights{top:24%}}
@media(min-width:651px) and (max-width:1100px){.hero .hero-copy{left:9.5%}.hero .hero-highlights{top:23%}}

/* Headings no longer reserve space for the removed eyebrow labels. */
.toolbox-heading h2,.history-heading h2{margin-top:0}

.history-document{display:inline-flex;flex-direction:column;align-items:flex-end;gap:5px;padding:7px 0;border-bottom:1px solid #7d9271;color:#455d39;text-decoration:none;white-space:nowrap}
.history-document>span{font:600 12px/1.4 var(--font)}.history-document>small{font:400 8px/1.4 var(--font);letter-spacing:.08em;color:#718367}.history-document:hover{color:#263e20;border-color:#263e20}.history-document:focus-visible{outline:2px solid #718962;outline-offset:5px}
@media(max-width:650px){.history-document{align-items:flex-start;gap:4px}.history-document>span{font-size:11px}}

/* Supporting proposal, entered through the cover's Npay identity. */
.hero-proposal{display:inline-flex;align-items:center;gap:20px;margin-top:27px;padding:0 0 10px;border-bottom:1px solid #b3bea8;max-width:100%;color:#3f5635;text-decoration:none;pointer-events:auto}
.hero-proposal-brand{display:inline-flex;align-items:center;gap:9px;flex:none}.hero-proposal-brand img{display:block;width:84px;height:28px;object-fit:contain}.hero-proposal-brand>span{font:600 13px/1.4 var(--font);letter-spacing:-.6px}
.hero-proposal-copy{display:grid;gap:4px;font:500 11px/1.5 var(--font);letter-spacing:-.2px}.hero-proposal-copy small{font:400 8px/1.4 var(--font);letter-spacing:.08em;color:#6b7d61}
.hero-proposal:hover{border-color:#03c75a;color:#254a32}.hero-proposal:focus-visible{outline:2px solid #03a650;outline-offset:6px}
@media(max-width:650px){.hero-proposal{margin-top:18px;gap:14px;padding-bottom:8px}.hero-proposal-brand{gap:6px}.hero-proposal-brand img{width:69px;height:23px}.hero-proposal-brand>span{font-size:11px}.hero-proposal-copy{font-size:10px}.hero-proposal-copy small{font-size:7px}}

/* Three quiet project links, directly accessible from their source identities. */
.hero-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;width:min(480px,100%);margin-top:29px;pointer-events:auto}
.material-link{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 0 12px;border-bottom:1px solid #bac4ad;color:#3e5435;min-width:0;text-decoration:none}
.material-brand{display:flex;align-items:center;gap:7px;height:42px;flex:none;white-space:nowrap}.material-brand img{display:block;object-fit:contain;flex:none}.material-brand>span{font:600 11px/1.5 var(--font);letter-spacing:-.5px}.material-title{font:500 10px/1.6 var(--font);letter-spacing:-.3px;word-break:keep-all}.material-link>small{font:400 7px/1.4 var(--font);letter-spacing:.02em;color:#738569}
.material-npay .material-brand img{width:78px;height:26px}.material-toss .material-brand{width:120px;margin-left:-7px}.material-toss .material-brand img{width:120px;height:60px}.material-kea .material-brand img{width:28px;height:26px}
.material-link:hover{border-color:#536f44;color:#253e20}.material-npay:hover{border-color:#03c75a}.material-toss:hover{border-color:#0064ff}.material-kea:hover{border-color:#095daa}.material-link:focus-visible{outline:2px solid #748d64;outline-offset:6px}
@media(min-width:651px) and (max-width:1100px){.hero-materials{gap:12px}.material-brand{gap:5px}.material-brand>span{font-size:9px}.material-npay .material-brand img{width:63px;height:21px}.material-kea .material-brand img{width:23px;height:22px}.material-title{font-size:9px}.material-toss .material-brand,.material-toss .material-brand img{width:103px}.material-toss .material-brand img{height:51px}}
@media(max-width:650px){.hero-materials{gap:13px;margin-top:21px;width:100%}.material-brand{height:33px;gap:4px}.material-brand>span{font-size:9px}.material-npay .material-brand img{width:57px;height:19px}.material-kea .material-brand img{width:22px;height:21px}.material-toss .material-brand,.material-toss .material-brand img{width:97px}.material-toss .material-brand img{height:48px}.material-title{font-size:9px}.material-link>small{font-size:6.5px}.material-link{gap:5px;padding-bottom:9px}}
/* Featured work: one project per row, with results that can be scanned. */

/* A compact editorial list; brand, project and outcome share one baseline. */
.hero-materials{display:flex;flex-direction:column;gap:0;width:min(520px,100%);margin-top:25px}
.hero-materials>h2{font:600 10px/1.4 var(--font);letter-spacing:.02em;color:#657460;margin:0 0 9px}
.hero-materials .material-link{display:grid;grid-template-columns:126px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:55px;padding:9px 0;border-bottom:1px solid #c6cbbd;color:#293d35;transition:background .25s,border-color .25s}
.hero-materials .material-brand{height:32px;width:auto;margin:0;gap:5px;display:flex;align-items:center}
.hero-materials .material-brand>span{font:700 11px/1.4 var(--font);letter-spacing:-.5px}
.hero-materials .material-kea .material-brand{color:#095daa}.hero-materials .material-kea .material-brand img{width:26px;height:26px}
.hero-materials .material-toss .material-brand img{width:110px;height:55px;margin-left:-8px}
.hero-materials .material-npay .material-brand img{width:68px;height:23px}
.hero-materials .material-nia .material-brand{gap:6px}.nia-wordmark{font:700 25px/1 var(--display);letter-spacing:-1.5px;color:#174d83}.hero-materials .material-nia .material-brand>span{font-size:7px;white-space:normal;max-width:68px;line-height:1.5;letter-spacing:-.2px}
.material-copy{display:grid;gap:3px;min-width:0}.hero-materials .material-title{font:600 11px/1.5 var(--font);color:#293d35;letter-spacing:-.4px}.material-copy>small{font:400 8px/1.4 var(--font);color:#788273;letter-spacing:0}
.material-result{font:700 15px/1.3 var(--display);letter-spacing:-.5px;white-space:nowrap;color:#145c73;text-align:right}.material-result>small{font:400 8px/1.3 var(--font);color:#728274;letter-spacing:0}.material-nia .material-result{font-size:12px}.material-npay .material-result{font-size:11px;color:#3c6c46}
.hero-materials .material-link:hover{background:#e5eadd70;border-color:#7b9380}.hero-materials .material-link:focus-visible{outline:2px solid #145c73;outline-offset:4px}
@media(min-width:1101px) and (max-height:850px){.hero .hero-copy{top:23%}.hero-copy>p{margin:17px 0}.hero-materials{margin-top:19px}.hero-materials .material-link{min-height:48px;padding:6px 0}}
@media(min-width:651px) and (max-width:1100px){.hero .hero-copy{top:24%}.hero-materials .material-link{grid-template-columns:105px minmax(0,1fr) auto;gap:8px;min-height:49px;padding:7px 0}.hero-materials .material-brand>span{font-size:9px}.hero-materials .material-kea .material-brand img{width:22px;height:23px}.hero-materials .material-title{font-size:9px}.material-result{font-size:12px}.material-result>small{display:block;font-size:7px}.material-nia .material-result{font-size:10px}.material-copy>small{font-size:7px}.hero-materials .material-npay .material-brand img{width:57px;height:20px}.hero-materials .material-toss .material-brand img{width:96px;height:48px}.hero-materials .material-nia .material-brand>span{font-size:6px;max-width:54px}.nia-wordmark{font-size:22px}}
@media(max-width:650px){.hero-materials{width:100%;max-width:440px;margin-top:20px}.hero-materials .material-link{grid-template-columns:105px minmax(0,1fr) auto;gap:8px;min-height:50px;padding:7px 0}.hero-materials .material-brand>span{font-size:9px}.hero-materials .material-title{font-size:10px}.material-result{font-size:13px}.material-result>small{display:block;font-size:7px}.material-nia .material-result{font-size:10px}.material-copy>small{font-size:7px}.hero-materials .material-npay .material-brand img{width:57px;height:20px}.hero-materials .material-toss .material-brand img{width:96px;height:48px}.hero-materials .material-kea .material-brand img{width:22px;height:23px}.hero-materials .material-nia .material-brand>span{font-size:6px;max-width:54px}.nia-wordmark{font-size:22px}}

/* Two highlights on the cover; the full collection lives in a focused dialog. */
.projects-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;align-self:center;min-width:120px;padding:3px 18px 6px;background:transparent;color:#49624d;margin-top:3px;border-radius:20px;transition:background .2s}
.projects-more>span{font:600 27px/1 var(--display);letter-spacing:7px;padding-left:7px}.projects-more>small{font:400 8px/1.6 var(--font);color:#77836e}.projects-more:hover{background:#dde5d18c;color:#174e58}.projects-more:focus-visible{outline:2px solid #145c73;outline-offset:3px}
#detail.projects-detail{width:min(860px,calc(100% - 36px));max-width:860px;max-height:88svh;background:#f5f1e8;border:1px solid #cbd1c2;border-radius:24px;padding:42px;box-shadow:0 30px 100px #152c2738;color:#273c35;overflow:auto}
#detail.projects-detail::backdrop{background:#12282380;backdrop-filter:blur(9px)}
.projects-detail .dialog-close{top:20px;right:20px;width:34px;height:34px;background:#e6e9dd;color:#365447;border-radius:50%;font-size:23px;z-index:2}
.projects-modal-heading>span{font:500 9px/1.5 var(--display);letter-spacing:1.8px;color:#7d8b75}.projects-modal-heading h2{font:600 31px/1.3 var(--font);letter-spacing:-1.5px;margin:12px 0 9px}.projects-modal-heading p{font:400 12px/1.7 var(--font);color:#7b8575;margin:0 0 28px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-grid .material-link{display:flex;flex-direction:column;align-items:flex-start;gap:15px;position:relative;min-height:215px;padding:24px;background:#fcfaf4;border:1px solid #d8ddcf;border-radius:16px;color:#263e35;transition:border-color .2s,transform .2s,box-shadow .2s}
.project-grid .material-link:hover{border-color:#8ba19a;transform:translateY(-3px);box-shadow:0 10px 20px #253e3210}
.project-grid .material-brand{height:38px;margin:0;gap:7px;width:100%;display:flex;align-items:center}.project-grid .material-brand>span{font:600 13px/1.5 var(--font);letter-spacing:-.4px}.project-grid .material-kea .material-brand{color:#095daa}.project-grid .material-kea .material-brand img{width:31px;height:31px}.project-grid .material-toss .material-brand img{width:126px;height:63px;margin-left:-9px}.project-grid .material-npay .material-brand img{width:82px;height:28px}.project-grid .material-nia .material-brand>span{font-size:10px;white-space:normal;max-width:120px}.project-grid .nia-wordmark{font-size:30px}
.project-grid .material-copy{display:grid;gap:7px}.project-grid .material-title{font:600 16px/1.55 var(--font);color:#2e4238;letter-spacing:-.5px;word-break:keep-all}.project-grid .material-copy>small{font:400 10px/1.5 var(--font);color:#7d8877}
.project-grid .material-result{margin-top:auto;padding-top:13px;border-top:1px solid #dce1d5;align-self:stretch;text-align:left;color:#176478;font:700 25px/1.3 var(--display);letter-spacing:-.7px}.project-grid .material-result>small{font-size:12px}.project-grid .material-nia .material-result{font-size:23px}.project-grid .material-npay .material-result{font-size:21px;color:#3b7a4c}
@media(max-width:650px){#detail.projects-detail{padding:30px 20px;border-radius:20px;width:calc(100% - 24px);max-height:90svh}.projects-modal-heading h2{font-size:26px;margin-top:15px}.projects-modal-heading p{font-size:11px;margin-bottom:22px}.project-grid{grid-template-columns:1fr;gap:12px}.project-grid .material-link{min-height:185px;padding:20px;gap:12px}.project-grid .material-title{font-size:16px}.projects-detail .dialog-close{top:15px;right:15px}.projects-more{padding-top:2px}.projects-more>span{font-size:24px}}
@media(prefers-reduced-motion:reduce){.project-grid .material-link:hover{transform:none}.project-grid .material-link{transition:none}}

/* Introduce the person in one sentence, immediately above the name. */
.hero-introduction{margin:0 0 4px;text-align:left}.hero .hero-introduction .role-sticker{position:static;transform:none;margin:0!important;justify-content:flex-start;gap:10px}.hero-introduction>p{margin:15px 0 0;line-height:1.8}.hero-introduction>p>strong{font:400 14px/1.8 var(--font);letter-spacing:-.45px;color:#626d56}.hero .hero-name{margin-top:0}.hero .hero-materials{margin-top:13px}
@media(min-width:651px){.hero .hero-copy{top:28%}}
@media(min-width:651px) and (max-height:850px){.hero .hero-copy{top:25%}}
@media(max-width:650px){.hero-introduction>p{margin-top:12px}.hero-introduction>p>strong{font-size:12px}.hero .hero-introduction .role-sticker{margin:0!important}.hero .hero-materials{margin-top:9px}}

/* Full collection as four consistent, horizontal project rows. */
.projects-detail .project-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid #cdd4c6}
.projects-detail .project-grid .material-link{display:grid;grid-template-columns:168px minmax(0,1fr) 115px;align-items:center;gap:20px;min-height:99px;padding:20px 6px;border:0;border-bottom:1px solid #cdd4c6;border-radius:0;background:transparent;box-shadow:none}
.projects-detail .project-grid .material-link:hover{transform:none;box-shadow:none;background:#e7ecdf70;border-color:#9caf9f}
.projects-detail .project-grid .material-brand{width:auto;height:38px;margin:0}.projects-detail .project-grid .material-brand>span{font-size:12px}.projects-detail .project-grid .material-nia .material-brand>span{font-size:9px;max-width:108px}.projects-detail .project-grid .material-copy{gap:6px}.projects-detail .project-grid .material-title{font-size:15px;line-height:1.6}.projects-detail .project-grid .material-copy>small{font-size:10px}
.projects-detail .project-grid .material-result{align-self:center;text-align:right;margin:0;padding:0;border:0;font-size:24px}.projects-detail .project-grid .material-result>small{display:block;font-size:11px;line-height:1.7}.projects-detail .project-grid .material-nia .material-result{font-size:18px}.projects-detail .project-grid .material-npay .material-result{font-size:20px}
@media(max-width:650px){#detail.projects-detail{padding:32px 20px}.projects-detail .project-grid .material-link{grid-template-columns:85px minmax(0,1fr) 62px;gap:10px;padding:17px 0;min-height:100px}.projects-detail .project-grid .material-brand{gap:4px}.projects-detail .project-grid .material-brand>span{font-size:9px;white-space:normal;line-height:1.5}.projects-detail .project-grid .material-kea .material-brand img{width:22px;height:22px}.projects-detail .project-grid .material-nia .material-brand{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;height:auto}.projects-detail .project-grid .nia-wordmark{font-size:25px}.projects-detail .project-grid .material-nia .material-brand>span{font-size:6px;max-width:85px}.projects-detail .project-grid .material-toss .material-brand img{width:89px;height:44px;margin-left:-7px}.projects-detail .project-grid .material-npay .material-brand{flex-wrap:wrap;gap:2px}.projects-detail .project-grid .material-npay .material-brand img{width:58px;height:20px}.projects-detail .project-grid .material-npay .material-brand>span{font-size:8px}.projects-detail .project-grid .material-title{font-size:12px;line-height:1.6}.projects-detail .project-grid .material-copy>small{font-size:8px}.projects-detail .project-grid .material-result{font-size:20px}.projects-detail .project-grid .material-result>small{font-size:9px}.projects-detail .project-grid .material-nia .material-result{font-size:12px}.projects-detail .project-grid .material-npay .material-result{font-size:16px}}

/* Let the name breathe before the project preview begins. */
.hero .hero-materials{margin-top:42px}.hero-materials>h2{margin-bottom:16px}.hero-materials .material-link{padding-top:11px;padding-bottom:11px;min-height:58px}.hero .projects-more{margin-top:10px}
@media(max-width:650px){.hero .hero-materials{margin-top:28px}.hero-materials>h2{margin-bottom:12px}.hero-materials .material-link{min-height:54px;padding:9px 0}}

.mobile-scene-anchor,.mobile-about-scene-anchor{display:none}
@media(max-width:650px){
 html{scroll-padding-top:100px}body{overflow-x:hidden}main{width:100%}.header{padding:18px 22px;row-gap:15px}.header .grida-company-logo{width:124px;height:29px}.grida-identity .identity-person{font-size:20px}.header .grida-identity{gap:9px}.grida-identity .identity-cross{font-size:18px}.header nav{font-size:11px;gap:16px}.header-tools button{min-width:32px;min-height:32px}
 #world,.scene-shade{position:fixed;left:0;right:auto;top:0;width:100%;will-change:transform}.scene-shade{display:none}
 .hero{height:auto;min-height:0;max-height:none;padding:145px 24px 35px;display:flex;flex-direction:column;overflow:visible;z-index:2;pointer-events:none}
 .hero .hero-copy{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:none;text-align:left;transform:none}
 .hero-introduction>p>strong{font-size:13px}.hero .role-sticker>span{font-size:7px!important;padding:6px 8px!important}.hero .hero-name{max-width:100%;width:max-content;padding:17px 0 28px;margin:2px 0 0}.hero h1{font-size:clamp(44px,14.6vw,72px);letter-spacing:-3px;line-height:1.05}.hero h1>.name-main{letter-spacing:-3px}.hero-name:before{top:24px;bottom:14px;left:-8px;right:-7px}.hero-name:after{top:17px;bottom:7px;left:-13px;right:-12px}.hero-spark{font-size:25px;right:-15px;bottom:4px}.name-swoosh{bottom:14px;width:86%}
 .mobile-scene-anchor,.mobile-about-scene-anchor{display:block;height:min(108vw,460px);width:100%;pointer-events:none}.mobile-scene-anchor{margin:10px -24px 0;width:calc(100% + 48px)}
 .hero .hero-materials{max-width:none;width:100%;margin-top:24px}.hero-materials>h2{font-size:12px;margin-bottom:10px}.hero-materials .material-link{grid-template-columns:110px minmax(0,1fr) 67px;gap:9px;padding:13px 0;min-height:65px}.hero-materials .material-title{font-size:11px}.material-copy>small{font-size:8px}.hero-materials .material-brand>span{font-size:10px}.hero-materials .material-kea .material-brand img{width:23px;height:24px}.material-result{font-size:17px}.material-nia .material-result{font-size:12px}.hero .projects-more{min-height:44px;margin-top:7px}.projects-more>small{font-size:9px}
 .hero .hero-highlights{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;margin-top:27px;pointer-events:auto}.hero-highlights .highlights-title{font-size:12px;margin-bottom:13px}.achievement-pins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;overflow:visible}.achievement-pin{width:100%;height:auto;aspect-ratio:128/124;min-width:0;flex:auto}.achievement-pin .pin-content{inset:10px 5px 12px;gap:5px}.achievement-pin .pin-metric,.achievement-pin.pin-spend .pin-metric{font-size:19px}.achievement-pin .pin-foot{font-size:5.5px}.achievement-pin .pin-foot b{font-size:6.5px}.achievement-pin.pin-spend .pin-foot b{font-size:11px}
 .about.chapter{height:auto;min-height:0;max-height:none;padding:18px 24px 68px;display:block;position:relative;z-index:2;background:transparent}.mobile-about-scene-anchor{margin:0 -24px 22px;width:calc(100% + 48px)}.about .about-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:none;margin:0;padding:0}.about-copy .mini-label{font-size:9px;letter-spacing:1.2px}.about-copy h2{font-size:32px;letter-spacing:-1.3px;line-height:1.45;margin:23px 0 27px}.about-copy h2 br{display:none}.about-copy p{font-size:13px;line-height:2;margin:19px 0}.about-copy p br{display:none}.skill-stickers{flex-wrap:wrap;gap:8px;margin-top:24px}.skill-stickers span{font-size:9px}
 .toolbox,.life-history,.recruiter-note{position:relative;z-index:3}.toolbox{padding:60px 24px}.toolbox h2,.history-heading h2{font-size:clamp(35px,10.6vw,48px);letter-spacing:-1.8px}.toolbox .skill-tile{min-height:144px;padding:18px 14px}.toolbox .skill-tile h4{font-size:16px}.toolbox .skill-tile p{font-size:10px}.life-history{padding-left:24px;padding-right:24px}.history-filters button{min-height:40px}.recruiter-note{padding-left:24px;padding-right:24px}.closing-layout{min-width:0}.recruiter-intro h2{font-size:clamp(33px,10vw,47px);line-height:1.45}.recruiter-letter{min-width:0}.letter-message p{font-size:13px;word-break:keep-all;overflow-wrap:anywhere}.recruiter-links>a{font-size:clamp(17px,5vw,23px)}
 #detail.document-profile{width:calc(100% - 16px);max-height:92svh;margin:auto;border-radius:16px}.document-toolbar{padding:20px 18px}.document-toolbar h2{font-size:28px}.document-toolbar nav{gap:10px;flex-wrap:wrap}.document-toolbar nav a{font-size:10px}.document-pages{padding:10px}.document-pages figure{margin:0 0 15px}.document-pages img{width:100%;height:auto}
 #detail.projects-detail{width:calc(100% - 20px);padding:30px 16px}.projects-detail .project-grid .material-link{grid-template-columns:86px minmax(0,1fr) 62px;gap:8px}.projects-detail .project-grid .material-title{font-size:12px}.projects-detail .dialog-close{width:36px;height:36px}
}
@media(max-width:360px){.header{padding-left:18px;padding-right:18px}.header .grida-company-logo{width:112px}.grida-identity .identity-person{font-size:18px}.hero{padding-left:20px;padding-right:20px}.hero-materials .material-link{grid-template-columns:100px minmax(0,1fr) 61px;gap:7px}.achievement-pin .pin-metric,.achievement-pin.pin-spend .pin-metric{font-size:16px}.about.chapter{padding-left:20px;padding-right:20px}.about-copy h2{font-size:29px}.projects-detail .project-grid .material-link{grid-template-columns:73px minmax(0,1fr) 54px;gap:6px}.projects-detail .project-grid .material-title{font-size:11px}}
@media(max-width:650px){.mobile-about-scene-anchor{height:min(80vw,340px);margin-bottom:12px}.about.chapter{padding-top:8px}}
@media(min-width:1101px) and (max-height:700px){.hero{min-height:100svh}.hero .hero-copy{top:24%}.hero .hero-highlights{top:20%}.achievement-pin{width:100px;height:97px}.achievement-pins{gap:10px}.hero-highlights .highlights-title{margin-bottom:16px}.achievement-pin .pin-metric,.achievement-pin.pin-spend .pin-metric{font-size:22px}.hero .hero-materials{margin-top:30px}.hero-materials .material-link{min-height:51px;padding:8px 0}}