/* The first approved-template candidate: home, one story, about, ending. */
.story-hero{padding-block:85px 55px;min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center}.story-hero h1{font-size:clamp(43px,5.8vw,80px)}.hero-statement{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:35px 0 48px}.hero-statement p{font-size:18px;color:var(--muted);line-height:1.8}.hero-statement b{color:var(--ink)}.hero-method{display:flex;align-items:center;gap:17px;font-size:13px;color:#777}.hero-method i{font-style:normal;color:#b9b9b2}.hero-method b{border-radius:50%;height:57px;width:57px;display:grid;place-items:center;background:var(--brand)}.featured-story{display:flex;justify-content:space-between;gap:25px;padding:24px 28px;border:1px solid #e2e2dc;background:#fff;border-radius:16px;transition:background .25s,transform .25s;box-shadow:0 12px 30px -26px #00000025}.featured-story:hover,.featured-story:focus-visible{background:var(--brand-pale);transform:translateY(-2px)}.featured-story>div>span{font-size:10px;letter-spacing:.08em;color:#777}.featured-story h2{font-size:27px;letter-spacing:-.04em;margin-top:5px}.featured-story p{font-size:13px;color:var(--muted);margin-top:5px}.featured-right{display:grid;grid-template-columns:1fr 48px;align-content:center;column-gap:24px;text-align:right}.featured-right b{font-size:18px;font-weight:600}.featured-right i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;width:48px;height:48px;display:grid;place-items:center;border:1px solid #e1e1d9;border-radius:50%;font-size:24px;background:white}
.story-project{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);gap:45px;position:relative;align-items:start;padding-top:65px;padding-bottom:50px;border-top:1px solid #dcdcd5}.project-brief{position:sticky;top:105px;padding-right:20px;max-height:calc(100svh - 120px);overflow:auto;scrollbar-width:thin}.brief-overline{font-size:9px;letter-spacing:.1em;color:#8a8a81}.project-brief h2{font-size:38px;line-height:1.2;margin-top:16px;letter-spacing:-.04em}.project-brief h2 span{display:inline-block;font-size:10px;letter-spacing:.1em;font-weight:450;margin-left:10px;color:#888}.brief-service{font-size:13px;line-height:1.7;margin-top:15px}.brief-meta{font-size:10px;color:#888;margin-top:10px;line-height:1.6}.project-brief dl{margin:24px 0 20px;border-top:1px solid #ddddd5;padding-top:17px}.project-brief dt{font-size:10px;color:#818178;margin:0 0 6px}.project-brief dd{font-size:13px;line-height:1.75;margin:0 0 15px}.project-brief dd b{font-weight:650}.brief-result{border-left:3px solid var(--brand);padding-left:13px}.brief-result>span{font-size:10px;color:#777}.brief-result strong{font-size:23px;display:block;font-weight:650;margin-top:3px}.brief-result p{font-size:11px;color:#777}.scene-nav{display:flex;flex-direction:column;gap:3px;margin-top:25px}.scene-nav a{display:flex;align-items:center;gap:11px;padding:7px 9px;font-size:11px;border-radius:7px;color:#777;transition:background .25s,color .25s}.scene-nav a>span{font-size:9px;letter-spacing:.03em}.scene-nav a.active{background:var(--brand-soft);color:var(--ink);font-weight:650}.scene-nav a:hover{background:var(--brand-pale)}.scene-nav i{margin-left:auto;width:5px;height:5px;background:transparent;border-radius:50%}.scene-nav a.active i{background:var(--ink)}.brief-next{font-size:11px;display:inline-block;margin:16px 9px 0;color:#777}.story-scenes{border-left:1px solid #e2e2db;min-width:0;padding-left:45px}.story-scene{min-height:calc(100svh - 100px);padding:30px 0 65px;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:0;border-bottom:1px solid #e2e2db;position:relative}.story-scene+.story-scene{padding-top:65px}.story-scene:last-child{border-bottom:0}.scene-eyebrow{font-size:10px;letter-spacing:.1em;color:#777}.scene-copy h3{font-size:clamp(29px,3vw,43px);line-height:1.28;font-weight:700;margin-top:15px;letter-spacing:-.045em}.scene-copy>p{font-size:15px;line-height:1.85;max-width:43em;margin-top:20px;color:#666}.scene-visual{margin-top:30px;min-width:0}.scene-visual>div{border:1px solid #e4e4dc;border-radius:16px;background:white;box-shadow:0 16px 36px -29px #25250b30}.scene-visual figcaption{font-size:10px;color:#89897f;margin-top:12px;line-height:1.65}.scene-point{display:flex;gap:10px;margin-top:20px;font-size:13px;font-weight:550}.scene-point>span{color:#96967c}.scene-image{width:100%;display:block;height:auto;max-height:60vh;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px}
.question-visual{display:grid;grid-template-columns:1fr 40px 1.2fr;align-items:center;padding:30px}.quiet-object{display:flex;flex-direction:column;align-items:center;text-align:center}.appliance{width:95px;height:118px;border:1px solid #e0e0d9;border-radius:11px;background:linear-gradient(120deg,#fff,#f4f4f0);box-shadow:0 12px 19px -17px #00000060;position:relative;margin-bottom:22px}.appliance>span{display:block;width:24px;height:4px;background:#cfcfc7;margin:13px 11px}.appliance i{display:block;border:8px solid #e8e8e2;width:65px;height:65px;border-radius:50%;margin:18px auto;background:radial-gradient(circle at 35% 30%,#f8f8f5,#e5e5de);box-shadow:inset 0 1px 4px #00000013}.quiet-object small,.remaining-work>small{font-size:10px;color:#858578}.quiet-object h4{font-size:15px;margin-top:5px;font-weight:550}.question-pivot{font-size:24px;color:#a2a295;text-align:center}.remaining-work{padding:27px 22px;background:var(--brand-pale);border:1px solid color-mix(in srgb,var(--brand) 12%,#e6e6dd);border-radius:12px}.remaining-work h4{font-size:27px;line-height:1.35;margin-top:10px;font-weight:650}.work-cycle{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.work-cycle span{font-size:11px;padding:4px 8px;border:1px solid #deded0;border-radius:5px;background:#ffffffa0}.remaining-work>p{font-size:10px;color:#7a7a6c;margin-top:15px}.evidence-visual{padding:27px}.source-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.source-strip>span{font-size:11px;max-width:10em;color:#777}.source-strip>div{display:flex;align-items:center;gap:18px}.source-strip b{font-size:24px;font-weight:600;letter-spacing:-.04em}.source-strip small{display:block;font-size:10px;font-weight:450;letter-spacing:0;color:#888}.source-strip i{font-style:normal;color:#aaa}.context-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.context-cards>div{padding:0 5px}.context-cards>div>span{font-size:10px;color:#aaa}.context-cards h4{font-size:19px;font-weight:600;margin-top:16px}.context-cards p{font-size:12px;color:#777;line-height:1.7;margin-top:8px}.evidence-conclusion{display:flex;flex-direction:column;gap:7px;padding:17px 19px;background:var(--brand-soft);border-radius:8px;margin-top:26px}.evidence-conclusion>span{font-size:10px;color:#777}.evidence-conclusion b{font-size:17px;letter-spacing:-.03em;font-weight:600}.structure-visual{padding:26px}.structure-labels,.requirement-row{display:grid;grid-template-columns:1fr 36px 1.6fr;align-items:center;gap:12px}.structure-labels{font-size:10px;color:#8a8a80;margin-bottom:10px}.requirement-row{padding:15px 0;border-top:1px solid #eaeae4}.requirement-row>div:first-child{display:flex;align-items:center;gap:14px}.requirement-row small{font-size:10px;color:#9a9a90}.requirement-row b{font-size:18px;font-weight:600;letter-spacing:-.03em}.requirement-row>span{color:#aaa}.requirement-row>div:last-child{font-size:14px;line-height:1.65}.spec-boundary{border-top:1px solid #eaeae4;padding-top:20px;margin-top:5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.spec-boundary>span{font-size:10px;color:#777;max-width:10em}.spec-boundary>div{display:flex;gap:8px;flex-wrap:wrap}.spec-boundary b{font-size:11px;font-weight:500;padding:6px 10px;border-radius:5px;background:var(--brand-soft)}.build-visual{padding:0;overflow:hidden}.build-bar{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:15px 22px;border-bottom:1px solid #e4e4dc;background:#f8f8f5}.build-bar>span{letter-spacing:.08em}.build-bar b{font-weight:500;color:#777}.build-title{padding:25px 26px 0}.build-title>small{font-size:9px;color:#999;letter-spacing:.1em}.build-title h4{font-size:25px;line-height:1.35;margin-top:10px;font-weight:600}.build-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px 26px}.build-modules>div{padding:18px 15px;background:var(--brand-pale);border:1px solid color-mix(in srgb,var(--brand) 14%,#e4e4da);border-radius:9px}.build-modules>div>span{font-size:9px;color:#999}.build-modules h4{font-size:24px;margin-top:15px;font-weight:600}.build-modules p{font-size:11px;color:#777;margin-top:6px}.build-scope{display:flex;flex-direction:column;gap:7px;margin:0 26px 23px;font-size:10px;color:#777}.build-scope>span{display:flex;justify-content:space-between;gap:10px}.build-scope b{font-weight:500;color:#555}.story-outcome{margin-top:28px;padding:21px 24px;border-radius:9px;background:var(--brand-soft)}.story-outcome>span{display:block;font-size:10px;color:#777}.story-outcome>b{font-size:25px;line-height:1.4;display:block;margin-top:6px;letter-spacing:-.04em;font-weight:650}.story-outcome i{font-style:normal;color:#a3a38c;padding-inline:8px}.story-to-about{display:flex;justify-content:space-between;margin-top:25px;padding-top:18px;border-top:1px solid #ddd;font-size:12px}.story-to-about span{font-size:18px}
.story-about{padding-block:90px 110px;border-top:1px solid #dcdcd5}.story-about .about-intro{margin-top:45px}.story-about .about-intro h2{font-size:52px}.story-about .about-intro>p{font-size:18px;line-height:1.9;color:#666}.working-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.working-principles article{border-top:1px solid #cfcfc6;padding-top:18px}.working-principles article>span{font-size:10px;color:#888;letter-spacing:.06em}.working-principles h3{font-size:24px;font-weight:600;margin-top:17px}.working-principles p{font-size:14px;color:#777;margin-top:12px;line-height:1.8}.about-tools{display:grid;grid-template-columns:140px repeat(3,1fr);gap:25px;align-items:start;border:1px solid #e4e4dc;background:#fff;border-radius:14px;padding:25px 28px;margin-top:42px}.about-tools>span{font-size:10px;letter-spacing:.06em;color:#999}.about-tools>div{display:flex;flex-direction:column;gap:7px}.about-tools b{font-size:14px;font-weight:600}.about-tools small{font-size:11px;line-height:1.7;color:#777}.about-tools div>span{font-size:10px;color:#999}.experience-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:65px 0 20px}.experience-heading h3{font-size:20px;font-weight:600}.experience-heading>span{font-size:11px;color:#888}.story-about .experience-list article:nth-child(2n){background:transparent}.story-ending{background:var(--brand-pale);border-top:1px solid #e5e5d9;padding:100px 0 30px}.story-ending .wrap>span{font-size:10px;letter-spacing:.12em;color:#888}.story-ending h2{font-size:clamp(45px,6vw,80px);line-height:1.2;letter-spacing:-.06em;font-weight:650;margin-top:30px}.story-ending p{font-size:18px;color:#777;line-height:1.8;margin-top:30px}.ending-link{display:inline-flex;gap:40px;align-items:center;margin-top:35px;padding:12px 18px;background:white;border:1px solid #e0e0d4;border-radius:9px;font-size:12px}.ending-link:hover{background:var(--brand-soft)}.ending-signoff{display:flex;justify-content:space-between;gap:20px;margin-top:80px;padding-top:22px;border-top:1px solid #dadace}.ending-signoff b{font-size:17px}.ending-signoff>span{font-size:10px;color:#888;letter-spacing:.08em}
@media(max-width:1100px){.story-project{gap:25px;grid-template-columns:220px minmax(0,1fr)}.story-scenes{padding-left:25px}.project-brief{padding-right:0}.project-brief h2{font-size:32px}.scene-copy h3{font-size:33px}.question-visual{padding:22px;grid-template-columns:1fr 25px 1.2fr}.remaining-work{padding:20px 15px}.remaining-work h4{font-size:22px}.context-cards{gap:8px}.context-cards h4{font-size:16px}.source-strip b{font-size:21px}.spec-boundary{align-items:start;flex-direction:column}.working-principles{gap:25px}.about-tools{grid-template-columns:repeat(3,1fr)}.about-tools>span{grid-column:1/-1}}
@media(max-width:900px){.story-project{grid-template-columns:190px minmax(0,1fr);gap:22px}.project-brief h2 span{display:none}.project-brief dd,.brief-service{font-size:12px}.brief-meta{font-size:9px}.project-brief{top:100px}.story-scenes{padding-left:22px}.scene-copy h3{font-size:29px}.scene-copy>p{font-size:14px}.question-visual{grid-template-columns:1fr;gap:18px}.quiet-object{display:grid;grid-template-columns:70px 1fr;text-align:left;column-gap:20px}.appliance{grid-row:1/3;width:65px;height:80px;margin:0}.appliance i{width:43px;height:43px;border-width:6px;margin:10px auto}.appliance>span{margin:10px;width:18px;height:3px}.quiet-object h4{grid-column:2;margin:0}.question-pivot{display:none}.remaining-work h4 br{display:none}.work-cycle{margin-top:13px}.source-strip{align-items:start;flex-direction:column}.context-cards{grid-template-columns:1fr}.context-cards>div{display:grid;grid-template-columns:20px 85px 1fr;gap:10px;align-items:center;border-bottom:1px solid #eaeae3;padding-block:10px}.context-cards h4,.context-cards p{margin:0}.context-cards p br{display:none}.structure-labels,.requirement-row{grid-template-columns:1fr 20px 1.4fr;gap:8px}.requirement-row b{font-size:15px}.requirement-row>div:last-child{font-size:12px}.requirement-row>div:first-child{gap:8px}.build-modules{gap:8px;padding:20px}.build-modules>div{padding:14px 9px}.build-modules h4{font-size:20px}.build-title{padding:22px 20px 0}.build-title h4{font-size:22px}.build-scope{margin-inline:20px}.story-outcome>b{font-size:21px}.story-about .about-intro h2{font-size:43px}}
@media(max-width:760px){.story-hero{min-height:auto;padding-block:48px 40px}.story-hero h1{font-size:clamp(32px,6.2vw,46px)}.hero-statement{display:block;margin-block:25px 30px}.hero-statement p{font-size:15px}.hero-method{margin-top:25px;font-size:11px;gap:15px}.hero-method b{width:42px;height:42px}.featured-story{padding:20px;display:block}.featured-story h2{font-size:25px}.featured-story p{font-size:12px}.featured-right{margin-top:17px;text-align:left;grid-template-columns:1fr 36px;gap:2px 15px}.featured-right b{font-size:16px}.featured-right i{width:36px;height:36px;font-size:19px}.featured-story>div>span{font-size:9px}.story-project{display:block;padding-top:38px;padding-bottom:20px}.project-brief{position:static;max-height:none;overflow:visible;padding-bottom:25px}.project-brief h2{font-size:38px;margin-top:12px}.project-brief h2 span{display:inline-block}.brief-service{font-size:14px}.brief-service br{display:none}.brief-meta{font-size:10px}.project-brief dl{display:grid;grid-template-columns:85px 1fr;gap:8px 10px;margin-block:20px 16px;padding-top:16px}.project-brief dt,.project-brief dd{margin:0}.project-brief dd{font-size:12px}.project-brief dt{padding-top:4px}.brief-result{display:flex;align-items:baseline;gap:13px}.brief-result strong{font-size:21px}.brief-result p{font-size:10px}.scene-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:22px}.scene-nav a{font-size:11px;background:#f1f1ed;padding:9px}.brief-next{display:none}.story-scenes{border-left:0;padding-left:0}.story-scene{min-height:0;padding:38px 0 42px;scroll-margin-top:0;justify-content:start}.story-scene+.story-scene{padding-top:40px}.scene-copy h3{font-size:30px;margin-top:12px}.scene-copy>p{font-size:14px;margin-top:16px}.scene-visual{margin-top:24px}.scene-point{font-size:12px;line-height:1.7}.scene-visual figcaption{font-size:9px}.question-visual{padding:20px}.remaining-work h4{font-size:24px}.remaining-work h4 br{display:block}.quiet-object h4{font-size:16px}.evidence-visual,.structure-visual{padding:20px}.source-strip{flex-direction:row;align-items:center}.source-strip>span{max-width:7em;font-size:10px}.source-strip>div{gap:12px}.source-strip b{font-size:20px}.context-cards{margin-top:15px}.context-cards>div{grid-template-columns:17px 80px 1fr}.context-cards h4{font-size:15px}.context-cards p{font-size:11px}.evidence-conclusion{padding:15px;margin-top:20px}.evidence-conclusion b{font-size:16px}.build-title h4{font-size:24px}.build-scope>span{font-size:9px}.story-outcome{padding:20px}.story-outcome>b{font-size:21px}.story-outcome i{padding-inline:3px}.story-about{padding-block:55px}.story-about .section-label>span{font-size:9px}.story-about .about-intro{margin-top:30px}.story-about .about-intro h2{font-size:39px}.story-about .about-intro>p{font-size:15px;margin-top:24px}.working-principles{grid-template-columns:1fr;gap:25px;margin-top:34px}.working-principles h3{font-size:22px;margin-top:12px}.working-principles p{font-size:13px;margin-top:8px}.working-principles p br{display:none}.about-tools{grid-template-columns:1fr;padding:22px;gap:20px;margin-top:30px}.about-tools>span{grid-column:auto}.about-tools>div{display:grid;grid-template-columns:1fr auto;gap:5px 10px}.about-tools small{grid-row:2;grid-column:1/-1}.about-tools div>span{grid-column:2;grid-row:1}.experience-heading{margin-top:40px;display:block}.experience-heading h3{font-size:19px}.experience-heading>span{font-size:10px}.story-ending{padding:60px 0 25px}.story-ending h2{font-size:43px}.story-ending p{font-size:15px}.ending-signoff{margin-top:55px}.ending-signoff>span{font-size:8px}.ending-link{font-size:11px}}
@media(max-height:720px) and (min-width:761px){.project-brief{top:90px;max-height:calc(100svh - 105px)}.project-brief dl{margin-block:15px}.scene-nav{margin-top:15px}.scene-nav a{padding-block:5px}.brief-next{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.featured-story:hover{transform:none}}
/* v34: summary and evidence have separate roles. */
.project-brief{background:#fff;padding:24px 20px;border:1px solid #e7e7e2;border-radius:12px;box-shadow:0 10px 35px -30px #2223;top:96px;max-height:calc(100svh - 112px)}
.project-brief h2{font-size:36px;margin-top:12px}.brief-service{color:#54544d}.brief-meta{font-size:9px}.project-brief dl{margin:18px 0;padding-top:15px}.project-brief dt{font-size:10px;color:#77776f;margin-bottom:5px}.project-brief dd{font-size:12px;margin-bottom:13px;line-height:1.75}.project-brief dd.brief-role{font-size:16px;font-weight:700;color:#20201b}.brief-result{padding:12px 13px;background:var(--brand-pale);border-radius:0 6px 6px 0}.brief-result strong{font-size:25px;color:#171713}.brief-result p{color:#55554d}.scene-nav{margin-top:18px}.scene-nav a{padding:5px 7px;font-size:10px}
.scene-visual>.service-showcase{padding:27px 26px 20px;background:linear-gradient(155deg,#f2f2ec,#fafaf7 40%,var(--brand-pale));border-radius:18px;overflow:hidden;box-shadow:none}.showcase-context{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#7a7a70;letter-spacing:.07em;margin-bottom:24px}.product-window{background:#fff;border:1px solid #d9d9d1;border-radius:12px;box-shadow:0 3px 5px #00000005,0 24px 38px -23px #38382640;overflow:hidden}.product-chrome{display:flex;align-items:center;gap:15px;padding:12px 18px;border-bottom:1px solid #e9e9e3;background:#fdfdfb;font-size:11px}.product-chrome>span{font-size:8px;color:#d8d8ce;letter-spacing:2px}.product-chrome>small{margin-left:auto;font-size:9px;color:#88887c}.product-content{padding:28px 25px}.product-heading>span{font-size:8px;color:#89897b;letter-spacing:.14em}.product-heading h4{font-size:27px;margin:10px 0;line-height:1.35}.product-heading>p{font-size:11px;color:#79796e}.product-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:28px}.product-features article{padding:17px 13px;background:#fafaf7;border:1px solid #eaeae2;border-radius:9px;min-width:0}.product-features article>span{font-size:8px;letter-spacing:.04em;color:#838376}.product-features h5{font-size:12px;line-height:1.55;margin:15px 0 4px;letter-spacing:-.04em}.product-features p{font-size:10px;color:#7f7f72}.status-orbit,.history-path,.report-sheet{height:85px;margin:16px auto 8px;position:relative;width:85px}.status-orbit{border:1px solid #e1e1c8;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 8px #f3f3e6 inset}.status-orbit b{font-size:13px;font-weight:500}.status-orbit i{width:13px;height:13px;background:var(--brand);border:3px solid white;border-radius:50%;position:absolute;right:0;top:14px;box-shadow:0 2px 4px #0001}.history-path{display:flex;flex-direction:column;justify-content:space-around;padding:5px 0 5px 16px}.history-path:before{content:'';position:absolute;top:16px;bottom:16px;left:9px;border-left:1px solid #d8d8cb}.history-path i{height:7px;background:#e3e3d7;border-radius:2px;position:relative;margin-left:10px}.history-path i:nth-child(2){width:70%}.history-path i:before{content:'';position:absolute;left:-20px;top:0;width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #fafaf7}.report-sheet{width:65px;height:85px;background:#fff;border:1px solid #dfdfd2;box-shadow:4px 4px 0 #eeeee5;border-radius:4px;padding:16px 10px;display:flex;gap:8px;flex-direction:column}.report-sheet i{height:4px;background:#e0e0d5;border-radius:1px}.report-sheet i:first-child{background:var(--brand);height:9px;width:60%}.report-sheet i:last-child{width:75%}.showcase-foot{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:25px;font-size:11px;color:#727263}.showcase-foot i{font-style:normal;color:#aaa99a}.showcase-foot b{color:#3b3b30;font-weight:600}
@media(min-width:761px) and (max-height:800px){.project-brief{padding:16px}.project-brief h2{font-size:30px}.brief-service{font-size:12px;margin-top:10px}.project-brief dl{margin-block:12px;padding-top:10px}.project-brief dd{margin-bottom:8px}.brief-result{padding-block:8px}.scene-nav{margin-top:10px}.scene-nav a{padding-block:4px}.brief-result strong{font-size:22px}}
@media(min-width:761px) and (max-width:1100px){.story-project{grid-template-columns:240px minmax(0,1fr);gap:28px}.story-scenes{padding-left:28px}.scene-visual>.service-showcase{padding:20px 15px}.product-content{padding:22px 16px}.product-features{gap:7px}.product-features article{padding:12px 8px}.product-features h5{font-size:11px}.product-chrome>small{display:none}.status-orbit,.history-path{width:60px;height:70px}.report-sheet{height:70px;width:55px;padding:12px 8px}.product-heading h4{font-size:25px}}
@media(max-width:760px){.project-brief{padding:24px;max-height:none;margin-bottom:12px}.project-brief dl{grid-template-columns:72px 1fr;gap:10px;margin:20px 0}.project-brief dt,.project-brief dd{margin:0}.project-brief dd.brief-role{font-size:15px}.brief-result{display:block}.brief-result strong{font-size:25px}.scene-nav{margin-top:18px}.scene-nav a{font-size:10px;padding:9px 7px}.scene-visual>.service-showcase{padding:18px 12px}.showcase-context{font-size:8px;letter-spacing:0;margin-bottom:16px}.product-chrome{padding:10px 12px}.product-chrome>small{display:none}.product-content{padding:20px 15px}.product-heading h4{font-size:25px}.product-heading>p{font-size:10px}.product-features{grid-template-columns:1fr;gap:8px;margin-top:20px}.product-features article{display:grid;grid-template-columns:65px 1fr;padding:13px;column-gap:14px;align-items:center}.product-features article>span{grid-column:2;grid-row:1}.product-features h5{grid-column:2;grid-row:2;margin:3px 0;font-size:12px}.product-features p{grid-column:2;grid-row:3}.status-orbit,.history-path,.report-sheet{grid-column:1;grid-row:1/4;margin:0 auto;width:55px;height:58px}.report-sheet{width:44px;padding:10px 8px;gap:6px}.status-orbit b{font-size:11px}.showcase-foot{gap:15px;font-size:10px;margin-top:20px}}
/* v35: concise project index and explicit personal contribution */
.site-header .brand{gap:12px}.home-icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#686862}.hero .eyebrow>span{font-size:10px;letter-spacing:.08em}.hero-statement{margin-block:30px 42px}.soft-highlight{font-weight:600;color:var(--ink);background:linear-gradient(transparent 43%,var(--brand-soft) 43%,var(--brand-soft) 92%,transparent 92%);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.selected-projects>h2{font-size:10px;letter-spacing:.12em;font-weight:500;color:#77776f;margin-bottom:15px}.project-row{display:grid;grid-template-columns:34px 145px 1fr 25px;align-items:center;gap:28px;position:relative;overflow:hidden;padding:27px 28px;background:white;border:1px solid #deded6;border-radius:9px;isolation:isolate;transition:border-color .3s}.project-row:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,var(--brand-pale),var(--brand-soft) 65%,#fff);opacity:0;transform:translateX(-12%);transition:opacity .35s,transform .5s;z-index:-1}.project-row:hover:before,.project-row:focus-visible:before{opacity:1;transform:translateX(0)}.project-row:hover,.project-row:focus-visible{border-color:var(--brand-edge)}.project-number{font-size:12px;color:#89897e}.project-row h3{font-size:25px;letter-spacing:-.035em}.project-row p{font-size:14px;color:#66665d}.project-arrow{display:grid;place-items:center;transition:transform .3s}.project-arrow svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.project-row:hover .project-arrow{transform:translate(2px,-2px)}.brief-overline{display:flex;justify-content:space-between;align-items:center;gap:8px;letter-spacing:0;font-size:8px;color:#76766e;white-space:nowrap}.brief-overline time{font-variant-numeric:tabular-nums;font-size:8px}.personal-contribution{margin-top:20px;padding-top:17px;border-top:1px solid #deded5}.personal-contribution h3{font-size:15px;letter-spacing:-.03em;font-weight:700;padding-left:10px;border-left:3px solid var(--brand)}.personal-contribution dl{border-top:0;padding-top:0;margin:15px 0 17px}.personal-contribution dd:last-child{margin-bottom:0}.project-brief .brief-result>span{font-size:9px}
@media(min-width:761px) and (max-height:800px){.personal-contribution{margin-top:15px;padding-top:12px}.personal-contribution dl{margin:12px 0}.brief-overline{font-size:7.5px;gap:5px}.brief-overline time{font-size:7.5px}}
@media(max-width:1100px) and (min-width:761px){.brief-overline{white-space:normal;align-items:start;font-size:8px}.brief-overline>span{max-width:118px}.brief-overline time{white-space:nowrap}}
@media(max-width:760px){.site-header .brand{justify-content:start;width:auto}.hero-statement{margin-block:25px 32px}.hero-statement p{font-size:14px;line-height:1.9}.selected-projects>h2{font-size:9px;margin-bottom:12px}.project-row{grid-template-columns:20px 1fr 20px;gap:7px 12px;padding:19px 17px}.project-row h3{font-size:23px}.project-row p{grid-column:2;grid-row:2;font-size:11px}.project-number{grid-column:1;grid-row:1;font-size:10px}.project-arrow{grid-column:3;grid-row:1/3}.project-arrow svg{width:20px;height:20px}.brief-overline{font-size:8px}.brief-overline time{font-size:8px}.personal-contribution{margin-top:20px}.personal-contribution dl{margin-block:16px}.personal-contribution h3{font-size:16px}.personal-contribution dd.brief-role{font-size:14px}}
@media(prefers-reduced-motion:reduce){.project-row,.project-row:before,.project-arrow{transition:none}.project-row:hover .project-arrow{transform:none}}

.brief-overline,.brief-overline time{font-size:9px}.brief-overline>span{white-space:normal}.brief-overline time{white-space:nowrap}
/* v36: a compact decision brief and a product-style project entry */
.project-row{grid-template-columns:34px 145px 1fr 46px;padding:21px 24px;border-radius:14px;background:#fff;border-color:#dfdfd8;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}.project-row:before{background:radial-gradient(ellipse at 90% 50%,#fee50020,transparent 65%);transform:none;transition:opacity .35s}.project-row .project-arrow{width:46px;height:46px;border-radius:10px;background:#f2f2ec;color:#272722;overflow:hidden;transition:background .3s,color .3s,transform .3s}.project-row .project-arrow svg{width:21px;height:21px;transition:transform .35s}.project-row:hover,.project-row:focus-visible{background:#22231e;border-color:#22231e;box-shadow:0 16px 30px -22px #20201870;transform:translateY(-2px)}.project-row:hover h3,.project-row:focus-visible h3{color:#fff}.project-row:hover p,.project-row:focus-visible p{color:#d0d0c7}.project-row:hover .project-number,.project-row:focus-visible .project-number{color:#a8a99c}.project-row:hover .project-arrow,.project-row:focus-visible .project-arrow{background:var(--brand);color:var(--on-brand);transform:none}.project-row:hover .project-arrow svg,.project-row:focus-visible .project-arrow svg{transform:translate(2px,-2px)}.project-row h3,.project-row p,.project-number{transition:color .3s}
.project-brief .brief-decision{border-top:1px solid #e6e6df;padding-top:19px;margin-top:20px}.brief-decision>span{font-size:10px;color:#7b7b70}.brief-decision>p{font-size:13px;color:#828278;margin-top:8px;line-height:1.5}.brief-decision svg{display:block;width:17px;height:17px;stroke:#a3a393;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:6px 0}.brief-decision strong{display:block;font-size:22px;line-height:1.4;color:#24251e;font-weight:700;letter-spacing:-.045em}.project-brief .brief-facts{border-top:0;margin:20px 0;padding:0}.brief-facts>div{display:grid;grid-template-columns:52px 1fr;column-gap:10px;padding:12px 0;border-top:1px solid #eaeae5}.project-brief .brief-facts dt{font-size:10px;margin:0;padding-top:2px;color:#7f7f74}.project-brief .brief-facts dd{margin:0;font-size:12px;line-height:1.55}.brief-facts b{font-weight:650}.brief-facts small{display:block;font-size:10px;margin-top:4px;color:#7e7e72}.brief-achievement{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:15px 0 0;border-top:1px solid #deded4}.brief-achievement>div>span{font-size:9px;color:#77776e;display:block}.brief-achievement strong{display:block;font-size:26px;letter-spacing:-.05em;line-height:1.4;margin-top:3px}.mvp-badge{font-size:9px;background:var(--brand-soft);border-radius:5px;padding:5px 7px;white-space:nowrap;margin-bottom:4px}.project-brief .scene-nav{border-top:1px solid #e7e7df;padding-top:13px;margin-top:20px}.story-ending h2{font-size:clamp(35px,4.8vw,64px);line-height:1.35;letter-spacing:-.055em}
@media(min-width:761px) and (max-height:800px){.project-brief .brief-decision{margin-top:14px;padding-top:12px}.brief-decision strong{font-size:20px}.brief-decision svg{margin-block:3px}.project-brief .brief-facts{margin:13px 0}.brief-facts>div{padding-block:9px}.brief-achievement{padding-top:10px}.project-brief .scene-nav{margin-top:14px;padding-top:10px}}
@media(max-width:1100px) and (min-width:761px){.brief-decision strong{font-size:20px}.brief-facts>div{grid-template-columns:44px 1fr;gap:8px}.project-brief .brief-facts dd{font-size:11px}.brief-facts small{font-size:9px}.brief-achievement strong{font-size:24px}.mvp-badge{font-size:8px;padding:4px 5px}}
@media(max-width:760px){.project-row{grid-template-columns:20px 1fr 38px;padding:18px 16px;gap:7px 12px}.project-row .project-arrow{width:38px;height:38px;border-radius:8px}.project-row .project-arrow svg{width:19px;height:19px}.project-brief .brief-decision{margin-top:20px;padding-top:18px}.brief-decision strong{font-size:24px}.brief-decision strong br{display:none}.project-brief .brief-facts{display:block;margin:20px 0 15px}.brief-facts>div{grid-template-columns:65px 1fr}.project-brief .brief-facts dd{font-size:13px}.brief-facts small{font-size:11px}.brief-achievement strong{font-size:27px}.mvp-badge{font-size:10px}.project-brief .scene-nav{margin-top:20px}.story-ending h2{font-size:clamp(31px,6.5vw,44px);max-width:15em}.story-ending p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.project-row,.project-row .project-arrow,.project-row .project-arrow svg,.project-row h3,.project-row p,.project-number{transition:none}.project-row:hover,.project-row:focus-visible,.project-row:hover .project-arrow svg,.project-row:focus-visible .project-arrow svg{transform:none}}
/* v37: dark emphasis surfaces, shared with the project hover treatment */
.project-row .project-number{width:34px;height:34px;display:grid;place-items:center;background:#22231e;color:#fff;font-size:12px;font-weight:650;border-radius:9px;letter-spacing:-.02em;box-shadow:inset 0 1px 0 #ffffff18;transition:background .3s,color .3s}.project-row:hover .project-number,.project-row:focus-visible .project-number{background:var(--brand);color:var(--on-brand)}
.project-brief{background:radial-gradient(ellipse at 100% 0%,#fee50010,transparent 50%),#22231e;color:#f5f5ed;border-color:#3b3d32;box-shadow:inset 0 1px 0 #ffffff0d,0 20px 45px -32px #16180a70}.project-brief h2{color:#fff}.project-brief .brief-overline,.project-brief .brief-overline time{color:#b7b9a9}.project-brief .brief-service{color:#cbccc0}.project-brief .brief-decision{border-color:#ffffff20}.project-brief .brief-decision>span{color:#b7b9a9}.project-brief .brief-decision>p{color:#b5b8a5}.project-brief .brief-decision svg{stroke:#a4a98e}.project-brief .brief-decision strong{color:var(--brand)}.project-brief .brief-facts>div{border-color:#ffffff17}.project-brief .brief-facts dt{color:#b7b9a9}.project-brief .brief-facts dd{color:#f2f3e8}.project-brief .brief-facts small{color:#b7b9a9}.project-brief .brief-achievement{border-color:#ffffff24}.project-brief .brief-achievement>div>span{color:#b7b9a9}.project-brief .brief-achievement strong{color:#fff}.project-brief .mvp-badge{background:#fee50018;color:#f4e973;border:1px solid #fee50025}.project-brief .scene-nav{border-color:#ffffff20}.project-brief .scene-nav a{color:#bfc2b0;background:transparent}.project-brief .scene-nav a:hover{background:#ffffff0c;color:white}.project-brief .scene-nav a.active{background:var(--brand);color:var(--on-brand)}.project-brief .scene-nav a.active i{background:var(--on-brand)}.project-brief a:focus-visible{outline-color:var(--brand)}
.story-ending{background:radial-gradient(ellipse at 85% 20%,#fee5000d,transparent 65%),#22231e;border-top:0;color:#fafaf2;padding:80px 0 48px}.story-ending .wrap>span{color:#d8d17e}.story-ending h2{color:#fafaf2}.story-ending p{color:#c5c8b8}.ending-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:35px}.ending-actions .ending-link{margin-top:0;background:var(--brand);color:var(--on-brand);border-color:var(--brand);transition:background .2s,transform .2s}.ending-actions .ending-link:hover{background:#fff17a;transform:translateY(-2px)}.ending-actions .ending-link:focus-visible{outline-color:var(--brand)}.ending-credit{font-size:9px;color:#aeb39d;letter-spacing:.08em}.story-ending .ending-signoff{display:none}
@media(max-width:760px){.project-row{grid-template-columns:30px 1fr 38px}.project-row .project-number{width:30px;height:30px;border-radius:8px;font-size:11px}.story-ending{padding:58px 0 35px}.ending-actions{align-items:start;flex-direction:column;gap:22px;margin-top:28px}.ending-credit{font-size:8px}}
@media(prefers-reduced-motion:reduce){.project-row .project-number,.ending-actions .ending-link{transition:none}.ending-actions .ending-link:hover{transform:none}}
/* v38: evidence-backed HEAR story; the summary never owns a scroll area */
.project-brief{overflow:visible;max-height:none;scrollbar-width:none}.source-figure{margin:24px 0 0;min-width:0}.source-figure img{display:block;width:100%;height:auto;border:1px solid #e3e3dc;border-radius:12px;background:white}.source-figure a{display:block;border-radius:12px}.source-figure a:hover{box-shadow:0 12px 30px -20px #0004}.source-figure figcaption{display:flex;justify-content:space-between;gap:12px}.source-figure figcaption span{white-space:nowrap;color:#555}.evidence-caption{font-size:10px;color:#77786d;margin-top:16px;line-height:1.7}.decision-map,.analysis-evidence,.design-evidence{padding:28px}.decision-map>div>span,.analysis-method>span,.analysis-filter>span{font-size:10px;color:#777}.decision-map h4{font-size:27px;margin:12px 0}.decision-map p{font-size:13px;color:#777}.decision-pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.decision-pairs article{border-top:2px solid var(--brand);padding-top:13px}.decision-pairs small{display:block;color:#777;font-size:11px}.decision-pairs b{display:block;font-size:14px;margin-top:8px}.decision-map .decision-bottom{margin-top:25px;padding:18px;background:var(--brand-pale);font-size:11px}.decision-bottom strong{display:block;font-size:17px;color:#222;margin-top:5px}.analysis-stages{display:grid;grid-template-columns:1fr 1fr;gap:24px}.analysis-stages article+article{border-left:1px solid #ddd;padding-left:24px}.analysis-stages article>span{font-size:11px;color:#777}.analysis-stages h4{font-size:27px;margin-top:12px}.analysis-stages i{font-style:normal;font-size:17px;color:#aaa}.analysis-stages h4 small{font-size:12px;margin-left:6px}.analysis-stages p{font-size:11px;color:#777;margin-top:12px}.analysis-stages b{display:block;font-size:12px;margin-top:10px}.analysis-method{margin-top:30px}.analysis-method table{width:100%;border-collapse:collapse;font-size:11px;margin-top:12px;text-align:left}.analysis-method th,.analysis-method td{padding:12px 8px;border-bottom:1px solid #e5e5dd;vertical-align:top}.analysis-method thead{background:#f4f4ee}.analysis-method th{font-weight:600}.analysis-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--brand-pale);padding:17px;margin-top:22px;font-size:12px}.analysis-filter>span{width:100%}.analysis-filter i{font-style:normal;color:#999}.runtime-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.runtime-flow article{border-top:3px solid var(--brand);padding-top:12px}.runtime-flow small{display:block;font-size:10px;color:#999}.runtime-flow b{display:block;font-size:22px;margin:5px 0}.runtime-flow span{font-size:11px;color:#666}.condition-list{margin-top:24px}.condition-list>div{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:12px 0;border-top:1px solid #e5e5dd;font-size:12px}.condition-list b{color:#777;font-size:11px}.scene-visual>.mvp-gallery{background:none;border:0;box-shadow:none;border-radius:0}.mvp-gallery>.source-figure:first-child{margin-top:0}.mvp-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mvp-scope{margin-top:28px;padding-left:14px;border-left:3px solid var(--brand)}.mvp-scope>span{font-size:10px;color:#777}.mvp-scope b{display:block;font-size:21px;margin-top:5px}.mvp-scope p{font-size:12px;color:#777;margin-top:4px}.mvp-boundary{font-size:11px;color:#777;line-height:1.8;padding:17px 0;border-top:1px solid #ddd;margin-top:24px}.mvp-boundary b{display:block;color:#444}.story-scene:last-child{min-height:auto}
@media(min-width:761px) and (max-height:900px){.project-brief{top:90px;padding:17px;max-height:none}.project-brief h2{font-size:31px;margin-top:10px}.project-brief .brief-service{font-size:12px;margin-top:11px}.project-brief .brief-decision{padding-top:12px;margin-top:14px}.brief-decision strong{font-size:20px}.brief-decision svg{margin-block:3px}.project-brief .brief-facts{margin:12px 0}.brief-facts>div{padding:9px 0}.brief-achievement{padding-top:10px}.brief-achievement strong{font-size:23px}.project-brief .scene-nav{margin-top:13px;padding-top:10px}.scene-nav a{padding-block:4px}}
@media(min-width:761px) and (max-height:720px){.project-brief{position:relative;top:auto}}
@media(max-width:760px){.project-brief{max-height:none;overflow:visible}.decision-map,.analysis-evidence,.design-evidence{padding:20px}.decision-map h4{font-size:24px}.decision-pairs{grid-template-columns:1fr;gap:16px}.decision-pairs article{padding-top:10px}.analysis-stages{grid-template-columns:1fr;gap:20px}.analysis-stages article+article{border-left:0;border-top:1px solid #ddd;padding-left:0;padding-top:20px}.analysis-stages h4{font-size:27px}.analysis-method th,.analysis-method td{padding:10px 4px;font-size:10px;overflow-wrap:anywhere}.runtime-flow{grid-template-columns:1fr 1fr;gap:20px}.mvp-pair{grid-template-columns:1fr;gap:0}.source-figure figcaption{font-size:9px}.evidence-caption{font-size:9px}.mvp-scope b{font-size:19px}}
/* v39: question precedes discovery; interfaces share equal visual weight */
.question-reset{padding:28px}.question-premises{display:grid;grid-template-columns:1fr 1fr;gap:30px}.question-premises article+article{border-left:1px solid #ddd;padding-left:30px}.question-premises span,.question-challenge>span,.question-reframe small,.discovery-map>span,.decision-selection>span{font-size:10px;color:#777}.question-premises h4{font-size:23px;margin-top:12px;line-height:1.45}.question-challenge{margin-top:28px;padding:24px;background:#22231e;border-radius:10px}.question-challenge>span{color:#c6c8b8}.question-challenge h4{font-size:25px;color:var(--brand);margin-top:12px;line-height:1.5}.question-reframe{margin-top:23px}.question-reframe b{display:block;font-size:16px;margin-top:8px}.discovery-map{margin-top:28px;border-top:1px solid #ddd;padding-top:24px}.discovery-map h4{font-size:26px;margin-top:10px;line-height:1.4}.discovery-cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.discovery-cycle article{border-top:3px solid var(--brand);padding-top:10px}.discovery-cycle small{font-size:9px;color:#999}.discovery-cycle b{display:block;font-size:20px;margin-top:5px}.discovery-cycle p{font-size:11px;color:#777;margin-top:5px}.discovery-key{font-size:13px;color:#666;margin-top:24px}.discovery-key b{color:#333}.analysis-note{font-size:10px;color:#818176;margin-top:14px}.decision-pairs p{font-size:11px;margin-top:8px}.decision-selection{margin-top:25px;padding:20px;background:var(--brand-pale);border-radius:8px}.decision-selection strong{display:block;font-size:20px;margin-top:8px}.decision-selection p{font-size:12px;margin-top:7px}.hardware-map{padding:28px;margin-top:25px}.hardware-heading>span{font-size:10px;color:#888;letter-spacing:.1em}.hardware-heading h4{font-size:25px;margin-top:8px}.hardware-inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.hardware-inputs article{display:flex;align-items:center;flex-direction:column;border:1px solid #e5e5dd;border-radius:12px;background:#f6f6f1;padding:20px}.hardware-inputs img{width:100%;height:140px;object-fit:contain;filter:drop-shadow(0 10px 10px #00000012)}.hardware-inputs b{font-size:14px;margin-top:12px}.hardware-inputs span{font-size:12px;color:#777}.hardware-connector{border-left:1px solid #d4d4c5;width:50%;margin-left:50%;padding:18px;font-size:10px;color:#888}.hardware-hub{border:1px solid #e0e0d5;border-radius:12px;padding:20px;display:flex;gap:30px;align-items:center;background:var(--brand-pale)}.hardware-hub img{height:125px;width:120px;object-fit:contain}.hardware-hub small{font-size:10px;color:#777}.hardware-hub h4{font-size:24px;margin-top:7px}.hardware-hub p{font-size:12px;color:#666;margin-top:7px}.hardware-branches{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:26px;position:relative}.hardware-branches:before{content:'';height:26px;border-left:1px solid #c6c6b7;position:absolute;top:0;left:50%}.hardware-branches article{border-top:2px solid var(--brand);padding:16px 0}.hardware-branches span{font-size:10px;color:#888}.hardware-branches h4{font-size:20px;margin-top:7px}.hardware-branches p{font-size:12px;color:#777;margin-top:7px}.appliance-labels{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.appliance-labels b{font-size:10px;font-weight:500;border:1px solid #ddd;border-radius:5px;padding:4px 8px}.system-limit{font-size:10px;color:#888;margin-top:15px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.screen-tile{min-width:0}.screen-tile a{display:flex;align-items:center;justify-content:center;background:#f2f3ee;padding:12px;border:1px solid #ddded6;border-radius:12px;aspect-ratio:1.48;transition:box-shadow .25s}.screen-tile a:hover{box-shadow:0 14px 24px -18px #0005}.screen-tile img{width:100%;height:100%;object-fit:contain;border-radius:4px}.screen-tile figcaption{margin-top:12px;display:flex;flex-direction:column;gap:3px}.screen-tile figcaption b{font-size:17px;color:#222}.screen-tile figcaption span{font-size:12px;color:#777}.mvp-gallery .mvp-scope{margin-top:0}.scene-visual>.mvp-gallery{border:0;box-shadow:none;background:none}
@media(max-width:760px){.question-reset,.hardware-map{padding:20px}.question-premises{gap:16px}.question-premises article+article{padding-left:16px}.question-premises h4{font-size:18px}.question-challenge{padding:18px}.question-challenge h4{font-size:22px}.question-challenge h4 br{display:none}.question-reframe b{font-size:15px}.discovery-map h4{font-size:23px}.discovery-cycle{grid-template-columns:1fr 1fr;gap:18px}.discovery-key br{display:none}.decision-selection strong{font-size:18px}.hardware-heading h4{font-size:22px}.hardware-inputs{gap:12px}.hardware-inputs article{padding:12px}.hardware-inputs img{height:105px}.hardware-inputs span{font-size:10px}.hardware-hub{padding:15px;gap:15px}.hardware-hub img{width:75px;height:100px}.hardware-hub h4{font-size:19px}.hardware-hub p{font-size:11px}.hardware-branches{gap:18px}.hardware-branches h4{font-size:17px}.hardware-branches p{font-size:11px}.screen-grid{grid-template-columns:1fr;gap:24px}.screen-tile a{aspect-ratio:1.5}.screen-tile figcaption b{font-size:16px}.system-limit{font-size:9px}}
/* v40: service poster → one system composition; original-resolution screen photography */
.service-poster{margin:0 0 36px;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 18px 40px -30px #24251d40}.service-poster img{display:block;width:100%;height:auto}.scene-visual>.service-blueprint{padding:36px;background:linear-gradient(145deg,#fff,#fbfbf7);border:1px solid #e3e4dc;border-radius:20px;box-shadow:none}.blueprint-heading>span{font-size:9px;letter-spacing:.13em;color:#87877c}.blueprint-heading h4{font-size:27px;line-height:1.4;margin:10px 0 30px;letter-spacing:-.04em}.blueprint-sensing{display:grid;grid-template-columns:1fr 1fr;gap:25px}.blueprint-sensing article{display:flex;align-items:center;gap:18px;min-width:0}.blueprint-sensing img{width:82px;height:118px;object-fit:contain;filter:drop-shadow(0 12px 10px #22221a15)}.service-blueprint small{display:block;font-size:10px;color:#838377}.service-blueprint h5{font-size:18px;line-height:1.4;margin:7px 0;letter-spacing:-.035em}.service-blueprint p{font-size:12px;color:#77786c;line-height:1.8}.blueprint-link{height:68px;position:relative;display:flex;align-items:center;justify-content:center}.blueprint-link:before{content:'';position:absolute;left:24%;right:24%;top:8px;height:20px;border:1px solid #d9dacd;border-top:0;border-radius:0 0 10px 10px}.blueprint-link:after{content:'';position:absolute;left:50%;top:28px;bottom:0;border-left:1px solid #c7c9b4}.blueprint-link span{position:relative;z-index:1;background:#fcfcf8;padding:4px 12px;font-size:9px;color:#88897c;margin-top:24px}.blueprint-core{background:radial-gradient(ellipse at 85% 0%,#fee50019,transparent 60%),#24251f;color:#fff;border:1px solid #36372b;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:35px;padding:24px}.blueprint-core img{width:84px;height:128px;object-fit:contain;filter:drop-shadow(0 12px 14px #0004)}.blueprint-core small{color:#d5cd78}.blueprint-core h5{font-size:26px;color:#fff}.blueprint-core p{color:#c8cbbd}.blueprint-results{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:40px;position:relative}.blueprint-results:before{content:'';position:absolute;top:0;left:50%;height:22px;border-left:1px solid #c7c9b4}.blueprint-results:after{content:'';position:absolute;top:22px;left:24%;right:24%;height:18px;border:1px solid #d9dacd;border-bottom:0;border-radius:10px 10px 0 0}.blueprint-results article{text-align:center;padding-top:17px}.blueprint-results svg{width:42px;height:42px;display:block;margin:0 auto 14px;color:#414338}.blueprint-results h5{font-size:20px}.blueprint-tags{display:flex;justify-content:center;gap:8px;margin-top:12px;flex-wrap:wrap}.blueprint-tags span{font-size:9px;color:#858677;padding:4px 8px;background:#eeefe7;border-radius:5px}
.screen-grid{gap:34px 24px;margin-top:30px}.screen-tile figcaption{margin:0 0 15px;gap:5px}.screen-tile figcaption b{font-size:19px}.screen-tile figcaption span{font-size:12px}.screen-tile a{position:relative;display:flex;aspect-ratio:1.28;padding:28px 17px;border:0;border-radius:16px;background:radial-gradient(ellipse at 25% 5%,#fff 0,transparent 65%),linear-gradient(140deg,#f0f1e9,#e4e7df);box-shadow:inset 0 1px 0 #fff,0 1px 0 #d5d7cc;overflow:hidden}.screen-tile:nth-child(2) a,.screen-tile:nth-child(3) a{background:radial-gradient(ellipse at 70% 10%,#fff 0,transparent 65%),linear-gradient(140deg,#eeeee5,#e8e8dc)}.screen-window{width:100%;background:#f6f9f9;border:1px solid #ffffffed;border-radius:7px;overflow:hidden;box-shadow:0 3px 5px #22291d12,0 16px 24px -12px #28302045;transition:transform .35s,box-shadow .35s}.screen-chrome{display:flex;gap:3px;align-items:center;padding:7px 9px;background:#fdfdfbe8;border-bottom:1px solid #e7e9e5}.screen-chrome i{width:4px;height:4px;border-radius:50%;background:#c4c8bc}.screen-chrome span{font-size:6px;color:#9b9f93;letter-spacing:.14em;margin-left:auto}.screen-canvas{aspect-ratio:1.49;display:flex;align-items:center;justify-content:center;background:#f0f5f6}.screen-tile .screen-canvas img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}.screen-expand{position:absolute;right:12px;bottom:10px;color:#74796a;font-size:14px;opacity:.65}.screen-tile a:hover{box-shadow:inset 0 1px 0 #fff,0 1px 0 #d5d7cc}.screen-tile a:hover .screen-window{transform:translateY(-4px);box-shadow:0 4px 8px #22291d12,0 22px 28px -14px #28302055}.screen-tile a:focus-visible{outline:2px solid #6d7059;outline-offset:4px}
@media(max-width:1100px) and (min-width:761px){.scene-visual>.service-blueprint{padding:24px}.blueprint-sensing{gap:12px}.blueprint-sensing article{gap:10px;flex-direction:column;text-align:center}.blueprint-heading h4{font-size:24px}.blueprint-core{gap:20px;padding:20px}.blueprint-core h5{font-size:22px}.blueprint-core p{font-size:11px}.blueprint-results{gap:16px}.blueprint-results h5{font-size:18px}.screen-grid{gap:28px 18px}.screen-tile a{padding:23px 12px}}
@media(max-width:760px){.service-poster{border-radius:10px;margin-bottom:24px}.scene-visual>.service-blueprint{padding:23px 17px;border-radius:15px}.blueprint-heading h4{font-size:22px}.blueprint-heading h4 br{display:none}.blueprint-sensing{gap:14px}.blueprint-sensing article{flex-direction:column;text-align:center;gap:8px}.blueprint-sensing img{height:105px;width:75px}.service-blueprint h5{font-size:16px}.service-blueprint p{font-size:11px}.service-blueprint small{font-size:9px}.blueprint-core{gap:17px;padding:20px 15px}.blueprint-core img{width:58px;height:100px}.blueprint-core h5{font-size:21px}.blueprint-core p br{display:none}.blueprint-results{gap:16px}.blueprint-results h5{font-size:17px}.blueprint-tags{gap:4px}.blueprint-tags span{font-size:8px;padding:3px 5px}.screen-grid{gap:30px}.screen-tile a{aspect-ratio:1.3;padding:29px 22px}.screen-tile figcaption b{font-size:18px}.screen-tile figcaption span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.screen-window{transition:none}.screen-tile a:hover .screen-window{transform:none}}
/* v41: consistent charcoal emphasis and concise contribution labels */
.blueprint-sensing article{background:radial-gradient(ellipse at 85% 0%,#fee50019,transparent 60%),#24251f;border:1px solid #36372b;border-radius:14px;padding:22px 18px;color:#fff}.blueprint-sensing article small{color:#d5cd78}.blueprint-sensing article h5{color:#fff}.blueprint-sensing article p{color:#c8cbbd}.blueprint-sensing img{filter:drop-shadow(0 12px 14px #0004)}.blueprint-results .soft-highlight{font-weight:700;background:linear-gradient(transparent 45%,var(--brand-soft) 45%,var(--brand-soft) 94%,transparent 94%)}.decision-selection{background:radial-gradient(ellipse at 100% 0%,#fee50012,transparent 70%),#22231e;padding:24px;border:1px solid #36372b;border-radius:10px}.decision-selection>span{color:#c6c8b8}.decision-selection strong{color:var(--brand);line-height:1.5}.decision-selection p{color:#c8cbbd}.mvp-scope .scope-detail{font-size:.82em;font-weight:500;color:#626459;display:inline-block}
@media(max-width:1100px) and (min-width:761px){.blueprint-sensing article{padding:20px 12px}}
@media(max-width:760px){.blueprint-sensing article{padding:18px 10px}.blueprint-sensing article h5{font-size:15px}.blueprint-sensing article p{font-size:10px}.decision-selection{padding:20px}.mvp-scope .scope-detail{display:block;margin-top:4px}}
/* v42: the original proposal and the reasoning behind the first question */
.question-start>span,.question-review>span,.question-technology>span{font-size:10px;color:#777}.question-start h4{font-size:24px;line-height:1.4;margin-top:10px;letter-spacing:-.04em}.question-routine{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:#55594a}.question-routine>span{background:#f1f2eb;border-radius:5px;padding:8px 12px}.question-routine i{font-style:normal;color:#a3a597}.question-review{border-top:1px solid #e2e3d9;margin-top:25px;padding-top:23px}.question-constraints{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:15px}.question-constraints article{border-left:2px solid var(--brand);padding-left:14px}.question-constraints small{font-size:10px;color:#86897b}.question-constraints h4{font-size:19px;line-height:1.45;margin-top:6px;letter-spacing:-.035em}.question-constraints p{font-size:12px;line-height:1.8;color:#777a6d;margin-top:8px}.question-technology{margin-top:24px}.question-technology p{font-size:14px;color:#717466;margin-top:6px;line-height:1.8}.question-technology b{color:#35392d;font-weight:650}.question-reset .question-challenge{margin-top:22px}.question-reset .question-reframe b{line-height:1.65}
@media(max-width:1100px) and (min-width:761px){.question-constraints h4{font-size:17px}.question-constraints p br{display:none}.question-routine{gap:8px;font-size:11px}.question-routine>span{padding:7px 9px}}
@media(max-width:760px){.question-start h4{font-size:21px}.question-routine{gap:7px;font-size:10px}.question-routine>span{padding:7px}.question-constraints{grid-template-columns:1fr;gap:18px}.question-constraints h4{font-size:19px}.question-constraints p br{display:none}.question-technology p{font-size:13px}.question-reset .question-reset .question-reframe b{font-size:14px}}
/* v43: scannable contribution summary and evidence hierarchy */
.project-brief .brief-facts>div{grid-template-columns:44px minmax(0,1fr);gap:8px;padding:13px 0}.project-brief .brief-facts dd{font-size:12px;line-height:1.6;word-break:keep-all}.project-brief .brief-achievement{background:radial-gradient(ellipse at 70% 40%,#fee50020,transparent 80%),#fee50008;border:1px solid #fee5001f;border-radius:9px;padding:13px 12px}.question-constraints small{display:inline-block;background:#22231e;color:var(--brand);padding:4px 10px;border-radius:5px;font-size:10px;font-weight:650}.question-constraints h4{margin-top:10px}#dx-slide-1{min-height:0;padding-bottom:48px}.analysis-stages h4{display:inline-block;padding:8px 12px;border-radius:8px;background:linear-gradient(110deg,var(--brand-soft),var(--brand-pale));margin-left:-3px}.discovery-cycle{gap:16px;position:relative}.discovery-cycle article{position:relative;border-top:0;padding:0 12px 14px 0}.discovery-cycle article:after{content:'';position:absolute;left:39px;right:-9px;top:16px;border-top:1px dashed #c6c9b6}.discovery-cycle article:last-child:after{display:none}.discovery-cycle small{display:grid;place-items:center;width:33px;height:33px;border-radius:50% 50% 50% 6px;background:#25271f;color:var(--brand);font-size:11px;box-shadow:3px 3px 0 var(--brand-soft);position:relative;z-index:1}.discovery-cycle b{margin-top:16px;font-size:21px}.discovery-cycle p{font-size:12px}.discovery-map .discovery-key{font-size:15px;line-height:1.8;padding:15px 16px;background:var(--brand-pale);border-left:3px solid var(--brand);border-radius:0 8px 8px 0;margin-top:14px;color:#4e5342;word-break:keep-all}.discovery-key b{color:#25291f;font-weight:700}.decision-summary h4{line-height:1.45}
@media(min-width:1400px){.discovery-map .discovery-key{white-space:nowrap;font-size:15px;padding-inline:12px}}
@media(max-width:1100px) and (min-width:761px){.project-brief .brief-facts dd{font-size:11px}.discovery-cycle{gap:10px}.discovery-cycle article{padding-right:0}.discovery-cycle p{font-size:10px}.discovery-map .discovery-key{font-size:14px}}
@media(max-width:760px){.project-brief .brief-facts>div{grid-template-columns:60px 1fr}.project-brief .brief-facts dd{font-size:13px}.question-constraints small{font-size:10px}#dx-slide-1{padding-bottom:35px}.discovery-cycle article:nth-child(2):after{display:none}.discovery-map .discovery-key{font-size:15px}.analysis-stages h4{font-size:26px}.project-brief .brief-achievement{padding:14px}}
.analysis-stages article>span{display:block}.project-brief .brief-facts b{font-weight:700}
/* v44: three explicit burden-to-solution cards */
.decision-pairs{counter-reset:decision-card;gap:14px}.decision-pairs article{counter-increment:decision-card;position:relative;isolation:isolate;border:1px solid #dedfd4;border-top:0;border-radius:12px;padding:22px 17px 20px;overflow:hidden;background:linear-gradient(155deg,#fff 15%,#f4f4e9);box-shadow:0 8px 18px -16px #30342055}.decision-pairs article:before{content:'0' counter(decision-card);position:absolute;right:10px;top:48px;font-size:56px;line-height:1;font-weight:750;letter-spacing:-.07em;color:#e7e8dc;z-index:-1}.decision-pairs small{display:inline-block;background:#25271f;color:#f4e768;padding:6px 9px;border-radius:5px;font-size:10px;line-height:1.5}.decision-turn{display:block;width:26px;height:26px;margin:15px 0 12px;color:#8d9277;font-size:23px;line-height:1}.decision-pairs b{font-size:19px;line-height:1.5;letter-spacing:-.035em;max-width:9em;margin-top:0;word-break:keep-all}.decision-pairs p{font-size:11px;color:#737865;line-height:1.8;margin-top:10px;word-break:keep-all}.service-blueprint{container-type:inline-size}.blueprint-heading h4{font-size:clamp(15px,3.25cqi,25px);white-space:nowrap;letter-spacing:-.045em}
@media(max-width:1100px) and (min-width:761px){.decision-pairs{gap:10px}.decision-pairs article{padding:17px 12px}.decision-pairs b{font-size:17px}.decision-pairs small{font-size:9px;padding:5px 7px}}
@media(max-width:760px){.decision-pairs{gap:13px}.decision-pairs article{padding:20px}.decision-pairs article:before{top:36px;right:18px;font-size:76px}.decision-turn{margin:10px 0}.decision-pairs b{max-width:none;font-size:20px}.decision-pairs p{font-size:12px}.blueprint-heading h4{white-space:normal;font-size:21px}}

/* v45 — precise copy rhythm and a warmer decision-card surface */
.decision-pairs article{background:linear-gradient(155deg,#fffef9 15%,#faf7df)}
#dx-slide-2 .scene-copy>p{max-width:none}
#dx-slide-3 .scene-copy{container-type:inline-size}
#dx-slide-3 .scene-copy>p{max-width:none}
@media(max-width:760px){#dx-slide-3 .scene-copy>p{font-size:14px;white-space:normal}}

/* v46 — quiet yellow illumination on decision and MVP surfaces */
.decision-selection{position:relative;padding-left:38px;background:radial-gradient(ellipse at 0% 40%,#fee50013,transparent 66%),linear-gradient(115deg,#28291f,#22231e)}
.decision-selection:before{content:'';position:absolute;left:17px;top:24px;bottom:24px;width:3px;border-radius:3px;background:linear-gradient(180deg,#f6e87c,#fee500b3);box-shadow:0 0 12px #fee50016}
.screen-tile a,.screen-tile:nth-child(2) a,.screen-tile:nth-child(3) a{background:radial-gradient(ellipse at 25% 5%,#fffefb 0,transparent 65%),linear-gradient(140deg,#fcfaed,#f5f0d6)}
@media(max-width:760px){.decision-selection{padding-left:34px}.decision-selection:before{left:15px;top:20px;bottom:20px}}

/* v47 — dark screen stages, expand glyphs, question illustration, recurring underline */
.screen-tile a,.screen-tile:nth-child(2) a,.screen-tile:nth-child(3) a{background:linear-gradient(145deg,#30322c,#20221e);box-shadow:inset 0 1px 0 #ffffff10,0 1px 0 #161812}
.screen-tile a:hover{box-shadow:inset 0 1px 0 #ffffff18,0 1px 0 #161812}
.screen-expand{right:6px;bottom:6px;width:24px;height:24px;display:grid;place-items:center;color:#e3e5d9;opacity:.85}.screen-expand svg{width:17px;height:17px}
.question-challenge{position:relative;overflow:hidden}.question-art{position:absolute;width:170px;height:170px;right:16px;top:50%;transform:translateY(-50%)}
@media(max-width:1100px){.question-art{width:120px;height:120px;right:8px}}
@media(max-width:760px){.question-art{width:48px;height:48px;top:5px;right:10px;transform:none}}
@keyframes recurring-stroke{0%,8%{background-size:0% 35%}30%,78%{background-size:100% 35%}94%,100%{background-size:0% 35%}}
@media(prefers-reduced-motion:no-preference){#hero h1 mark{animation:recurring-stroke 5s ease-in-out infinite}}

/* v48 — preserve pre-v47 typography and spacing; warm dark screenshot stages */
.screen-tile a,.screen-tile:nth-child(2) a,.screen-tile:nth-child(3) a{background:radial-gradient(ellipse at 80% 0%,#fee50010,transparent 65%),linear-gradient(145deg,#30322c,#20221e)}

/* v49 — scoped question artwork alignment */
.question-art{right:36px}
@media(max-width:1100px){.question-art{right:28px}}
@media(max-width:760px){.question-art{right:20px}}

/* v50 — personal-question emphasis and centered perspective artwork */
.question-challenge>span{font-size:12px;font-weight:750;color:#fff4ad;letter-spacing:.025em;text-decoration:underline;text-decoration-color:#fee50080;text-underline-offset:5px;text-decoration-thickness:2px}
.question-art{left:calc(50% + 175px);right:auto;transform:translate(-50%,-50%)}
@media(max-width:760px){.question-art{left:auto;right:20px;transform:none}}

/* v51 — composed question card, restrained emphasis and integrated artwork */
.question-challenge{display:grid;grid-template-columns:minmax(0,1fr) 36%;gap:14px 22px;align-items:center;padding:28px;border:1px solid #e9e6b71a;border-radius:14px;background:radial-gradient(ellipse at 84% 50%,#d6c56c0c,transparent 60%),linear-gradient(125deg,#282a23,#20221d);box-shadow:inset 0 1px 0 #ffffff04}
.question-challenge>span{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1.3;font-weight:650;letter-spacing:.01em;color:#f2e699;text-decoration:none}
.question-challenge>span:before{content:'';width:5px;height:5px;background:#f2de71;border-radius:50%;box-shadow:0 0 10px #fee50020}
.question-challenge h4{grid-column:1;margin:0;font-size:24px;line-height:1.55;letter-spacing:-.035em;color:#eeeee5;font-weight:600}.question-challenge h4 em{font-style:normal;color:#f1df81;font-weight:700}
.question-challenge .question-art{position:static;grid-column:2;grid-row:1/3;width:150px;height:150px;transform:none;justify-self:center;align-self:center;opacity:.8}
@media(max-width:1100px){.question-challenge{grid-template-columns:minmax(0,1fr) 26%;gap:14px 14px;padding:24px}.question-challenge .question-art{width:125px;height:125px}.question-challenge h4{font-size:23px}}
@media(max-width:760px){.question-challenge{grid-template-columns:minmax(0,1fr) 48px;padding:22px;gap:12px}.question-challenge .question-art{grid-row:1;width:48px;height:48px;margin-block:-12px}.question-challenge h4{grid-column:1/-1;font-size:22px}}

/* v52 — editorial question composition with the site's primary yellow */
.question-challenge{display:block;padding:30px 32px;background:radial-gradient(ellipse at 85% 15%,#fee5000e,transparent 58%),#22231e;border-color:#fee50020;border-radius:16px;isolation:isolate}
.question-challenge>span{position:relative;z-index:1;display:inline-flex;padding:5px 10px;background:var(--brand);color:#25261f;border-radius:4px;font-size:11px;font-weight:750;line-height:1.4;letter-spacing:0}.question-challenge>span:before{display:none}
.question-challenge h4{position:relative;z-index:1;margin-top:19px;letter-spacing:-.035em}.question-setup{display:block;font-size:20px;font-weight:500;line-height:1.65;color:#dedfd5}.question-challenge h4 em{display:block;margin-top:17px;color:var(--brand);font-size:30px;line-height:1.4;font-weight:750;letter-spacing:-.045em}
.question-challenge .question-art{position:absolute;left:auto;right:42px;top:18px;width:154px;height:154px;transform:none;opacity:.65;z-index:0}
.question-challenge:after{content:'';position:absolute;width:245px;height:245px;right:-65px;top:-90px;border:1px solid #fee50012;border-radius:50%;z-index:-1;box-shadow:0 0 0 32px #fee50003}
@media(max-width:1100px){.question-challenge{padding:26px}.question-setup{font-size:19px}.question-challenge h4 em{font-size:27px}.question-challenge .question-art{right:18px;top:14px;width:120px;height:120px}}
@media(max-width:760px){.question-challenge{padding:23px}.question-challenge .question-art{width:70px;height:70px;right:16px;top:6px;margin:0;opacity:.5}.question-setup{font-size:18px}.question-challenge h4 em{font-size:25px;margin-top:18px}.question-setup br{display:none}}

/* v53 — make the two personal contributions primary scan targets */
.project-brief .brief-facts{display:grid;gap:8px;margin:16px 0}
.project-brief .brief-facts>div{display:block;position:relative;padding:10px 12px 11px;border:1px solid #fee50020;border-left:2px solid var(--brand);border-radius:0 8px 8px 0;background:linear-gradient(100deg,#fee5000c,#ffffff03)}
.project-brief .brief-facts dt{padding:0;margin:0 0 5px;font-size:10px;line-height:1.35;font-weight:700;color:var(--brand);letter-spacing:.02em}
.project-brief .brief-facts dd{font-size:13px;line-height:1.55;color:#fff;word-break:keep-all}.project-brief .brief-facts b{font-weight:700}
@media(max-width:1100px) and (min-width:761px){.project-brief .brief-facts>div{padding:9px 10px}.project-brief .brief-facts dd{font-size:12px}}
@media(max-width:760px){.project-brief .brief-facts dd{font-size:14px}}

/* v55 — a concise About introduction and purpose-led tool groups */
#about .about-intro>p{font-size:17px;line-height:1.9;word-break:keep-all;max-width:34em;align-self:center}#about .about-intro>p br{display:block;content:'';margin-top:8px}
.practice-kit{margin-top:44px}.practice-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}.practice-heading h3{font-size:11px;font-weight:650;letter-spacing:.12em;color:#66695e}.practice-heading p{font-size:13px;color:#75786c}
.practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.practice-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:25px 22px 22px;border:1px solid #e4e4d9;border-radius:14px;background:linear-gradient(145deg,#fff 45%,#faf8e9);box-shadow:0 8px 20px -18px #33392335}.practice-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #3c3e31;border-radius:11px;background:#262820;color:var(--brand);box-shadow:inset 0 1px 0 #ffffff12}.practice-icon svg{width:22px;height:22px}.practice-card h4{font-size:21px;letter-spacing:-.04em;line-height:1.35;margin-top:19px;font-weight:700}.practice-card>p{font-size:13px;line-height:1.75;color:#6d7064;word-break:keep-all;margin-top:9px;min-height:46px}.practice-tools{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:22px 0 18px;padding:0}.practice-tools li{font-size:11px;line-height:1.4;font-weight:600;color:#44483a;background:#f0f0e7;border:1px solid #e4e5d7;border-radius:5px;padding:6px 8px}.practice-card>small{display:block;font-size:10px;line-height:1.7;color:#86897d;word-break:keep-all;margin-top:auto;padding-top:15px;border-top:1px solid #e5e5da;width:100%}
@media(max-width:1100px){.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-card{padding:23px}.practice-card>p{min-height:0}.practice-tools{margin-top:18px}#about .about-intro>p{font-size:16px}}
@media(max-width:600px){.practice-grid{grid-template-columns:1fr;gap:12px}.practice-heading{display:block}.practice-heading p{margin-top:9px}.practice-kit{margin-top:30px}.practice-card{padding:21px;display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:13px}.practice-icon{grid-row:1/3;width:38px;height:38px}.practice-card h4{grid-column:2;margin:0;font-size:20px}.practice-card>p{grid-column:2;font-size:12px;margin-top:5px}.practice-tools{grid-column:1/-1;margin:18px 0 13px}.practice-card>small{grid-column:1/-1;padding-top:12px}#about .about-intro>p{font-size:15px;line-height:1.85}}

/* v56: split About and closing experiences, preserving existing cards. */
.closing-experiences{padding-block:55px 60px;border-top:1px solid #dcdcd5}.closing-experiences .experience-heading{margin:0 0 20px}.closing-experiences .experience-list article:nth-child(2n){background:transparent}
@media(max-width:760px){.closing-experiences{padding-block:40px}}

/* v57 — subtle tool-specific light, scoped to tool badges. */
.practice-tools li{font-size:12px;padding:7px 10px;border-radius:7px;box-shadow:inset 0 1px 0 #ffffff90,0 3px 8px -6px #33333340}
.practice-tools li[data-tool="python"]{background:linear-gradient(140deg,#fffbed,#fff0a8);border-color:#eddb8c;color:#6c530e}
.practice-tools li[data-tool="excel"]{background:linear-gradient(140deg,#f1faf5,#d7eedf);border-color:#bbdcc8;color:#176740}
.practice-tools li[data-tool="chatgpt"],.practice-tools li[data-tool="codex"]{background:linear-gradient(140deg,#41443e,#20231f);border-color:#34382f;color:#fff;box-shadow:inset 0 1px 0 #ffffff22,0 3px 8px -6px #161a17}
.practice-tools li[data-tool="claude"]{background:linear-gradient(140deg,#fff6ef,#f7dfcf);border-color:#e8c3ad;color:#8c482a}
.practice-tools li[data-tool="powerpoint"]{background:linear-gradient(140deg,#fff3f1,#f4d4ce);border-color:#e6b6ae;color:#a1392c}
.practice-tools li[data-tool="word"]{background:linear-gradient(140deg,#f2f7ff,#dce8f8);border-color:#c2d4ed;color:#285e9c}
.practice-tools li[data-tool="notion"]{background:linear-gradient(140deg,#fff,#f5f5f3);border-color:#d9d9d5;color:#30312d}
.practice-tools li[data-tool="figma"]{background:linear-gradient(140deg,#faf5ff,#e8dcfa);border-color:#d6c1ee;color:#7045a5}

/* v58: white tool cards, shared AI tools, compact project index. */
.practice-card{background:#fff}.shared-tools{display:flex;align-items:center;gap:12px}.shared-tools>span{font-size:11px;color:#777}.shared-tools .practice-tools{margin:0}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-grid .project-row{grid-template-columns:34px minmax(0,1fr) 40px;gap:6px 16px;padding:20px 22px}.project-grid .project-number{grid-column:1;grid-row:1/3}.project-grid h3{grid-column:2;font-size:24px}.project-grid p{grid-column:2;grid-row:2;font-size:12px;line-height:1.6}.project-grid .project-arrow{grid-column:3;grid-row:1/3;width:40px;height:40px}.project-grid [aria-disabled="true"]{cursor:default}
@media(max-width:600px){.shared-tools{margin-top:14px}.project-grid{grid-template-columns:1fr}.project-grid .project-row{padding:18px 16px}}

/* v59 — targeted intro alignment and light emphasis. */
#about .about-intro{grid-template-columns:.85fr 1.15fr;gap:48px}#about .about-intro>p{padding-left:18px;border-left:2px solid var(--brand);max-width:none}.intro-key{font-weight:650;color:#292b24;background:linear-gradient(transparent 60%,#fee50033 60%,#fee50033 95%,transparent 95%)}
.practice-tools li[data-tool="figjam"]{background:linear-gradient(140deg,#faf5ff,#e8dcfa);border-color:#d6c1ee;color:#7045a5}
@media(max-width:760px){#about .about-intro>p{padding-left:14px}}

/* v60 — closing messages each fit a single line. */
.story-ending h2{font-size:clamp(18px,4.1vw,58px);max-width:none;white-space:nowrap}.story-ending p{font-size:clamp(12px,1.5vw,18px);white-space:nowrap}