.project-page{--project-ink:#463452;--project-paper:#f4f1e9;--project-accent:#d7de8b;color:#252226}
.project-page .shell{max-width:1200px}
.project-topline{display:flex;align-items:center;justify-content:space-between;gap:24px}
.project-kicker{font-size:11px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.7;margin:0 0 16px;color:#463452}
.project-language,.project-back{font-size:13px;color:#463452;text-decoration:none;border-bottom:1px solid #46345255;padding:5px 0;white-space:nowrap}
.project-intro{padding-top:38px!important;padding-bottom:42px!important}
.project-intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin-top:24px}
.project-page h1{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(46px,6.2vw,86px);line-height:1.04;margin:0;color:#463452}
.project-lead{font-size:19px;line-height:1.65;max-width:38ch;margin:0}
.project-note{font-size:11px;letter-spacing:.035em;margin:24px 0 3px;color:#605a61}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-bottom:68px!important}
.project-card{display:block;text-decoration:none;color:inherit;min-width:0}
.project-card-art{position:relative;padding:28px;background:#e7e4dd;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.project-card:nth-child(2) .project-card-art{background:#e9deca}
.project-card:nth-child(3) .project-card-art{background:#e0e4d7}
.project-card-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 9px #25222616);transition:transform .2s}
.project-card:hover .project-card-art img{transform:translateY(-4px)}
.project-number{position:absolute;top:10px;left:13px;font-size:10px;letter-spacing:.12em;color:#463452;z-index:1}
.project-card-copy{padding:22px 0 0}
.project-card-copy .project-kicker{margin-bottom:8px}
.project-card h2{font-size:28px;font-family:Georgia,"Yu Mincho",serif;font-weight:400;letter-spacing:-.025em;line-height:1.2;color:#463452;margin:0 0 12px}
.project-card-copy>p:not(.project-kicker){font-size:14px;line-height:1.7;margin:0;max-width:38ch}
.project-card-link{display:flex;justify-content:space-between;border-bottom:1px solid #46345240;padding:18px 0 12px;font-size:13px;font-weight:550;color:#463452}
.project-closing{border-top:1px solid #46345230;padding-top:42px!important;padding-bottom:56px!important;display:flex;align-items:center;justify-content:space-between;gap:30px}
.project-page h2{color:#463452}
.project-closing h2,.project-choices>h2,.project-recipe-card h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(30px,3.2vw,44px);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:0 0 16px}
.project-closing p:not(.project-kicker){font-size:15px;line-height:1.7;max-width:50ch}
.project-page>.project-topline{padding-top:24px!important;padding-bottom:16px!important}
.project-detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding-top:18px!important;padding-bottom:54px!important}
.project-detail-copy h1{font-size:clamp(44px,5.4vw,72px);max-width:10ch;margin-bottom:28px}
.project-detail-copy .project-lead{font-size:18px;line-height:1.7}
.project-access-pill{display:inline-block;font-size:11px;line-height:1.5;padding:7px 11px;background:#d7de8b88;color:#463452;border-radius:3px;margin:23px 0 10px}
.project-detail-copy .action-row{margin:8px 0 28px}
.project-palette{margin-top:34px;padding-top:24px;border-top:1px solid #46345230}
.project-palette .project-kicker{margin-bottom:10px}
.project-palette ul{list-style:none;display:flex;gap:18px;flex-wrap:wrap;margin:0;padding:0}
.project-palette li{font-size:11px;display:flex;align-items:center;gap:7px}
.project-palette li span{width:15px;height:15px;border:1px solid #0002;border-radius:50%}
.project-comparison{background:#e7e4dd;padding:18px 24px 12px!important;margin:0!important;min-width:0}
.project-comparison .study-controls{margin:0 0 16px;display:flex;justify-content:center;background:transparent;gap:4px}
.project-comparison .study-controls button{min-width:86px;min-height:44px;font-size:12px;border:1px solid #46345240;border-radius:2px;padding:7px 16px;background:transparent;color:#463452;cursor:pointer}
.project-comparison .study-controls button[aria-pressed=true]{background:#463452;color:#f4f1e9;border-color:#463452}
.project-comparison .study-stage{aspect-ratio:auto;height:560px;padding:0;display:grid;place-items:center;background:transparent}
.project-comparison .study-stage img{grid-area:1/1;width:100%;height:100%;object-fit:contain;max-height:560px;filter:drop-shadow(0 6px 9px #25222614)}
.project-comparison .study-stage img[hidden]{display:none}
.project-comparison .media-caption{font-size:11px;text-align:center;color:#524b56;margin:13px 0 0;line-height:1.5}
.project-choices{padding-top:42px!important;padding-bottom:52px!important;border-top:1px solid #46345230}
.project-choices>p:not(.project-kicker){font-size:16px;line-height:1.7;max-width:60ch}
.project-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:35px}
.project-choice-grid article{border-top:1px solid #46345240;padding-top:17px}
.project-choice-number{font-size:11px;color:#746b77}
.project-choice-grid h3{font-size:20px;font-weight:450;line-height:1.3;margin:12px 0}
.project-choice-grid p{font-size:14px;line-height:1.8;max-width:38ch}
.project-recipe-section{padding-bottom:44px!important}
.project-recipe-card{padding:42px;background:#e7e1e9;display:grid;grid-template-columns:1fr 1fr;gap:66px}
.project-recipe-card p{font-size:15px;line-height:1.75}
.project-download{margin-top:14px}
.project-file-meta{font-size:11px!important;margin-top:10px}
.project-access-note{font-size:12px!important;max-width:50ch;margin:22px 0 0;color:#514953}
.project-steps{list-style:none;counter-reset:step;padding:0;margin:0}
.project-steps li{counter-increment:step;position:relative;padding:0 0 24px 42px}
.project-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;border:1px solid #46345250;border-radius:50%;color:#463452;font-size:12px}
.project-steps li:last-child{padding-bottom:0}
.project-steps h3{font-size:17px;font-weight:500;line-height:1.5;margin:0 0 7px}
.project-steps p{font-size:13px;margin:0}
.project-install-links{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;font-size:12px}
.project-install-links>a:not(.action){color:#463452}
.project-use{padding-top:8px!important;padding-bottom:40px!important}
.project-use>p:last-child{font-family:Georgia,"Yu Mincho",serif;font-size:24px;line-height:1.6;max-width:48ch;color:#463452}
.project-related{padding-top:24px!important;padding-bottom:44px!important;border-top:1px solid #46345230}
.project-related h2{font-size:22px;font-weight:450}
.project-related>div{display:flex;gap:32px;flex-wrap:wrap;font-size:14px;color:#463452}
.project-teaser{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:36px!important;padding-bottom:36px!important;border-top:1px solid #46345230}
.project-teaser h2{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:0 0 12px;color:#463452}
.project-page a:focus-visible,.project-page button:focus-visible{outline:3px solid #463452;outline-offset:5px}
html[lang=ja] .project-page h1{font-size:clamp(38px,4.4vw,62px);line-height:1.35;letter-spacing:-.035em}
html[lang=ja] .project-detail-copy h1{max-width:none}
@media(max-width:1000px){.project-intro-grid{gap:35px}.project-grid{gap:18px}.project-card-art{padding:22px}.project-detail-hero{gap:34px}.project-recipe-card{gap:35px;padding:30px}.project-detail-copy h1{font-size:54px}}
@media(max-width:760px){.project-page .shell{width:calc(100% - 40px);padding-left:0!important;padding-right:0!important}.project-intro{padding-top:26px!important;padding-bottom:30px!important}.project-intro-grid{grid-template-columns:1fr;gap:25px;margin-top:20px}.project-page h1{font-size:52px}.project-lead{font-size:17px}.project-note{margin-top:18px;font-size:10px}.project-grid{grid-template-columns:1fr;gap:36px}.project-card-art{max-height:520px;padding:30px}.project-card h2{font-size:30px}.project-card-copy>p:not(.project-kicker){max-width:none}.project-closing{display:block}.project-closing .action{margin-top:10px}.project-detail-hero{grid-template-columns:1fr;gap:28px;padding-top:16px!important}.project-detail-copy h1{font-size:50px;max-width:12ch;margin-bottom:18px}.project-detail-copy .project-lead{font-size:17px}.project-palette{margin-top:24px;padding-top:16px}.project-detail-copy .action-row{margin-bottom:12px}.project-comparison .study-stage{height:auto;aspect-ratio:4/5}.project-comparison .study-stage img{max-height:480px}.project-choice-grid{grid-template-columns:1fr;gap:18px}.project-choice-grid p{max-width:none}.project-choice-grid article{display:grid;grid-template-columns:30px 1fr;column-gap:10px}.project-choice-number{padding-top:4px}.project-choice-grid h3{margin:0 0 9px}.project-choice-grid p{grid-column:2;margin:0}.project-recipe-card{grid-template-columns:1fr;padding:25px 22px;gap:32px}.project-recipe-card h2{font-size:36px}.project-install-links{align-items:flex-start;flex-direction:column}.project-use>p:last-child{font-size:23px}.project-related>div{gap:20px;flex-direction:column}.project-teaser{display:block}.project-teaser .action{margin-top:15px}.project-topline{gap:12px}.project-kicker{font-size:10px!important}.project-language{font-size:12px}}
@media(prefers-reduced-motion:reduce){.project-card-art img{transition:none}.project-card:hover .project-card-art img{transform:none}}

/* Project revision: DOM order is heading, artwork, explanation on every screen. */
.project-detail-hero{grid-template-areas:"heading art" "copy art";grid-template-rows:auto 1fr;align-items:start;column-gap:70px;row-gap:22px}
.project-detail-heading{grid-area:heading;padding-top:44px}
.project-detail-heading h1{font-size:clamp(44px,5.4vw,72px);max-width:11ch}
.project-detail-hero>.project-comparison{grid-area:art}
.project-detail-copy{grid-area:copy}
.project-finished-note{padding-bottom:54px!important}
.project-note-table{background:#e0e4d7;padding:52px;display:flex;justify-content:center}
.project-note-paper{width:min(100%,390px);background:#fffdf6;padding:30px 38px;box-shadow:3px 12px 20px #25222622;transform:rotate(-3deg)}
.project-note-paper img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.project-note-paper>p{text-align:center;font-family:"Bradley Hand","Hiragino Mincho ProN",cursive;font-size:28px;color:#463452;margin:24px 0 8px}
.project-finished-note figcaption{font-size:13px;line-height:1.6;max-width:65ch;margin:18px auto 0;text-align:center}
@media(max-width:760px){.project-detail-hero{grid-template-areas:"heading" "art" "copy";grid-template-columns:1fr;row-gap:22px}.project-detail-heading{padding-top:0}.project-detail-heading h1{font-size:44px}.project-detail-heading .project-kicker{margin-bottom:10px}.project-detail-hero .project-comparison{padding:12px 12px 10px!important}.project-detail-hero .study-controls{margin-bottom:10px}.project-detail-hero .study-stage{height:auto;aspect-ratio:4/5}.project-detail-hero .media-caption{margin-top:8px}.project-note-table{padding:34px 28px}.project-note-paper{padding:22px 24px}.project-note-paper>p{font-size:25px}html[lang=ja] .project-detail-heading h1{font-size:32px;line-height:1.35;max-width:none}}

html[lang=ja] .project-note-paper>p{font-size:20px;letter-spacing:0;white-space:nowrap}