@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--franklin:"Libre Franklin","Franklin Gothic Medium","Franklin Gothic",Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#191919;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #4778ab}.prototype{letter-spacing:.6px;background:#f0e9dc;align-items:center;gap:18px;padding:9px 5%;font-size:11px;display:flex}.prototype span{color:#655c50}.prototype a{white-space:nowrap;margin-left:auto;text-decoration:underline}header{border-bottom:4px solid #999;align-items:center;height:100px;margin:0 5%;display:flex;position:relative}nav{color:#999;font-size:17px;font-weight:500;line-height:30px;font-family:var(--franklin);gap:26px;display:flex}nav .active,nav a:hover{color:#191919}.logo{position:absolute;left:50%;transform:translate(-50%)}.logo img{width:35px;height:35px;display:block}.menu{display:none}.hero{text-align:center;padding:110px 0 100px}.hero h1{margin:0 0 16px;font:700 46px/60px Georgia,serif}.hero p{color:#999;margin:0;font-size:20px;line-height:28px}.covers{margin:30px 5% 0}.cover{background:#f2f2f2;height:450px;margin-bottom:20px;display:flex}.cover:nth-child(2n){flex-direction:row-reverse}.cover-image{width:60.1%;position:relative;overflow:hidden}.cover-image img{object-fit:cover;width:100%;height:100%}.cover-image:after{content:"";transition:background .2s;position:absolute;inset:0}.cover-detail{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:39.9%;padding:30px;transition:background .2s,color .2s;display:flex}.cover-detail h2{font-family:var(--franklin);margin:0;padding:0 0 3px;font-size:20px;font-weight:500;line-height:24px}.cover-detail p{font-family:var(--franklin);color:#999;margin:0;font-size:14px;line-height:18px}.cover-detail .client{padding-top:12px}.cover:hover .cover-detail{color:#fff;background:#191919}.cover:hover .cover-image:after{background:#0008}.draft{letter-spacing:1px;text-transform:uppercase;color:#8d7542;margin-top:20px;font-size:10px}footer{color:#999;justify-content:space-between;align-items:center;margin:60px 5% 30px;font-size:12px;display:flex}#top{color:#333;background:#eee;border:0;border-radius:50%;width:48px;height:48px;font-size:24px}.prose{max-width:800px;margin:70px auto;padding:0 24px;line-height:1.7}.prose h1{font-family:Georgia,serif;font-size:36px}.muted{color:#888}.notice{background:#f6f3ec;padding:16px;font-size:14px;line-height:1.5}label{margin:20px 0 6px;display:block}input,textarea{font:inherit;border:1px solid #ccc;width:100%;padding:12px}button.primary{color:#fff;background:#222;border:0;padding:12px 24px}.empty{text-align:center;padding:100px 24px}.review-list{gap:20px;display:grid}.review-card{border:1px solid #ddd;padding:24px}.review-card h2{margin-top:0}.review-card a{text-decoration:underline}.review-card ul{padding-left:20px}.source{word-break:break-word;font-size:12px}@media (width<=932px){header{height:90px}.hero{padding:70px 0 60px}.hero h1{font-size:23px;line-height:30px}.menu{z-index:20;background:0 0;border:0;font-size:27px;display:block;position:absolute;right:0}nav{display:none}header.open nav{z-index:10;background:#fff;flex-direction:column;justify-content:center;align-items:center;font-size:22px;display:flex;position:fixed;inset:0}.cover{height:360px}.cover-detail h2{font-size:16px}.prototype span{display:none}}@media (width<=540px){header{height:70px;margin:0 20px}.hero{padding:38px 20px 52px}.hero h1{margin-bottom:12px;font-size:21px;line-height:27px}.hero p{font-size:14px;line-height:20px}.covers{margin:0 20px}.cover,.cover:nth-child(2n){flex-direction:column;height:auto}.cover-image{aspect-ratio:4/3;width:100%}.cover-detail{width:100%;min-height:110px;padding:22px}.cover-detail h2{font-size:13px;line-height:18px}.cover-detail p{font-size:12px}.draft{margin-top:8px;font-size:9px}.prototype{gap:8px;padding:7px 20px;font-size:9px}.prose{margin-top:35px}.prose h1{font-size:28px}footer{margin:40px 20px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}