/* Kamen keeps the portfolio's type and palette. Colour belongs to the artefacts. */
.kamen-case{--kamen-green:#d4e4ae;--kamen-panel:#22251c;--muted:#bdb3a1}
.kamen-case main{overflow:visible}.kamen-case .case-intro{padding-top:64px}.kamen-case h1{font-size:clamp(68px,9.3vw,142px);line-height:1.04;max-width:1100px}.kamen-case .lead{font-size:clamp(22px,2.5vw,34px);max-width:720px;line-height:1.35}.kamen-case .intro-bottom{align-items:center}.kamen-case .intro-bottom .text-link{flex:none}.kamen-hero{background:var(--kamen-panel);padding:38px 6% 0;border-radius:14px;overflow:hidden;max-height:900px}.hero-caption{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-caption>span:last-child{font:700 26px Poppins,sans-serif;letter-spacing:-.06em}.hero-caption .eyebrow{color:var(--kamen-green);font-size:11px}.hero-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;max-width:980px;margin:54px auto -80px;align-items:start}.hero-screens .screen:first-child{margin-top:80px}.hero-screens .screen:last-child{margin-top:130px}.screen{min-width:0}.screen a{display:block;border-radius:22px;overflow:hidden;background:#fff}.screen a:focus-visible{outline-offset:5px}.screen img{width:100%;height:auto}.screen figcaption{font:11px/1.6 monospace;color:var(--muted);margin-top:18px}.chapter-nav{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:30px;background:rgba(21,20,16,.96);backdrop-filter:blur(12px);padding:24px 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.chapter-nav::-webkit-scrollbar{display:none}.chapter-nav a{font:12px/1.5 monospace;color:var(--muted);white-space:nowrap;min-height:24px;display:flex;align-items:center}.chapter-nav a[aria-current="location"]{color:var(--cream)}.chapter-nav a:hover{color:var(--cream)}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--kamen-green);transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}.chapter{padding-block:110px 10px;scroll-margin-top:76px}.chapter-heading{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:42px}.chapter-heading>.eyebrow{padding-top:12px}.chapter-heading h2{font-size:clamp(32px,4.6vw,65px);line-height:1.12;margin:0}.editorial{max-width:790px;margin-left:calc((100% + 60px)/3)}.editorial p,.moment-copy p{font-size:19px;line-height:1.75;color:var(--muted);margin-bottom:24px}.editorial .opening{font-size:25px;line-height:1.55;color:var(--cream)}.kamen-case h3{font:700 24px/1.35 Poppins,sans-serif;letter-spacing:-.035em;margin:0 0 18px}.editorial h3{margin-top:44px}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-block:1px solid var(--line);margin-block:56px;padding-block:30px}.project-facts dt{font-size:11px}.project-facts dd{font-size:16px;line-height:1.5}.project-brief{max-width:920px;margin:72px auto}.project-brief h3{font:12px monospace;color:var(--muted);letter-spacing:.08em}.project-brief>p{font:700 clamp(25px,3.4vw,46px)/1.35 Poppins,sans-serif;letter-spacing:-.045em}.kamen-case details{border-top:1px solid var(--line);margin-top:28px}.kamen-case summary{font:14px/1.55 monospace;padding:23px 32px 23px 0;cursor:pointer;list-style:none;position:relative}.kamen-case summary::-webkit-details-marker{display:none}.kamen-case summary::after{content:'+';position:absolute;right:4px;top:21px;font-size:22px;font-weight:400}.kamen-case details[open]>summary::after{content:'−'}.kamen-case summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.kamen-case .detail-body{padding:8px 0 28px}.kamen-case .detail-body p,.detail-body li{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 20px}.detail-body a{color:var(--cream);text-decoration:underline;text-underline-offset:4px}.detail-body .note,.figure-note{font:12px/1.7 monospace;color:var(--muted)}.prompt-list{padding-left:24px}.prompt-list li{padding-left:8px;margin-bottom:18px}.prompt-list b{color:var(--cream);font-weight:400}.research-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-block:56px 64px;border-block:1px solid var(--line);padding-block:32px}.research-questions>div>span{font:12px monospace;color:var(--kamen-green)}.research-questions h3{font-size:21px;margin-top:22px}.research-questions p{color:var(--muted);line-height:1.7;font-size:16px}.finding-list{margin-top:54px}.finding-list article{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:40px 0;border-top:1px solid var(--line)}.finding-number{font:700 70px/1 Poppins,sans-serif;color:#6d7059;letter-spacing:-.06em}.finding-list h3{font-size:27px;max-width:680px}.finding-list p{font-size:18px;line-height:1.75;color:var(--muted);max-width:780px;margin-bottom:18px}.finding-implication b{font-weight:400;color:var(--cream)}.source-note{font:11px/1.7 monospace;color:var(--muted);display:block}.affinity-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:24px 32px}.affinity-map section{padding:24px;background:#25271f;border-radius:8px}.affinity-map h3{font-size:20px}.affinity-map p{padding:18px 0;border-top:1px solid #444638;color:#ddd6c8!important;font-size:15px!important}.affinity-map small{display:block;font:10px monospace;color:var(--kamen-green);margin-bottom:8px}.subchapter{margin-top:70px}.persona-pair{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:40px 0 18px}.persona-pair article{border-top:1px solid var(--line);padding-top:28px}.persona-pair .eyebrow{font-size:10px}.persona-pair h3{font-size:28px;margin-block:24px 16px}.persona-pair p{color:var(--muted);font-size:17px;line-height:1.7;max-width:430px}.figure-note{margin-top:20px;max-width:850px}.evidence-table{margin-block:48px;overflow-x:auto}.evidence-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}.evidence-table caption{text-align:left;font:12px/1.6 monospace;margin-bottom:24px;color:var(--muted)}.evidence-table th,.evidence-table td{text-align:left;padding:20px 28px 20px 0;vertical-align:top;border-bottom:1px solid var(--line)}.evidence-table th{font-weight:400;width:38%}.evidence-table thead th{font:11px monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.evidence-table td{color:var(--muted)}.wireframe-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.wireframe-grid .screen a{border-radius:8px}.wireframe-grid .screen img{aspect-ratio:1.3;object-fit:contain;background:#ebe9e1}.journey-strip{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:48px 0 20px;padding:0;border-block:1px solid var(--line)}.journey-strip li{font:14px/1.7 monospace;padding:24px 10px 24px 0}.journey-strip span{display:block;color:var(--kamen-green);font-size:11px;margin-bottom:12px}.design-moment{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;margin-block:90px 130px;scroll-margin-top:100px}.moment-copy{max-width:460px}.moment-copy>.eyebrow{font-size:10px}.moment-copy h3{font-size:clamp(30px,3.6vw,48px);line-height:1.15;margin-top:24px}.moment-copy p{font-size:17px}.screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:40px 30px;background:var(--kamen-panel);border-radius:12px;align-items:start}.screen-pair .screen:nth-child(2){margin-top:72px}.screen-pair .screen figcaption{color:#c3c9b5;font-size:10px}.reverse{grid-template-columns:1.15fr .85fr}.reverse .moment-copy{order:2}.reverse .screen-pair{order:1}.screen-archive{margin:0 0 30px}.screen-archive summary>span{float:right;color:var(--muted);margin-right:12px;font-size:11px}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 32px;padding:24px 0 50px;align-items:start}.archive-grid .screen a{max-height:500px;overflow:hidden}.archive-grid .screen img{object-position:top}.validation-plan{margin-top:48px!important}.validation-plan>.detail-body{max-width:960px;margin-left:auto}.test-plan{display:grid;grid-template-columns:1fr 1fr;gap:24px 56px;margin-top:28px}.test-plan h3{font-size:22px}.test-plan span{color:var(--muted);font:12px/1.7 monospace;display:block;margin-bottom:24px}.closing-thought{margin:85px 0 65px;max-width:1100px}.closing-thought p{font:700 clamp(28px,4.4vw,58px)/1.25 Poppins,sans-serif;letter-spacing:-.04em}.case-notes{margin:0 0 65px;max-width:1000px}.case-notes .detail-body{max-width:780px}.case-notes ul{padding-left:20px}.image-dialog{border:1px solid var(--line);border-radius:12px;background:#1b1b17;color:var(--cream);max-width:calc(100vw - 32px);width:1000px;max-height:90dvh;padding:0;overscroll-behavior:contain}.image-dialog::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(7px)}.dialog-bar{position:sticky;top:0;background:#1b1b17;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;z-index:1;border-bottom:1px solid var(--line)}.dialog-bar p{font:12px/1.6 monospace;max-width:650px}.close-image{background:none;border:0;color:var(--cream);font:14px monospace;padding:12px;white-space:nowrap;cursor:pointer}.close-image span{font-size:24px;margin-left:12px}.close-image:focus-visible{outline:2px solid var(--accent)}.dialog-image{padding:24px}.dialog-image img{width:auto;max-width:100%;height:auto;margin:auto;max-height:none}.image-dialog:not([data-wide]) .dialog-image img{max-width:min(100%,500px)}.kamen-case:has(dialog[open]) .portfolio-cursor{display:none!important}.kamen-case:has(dialog[open]) *{cursor:auto!important}.kamen-case:has(dialog[open]) button{cursor:pointer!important}
@media(min-width:1600px){.editorial{margin-left:calc((100% + 60px)/3)}}
@media(max-width:1000px){.chapter-heading,.finding-list article{grid-template-columns:1fr 2.5fr;gap:32px}.editorial{margin-left:calc((100% + 32px)/3.5)}.chapter-nav{gap:24px}.design-moment,.reverse{gap:36px;grid-template-columns:1fr 1.2fr}.screen-pair{padding:28px 18px;gap:18px}.moment-copy h3{font-size:32px}.moment-copy p{font-size:16px}.research-questions{gap:26px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.kamen-case .case-intro{padding-top:42px}.kamen-case h1{font-size:clamp(52px,12vw,80px);line-height:1.08}.kamen-case .lead{font-size:22px}.kamen-case .intro-bottom .text-link{margin-top:22px}.kamen-hero{padding:22px 16px 0;border-radius:9px;margin-inline:-8px}.hero-caption>span:last-child{font-size:20px}.hero-caption .eyebrow{font-size:8px;letter-spacing:.05em}.hero-screens{gap:18px;width:135%;margin:34px -17.5% -44px}.hero-screens .screen:first-child{margin-top:42px}.hero-screens .screen:last-child{margin-top:72px}.hero-screens .screen a{border-radius:12px}.chapter-nav{gap:24px;padding:18px 0;scroll-padding-inline:10px}.chapter-nav a{font-size:11px}.chapter{padding-top:64px;scroll-margin-top:56px}.chapter-heading{display:block;margin-bottom:28px}.chapter-heading>.eyebrow{display:block;margin-bottom:24px;font-size:10px}.chapter-heading h2{font-size:36px}.editorial{margin-left:0;max-width:none}.editorial p{font-size:17px;line-height:1.75}.editorial .opening{font-size:21px}.project-facts{grid-template-columns:1fr 1fr;gap:26px 20px;margin-block:36px}.project-facts dd{font-size:14px}.project-brief{margin-block:48px}.project-brief>p{font-size:27px}.research-questions{grid-template-columns:1fr;gap:26px;padding-block:26px;margin-block:36px}.research-questions h3{margin-block:12px}.finding-list{margin-top:34px}.finding-list article{grid-template-columns:40px 1fr;gap:20px;padding-block:30px}.finding-number{font-size:32px}.finding-list h3{font-size:22px}.finding-list p{font-size:16px}.affinity-map{grid-template-columns:1fr}.persona-pair{grid-template-columns:1fr;gap:30px}.persona-pair h3{font-size:26px}.subchapter{margin-top:44px}.evidence-table th,.evidence-table td{font-size:14px;padding:16px 18px 16px 0}.evidence-table th{width:42%}.wireframe-grid{grid-template-columns:1fr}.journey-strip{grid-template-columns:1fr 1fr;margin-top:30px;gap:0 20px}.journey-strip li{font-size:12px;padding-block:18px}.design-moment,.reverse{display:flex;flex-direction:column;gap:24px;margin-block:60px 80px}.moment-copy{max-width:none;width:100%}.moment-copy h3{font-size:34px}.moment-copy p{font-size:17px}.reverse .moment-copy,.reverse .screen-pair{order:initial}.screen-pair{width:100%;padding:26px 16px;gap:18px}.screen-pair .screen:nth-child(2){margin-top:46px}.screen a{border-radius:13px}.screen-pair figcaption{font-size:9px!important}.archive-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.screen-archive summary>span{float:none;display:block;margin:8px 0 0}.test-plan{grid-template-columns:1fr;gap:16px}.closing-thought{margin-block:50px}.closing-thought p{font-size:30px}.dialog-bar{padding:10px 14px;gap:12px}.dialog-bar p{font-size:11px}.close-image{font-size:12px;padding:10px 4px}.close-image span{margin-left:3px}.dialog-image{padding:12px}.kamen-case .text-link{max-width:100%;font-size:13px}}
@media(prefers-reduced-motion:reduce){.chapter-nav{backdrop-filter:none}.image-dialog::backdrop{backdrop-filter:none}}
/* A readable screen and a glimpse of the next, rather than two tiny phones. */
@media(max-width:700px){.screen-pair{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:20px;padding:24px 20px;gap:22px}.screen-pair .screen{flex:0 0 82%;scroll-snap-align:start}.screen-pair .screen:nth-child(2){margin-top:0}.screen-pair figcaption{font-size:11px!important}}
/* Research artefacts: readable HTML on a quiet workshop canvas. */
.kamen-cover{margin:0;border-radius:14px;overflow:hidden;background:#fff}.kamen-cover a,.kamen-cover img{display:block;width:100%;height:auto}
.research-board{margin:64px 0;background-color:#efede6;background-image:radial-gradient(#cbc8bf .8px,transparent .8px);background-size:18px 18px;color:#292b25;padding:38px;border-radius:16px}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.board-kicker{display:block;font:10px/1.6 monospace;letter-spacing:.08em;color:#666b5c;margin-bottom:14px}.board-heading h3{font-size:30px;line-height:1.2}.board-stamp{border:1px solid #b9bcae;background:#f9f8f2;border-radius:30px;padding:9px 14px;font:11px monospace;white-space:nowrap}.board-intro{max-width:640px;font-size:15px;line-height:1.7;color:#53574d}.board-legend{display:flex;gap:24px;flex-wrap:wrap;padding:20px 0 30px;font:10px/1.6 monospace}.board-legend span{display:flex;gap:8px;align-items:center}.board-legend i{width:12px;height:12px;background:#efcf61;display:block;border:1px solid #948747}.board-legend .dashed{background:transparent;border:1px dashed #62675a}.sticky-clusters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.yellow{--paper:#f7e49a;--paper-deep:#e9cb69}.pink{--paper:#f1cdcf;--paper-deep:#deaab1}.blue{--paper:#cce1ee;--paper-deep:#a7c9de}.green{--paper:#d6e5bc;--paper-deep:#b8ce99}.sticky-cluster>header{min-height:94px;border-top:2px solid #777d6c;padding-top:12px}.sticky-cluster>header>span{font:10px monospace;color:#69705e}.sticky-cluster h4{font:600 17px/1.35 Poppins,sans-serif;letter-spacing:-.025em;margin:10px 0 20px}.sticky{background:var(--paper);padding:17px 15px 15px;box-shadow:1px 4px 6px #343a2720;min-height:188px;margin:0 0 19px;position:relative;border-top:5px solid var(--paper-deep);transform:rotate(-1deg)}.sticky:nth-of-type(even){transform:rotate(1.2deg)}.note-source{font:9px/1.5 monospace;letter-spacing:.03em}.sticky p{font-size:15px;line-height:1.55;margin:15px 0 18px;color:#30342b}.sticky small{display:block;font:9px/1.5 monospace;color:#555a4c}.sticky.hypothetical{background:#f7f6f0;border:1px dashed #8c9380;box-shadow:none;transform:none}.cluster-implication{border-top:1px solid #b7beaa;padding:17px 0 0;margin-top:24px}.cluster-implication>span{font:9px monospace;letter-spacing:.04em}.cluster-implication p{font-size:13px;line-height:1.6;margin:12px 0 0;color:#50574a}.board-foot{border-top:1px solid #c4c8ba;margin-top:30px;padding-top:18px;font:11px/1.7 monospace;color:#656b5b}
.persona-canvases{display:grid;gap:28px;margin:38px 0 18px}.persona-canvas{background:#eeeee7;color:#2c3027;padding:34px;border-radius:14px}.persona-canvas>header{display:flex;align-items:center;gap:22px}.persona-symbol{display:grid;place-items:center;flex:none;width:66px;height:66px;background:var(--paper);border-radius:50%;font:600 29px Poppins,sans-serif}.persona-canvas .board-kicker{margin-bottom:8px}.persona-canvas h3{margin:0;font-size:28px}.persona-canvas header p{font-size:12px;color:#626956;margin:8px 0 0}.persona-motto{font:500 25px/1.4 Poppins,sans-serif;letter-spacing:-.04em;padding:26px 0;margin:0}.persona-quadrants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.persona-quadrants h4{font:11px/1.6 monospace;min-height:45px;margin:0 0 14px;border-top:1px solid #bcc2b0;padding-top:14px}.persona-quadrants h4 span{margin-right:8px;color:#737d61}.persona-note{font-size:14px;line-height:1.6;background:var(--paper);padding:17px;min-height:110px;margin:0 0 12px;box-shadow:1px 3px 4px #343a2712}.persona-canvas footer{font:10px/1.7 monospace;color:#626956;margin-top:20px;max-width:680px}
@media(max-width:1000px){.sticky-clusters,.persona-quadrants{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-cluster>header{min-height:74px}.sticky{min-height:155px}.sticky-clusters{gap:32px}}
@media(max-width:600px){.research-board{padding:23px 18px;margin-block:40px}.board-heading{display:block}.board-heading h3{font-size:25px}.board-stamp{display:inline-block;margin-bottom:14px}.sticky-clusters{grid-template-columns:1fr;gap:36px}.sticky{min-height:0;padding:20px}.sticky p{font-size:16px}.note-source{font-size:10px}.sticky small{font-size:10px}.board-legend{gap:12px}.persona-canvas{padding:23px 18px}.persona-canvas>header{align-items:flex-start;gap:14px}.persona-symbol{width:42px;height:42px;font-size:22px}.persona-canvas h3{font-size:23px}.persona-motto{font-size:24px}.persona-quadrants{grid-template-columns:1fr;gap:20px}.persona-quadrants h4{min-height:0;font-size:12px}.persona-note{min-height:0;font-size:16px}.kamen-cover{border-radius:9px}}
#affinity-title{scroll-margin-top:100px}
.routine-study{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center;margin:64px 0}.routine-copy>.eyebrow{display:block;font-size:10px;margin-bottom:24px}.routine-copy h3{font-size:32px}.routine-copy p{font-size:17px;line-height:1.75;color:var(--muted);margin-bottom:20px}.routine-copy .figure-note{font-size:11px}.routine-study figure{margin:0}.routine-study a,.routine-study img{display:block;width:100%;border-radius:12px}.routine-study img{height:auto}.routine-study figcaption{font:11px/1.7 monospace;color:var(--muted);margin-top:16px}#routine-title{scroll-margin-top:110px}@media(max-width:700px){.routine-study{grid-template-columns:1fr;gap:20px;margin-block:42px}.routine-copy h3{font-size:30px}}