@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,400&display=swap');:root{--paper:#f5f3ed;--black:#1d211f;--orange:#d44b2b;--line:#bcbdb7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:'Newsreader',Georgia,serif}a{color:inherit;text-decoration:none}.mast{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;font:9px 'IBM Plex Mono',monospace;letter-spacing:.08em}.mark{font:500 21px 'IBM Plex Mono',monospace;letter-spacing:-.12em}.mark span{color:var(--orange)}.mast-note{line-height:1.5;color:#686d68}.mast-contact{border:1px solid var(--black);padding:10px 13px}.mast-contact b{color:var(--orange);margin-left:16px}.front{min-height:700px;padding:60px 9vw 30px;display:grid;grid-template-columns:.6fr 2.3fr .9fr;grid-template-rows:1fr auto;position:relative}.front-index,.front-title>p,.front-aside>span,.front-aside small,.front-bottom,.essay-label,.essay-side>span,.essay-side small,.method-head>span,.steps article>span,.end>span,footer{font:9px 'IBM Plex Mono',monospace;letter-spacing:.06em}.front-index{padding-top:16px;line-height:1.7}.front-title>p{margin:8px 0 35px;color:#737772}.front h1{font:400 clamp(90px,15vw,205px)/.72 'Newsreader',Georgia,serif;letter-spacing:-.09em;margin:0 0 40px}.front h1 i{font-weight:400;color:var(--orange)}.front-intro{display:flex;gap:22px;align-items:flex-start;max-width:430px;margin-left:12%}.asterisk{font-size:32px;color:var(--orange);line-height:1}.front-intro p{font-size:19px;line-height:1.3;margin:0;max-width:320px}.front-aside{padding:18px 0 0 20px;display:flex;flex-direction:column;align-items:flex-start;gap:28px}.front-aside>span{line-height:1.6}.front-aside small{line-height:1.7;color:#70756e}.diagram{height:185px;width:100%;position:relative;display:grid;place-items:center}.diagram i{position:absolute;width:145px;height:145px;border:1px solid var(--orange);border-radius:50%}.diagram i:nth-child(2){width:105px;height:105px;border-color:var(--black);transform:translate(32px,15px)}.diagram i:nth-child(3){width:65px;height:65px;background:var(--orange);opacity:.8;transform:translate(-28px,-9px)}.diagram b{z-index:1;font:80px Georgia;color:var(--paper);mix-blend-mode:difference}.front-bottom{grid-column:1/4;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;color:#656a64}.front-bottom a{color:var(--orange)}.essay{border-top:1px solid var(--line);padding:100px 9vw;display:grid;grid-template-columns:.7fr 2fr .8fr;gap:32px}.essay-label{padding-top:8px}.essay-copy h2{font:400 clamp(48px,7vw,93px)/.91 'Newsreader',Georgia,serif;letter-spacing:-.06em;margin:0 0 30px}.essay-copy h2 em{color:var(--orange)}.lead{font:24px/1.35 'Newsreader',Georgia,serif;max-width:640px}.essay-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px;border-top:1px solid var(--line);padding-top:23px}.essay-columns p{font-size:15px;line-height:1.6;margin:0}.text-link{display:inline-block;font:9px 'IBM Plex Mono',monospace;margin-top:38px;border-bottom:1px solid;padding-bottom:6px}.text-link span{color:var(--orange);margin-left:12px}.essay-side{padding-top:8px}.essay-side>span,.essay-side small{font-size:8px;color:#70756e;line-height:1.6}.circle-note{margin:65px auto 25px;width:145px;height:145px;border-radius:50%;background:var(--orange);color:var(--paper);display:grid;place-content:center;text-align:center;font:500 19px/1.03 'IBM Plex Mono',monospace;letter-spacing:-.07em;transform:rotate(-12deg)}.circle-note i{font-family:'Newsreader',serif;font-size:25px}.method{background:#e6e5dc;padding:90px 12vw}.method-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:65px}.method-head h2{font:400 clamp(55px,8vw,103px)/.85 'Newsreader',Georgia,serif;letter-spacing:-.07em;margin:0}.method-head h2 i{color:var(--orange)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aaa9a0}.steps article{padding:20px 24px 0 0}.steps article+article{border-left:1px solid #aaa9a0;padding-left:24px}.steps article>span{color:var(--orange)}.steps h3{font:500 23px 'Newsreader',Georgia,serif;margin:35px 0 14px}.steps p{font:14px/1.55 'Newsreader',Georgia,serif;max-width:240px}.end{background:var(--black);color:var(--paper);padding:75px 12vw 55px;position:relative}.end>span{color:#a6aaa1}.end h2{font:400 clamp(46px,6vw,78px)/.92 'Newsreader',Georgia,serif;margin:50px 0 25px}.end>a{display:inline-block;color:#f17a55;font:400 clamp(35px,6vw,70px)/.9 'Newsreader',Georgia,serif}.end>a b{font:25px 'IBM Plex Mono',monospace}.end small{display:block;font:9px 'IBM Plex Mono',monospace;margin-top:38px;color:#a6aaa1}footer{padding:20px 6vw;display:flex;justify-content:space-between;color:#696d66;font-size:8px}
@media(max-width:760px){.mast{padding:0 5vw}.mast-note{display:none}.front{padding:55px 7vw 24px;min-height:690px;grid-template-columns:1fr 100px;grid-template-rows:auto 1fr auto}.front-index{grid-column:1/3;grid-row:1;padding:0 0 35px}.front-title{grid-column:1/3;grid-row:2;z-index:1}.front-title>p{font-size:8px}.front h1{font-size:clamp(88px,22vw,150px)}.front-intro{margin-left:0;max-width:290px}.front-intro p{font-size:17px}.front-aside{position:absolute;right:4vw;top:260px;width:90px;opacity:.8;padding:0}.front-aside>span,.front-aside small{font-size:7px}.diagram{height:110px}.diagram i{width:82px;height:82px}.diagram i:nth-child(2){width:60px;height:60px}.diagram i:nth-child(3){width:38px;height:38px}.diagram b{font-size:48px}.front-bottom{grid-column:1/3;font-size:7px}.essay{padding:68px 7vw;grid-template-columns:1fr}.essay-copy h2{font-size:clamp(48px,12vw,75px)}.lead{font-size:20px}.essay-columns{grid-template-columns:1fr;gap:17px}.essay-side{display:none}.method{padding:65px 7vw}.method-head{display:block;margin-bottom:38px}.method-head h2{margin-top:30px;font-size:65px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{border-left:0;border-bottom:1px solid #aaa9a0;padding:20px 0}.steps h3{margin:18px 0 6px}.steps p{max-width:380px}.end{padding:65px 8vw 48px}footer{gap:12px;flex-wrap:wrap}}