@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Syne:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f6f3ee;--white:#fffcf7;--ink:#272d2b;--muted:#636b64;--line:#dcdcd5;--teal:#387b73;--teal-dark:#244f4b;--ochre:#d5ad62;--coral:#e0806d;--mist:#e5eee8;--font:'DM Sans',Arial,sans-serif;--display:'Syne',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.68 var(--font);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}button{font:inherit}::selection{background:#e6bd97;color:#252822}.skip-link{position:absolute;top:-80px;left:12px;background:var(--teal-dark);color:white;padding:.7rem 1rem;z-index:1000}.skip-link:focus{top:10px}.container{width:min(1360px,calc(100% - 104px));margin-inline:auto}.container.narrow{width:min(920px,calc(100% - 104px))}main{min-height:65vh}.eyebrow,.kicker,.meta,.figure-caption,.num,.breadcrumb,.date,.overline,.page-index,.serif-note,.footer-kicker{font-family:'DM Mono',ui-monospace,monospace;font-size:.69rem;line-height:1.55;letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--teal);font-weight:500}.head{position:sticky;top:0;background:rgba(246,243,238,.95);border-bottom:1px solid var(--line);z-index:60;backdrop-filter:blur(12px)}.head-inner{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1.4px solid var(--ink);border-radius:50%;font-family:var(--display);font-weight:700;letter-spacing:-.1em;padding-right:.11em;font-size:1rem}.brand-word{font:700 .84rem/1 var(--display);letter-spacing:-.045em}.brand-small{font:400 .62rem/1.4 'DM Mono',monospace;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;display:block;margin-top:3px}.nav{display:flex;align-items:center;gap:30px}.nav a{text-decoration:none;font:500 .84rem/1.2 var(--font);border-bottom:1px solid transparent;padding:10px 0;transition:border .2s}.nav a:hover,.nav a[aria-current=page]{border-bottom:1px solid var(--ink)}.nav-cta{border:1px solid var(--ink)!important;padding:10px 15px!important;border-radius:40px}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:30px;padding:7px 12px;cursor:pointer}.hero{padding:105px 0 95px;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.55fr);gap:8%;align-items:end}.hero h1{font:600 clamp(3.3rem,6.3vw,7rem)/1.075 var(--display);letter-spacing:-.084em;margin:28px 0 28px;max-width:1130px}.hero h1 em,.large-title em,.statement em{font:italic 1.13em/0.7 var(--serif);letter-spacing:-.035em;color:var(--teal);white-space:normal}.hero-tag{max-width:830px;font:600 .95rem/1.65 var(--font);letter-spacing:.005em;color:var(--teal-dark);margin:0}.hero-aside{border-top:1px solid var(--ink);padding-top:22px;margin-bottom:12px}.hero-aside p{font-size:.99rem;max-width:28ch;line-height:1.67}.hero-aside .tiny{font-size:.75rem;color:var(--muted)}.fine-rule{height:1px;background:var(--line);margin:0}.scroll-note{font:400 .65rem 'DM Mono',monospace;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;display:inline-block;margin-top:45px}.overview{padding:74px 0 96px}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.section-top h2{font:600 clamp(2rem,3.3vw,3.6rem)/1.13 var(--display);letter-spacing:-.055em;margin:0}.section-top .text-link{white-space:nowrap}.text-link{font-size:.8rem;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link:hover{color:var(--teal)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 26px}.project-tile{text-decoration:none;display:block}.tile-media{position:relative;aspect-ratio:1.42;overflow:hidden;background:#e4e5df}.tile-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.project-tile:hover img{transform:scale(1.04)}.tile-media.contain{background:#e9e5db;padding:16px}.tile-media.contain img{object-fit:contain}.tile-top{display:flex;align-items:baseline;justify-content:space-between;margin:16px 0 5px;gap:20px}.tile-num{font:.65rem 'DM Mono',monospace;color:var(--teal)}.tile-tag{font:.65rem 'DM Mono',monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.project-tile h3{font:600 clamp(1.6rem,2.5vw,2.6rem)/1.17 var(--display);letter-spacing:-.058em;margin:0 0 6px}.project-tile p{margin:0;color:var(--muted);font-size:.94rem;max-width:52ch}.project-tile .arr{font-size:1.6rem;float:right;margin-top:-15px}.band{background:var(--teal-dark);color:var(--white);padding:100px 0}.band-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.band .eyebrow{color:#b3d9ca}.statement{font:500 clamp(2.2rem,4.5vw,5rem)/1.16 var(--display);letter-spacing:-.066em;margin:0}.statement em{color:#a6d2b9}.band-copy{padding-top:15px;max-width:50ch;font-size:1.05rem;color:#e2ebe3}.band-copy a{display:inline-block;margin-top:14px;color:#fff}.foot{padding:65px 0 25px;border-top:1px solid var(--line)}.foot-head{display:flex;justify-content:space-between;gap:50px;margin-bottom:80px}.foot-head h2{font:600 clamp(2.3rem,5vw,5rem)/1.1 var(--display);letter-spacing:-.07em;margin:10px 0 20px}.foot-head p{max-width:55ch;color:var(--muted);margin:0}.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:19px;font:.67rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.foot-links{display:flex;gap:20px}.foot-links a{text-decoration:none}.foot-links a:hover{text-decoration:underline}.inner-hero{padding:80px 0 72px}.breadcrumb{color:var(--muted);margin-bottom:30px}.breadcrumb a{text-decoration:none}.breadcrumb span{margin:0 10px}.large-title{font:600 clamp(3.5rem,7vw,7.6rem)/1.07 var(--display);letter-spacing:-.078em;margin:22px 0 23px;max-width:1100px}.lead{font-size:clamp(1.15rem,1.7vw,1.43rem);line-height:1.57;max-width:850px;color:#474d49;margin:0}.inner-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}.pill{border:1px solid #b9c9c2;border-radius:50px;padding:6px 13px;font:.68rem 'DM Mono',monospace;letter-spacing:.04em;color:var(--teal-dark)}.feature-image{position:relative}.feature-image img{width:100%;max-height:680px;object-fit:contain;background:#eae7e1}.feature-image.cover img{object-fit:cover;aspect-ratio:1.75}.feature-image.dark img{background:#101314}.figure-caption{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:var(--muted);letter-spacing:.025em;text-transform:none;font-size:.71rem}.figure-caption a{white-space:nowrap}.article{padding:85px 0 105px}.split{display:grid;grid-template-columns:.6fr 1fr;gap:10%;align-items:start}.section-number{font:.7rem 'DM Mono',monospace;color:var(--teal);display:block;margin-bottom:15px}.article h2{font:600 clamp(2.2rem,3.3vw,3.9rem)/1.14 var(--display);letter-spacing:-.058em;margin:0 0 24px}.article h3{font:600 clamp(1.35rem,2.2vw,2.1rem)/1.22 var(--display);letter-spacing:-.045em;margin:25px 0 15px}.article p{font-size:1.02rem;line-height:1.82;color:#4a504c;margin:0 0 19px}.article p strong{color:var(--ink)}.article ul{padding-left:20px;color:#4a504c;line-height:1.8}.article li{padding:4px 0}.story{margin-top:100px}.story.pale{background:#e9ebe5;margin-inline:calc((100vw - 100%)/-2);padding:95px max(52px,calc((100vw - 1260px)/2))}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:34px 0 10px}.gallery figure{margin:0}.gallery .wide{grid-column:1/-1}.gallery img{width:100%;aspect-ratio:1.42;object-fit:contain;background:#e9e6df}.gallery img.photo{object-fit:cover}.gallery .wide img{aspect-ratio:2.3}.image-panel{margin:38px 0}.image-panel img{margin:auto;max-height:700px;object-fit:contain}.quote-panel{margin:70px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:40px 0;font:italic clamp(2rem,3vw,3rem)/1.28 var(--serif);color:var(--teal-dark)}.requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.req{background:#edf0e9;border-top:2px solid var(--teal);padding:25px 25px 21px}.req .num{color:var(--teal)}.req h3{margin:12px 0!important;font-size:1.4rem!important}.req p{font-size:.9rem;margin:0!important}.req:last-child{grid-column:1/-1;background:#deece7}.next{padding:65px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}.next a{font:600 clamp(1.75rem,3vw,3.3rem)/1.15 var(--display);letter-spacing:-.06em;text-decoration:none}.next a:hover{color:var(--teal)}.status{display:inline-block;border-left:3px solid var(--ochre);padding:14px 18px;background:#f0ede5;color:#555a55;font-size:.88rem;margin-top:16px}.stack-list{border-top:1px solid var(--line)}.stack-item{display:grid;grid-template-columns:90px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:30px 0}.stack-item .num{padding-top:6px;color:var(--teal)}.stack-item h3{margin:0 0 7px!important;font-size:1.42rem!important}.stack-item p{margin:0!important;font-size:.97rem}.paper-list{list-style:none;padding:0!important}.paper-list li{border-bottom:1px solid var(--line);padding:20px 0}.paper-list cite{font-style:normal;color:var(--ink)}.paper-list small{display:block;color:var(--muted);font-size:.82rem;margin-top:7px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8%}.research-index{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px;margin-bottom:95px}.research-index .project-tile:first-child{grid-column:span 2}.research-index .project-tile:first-child .tile-media{aspect-ratio:2.4}.research-index .project-tile:nth-child(4){grid-column:span 2}.research-index .project-tile:nth-child(4) .tile-media{aspect-ratio:2.4}.download{display:inline-flex;gap:12px;align-items:center;border:1px solid var(--ink);border-radius:40px;text-decoration:none;padding:11px 19px;font:.8rem var(--font);font-weight:600;margin:13px 12px 10px 0}.download:hover{background:var(--ink);color:var(--white)}.contactline{font-size:1.2rem!important}.muted{color:var(--muted)}.breather{height:30px}.inline-link{color:var(--teal);font-weight:600}.ghost{background:var(--mist)}.not-live{border:1px dashed #a9b2aa;padding:23px;font:.85rem var(--font);color:#4d5550;max-width:650px}.alt-border{border:1px solid var(--line)}
@media(max-width:950px){.container{width:min(100% - 56px,1360px)}.container.narrow{width:min(100% - 56px,920px)}.nav{gap:15px}.hero{padding:78px 0}.hero-grid{grid-template-columns:1fr;gap:42px}.hero-aside{max-width:650px}.hero h1{font-size:clamp(3.2rem,7.5vw,6rem)}.split{gap:5%;grid-template-columns:.6fr 1fr}.story.pale{margin-inline:0;padding:55px 28px}.band-layout{gap:4%}}
@media(max-width:720px){html{scroll-padding-top:75px}.container,.container.narrow{width:calc(100% - 38px)}.head-inner{min-height:68px}.brand-word{font-size:.74rem}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:68px;padding:20px;background:var(--paper);flex-direction:column;align-items:stretch;gap:10px;border-bottom:1px solid var(--line);box-shadow:0 16px 20px #00000009}.nav.open{display:flex}.nav a{padding:13px 5px}.nav-cta{max-width:max-content}.hero{padding:66px 0 62px}.hero h1{font-size:clamp(3.05rem,12vw,5rem);letter-spacing:-.075em}.hero-tag{font-size:.84rem}.hero-aside{padding-top:18px}.scroll-note{margin-top:23px}.overview{padding:56px 0 72px}.section-top{align-items:flex-start;flex-direction:column;gap:18px}.projects-grid,.gallery,.two-col,.band-layout,.requirements,.research-index{grid-template-columns:1fr}.research-index .project-tile:first-child,.research-index .project-tile:nth-child(4){grid-column:auto}.research-index .project-tile:first-child .tile-media,.research-index .project-tile:nth-child(4) .tile-media{aspect-ratio:1.42}.projects-grid{gap:35px}.band{padding:68px 0}.band-copy{padding-top:2px}.foot{padding:45px 0 22px}.foot-head{flex-direction:column;gap:8px;margin-bottom:45px}.foot-bottom{flex-direction:column;align-items:flex-start;gap:15px}.inner-hero{padding:57px 0 44px}.large-title{font-size:clamp(3.05rem,12vw,5.3rem)}.split{grid-template-columns:1fr;gap:30px}.article{padding:55px 0 65px}.story{margin-top:65px}.gallery .wide{grid-column:auto}.gallery .wide img{aspect-ratio:1.42}.requirements .req:last-child{grid-column:auto}.quote-panel{margin:45px 0}.stack-item{grid-template-columns:42px 1fr;gap:10px}.next{padding:40px 0}.figure-caption{flex-direction:column}.tile-media{aspect-ratio:1.2}.inner-meta{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Targeted academic editorial refinements */
.foot-simple{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 0;flex-wrap:wrap}.foot-simple p{margin:0}.foot-simple nav{display:flex;gap:1.5rem;flex-wrap:wrap}.credentials{max-width:650px;font-size:.84rem;line-height:1.6;margin-top:1rem;letter-spacing:.015em}.editorial-quote{margin-top:2rem;font-family:var(--serif);font-size:1.12rem}.about-portrait{max-width:310px;margin:2.5rem 0 3rem auto}.about-portrait img{width:100%;height:auto;display:block}.about-portrait figcaption{font-size:.8rem;margin-top:.6rem}figure:has(img[src*="replay-framework"]),figure:has(img[src*="replay-territories"]),figure:has(img[src*="creativity-venn"]),figure:has(img[src*="replay-methodology"]),figure:has(img[src*="replay-creativity"]){max-width:670px;margin-left:auto;margin-right:auto}main:has(a[href="replay.html"]) .tile-media.contain img{object-fit:contain}figure:has(img[src*="replay-framework"]) {max-width:480px}figure:has(img[src*="replay-territories"]) {max-width:480px}figure:has(img[src*="replay-methodology"]) {max-width:560px}figure:has(img[src*="creativity-venn"]) {max-width:560px}figure:has(img[src*="replay-creativity"]) {max-width:560px} .figure-caption a{font-size:.8rem}@media(max-width:700px){.about-portrait{margin:2rem auto;max-width:275px}.credentials{font-size:.78rem}.foot-simple{display:block}.foot-simple nav{margin-top:1rem}}

.awards-editorial{margin-top:3rem}.awards-editorial h3{margin-bottom:1rem}.award-list{padding-left:1.2rem;line-height:1.8}.award-list li{padding:.25rem 0}figure:has(img[src*="replay-framework"]) img,figure:has(img[src*="replay-territories"]) img,figure:has(img[src*="replay-methodology"]) img,figure:has(img[src*="creativity-venn"]) img,figure:has(img[src*="replay-creativity"]) img{mix-blend-mode:multiply}figure{border:none!important;box-shadow:none!important}figure img{border:none!important}

/* October 19 targeted composition refinements. Existing design system retained. */
.academic-descriptor{color:var(--teal-dark);font:500 .73rem/1.55 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;margin:-.25rem 0 1.4rem}
.project-external{margin:1.25rem 0 0}.project-external .text-link{font-size:.92rem}
.about-hero .container{display:flow-root}.about-hero .about-portrait{float:right;width:clamp(205px,25vw,300px);max-width:30%;margin:0 0 1.5rem 3rem}.about-hero .large-title{max-width:850px}.about-hero .lead{max-width:800px}
.personal-note{font-family:var(--serif);font-style:italic;color:var(--teal-dark)!important;margin-top:2rem!important;font-size:1.17rem!important}.editorial-small{font-size:.86rem!important;line-height:1.65!important}.supporting-document{margin:3rem 0 0}.supporting-document .muted{display:block;font-size:.78rem;margin-top:.4rem}.teaching-second{margin-top:1.4rem;font-size:1.04rem;max-width:770px}.editorial-units{padding-left:1.5rem;line-height:1.9}.teaching-gallery img{object-fit:cover}.research-direction-note{max-width:850px;margin:3rem auto 0;font-size:.97rem!important;color:var(--muted)!important}
.lead-research-figure{margin:0 0 1.8rem auto!important;float:right;width:min(50%,620px);max-width:none!important;clear:both}.lead-research-figure.figure-replay{width:min(50%,624px)}.lead-research-figure.figure-companion{width:min(50%,624px)}
.lead-research-figure img{width:100%;height:auto;max-height:none;object-fit:contain;mix-blend-mode:multiply}.lead-research-figure figcaption{font-size:.67rem}
.article .container > section.split:has(>.lead-research-figure){display:block;min-height:360px;overflow:auto}.article .container > section.split:has(>.lead-research-figure)>div:not(figure){max-width:45%}.article .container > section.split:has(>.lead-research-figure)>div:not(figure) + div{max-width:45%}
.article .container > section.split:has(>.lead-research-figure) .lead-research-figure{margin-left:4%!important}
.gallery figure:has(img[src*="creativity-venn"]),.gallery figure:has(img[src*="replay-creativity"]),.gallery figure:has(img[src*="replay-methodology"]){max-width:580px}.gallery figure img{border:0;box-shadow:none}.figure-caption a{white-space:normal}
@media(max-width:950px){.nav{gap:12px}.nav a{font-size:.76rem}.brand-small{font-size:.56rem}.head-inner{gap:16px}}
@media(max-width:720px){.about-hero .about-portrait{float:none;max-width:265px;width:65%;margin:0 0 1.5rem auto}.about-hero .large-title{clear:both}.lead-research-figure,.lead-research-figure.figure-replay,.lead-research-figure.figure-companion{float:none;width:min(100%,560px);margin:0 auto 2rem!important}.article .container > section.split:has(>.lead-research-figure){display:block;min-height:0;overflow:visible}.article .container > section.split:has(>.lead-research-figure)>div:not(figure),.article .container > section.split:has(>.lead-research-figure)>div:not(figure)+div{max-width:100%}.hero-tag{font-size:.82rem}}
.about-hero + .article .personal-note{margin:2rem 0 0!important;}

/* Final specification: preserve V7's editorial system and exact diagram pixels. */
.gallery figure:has(img[src*="creativity-venn"]) img,
.gallery figure:has(img[src*="replay-creativity"]) img,
.gallery figure:has(img[src*="replay-methodology"]) img{background:transparent;aspect-ratio:auto;height:auto;mix-blend-mode:multiply}
.lead-research-figure{background:transparent}
.tile-media.contain{background:var(--paper)}
.tile-media.contain img{mix-blend-mode:multiply}
:focus-visible{outline:2px solid var(--teal-dark);outline-offset:5px}
.article a:not(.download){text-decoration-thickness:1px}
.paper-list cite{overflow-wrap:anywhere}
/* Five-part navigation fits tablets by using the existing menu. */
@media(min-width:721px) and (max-width:1050px){
 .menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:80px;padding:20px 28px;background:var(--paper);flex-direction:column;align-items:stretch;gap:10px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{font-size:.9rem;padding:13px 5px}
}
@media(max-width:720px){.lead-research-figure{margin-left:auto!important;margin-right:auto!important}.large-title{overflow-wrap:normal}.article h2{overflow-wrap:normal}}
@media(prefers-contrast:more){.eyebrow,.section-number,.tiny{color:var(--teal-dark)}}

/* 2026-10-20: explicit portrait bounds and diagram blending. */
.about-hero figure.about-portrait{max-width:300px}
.about-hero figure.about-portrait img{display:block;width:100%;max-width:300px;height:auto;object-fit:contain}
.research-diagram,.diagram-media{background:transparent!important;border:0;box-shadow:none}
img.research-diagram-image{background:transparent!important;mix-blend-mode:multiply}
.gallery figure.research-diagram img{height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:720px){.about-hero figure.about-portrait{width:65%;max-width:265px}.about-hero figure.about-portrait img{max-width:265px}}