/* 08 — typography is the moving graphic. Editorial copy always stays visible. */
.study08{--s8-ink:#242424;--s8-hair:#b8b8b8}.study08 .wrap{width:min(1120px,86%)}.study08 .site-head{min-height:104px}.study08 .eyebrow{color:#666}.study08 .ex-section{padding:150px 0}.study08 h2{font-weight:400}.study08 .ex-heading{gap:0 100px}.study08 .ex-heading p{align-self:center}.study08 .link{border-bottom-color:#aaa}.s8-hero{padding:35px 0 70px}.s8-hero-meta{display:flex;justify-content:space-between;gap:20px;font:10px/1.6 Arial,sans-serif;letter-spacing:.16em;color:#666;margin-bottom:42px}.s8-hero-art{--s8-fill:1;--s8-reveal:1;--s8-shift:0;--s8-line:1;position:relative;container-type:inline-size;aspect-ratio:2.12;min-height:260px;margin-bottom:70px;isolation:isolate}.s8-name{position:absolute;left:0;display:flex;gap:.005em;font:400 27cqw/.8 Arial,Helvetica,sans-serif;letter-spacing:-.075em;white-space:nowrap}.s8-name-first{top:0}.s8-name-last{bottom:4%}.s8-name>span{position:relative;display:block;color:var(--s8-ink);transform:translateY(calc(var(--s8-shift) * (6px + var(--i) * 4px)));-webkit-text-stroke:1px var(--s8-ink);-webkit-text-fill-color:transparent}.s8-name>span::after{position:absolute;inset:0;color:var(--s8-ink);-webkit-text-fill-color:var(--s8-ink);clip-path:inset(calc((1 - var(--s8-fill)) * 100%) 0 0)}.s8-name-first>span:nth-child(1)::after{content:'K'}.s8-name-first>span:nth-child(2)::after{content:'O'}.s8-name-first>span:nth-child(3)::after{content:'Y'}.s8-name-first>span:nth-child(4)::after{content:'A'}.s8-name-last>span:nth-child(1)::after{content:'I'}.s8-name-last>span:nth-child(2)::after{content:'T'}.s8-name-last>span:nth-child(3)::after{content:'O'}.s8-name-last>span:nth-child(4)::after{content:'.'}.s8-name .s8-period{margin-left:.015em}.s8-hero-person{position:absolute;bottom:0;right:4%;width:43%;clip-path:inset(calc((1 - var(--s8-reveal)) * 100%) 0 0);z-index:2;transform:translateY(calc(var(--s8-shift) * 15px))}.s8-hero-person img{width:100%}.s8-baseline{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--s8-hair);transform:scaleX(var(--s8-line));transform-origin:left;z-index:3}.s8-tick{position:absolute;bottom:-6px;width:1px;height:13px;background:#888}.s8-tick-one{left:0}.s8-tick-two{right:0}.s8-art-caption{position:absolute;bottom:11px;right:0;font-size:10px;letter-spacing:.14em;writing-mode:vertical-rl}.s8-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:100px}.s8-hero-copy .eyebrow{margin-bottom:12px}.s8-hero-copy h1{font-size:40px;line-height:1.5}.s8-role{font-size:14px;margin-top:15px}.s8-hero-copy .ex-affiliation{margin-top:15px}.s8-hero-bio{padding-top:16px}.s8-actions{display:flex;gap:38px;flex-wrap:wrap;margin-top:22px}.s8-scroll{display:flex;justify-content:space-between;align-items:center;max-width:120px;margin:60px 0 0 auto;min-height:44px;font-size:10px;color:#666}.s8-scroll>span:last-child{font-size:19px}
/* A stationary word stage, with five independent, readable work entries. */
.s8-work-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative}.s8-work-stage{--s8-work-fill:1;--s8-work-reveal:1;--s8-work-shift:0;--s8-meter:1;position:sticky;top:max(34px,calc((100svh - 500px)/2));align-self:start;height:500px;container-type:inline-size}.s8-stage-caption{font:9px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#666;display:block;padding-bottom:20px;border-bottom:1px solid #ccc}.s8-work-panes{position:relative;height:418px}.s8-work-pane{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility .35s}.s8-work-pane.is-current{visibility:visible;opacity:1}.s8-work-word{position:absolute;left:0;top:19px;right:0;text-align:center;font:400 26cqw/.95 Arial,sans-serif;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px #555;transform:translateY(calc(var(--s8-work-shift) * 14px));white-space:nowrap}.s8-work-pane[data-s8-pane="0"] .s8-work-word{font-size:43cqw}.s8-work-word::after{content:attr(data-word);position:absolute;inset:0;color:#242424;-webkit-text-stroke:0;clip-path:inset(0 calc((1 - var(--s8-work-fill))*100%) 0 0)}.s8-work-mask{position:absolute;left:14%;right:7%;top:18%;bottom:7%;clip-path:inset(calc((1 - var(--s8-work-reveal))*85%) 0 0);transform:translateY(calc(var(--s8-work-shift)*12px))}.s8-work-mask img{width:100%;height:100%;object-fit:contain}.s8-pane-label{position:absolute;left:0;bottom:0;font-size:10px;letter-spacing:.05em;color:#666}.s8-work-meter{display:flex;gap:14px;align-items:center;color:#666;font:10px/1.5 Arial,sans-serif;margin-top:22px}.s8-work-meter i{position:relative;height:1px;background:#ddd;flex:1}.s8-work-meter i::after{content:'';position:absolute;inset:0;background:#555;transform:scaleX(var(--s8-meter));transform-origin:left}.s8-work-entry{position:relative;display:grid;grid-template-columns:25px 1fr;gap:24px;min-height:300px;padding:55px 0;border-top:1px solid #ddd}.s8-work-entry:last-child{border-bottom:1px solid #ddd}.s8-number{font:11px/2.7 Arial,sans-serif;color:#777}.s8-work-entry h3{font-size:24px;font-weight:400;margin-bottom:15px}.s8-work-entry p{font-size:14px;line-height:2.15;max-width:370px;margin-bottom:15px}.s8-work-inline{display:none}.s8-work-entry .link{font-size:11px}
/* Personal history settles on a shared baseline. */
.s8-about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.s8-about-art{--s8-fill:1;--s8-reveal:1;--s8-shift:0;--s8-line:1;position:relative;container-type:inline-size;aspect-ratio:1;isolation:isolate}.s8-human{position:absolute;top:0;left:0;font:400 27cqw/1.3 'Hiragino Mincho ProN','Yu Mincho',serif;letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px #777}.s8-human::after{content:'人と';position:absolute;inset:0;color:#242424;-webkit-text-stroke:0;clip-path:inset(0 calc((1 - var(--s8-fill))*100%) 0 0)}.s8-ai{position:absolute;left:0;bottom:2%;display:flex;font:400 49cqw/.85 Arial,sans-serif;letter-spacing:-.08em}.s8-ai>span:first-child{transform:translateX(calc(var(--s8-shift)*-22px))}.s8-ai>span:last-child{transform:translateY(calc(var(--s8-shift)*28px))}.s8-about-art img{position:absolute;right:-2%;bottom:0;width:62%;clip-path:inset(calc((1 - var(--s8-reveal))*100%) 0 0);z-index:2}.s8-about-copy h2{font-size:35px;line-height:1.8}.s8-career{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#666;margin:30px 0}.s8-career i{font-style:normal;color:#999}.s8-about-copy .link{margin-top:20px}
/* Product titles assemble within precise book and device outlines. */
.s8-product{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center;padding:70px 0 90px}.s8-product+.s8-product{border-top:1px solid #ddd}.s8-product-copy h3{font-size:30px;font-weight:400;margin-bottom:24px}.s8-product-copy p{margin-bottom:24px}.s8-product-art{--s8-fill:1;--s8-reveal:1;--s8-shift:0;--s8-line:1;--s8-letter-one:0px;--s8-letter-two:0px;--s8-letter-three:0px;position:relative;container-type:inline-size;aspect-ratio:1.12;width:100%;max-width:570px;margin:0 auto;isolation:isolate}.s8-art-index{position:absolute;top:0;left:0;font:9px/1.4 Arial,sans-serif;letter-spacing:.15em;color:#666}.s8-book-frame{position:absolute;left:28%;top:11%;width:53%;height:77%;border:1px solid #777;background:white;transform:translateY(calc(var(--s8-shift)*12px))}.s8-book-frame::before{content:'';position:absolute;inset:4px -5px -5px 4px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;z-index:-1}.s8-book-spine{position:absolute;top:0;bottom:0;left:6%;width:1px;background:#aaa}.s8-book-kicker{position:absolute;left:16%;top:9%;font:7px/1.4 Arial,sans-serif;letter-spacing:.15em;color:#666}.s8-book-title{position:absolute;left:16%;top:26%;font:400 9cqw/1.65 'Hiragino Mincho ProN','Yu Mincho',serif;letter-spacing:.08em;white-space:nowrap}.s8-book-title span{display:block}.s8-book-title span:first-child{transform:translate(var(--s8-letter-one),calc(var(--s8-shift)*-18px))}.s8-book-title span:last-child{transform:translate(var(--s8-letter-two),calc(var(--s8-shift)*20px))}.s8-book-rule{position:absolute;left:16%;top:72%;width:22%;height:1px;background:#777;transform:scaleX(var(--s8-line));transform-origin:left}.s8-book-foot{position:absolute;left:16%;bottom:7%;font-size:clamp(8px,1.9cqw,11px);line-height:1.9;letter-spacing:.06em;color:#555}.s8-product-person{position:absolute;left:-5%;bottom:0;width:47%;z-index:2;clip-path:inset(calc((1 - var(--s8-reveal))*100%) 0 0)}.s8-product-baseline{position:absolute;left:0;right:0;bottom:0;height:1px;background:#ccc;transform:scaleX(var(--s8-line));transform-origin:left}.s8-fde-art{aspect-ratio:1.12}.s8-campus-type{position:absolute;left:4%;top:10%;font:400 10.7cqw/.9 Arial,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #777;writing-mode:vertical-rl;transform:translateY(calc(var(--s8-shift)*-15px))}.s8-device-frame{position:absolute;left:39%;top:9%;width:45%;height:82%;border:1px solid #777;border-radius:22px;background:white;transform:translateY(calc(var(--s8-shift)*14px))}.s8-device-speaker{position:absolute;width:14%;height:2px;top:5%;left:43%;background:#aaa}.s8-fde-letters{position:absolute;top:13%;left:12%;right:12%;display:flex;justify-content:space-between;font:400 10.5cqw/1 Arial,sans-serif;letter-spacing:-.06em}.s8-fde-letters span:nth-child(1){transform:translate(var(--s8-letter-one),calc(var(--s8-shift)*-16px))}.s8-fde-letters span:nth-child(2){transform:translateY(var(--s8-letter-two))}.s8-fde-letters span:nth-child(3){transform:translate(var(--s8-letter-three),calc(var(--s8-shift)*19px))}.s8-device-caption{position:absolute;top:34%;left:13%;right:8%;font-size:clamp(8px,1.9cqw,11px);letter-spacing:.03em;color:#555}.s8-learning-path{position:absolute;left:12%;right:12%;top:44%;height:41%}.s8-learning-path svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.s8-learning-path path{fill:none;stroke:#ddd;stroke-width:1}.s8-learning-path .s8-route-ink{stroke:#666;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--s8-line))}.s8-learning-path>span{position:absolute;left:9%;font-size:clamp(9px,2.1cqw,12px);line-height:1.6;background:white;padding:1px 4px;transform:translateX(calc(var(--s8-shift)*-6px))}.s8-learning-path>span:nth-of-type(1){top:0}.s8-learning-path>span:nth-of-type(2){top:40%;left:28%}.s8-learning-path>span:nth-of-type(3){top:80%}.s8-device-home{position:absolute;bottom:4%;left:38%;width:24%;height:2px;background:#999}.s8-fde-person{position:absolute;left:5%;bottom:0;width:46%;z-index:2;clip-path:inset(calc((1 - var(--s8-reveal))*100%) 0 0)}
/* Three typographic posters — each remains a normal full-card link. */
.s8-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.s8-article{display:block;min-width:0}.s8-poster{--s8-fill:1;--s8-shift:0;--s8-line:1;container-type:inline-size;position:relative;aspect-ratio:.9;border-top:1px solid #aaa;border-bottom:1px solid #aaa;margin-bottom:25px;overflow:hidden}.s8-poster-no{position:absolute;top:6%;left:0;font:10px/1.5 Arial,sans-serif;color:#666}.s8-poster-large{position:absolute;left:0;right:0;top:33%;font:400 39cqw/1.2 'Hiragino Mincho ProN','Yu Mincho',serif;letter-spacing:-.05em;white-space:nowrap;transform:translateY(calc(var(--s8-shift)*30px))}.s8-poster-small{position:absolute;left:0;top:24%;font-size:6cqw;letter-spacing:.12em;transform:translateX(calc(var(--s8-shift)*-22px))}.s8-poster-aside{position:absolute;right:3%;bottom:14%;font:400 14cqw/1 Arial,sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #777;transform:translateX(calc(var(--s8-shift)*25px))}.s8-poster i{position:absolute;left:0;right:0;bottom:11%;height:1px;background:#bbb;transform:scaleX(var(--s8-line));transform-origin:left}.s8-poster-two .s8-poster-large{font:400 77cqw/.95 Arial,sans-serif;letter-spacing:-.075em;top:23%;color:transparent;-webkit-text-stroke:1px #555}.s8-poster-two .s8-poster-large::after{content:'AI';position:absolute;inset:0;color:#242424;-webkit-text-stroke:0;clip-path:inset(0 calc((1 - var(--s8-fill))*100%) 0 0)}.s8-poster-two .s8-poster-small{top:auto;bottom:18%;font-size:6cqw}.s8-poster-three .s8-poster-large{top:21%;font-size:34cqw;display:flex;flex-direction:column;line-height:1}.s8-poster-three .s8-poster-large>span:first-child{transform:translateX(calc(var(--s8-shift)*25px))}.s8-poster-three .s8-poster-large>span:last-child{align-self:flex-end;transform:translateX(calc(var(--s8-shift)*-25px))}.s8-poster-three .s8-poster-small{top:auto;bottom:17%;font-size:5.8cqw}.s8-article-meta{display:flex;justify-content:space-between;font:9px/1.6 Arial,sans-serif;letter-spacing:.1em;color:#666;margin-bottom:16px}.s8-article-meta>span{font-size:17px;transition:transform .3s}.s8-article h3{font-size:18px;line-height:1.8;font-weight:400;margin-bottom:12px}.s8-article p{font-size:12px;line-height:2.1;color:#555}.s8-article:hover .s8-article-meta>span,.s8-article:focus-visible .s8-article-meta>span{transform:translate(3px,-3px)}.s8-article:hover .s8-poster,.s8-article:focus-visible .s8-poster{border-color:#333}.s8-journal-more{display:flex;width:180px;margin:42px 0 0 auto}
/* The final line and name come to rest. */
.s8-contact{padding-bottom:120px!important}.s8-contact-art{--s8-fill:1;--s8-reveal:1;--s8-shift:0;--s8-line:1;position:relative;container-type:inline-size;aspect-ratio:2.5;min-height:240px;margin-bottom:75px;isolation:isolate}.s8-contact-greeting{position:absolute;top:0;left:0;font:400 21cqw/.9 Arial,sans-serif;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px #777;transform:translateX(calc(var(--s8-shift)*-22px))}.s8-contact-greeting::after{content:'HELLO.';position:absolute;inset:0;color:#242424;-webkit-text-stroke:0;clip-path:inset(0 calc((1 - var(--s8-fill))*100%) 0 0)}.s8-contact-art>img{position:absolute;width:39%;bottom:2%;right:0;z-index:2;clip-path:inset(calc((1 - var(--s8-reveal))*100%) 0 0)}.s8-contact-name{position:absolute;left:0;bottom:14%;display:flex;align-items:center;font:400 4cqw/1 Arial,sans-serif;letter-spacing:-.02em}.s8-contact-name>i{display:block;width:.55em}.s8-contact-name>span:nth-child(odd){transform:translateY(calc(var(--s8-shift)*-20px))}.s8-contact-name>span:nth-child(even){transform:translateY(calc(var(--s8-shift)*17px))}.s8-contact-art>svg{position:absolute;left:0;bottom:0;width:100%;height:18%;overflow:visible;z-index:3}.s8-contact-art>svg path{fill:none;stroke:#999;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--s8-line));vector-effect:non-scaling-stroke}.s8-contact-copy{display:grid;grid-template-columns:1fr 1fr;gap:100px}.s8-contact-copy p{margin-bottom:24px}.s8-contact-copy .ex-affiliation{font-size:12px}.s8-contact-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #777;padding:18px 0;margin-top:20px;font-size:26px;line-height:1.6;min-height:70px}.s8-contact-link>span:last-child{font-size:36px;transition:transform .4s}.s8-contact-link:hover>span:last-child,.s8-contact-link:focus-visible>span:last-child{transform:translate(5px,-5px)}
/* A completed composition is the default, including no-script and motion-off. */
.study08.motion-off [data-s8-scene]{--s8-fill:1!important;--s8-reveal:1!important;--s8-shift:0!important;--s8-line:1!important;--s8-letter-one:0px!important;--s8-letter-two:0px!important;--s8-letter-three:0px!important}.study08.motion-off .s8-work-stage{--s8-work-fill:1!important;--s8-work-reveal:1!important;--s8-work-shift:0!important}
@media(min-width:761px) and (max-height:700px){.s8-work-stage{position:relative;top:0;height:440px}.s8-work-panes{height:358px}.s8-hero-art{aspect-ratio:2.6;min-height:260px}.s8-name{font-size:22cqw}.s8-hero-person{width:34%}.s8-hero-copy{gap:70px}}
@media(max-width:1000px){.study08 .ex-heading,.s8-hero-copy,.s8-work-layout,.s8-about,.s8-product,.s8-contact-copy{gap:55px}.s8-about-copy h2{font-size:29px}.s8-work-entry{gap:16px}.s8-work-stage{height:440px}.s8-work-panes{height:358px}.s8-work-entry h3{font-size:22px}.s8-journal-grid{gap:24px}.s8-article h3{font-size:16px}.s8-product-copy h3{font-size:27px}}
@media(max-width:760px){.study08 .site-head{min-height:100px}.study08 .ex-section{padding:85px 0}.s8-hero{padding:20px 0 25px}.s8-hero-meta{font-size:8px;letter-spacing:.08em;margin-bottom:25px}.s8-hero-meta>span:last-child{max-width:180px;text-align:right}.s8-hero-art{min-height:260px;aspect-ratio:1.65;margin-bottom:48px}.s8-name{font-size:29cqw}.s8-name-last{bottom:5%}.s8-hero-person{width:55%;right:-1%;bottom:0}.s8-art-caption{font-size:8px;right:-8px}.s8-hero-copy{display:block}.s8-hero-copy h1{font-size:34px}.s8-role{font-size:13px;margin-top:12px}.s8-hero-copy .ex-affiliation{font-size:11px;margin-top:12px}.s8-hero-bio{padding-top:30px}.s8-actions{gap:26px;margin-top:15px}.s8-scroll{margin-top:35px}.s8-work-layout{display:block}.s8-work-stage{display:none}.s8-work-entry{grid-template-columns:22px 1fr;min-height:0;padding:35px 0 40px;gap:13px}.s8-work-entry>div{padding-right:75px}.s8-work-entry h3{font-size:22px}.s8-work-entry p{font-size:13px;line-height:2.1;margin-bottom:12px}.s8-work-entry .link{font-size:10px;gap:13px}.s8-work-inline{display:block;position:absolute;width:104px;right:-12px;top:50px}.s8-about{display:flex;flex-direction:column;gap:45px}.s8-about-art{width:min(420px,100%);align-self:center;aspect-ratio:1.25}.s8-human{font-size:24cqw;top:-2%}.s8-ai{font-size:41cqw}.s8-about-art img{width:55%;right:0}.s8-about-copy{width:100%}.s8-about-copy h2{font-size:29px}.s8-career{font-size:9px;gap:9px;margin:24px 0}.s8-product{display:flex;flex-direction:column;gap:35px;padding:30px 0 65px}.s8-product+.s8-product{padding-top:55px}.s8-product-art{width:min(440px,100%);aspect-ratio:1.12}.s8-product-copy{width:100%}.s8-product-copy h3{font-size:27px;margin-bottom:18px}.s8-product-copy .ex-status{margin-bottom:18px}.s8-product-copy p{margin-bottom:16px}.s8-book-kicker{font-size:6px;letter-spacing:.08em}.s8-device-frame{border-radius:17px}.s8-journal-grid{grid-template-columns:1fr;gap:48px}.s8-article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:25px;align-content:start}.s8-poster{grid-column:1;grid-row:1/4;aspect-ratio:.8;margin:0}.s8-article-meta{grid-column:2;padding-top:5px;margin-bottom:12px}.s8-article h3{grid-column:2;font-size:17px;margin-bottom:10px}.s8-article p{grid-column:2;font-size:12px;line-height:1.9}.s8-poster-no{font-size:8px}.s8-poster-small{font-size:7cqw}.s8-poster-two .s8-poster-small,.s8-poster-three .s8-poster-small{font-size:7cqw}.s8-journal-more{margin-top:35px}.s8-contact{padding-bottom:80px!important}.s8-contact-art{aspect-ratio:1.6;min-height:230px;margin-bottom:45px}.s8-contact-greeting{font-size:23cqw;top:5%}.s8-contact-art>img{width:56%;right:-3%;bottom:0}.s8-contact-name{bottom:15%;font-size:6.5cqw}.s8-contact-copy{display:block}.s8-contact-copy h2{margin-bottom:28px}.s8-contact-copy .ex-affiliation{font-size:11px}.s8-contact-link{font-size:23px;margin-top:18px}.s8-contact-link>span:last-child{font-size:30px}}
@media(max-width:380px){.s8-hero-meta>span:last-child{max-width:135px;font-size:7px}.s8-hero-art{min-height:225px}.s8-hero-copy h1{font-size:31px}.s8-work-entry>div{padding-right:53px}.s8-work-inline{width:82px;right:-12px;top:48px}.s8-work-entry h3{font-size:19px}.s8-work-entry .link{font-size:9px;gap:8px}.s8-work-entry p{font-size:12px}.s8-journal-grid{gap:44px}.s8-article{column-gap:18px}.s8-article h3{font-size:15px;line-height:1.8}.s8-article p{font-size:11px}.s8-poster{aspect-ratio:.7}.s8-contact-art{min-height:205px}.s8-device-caption{font-size:7px}.s8-learning-path>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.study08 [data-s8-scene]{--s8-fill:1!important;--s8-reveal:1!important;--s8-shift:0!important;--s8-line:1!important;--s8-letter-one:0px!important;--s8-letter-two:0px!important;--s8-letter-three:0px!important}.study08 .s8-work-stage{--s8-work-fill:1!important;--s8-work-reveal:1!important;--s8-work-shift:0!important}}

/* Static reading mode keeps each illustration with its own work description. */
.study08:where(:not(.js),.motion-off) .s8-work-layout{display:block}
.study08:where(:not(.js),.motion-off) .s8-work-stage{display:none}
.study08:where(:not(.js),.motion-off) .s8-work-entry{grid-template-columns:25px minmax(0,1fr) 220px;gap:30px;align-items:center;min-height:280px;padding:35px 0}
.study08:where(:not(.js),.motion-off) .s8-work-entry>div{grid-column:2;grid-row:1;padding-right:0}
.study08:where(:not(.js),.motion-off) .s8-number{grid-column:1;grid-row:1;align-self:start}
.study08:where(:not(.js),.motion-off) .s8-work-inline{display:block;position:static;grid-column:3;grid-row:1;width:220px;height:220px;object-fit:contain;justify-self:center}
@media(prefers-reduced-motion:reduce){
 .study08 .s8-work-layout{display:block}
 .study08 .s8-work-stage{display:none}
 .study08 .s8-work-entry{grid-template-columns:25px minmax(0,1fr) 220px;gap:30px;align-items:center;min-height:280px;padding:35px 0}
 .study08 .s8-work-entry>div{grid-column:2;grid-row:1;padding-right:0}
 .study08 .s8-number{grid-column:1;grid-row:1;align-self:start}
 .study08 .s8-work-inline{display:block;position:static;grid-column:3;grid-row:1;width:220px;height:220px;object-fit:contain;justify-self:center}
}
@media(min-width:761px) and (max-height:700px){
 .study08 .s8-work-layout{display:block}
 .study08 .s8-work-stage{display:none}
 .study08 .s8-work-entry{grid-template-columns:25px minmax(0,1fr) 220px;gap:30px;align-items:center;min-height:280px;padding:35px 0}
 .study08 .s8-work-entry>div{grid-column:2;grid-row:1;padding-right:0}
 .study08 .s8-number{grid-column:1;grid-row:1;align-self:start}
 .study08 .s8-work-inline{display:block;position:static;grid-column:3;grid-row:1;width:220px;height:220px;object-fit:contain;justify-self:center}
}
/* On phones, the artwork gets its own row instead of overlapping narrow text. */
@media(max-width:760px){
 .study08 .s8-work-entry{grid-template-columns:22px minmax(0,1fr);gap:13px;align-items:start;min-height:0;padding:35px 0 45px}
 .study08 .s8-work-entry>div{grid-column:2;grid-row:2;padding-right:0}
 .study08 .s8-number{grid-column:1;grid-row:2;align-self:start}
 .study08 .s8-work-inline{display:block;position:static;grid-column:1/-1;grid-row:1;width:min(240px,100%);height:230px;object-fit:contain;justify-self:center;margin:0 0 18px}
 .study08 .s8-work-entry h3{font-size:22px}
 .study08 .s8-work-entry p{font-size:13px}
 .study08 .s8-work-entry .link{font-size:11px;gap:13px}
}