/* The casebook continues the cover's translucent, green material palette. */
.portfolio-body{--brown:#514437;--soft-brown:#756f61;--mid-green:#53794b;--mint:#d5eee1;--young:#d6ecae;--cream:#faf8f0;color:var(--brown);background:var(--cream);font-size:16px;line-height:1.85;overflow:clip}
.portfolio-body h1,.portfolio-body h2,.portfolio-body h3,.portfolio-body h4,.portfolio-body p,.portfolio-body figure{margin:0}
.portfolio-body h1,.portfolio-body h2,.portfolio-body h3,.portfolio-body h4{line-height:1.35;letter-spacing:-.035em;font-weight:700}
.portfolio-body p{color:var(--soft-brown)}
.shell{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.glass{background:linear-gradient(130deg,rgba(255,255,255,.79),rgba(255,255,255,.46));border:1px solid rgba(255,255,255,.93);border-radius:26px;box-shadow:inset 0 1px 1px #fff,0 8px 30px rgba(71,82,49,.035);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.overline{display:block;font-size:12px;font-weight:700;letter-spacing:.13em;color:var(--mid-green);margin-bottom:16px;line-height:1.6}
.work-directory{padding:90px 0 100px;scroll-margin-top:100px}
.section-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px}.section-intro h1{font-size:42px}.section-intro>p{font-size:16px}
.project-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.project-file{display:block;position:relative;background:rgba(255,255,255,.75);border:1px solid white;border-radius:6px 20px 20px 20px;padding:9px;box-shadow:0 12px 25px #4d643b09;transition:transform .25s,box-shadow .25s}
.project-file:nth-child(even){transform:translateY(18px)}.project-file:hover{transform:translateY(-6px);box-shadow:0 18px 30px #4d643b18}
.file-tab{position:absolute;top:-24px;left:-1px;background:#dbe9bc;border:1px solid white;border-bottom:0;height:25px;padding:4px 13px;border-radius:10px 10px 0 0;font-size:10px;letter-spacing:.08em;font-weight:700;color:#566946}.project-file:nth-child(2n) .file-tab{background:#d7e9df}
.project-file>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px}.project-file>div{position:relative;padding:15px 5px 10px}.project-file h2{font-size:15px;letter-spacing:-.045em;white-space:nowrap}.project-file p{font-size:12px;margin:6px 0 12px}.project-file small{font-size:12px;color:#929486}.project-file b{position:absolute;right:3px;bottom:8px;color:#7b9261}
.case-nav{position:sticky;z-index:25;top:76px;background:rgba(250,249,242,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #dfe6d7;border-bottom:1px solid #dfe6d7}.case-nav>div{display:flex;justify-content:center;gap:7px;padding:10px 20px;overflow:auto}.case-nav a{font-size:14px;padding:5px 19px;border-radius:30px;white-space:nowrap;color:#78826a;transition:background .2s}.case-nav a:hover,.case-nav a[aria-current]{background:#dceac5;color:#3d6037}
.story{position:relative;padding:90px 0 100px;scroll-margin-top:138px}.story-duo{background:radial-gradient(ellipse at 95% 8%,#d7edb27a,transparent 40%),#f6f8ee}.story-luckin{background:radial-gradient(ellipse at 0 15%,#bfdfca6b,transparent 43%),#eef5ee}.story-maker{background:radial-gradient(ellipse at 90% 20%,#ded4ba6b,transparent 42%),#f6f1e6}.story-ecy{background:radial-gradient(ellipse at 10% 30%,#d2eadb70,transparent 45%),#f1f6ee}.story-kiwi{background:radial-gradient(ellipse at 85% 15%,#dae6b870,transparent 45%),#f6f5e9}
.story-header{position:relative;margin-bottom:42px;padding-top:24px;border-top:1px solid #cad7bf}.case-label{display:inline-block;font-size:14px;background:#e2ebcf;padding:5px 15px;border:1px solid #fff;border-radius:99px;color:#5e7349}.period{float:right;color:#8c927f;font-size:13px;padding-top:7px}.story-header h2{font-size:clamp(32px,4.2vw,53px);line-height:1.3;letter-spacing:-.045em;margin:28px 0 22px}.story-header>p{max-width:720px;font-size:17px}.role-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.role-tags span{font-size:13px;color:#6f775f;border:1px solid #cfdac5;border-radius:7px;padding:3px 11px;background:#ffffff42}
.feature-panel{display:grid;grid-template-columns:1fr 1.05fr;overflow:hidden;min-height:490px}.feature-visual{position:relative;display:flex;align-items:center;justify-content:center;background:#dfe9ca;padding:25px;min-width:0}.feature-visual>img{width:100%;height:100%;max-height:490px;object-fit:cover;border-radius:16px}.duo-scene{background:radial-gradient(ellipse at 50% 70%,#a7c985,#dcecbc 65%);padding:34px}.duo-scene>img{height:455px;width:auto;max-width:90%;object-fit:contain;transform:rotate(-5deg);box-shadow:0 20px 35px #475c3526;border:5px solid #ffffffc2;border-radius:24px}.tape{position:absolute;bottom:25px;right:25px;background:#ffffe6b3;backdrop-filter:blur(8px);padding:7px 19px;transform:rotate(5deg);font-size:12px;letter-spacing:.13em;color:#698253}
.feature-copy{padding:42px;align-self:center}.feature-copy h3{font-size:30px;margin-bottom:22px}.feature-copy>p{margin-top:18px}.numbers{display:flex;gap:44px;margin:25px 0}.numbers strong{display:block;color:#557d3c;font-size:45px;line-height:1.2;letter-spacing:-.06em}.numbers strong small{font-size:18px;margin-left:6px}.numbers span{font-size:13px;color:#8a917a}.role-line{font-size:13px!important;color:#8b8b79!important;line-height:1.8}.pill-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:#e0efc5;border:1px solid #fff;border-radius:99px;padding:10px 21px;color:#4b653a;font-size:14px;font-weight:600;margin-top:22px;transition:background .2s,transform .2s}.pill-link:hover{background:#cce5a6;transform:translateY(-2px)}.pill-link>span{font-size:18px}.text-link{display:inline-block;color:#537449;border-bottom:1px solid #9aae86;font-size:14px;font-weight:600;margin-top:17px;padding-bottom:3px}.text-link:hover{color:#304d25}
.story-grid{display:grid;gap:20px;margin-top:24px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.video-case{display:grid;grid-template-columns:125px 1fr;gap:23px;padding:25px;align-items:center}.video-case>img{width:125px;height:268px;object-fit:cover;border-radius:14px;box-shadow:0 6px 18px #50623c12}.video-case h3{font-size:21px;margin-bottom:14px}.video-case p{font-size:14px}.video-case .overline{font-size:11px;margin-bottom:10px}.result-line{font-weight:700;color:#668745!important;margin:17px 0 8px!important}.result-line i{font-style:normal;margin:0 9px;color:#b3b79a}.source-note{font-size:12px;color:#8a8d7c!important;line-height:1.8;margin-top:15px!important}.subhead{margin:64px 0 25px}.subhead>span{color:#93a07d;font-size:11px;letter-spacing:.16em}.subhead h3{font-size:27px;margin-top:9px}.collaboration-grid article{padding:20px}.collaboration-grid img{width:100%;height:220px;object-fit:cover;border-radius:16px}.collaboration-grid article:first-child img{object-position:50% 40%}.collaboration-grid h4{font-size:18px;margin:20px 0 10px}.collaboration-grid p{font-size:14px}.document-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 34px;margin-top:26px;transition:background .2s}.document-band:hover{background:#ffffffce}.document-band .overline{margin-bottom:7px}.document-band h3{font-size:22px}.document-band p{font-size:14px;margin-top:9px}.round-arrow{flex:0 0 48px;height:48px;border-radius:50%;background:#deebc7;display:grid;place-items:center;font-size:24px;color:#718552}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;padding:30px 0}.metric-strip>div{padding:0 30px;border-right:1px solid #d6dfcb}.metric-strip>div:last-child{border:0}.metric-strip strong{display:block;font-size:42px;font-weight:600;line-height:1.3;letter-spacing:-.055em;color:#55774a}.metric-strip span{font-size:14px;color:#7c8570}.strategy-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;margin-top:48px}.large-note{padding:20px 0}.large-note h3{font-size:34px;margin:16px 0 22px}.role-list{padding:12px 30px}.role-list>div{display:grid;grid-template-columns:30px 110px 1fr;gap:15px;padding:24px 0;align-items:baseline;border-bottom:1px solid #dbe2d5}.role-list>div:last-child{border:0}.role-list span{font-size:12px;color:#9bac8b}.role-list h4{font-size:17px}.role-list p{font-size:14px}.notes-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.notes-gallery a{padding:13px;transition:transform .2s}.notes-gallery a:hover{transform:translateY(-5px)}.notes-gallery img{width:100%;height:280px;object-fit:contain;background:#ffffffb3;border-radius:17px}.notes-gallery span{display:block;font-size:12px;color:#8b9a7a;margin:15px 4px 5px}.notes-gallery h4{font-size:16px;margin:0 4px 9px}.turning-point{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;padding:42px;margin:45px 0 10px}.turning-title h3{font-size:29px;margin:18px 0}.timeline{padding:0;margin:0;list-style:none;counter-reset:steps}.timeline li{position:relative;padding:0 0 24px 46px;border-left:1px solid #cbdac2;counter-increment:steps;margin-left:15px}.timeline li:last-child{padding-bottom:0;border-color:transparent}.timeline li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:-16px;top:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:#dce9c9;color:#63804f;border:1px solid white}.timeline h4{font-size:17px;margin-bottom:8px}.timeline p{font-size:14px}
.maker-feature .feature-visual{background:#e6e4d5}.formula{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.formula span{background:#f2efd9;padding:8px 13px;border-radius:12px;font-size:14px;color:#918266}.formula b{font-weight:400;color:#b0ad8d}.platform-cards article{display:grid;grid-template-columns:135px 1fr;gap:25px;padding:28px;align-items:center}.platform-cards img{width:135px;max-height:300px;object-fit:contain;border-radius:10px}.platform-cards h3{font-size:23px;margin-bottom:17px}.platform-cards p{font-size:14px}.community-band{margin-top:25px;padding:35px}.community-band h3{font-size:27px;margin-bottom:16px}.community-band>p{max-width:790px}.flow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.flow span{background:#e4ead6;padding:8px 18px;border-radius:11px;color:#66734f;font-size:14px}.flow b{color:#aab497;font-weight:400}.secondary-case{display:grid;grid-template-columns:250px 1fr;gap:45px;padding:35px;margin-top:25px;align-items:center}.secondary-case img{width:100%;max-height:330px;object-fit:contain;border-radius:14px}.secondary-case h3{font-size:28px;margin-bottom:20px}.secondary-case p{max-width:650px}
.research-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:42px;align-items:center}.research-feature h3{font-size:31px;margin-bottom:23px}.research-feature figure{padding:25px;background:#e5ecdb70;border:1px solid white;border-radius:18px;transform:rotate(3deg)}.research-feature figure img{width:100%;border-radius:8px}.research-feature figcaption{text-align:center;font-size:12px;color:#8c967a;margin-top:16px}.rating{display:flex;gap:20px;align-items:center;margin-top:25px}.rating>strong{font-size:48px;line-height:1;color:#698849;background:#e7efcb;border:1px solid white;border-radius:18px;padding:15px 22px}.rating>div{font-size:17px;font-weight:700}.rating small{display:block;font-size:13px;font-weight:400;color:#8c927a;margin-top:6px}.strategy-cards article{padding:30px}.strategy-cards span{font-size:13px;color:#9aa880}.strategy-cards h3{font-size:22px;margin:16px 0}.strategy-cards p{font-size:15px}.research-notes article{padding:30px}.research-notes h3{font-size:22px;margin-bottom:17px}.research-notes p{font-size:15px}
.kiwi-feature .feature-visual{background:#d3ddad}.kiwi-feature .feature-visual img{aspect-ratio:1;object-fit:cover}.kiwi-function article{padding:24px}.function-image{height:240px;background:#fff9;border-radius:15px;display:flex;justify-content:center;align-items:center;gap:10px;padding:15px;margin-bottom:23px;overflow:hidden}.function-image img{height:100%;max-width:100%;min-width:0;object-fit:contain}.function-image:has(img+img) img{width:48%;height:auto;max-height:100%}.kiwi-function h3{font-size:20px;margin-bottom:15px}.kiwi-function p{font-size:14px}.kiwi-function .overline{font-size:12px}.art-gallery figure{padding:18px}.art-gallery img{width:100%;height:220px;object-fit:contain;border-radius:12px;background:white}.art-gallery figcaption{font-size:13px;margin:16px 4px 4px;color:#8c8c75}.award-band{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 45px;margin-top:27px}.award-band h3{font-size:38px;color:#637c42;margin-bottom:10px}.award-band>img{height:190px;transform:rotate(5deg);border-radius:8px;box-shadow:0 12px 25px #5d623218}.award-band:hover>img{transform:rotate(0);transition:transform .3s}
.about-section{padding:90px 0 40px;scroll-margin-top:140px}.about-card{display:grid;grid-template-columns:260px 1fr;gap:55px;align-items:center;padding:45px}.portrait{width:100%;aspect-ratio:1;object-fit:cover;border-radius:30% 30% 24px 24px;border:7px solid #fff;transform:rotate(-4deg)}.about-card h2{font-size:32px;margin-bottom:18px}.about-card p{margin-top:12px}.resource-section{padding-bottom:85px}.resource-section .subhead{margin-top:35px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.resource-grid a{position:relative;padding:26px 24px;transition:transform .2s}.resource-grid a:hover{transform:translateY(-4px)}.resource-grid span{display:block;font-size:11px;letter-spacing:.1em;color:#97a37e}.resource-grid strong{display:block;font-size:17px;margin-top:14px;padding-right:20px}.resource-grid b{position:absolute;right:22px;bottom:25px;color:#7e9669}
.contact-section{background:#e0ebce;padding:65px 0 25px;border-top:1px solid white;scroll-margin-top:140px}.contact-section h2{font-size:clamp(32px,4.2vw,52px);color:#586647}.contact-bottom{display:flex;align-items:center;gap:35px;margin-top:24px;flex-wrap:wrap}.contact-bottom .pill-link{background:#fffff5b3;margin:0}.contact-bottom .text-link{margin:0}.back-top{margin-left:auto;font-size:14px;color:#7f8b6e}.copyright{border-top:1px solid #c7d5b6;margin-top:55px!important;padding-top:22px;font-size:11px;letter-spacing:.15em;color:#97a183!important}
@media(max-width:1050px){.shell{width:calc(100% - 48px)}.project-shelf{gap:12px}.project-file h2{font-size:13px}.project-file p{font-size:11px}.feature-copy{padding:30px}.video-case,.platform-cards article{grid-template-columns:105px 1fr;gap:17px;padding:20px}.video-case>img,.platform-cards img{width:105px}.video-case h3{font-size:18px}.role-list>div{grid-template-columns:25px 1fr}.role-list p{grid-column:2}.strategy-split{gap:30px}.turning-point{gap:30px;padding:30px}.notes-gallery img{height:230px}.project-file>div{padding-inline:1px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.section-intro{display:block}.section-intro h1{font-size:32px}.section-intro>p{margin-top:18px}.work-directory{padding:60px 0}.project-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 15px}.project-file:nth-child(even){transform:none}.project-file h2{font-size:16px}.project-file p{font-size:13px}.project-file:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}.case-nav{top:67px}.case-nav>div{justify-content:flex-start;padding-inline:12px;gap:1px}.case-nav a{padding:5px 12px;font-size:13px}.story{padding:55px 0 65px;scroll-margin-top:126px}.story-header h2{font-size:34px}.story-header>p{font-size:16px}.feature-panel,.strategy-split,.turning-point,.research-feature,.about-card{grid-template-columns:1fr;gap:0}.feature-visual{min-height:300px}.duo-scene>img{height:350px}.feature-copy{padding:27px}.feature-copy h3{font-size:27px}.two,.three{grid-template-columns:1fr}.video-case{grid-template-columns:115px 1fr;gap:19px}.video-case>img{width:115px;height:250px}.video-case h3{font-size:20px}.metric-strip{padding:22px 0}.metric-strip>div{padding:0 13px}.metric-strip strong{font-size:29px}.metric-strip span{font-size:12px}.large-note{padding:10px 0 25px}.role-list>div{grid-template-columns:25px 100px 1fr}.role-list p{grid-column:auto}.notes-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notes-gallery img{height:240px}.turning-title{margin-bottom:30px}.turning-point{padding:27px}.collaboration-grid img{height:260px;object-fit:contain;background:#fff9}.collaboration-grid article:first-child img{object-fit:cover}.subhead{margin-top:42px}.subhead h3{font-size:24px}.document-band{padding:24px;gap:20px}.document-band h3{font-size:20px}.platform-cards article{grid-template-columns:120px 1fr;padding:22px}.platform-cards img{width:120px}.platform-cards h3{font-size:21px}.community-band{padding:26px}.flow{gap:10px}.flow span{padding:6px 10px;font-size:12px}.secondary-case{grid-template-columns:140px 1fr;padding:24px;gap:22px}.secondary-case h3{font-size:21px}.secondary-case p{font-size:14px}.research-feature{padding:27px;gap:30px}.research-feature figure{transform:none;max-width:380px;margin:auto}.research-feature h3{font-size:27px}.kiwi-function .function-image{height:280px}.art-gallery img{height:250px}.award-band{padding:25px}.award-band h3{font-size:30px}.award-band>img{height:155px}.award-band p{font-size:14px}.about-section{padding-top:60px}.about-card{padding:28px;gap:30px}.portrait{width:180px}.about-card h2{font-size:28px}.resource-grid{grid-template-columns:1fr}.contact-bottom{gap:20px}.back-top{margin-left:0}.contact-section{padding-top:45px}.period{font-size:12px}.case-label{font-size:13px}}
@media(max-width:420px){.role-list>div{grid-template-columns:25px 1fr}.role-list p{grid-column:2}.video-case{grid-template-columns:90px 1fr;padding:17px;gap:14px}.video-case>img{width:90px;height:200px}.video-case h3{font-size:18px}.video-case p{font-size:13px}.notes-gallery img{height:210px}.secondary-case{grid-template-columns:1fr}.secondary-case img{max-height:270px}.metric-strip strong{font-size:25px}.platform-cards article{grid-template-columns:95px 1fr;gap:18px}.platform-cards img{width:95px}.platform-cards h3{font-size:19px}.award-band{gap:17px}.award-band>img{height:135px}.project-file h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.portfolio-body *{transition:none!important}}
/* Clear project hierarchy and supporting original documents. */
.portfolio-start{scroll-margin-top:85px}.experience-list{display:grid;grid-template-columns:1fr 1.35fr;gap:28px;margin-top:27px}.experience-list h3{font-size:14px;letter-spacing:.06em;color:var(--mid-green);margin-bottom:10px}.experience-list a{display:block;font-size:17px;line-height:1.9}.experience-list a:hover{color:var(--mid-green)}
.story-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 28px}.story-header .case-label{flex-basis:100%;background:none;border:0;padding:0;font-size:14px;letter-spacing:.12em}.story-header h2{font-size:clamp(38px,4.2vw,56px);margin:20px 0 22px}.story-header .period{float:none;font-size:24px;font-weight:600;letter-spacing:.01em;color:#657651;padding:0;margin-left:auto}.story-header>p,.story-header>.role-tags{flex-basis:100%}.project-file small{font-size:15px;font-weight:600;color:#657651}.report-thumb{width:170px;max-height:210px;object-fit:contain;border-radius:9px;border:5px solid white;flex-shrink:0}.document-band>div{flex:1}.strategy-evidence{display:block;width:100%;height:auto;border:7px solid white;border-radius:12px;margin:22px 0}.community-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:35px;align-items:center;margin-top:28px;max-width:830px}.community-evidence figure>img{width:100%;max-height:370px;object-fit:contain;border-radius:12px}.group-evidence>div{display:grid;gap:12px;background:#fff9;padding:20px;border:1px solid white;border-radius:18px}.group-evidence img{width:100%;height:auto;border-radius:5px}.community-evidence figcaption{font-size:13px;color:#8b8c78;margin-top:12px;text-align:center}.award-band>img{height:340px;max-width:48%;object-fit:contain}.award-band{gap:35px}.contact-section .overline{margin:0}
@media(max-width:760px){.experience-list{gap:20px}.experience-list a{font-size:15px}.story-header{gap:0}.story-header h2{font-size:34px;flex-basis:100%;margin-bottom:12px}.story-header .period{font-size:21px;margin:0 0 22px}.project-file small{font-size:14px}.document-band{flex-wrap:wrap}.document-band>div{flex-basis:100%}.report-thumb{width:145px}.document-band .round-arrow{margin-left:auto}.community-evidence{gap:22px;grid-template-columns:1fr}.community-evidence figure>img{max-height:340px}.award-band{flex-direction:column;align-items:flex-start}.award-band>img{height:auto;width:100%;max-width:100%;max-height:480px;align-self:center;transform:none}.portfolio-start{scroll-margin-top:67px}}
.story-header{display:grid;grid-template-columns:minmax(0,1fr) auto}.story-header .case-label,.story-header>p,.story-header>.role-tags{grid-column:1/-1}.story-header .period{margin-left:0}.story-header>p{width:100%}
@media(max-width:760px){.story-header{grid-template-columns:1fr}.story-header .period{grid-column:1}.story-header h2{overflow-wrap:anywhere}}
/* Skills lead the introduction; experience stays secondary. */
.story{background:radial-gradient(ellipse at 95% 8%,#d7edb27a,transparent 40%),#f6f8ee}
.about-card{position:relative;grid-template-columns:270px minmax(0,1fr);gap:58px;padding:48px;background:radial-gradient(ellipse at 15% 45%,#d6eac6a0,transparent 47%),linear-gradient(125deg,#ffffffc9,#ffffff75);overflow:visible}.about-card h2{font-size:30px}.portrait-frame{position:relative;padding:14px 14px 50px;border:1px solid #fff;border-radius:35px;background:linear-gradient(140deg,#ffffffc9,#e0efdf65);box-shadow:inset 0 1px 3px #fff,0 18px 34px #53664a15;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:rotate(-4deg);animation:portrait-breathe 6s ease-in-out infinite}.portrait-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff45,transparent 38%,transparent 75%,#ffffff55);box-shadow:inset 0 0 20px #ffffff65}.portrait-frame .portrait{display:block;width:100%;border:0;aspect-ratio:4/5;border-radius:24px;transform:none;object-fit:cover}.portrait-sign{position:absolute;bottom:14px;left:0;width:100%;text-align:center;font-size:16px;letter-spacing:.1em;color:#687f5a}.ability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}.ability-tile{position:relative;padding:19px 22px;border:1px solid #fff;border-radius:19px;background:linear-gradient(125deg,#ffffffb8,#e4eed878);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 2px #fff,0 7px 18px #68834a09;transition:transform .25s,background .25s}.ability-tile:nth-child(2),.ability-tile:nth-child(3){background:linear-gradient(125deg,#ffffffcf,#d8eee178)}.ability-tile:hover{transform:translateY(-4px);background:#ffffffe0}.ability-tile span{display:block;font-size:11px;letter-spacing:.12em;color:#8d9a80;margin-bottom:8px}.ability-tile strong{font-size:29px;font-weight:650;letter-spacing:.025em;color:#536b42}.experience-list{border-top:1px solid #cbd9bf;padding-top:19px;margin-top:18px;gap:20px}.experience-list h3{font-size:12px;color:#8e9982;margin-bottom:5px}.experience-list a{font-size:14px;color:#78806c;line-height:1.85}.story-header .luckin-question{grid-column:1/-1;font-size:clamp(23px,2.5vw,32px);margin:5px 0 24px;color:#5c7546;line-height:1.55}.strategy-evidence{width:240px;max-width:100%;border-width:5px;margin:18px 0}.platform-cards .overline{font-size:27px;letter-spacing:0;margin-bottom:18px}.community-band>p{max-width:none;font-size:14px;letter-spacing:-.02em}.community-evidence{grid-template-columns:180px 300px;max-width:510px;gap:24px;margin-top:22px}.community-evidence figure>img{max-height:230px}.group-evidence>div{padding:12px;gap:8px}.community-evidence figcaption{font-size:12px}.community-band{container-type:inline-size}.community-band>p{font-size:clamp(12px,1.43cqw,16px)}
@keyframes portrait-breathe{0%,100%{transform:translateY(3px) rotate(-4deg)}50%{transform:translateY(-5px) rotate(-3deg)}}
@media(max-width:1050px){.about-card{grid-template-columns:220px minmax(0,1fr);gap:30px;padding:32px}.ability-tile{padding:16px}.ability-tile strong{font-size:26px}}
@media(max-width:760px){.about-card{grid-template-columns:1fr;gap:35px;padding:27px}.portrait-frame{width:210px;justify-self:center}.about-card h2{font-size:28px}.ability-grid{gap:10px;margin-top:22px}.ability-tile{padding:16px 14px}.ability-tile strong{font-size:26px}.experience-list a{font-size:13px}.story-header .luckin-question{font-size:24px}.platform-cards .overline{font-size:25px}.community-band>p{font-size:15px}.community-evidence{grid-template-columns:minmax(0,1fr);max-width:290px}.community-evidence figure>img{max-height:220px;width:auto;max-width:100%;display:block;margin:auto}.strategy-evidence{width:210px}}
@media(prefers-reduced-motion:reduce){.portrait-frame{animation:none}.ability-tile{transition:none}}
/* Compact introduction and a side-by-side community journey. */
.ability-tile p{font-size:14px;line-height:1.75;color:#7b846f;margin-top:10px}.about-section{padding-bottom:65px}.community-layout{display:grid;grid-template-columns:minmax(0,510px) minmax(145px,1fr);align-items:center;gap:48px;margin-top:25px}.community-layout .community-evidence{margin-top:0}.community-layout .flow{flex-direction:column;justify-content:center;gap:10px;margin:0}.community-layout .flow span{min-width:150px;text-align:center;padding:10px 18px}.community-layout .flow b{display:block;transform:rotate(90deg);line-height:1;font-size:20px}.story-luckin .story-header{container-type:inline-size}.story-luckin .story-header>p{max-width:none;font-size:clamp(12px,1.47cqw,17px);letter-spacing:-.015em}
@media(max-width:1050px) and (min-width:761px){.community-layout{gap:24px;grid-template-columns:minmax(0,1fr) 150px}.community-layout .community-evidence{grid-template-columns:minmax(120px,.65fr) minmax(170px,1fr);gap:16px}}
@media(max-width:760px){.community-layout{grid-template-columns:minmax(0,1fr) 105px;gap:14px}.community-layout .community-evidence{grid-template-columns:minmax(0,1fr);gap:18px}.community-layout .flow span{min-width:0;width:100%;padding:8px 5px;font-size:12px}.community-layout .group-evidence>div{padding:7px;gap:7px}.ability-tile p{font-size:13px}.story-luckin .story-header>p{font-size:16px}.about-section{padding-bottom:45px}}