@font-face{font-family:DM;src:url(dm-serif-display.ttf)}@font-face{font-family:Source;src:url(source-sans-3.ttf)}*{box-sizing:border-box}body{margin:0;background:#f2f1ea;color:#285448;font:18px/1.45 Source,Arial,sans-serif}.design-board{max-width:1440px;margin:auto;border:1px solid #28544838}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:DM,Georgia,serif;font-weight:400;line-height:1.1}img{display:block;max-width:100%}.label{font:600 12px/1.5 Source,Arial,sans-serif;letter-spacing:.14em}.cell{padding:32px;border-right:1px solid #28544838}.cell:last-child{border-right:0}.board-opening{display:grid;grid-template-columns:1.6fr 1fr .9fr;min-height:370px;border-bottom:1px solid #28544838}.identity{padding:42px}.wordmark{width:440px;margin:34px 0 16px}.category{font-size:12px;letter-spacing:.17em}.identity h1{font-size:43px;margin-top:30px}.identity>p:last-child{font-size:19px;margin-top:12px}.thesis{padding:72px 26px 35px;border-left:1px solid #28544838;display:flex;flex-direction:column;justify-content:space-between}.thesis h2{font-size:32px}.thesis p{margin:25px 0}.hero-portrait{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.foundations{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #28544838}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.swatches i{display:block;height:86px;border:1px solid #28544830;margin-bottom:12px}.swatches b,.swatches span,.swatches small{display:block;font-size:14px;font-weight:400}.swatches small{font-size:12px;margin-top:6px}.type-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:15px}.type-grid>div+div{border-left:1px solid #28544838;padding-left:20px}.display-aa,.sans-aa,.utility-aa{display:block;font-size:75px;line-height:1.2;margin-bottom:10px}.display-aa{font-family:DM}.utility-aa{font-size:50px;padding-top:25px}.type h3{font:20px/1.2 DM}.type p{font-size:14px;margin-top:12px}.behaviour{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-bottom:1px solid #28544838}.portrait-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:24px 0 18px}.portrait-pair img{height:230px;width:100%;object-fit:cover;object-position:center 24%}.portrait-pair img+img{object-fit:cover;object-position:50% 22%;width:100%;height:230px;clip-path:inset(0)}.behaviour p{font-size:15px}.path-demo{height:210px;position:relative;margin:25px 0 18px;background:#aac6d0;overflow:hidden}.path-demo svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#285448;stroke-width:2}.path-demo span{position:absolute;right:18px;bottom:20px;background:#aac6d0;font:31px/1.05 DM;padding:12px}.sample-action{background:#285448;color:#f2f1ea;padding:14px 16px;margin:26px 0 14px;font-size:15px;display:flex;justify-content:space-between}.sample-action.secondary{background:none;color:#285448;border:1px solid;margin-top:0}.rule-sample{border-top:1px solid #285448;margin:28px 0}.elements small,.email-cell small{display:block;font-size:12px;margin-top:15px}.content{border-bottom:1px solid #28544838;border-right:0}.section-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px}.content-grid{display:grid;grid-template-columns:1fr 1fr 1fr .8fr;gap:16px}.content-grid article{min-height:405px;position:relative;overflow:hidden}.content-face{background:#e5e7dc}.content-face>img{height:250px;width:100%;object-fit:cover;object-position:50% 20%}.content-face>div{padding:20px}.content-face h3{font-size:27px;margin-top:12px}.content-thought{background:#285448;color:#f2f1ea;padding:26px}.content-thought h3{font-size:43px;margin:45px 0 25px}.content-thought p{font-size:15px}.thought-line{width:70px;border-top:2px solid #cee58a;margin-bottom:22px}.content-signature{display:block;font-size:9px;letter-spacing:.08em;margin-top:45px}.content-explain{background:#aac6d0;padding:26px}.content-explain h3{font-size:34px;margin:32px 0 24px}.content-explain ol{padding:0;list-style:none;counter-reset:n}.content-explain li{counter-increment:n;border-top:1px solid #28544850;padding:15px 0;font-size:15px}.content-explain li b{font-weight:400}.content-explain li b:before{content:'0' counter(n) ' / ';font-size:11px}.content-explain li span{display:block;font-size:13px;margin-top:5px}.content-explain small{font-size:11px}.proof-rule{padding:26px 16px}.proof-rule h3{font-size:29px;margin:40px 0 25px}.proof-rule p{font-size:15px}.applications{display:grid;grid-template-columns:1.5fr 1fr .8fr;border-bottom:1px solid #28544838}.cover-sample{display:grid;grid-template-columns:1fr 1.6fr;background:#285448;color:#f2f1ea;margin:25px 0 20px;min-height:180px}.cover-sample>img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.cover-sample>div{padding:25px}.cover-sample div>img{width:150px;filter:brightness(0) invert(1)}.cover-sample h3{font-size:28px;margin:25px 0 12px}.cover-sample p{font-size:11px;letter-spacing:.08em}.cover-cell>p{font-size:15px}.email-sample{background:#e9ebdf;padding:24px;margin-top:25px}.email-sample img{width:200px}.email-sample h3{font-size:28px}.email-sample p{font-size:15px;margin:15px 0 25px}.email-sample span{font-size:10px;letter-spacing:.12em}.formats-cell dl{margin:25px 0 0}.formats-cell dl>div{border-bottom:1px solid #28544838;padding:14px 0}.formats-cell dt{font-size:18px}.formats-cell dd{margin:7px 0 0;font-size:14px}footer{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:40px;padding:28px 32px}footer img{width:200px}footer p{font-size:12px}footer>span{font-size:10px;letter-spacing:.08em}.board-return{padding:25px;text-align:center;font-size:16px}@media(max-width:760px){.board-opening,.foundations,.behaviour,.applications{grid-template-columns:1fr}.hero-portrait{max-height:500px}.thesis{padding:30px 32px;border-left:0;border-top:1px solid #28544838}.cell{border-right:0;border-bottom:1px solid #28544838}.identity{padding:32px}.content-grid{grid-template-columns:1fr 1fr}.section-top{display:block}.section-top>span{display:block;margin-top:15px}.content-thought h3{font-size:32px}.content-grid article{padding:20px}.content-face{padding:0!important}.content-face h3{font-size:25px}.proof-rule h3{font-size:26px}footer{grid-template-columns:1fr;gap:20px}}@media(max-width:450px){.content-grid{grid-template-columns:1fr}.content-grid article{min-height:320px}.content-thought h3{font-size:44px}.cell{padding:24px}.type-grid{gap:12px}.type-grid>div+div{padding-left:12px}.type h3{font-size:17px}.type p{font-size:12px}.swatches{gap:8px}.swatches span{font-size:11px}.swatches small{font-size:11px}}
.design-board *{min-width:0}.design-board p,.design-board small,.design-board h3{overflow-wrap:break-word}
@media(max-width:450px){.type-grid{grid-template-columns:1fr 1fr}.type-grid>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #28544838;padding:15px 0 0}.utility-aa{padding:0;font-size:38px}.cover-sample{grid-template-columns:1fr}.cover-sample>img{max-height:230px}.swatches{grid-template-columns:1fr 1fr}.swatches i{height:65px}}

@media(max-width:450px){.identity h1{font-size:34px}}