@font-face{font-family:Bricolage;src:url('assets/fonts/bricolage.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url('assets/fonts/newsreader.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url('assets/fonts/newsreader-italic.ttf') format('truetype');font-style:italic;font-weight:200 800;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/fonts/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:SourceSans;src:url('assets/fonts/source-sans.ttf') format('truetype');font-weight:200 900;font-display:swap}
.theme-t1{--ink:#183f35;--paper:#f7f1e5;--accent:#e9ac85;--secondary:#daddb8;--display:Bricolage,Arial,sans-serif}
.theme-t2{--ink:#f5ebdd;--paper:#1d493f;--accent:#709ca4;--secondary:#d76636;--display:Newsreader,Georgia,serif}
.theme-t3{--ink:#233c78;--paper:#faf4e9;--accent:#f0c9d6;--secondary:#e9dc94;--display:Outfit,Arial,sans-serif}
.specimen,.overview-art{background:var(--paper);color:var(--ink);font-family:SourceSans,Arial,sans-serif;font-size:17px;line-height:1.4;overflow:hidden;text-align:left}
.specimen *{box-sizing:border-box}.specimen h3,.specimen h4,.specimen p{margin:0}.specimen h3{font-family:var(--display);font-size:43px;font-weight:650;line-height:1.02;letter-spacing:-1.4px;text-wrap:balance}.theme-t2.specimen h3{font-size:47px;font-weight:500;letter-spacing:-1px;line-height:1.03}.theme-t3.specimen h3{font-size:45px;font-weight:700;letter-spacing:-1.5px}.specimen h4{font-family:var(--display);font-size:26px;line-height:1.15;letter-spacing:-.5px}.brand-mark{width:44px;height:31px;flex:none}.wordmark{display:flex;align-items:center;gap:7px;font-family:var(--display);font-size:40px;line-height:1;font-weight:700;letter-spacing:-1.6px}.theme-t2 .wordmark{font-size:43px;font-weight:550}.theme-t2 .wordmark-period{display:none}.theme-t3 .wordmark{font-weight:750}.wordmark.small{font-size:31px;letter-spacing:-1px}.wordmark.small .brand-mark{width:35px;height:26px}.brand-art{display:block;width:100%;height:auto}.sample-kicker{font-family:SourceSans,Arial,sans-serif;font-size:11px;font-weight:650;line-height:1.4;letter-spacing:1.6px;text-transform:uppercase}.sample-button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:var(--paper);border-radius:6px;padding:14px 19px;font-size:18px;font-weight:600;line-height:1.2;margin-top:22px}.theme-t1 .sample-button{border-radius:30px}.theme-t2 .sample-button{border-radius:0}.theme-t3 .sample-button{border-radius:12px}.sample-small{font-size:14px;line-height:1.4}.sample-footer{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--ink);margin-top:30px;padding-top:14px;font-size:13px;line-height:1.4}.sample-footer span{font-size:12px;letter-spacing:.7px}.sample-home{padding:26px 25px 20px}.sample-home header{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.sample-menu{font-family:Arial,sans-serif;font-size:20px}.home-title .sample-kicker{margin-bottom:16px;max-width:90%}.sample-home .brand-art{margin:18px -12px 6px;width:calc(100% + 24px)}.home-intro>p{font-size:18px;line-height:1.42}.home-intro .sample-small{font-size:13px;margin-top:13px;text-align:center}.sample-how{margin-top:34px;padding-top:26px;border-top:1px solid var(--ink)}.sample-how ol{padding-left:24px;margin:18px 0 0;font-size:16px}.sample-how li{padding-left:5px;margin:12px 0}.theme-t2 .sample-home header{border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:30px}.theme-t2 .home-title{padding-left:18px;border-left:3px solid var(--ink)}.theme-t2 .home-title h3{font-style:italic}.theme-t2 .sample-how{border-top:3px double var(--ink)}.theme-t3 .sample-home .brand-art{background:var(--paper);margin-top:12px}.theme-t3 .home-title h3{max-width:300px}.theme-t3 .sample-how{border:2px solid var(--ink);border-radius:16px;padding:20px}.sample-game{font-family:SourceSans,Arial,sans-serif}.app-address{display:flex;justify-content:space-between;background:#f2f3f4;color:#323232;font-family:Arial,sans-serif;font-size:12px;padding:11px 15px;border-bottom:1px solid #d7d9db}.app-address span{font-size:8px}.game-cover{text-align:center;padding:28px 26px}.game-cover .wordmark{justify-content:center}.game-cover .brand-art{margin:10px -8px;width:calc(100% + 16px)}.game-cover .sample-kicker{margin:18px 0 10px}.game-cover h3{font-size:38px}.game-cover>p:not(.sample-kicker){margin-top:14px}.game-cover .sample-small{font-size:13px}.game-cover .sample-button{justify-content:center}.prototype-divider{background:#e7e6e2;color:#4a4a45;padding:14px 15px;text-align:center;font:12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.game-task{padding:20px 24px 30px;background:#fff;color:var(--ink);font-family:SourceSans,Arial,sans-serif}.task-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9d9d9;padding-bottom:15px;margin-bottom:24px;font-size:16px}.task-top>span:first-child{font-size:26px}.game-task h3,.theme-t2 .game-task h3,.theme-t3 .game-task h3{font-family:SourceSans,Arial,sans-serif;font-size:29px;line-height:1.1;font-weight:650;letter-spacing:-.5px}.personal-detail{border-left:3px solid var(--ink);padding:10px 12px;margin:20px 0!important;background:var(--paper);font-size:17px;font-weight:600}.game-task>p{font-size:17px;line-height:1.45}.sample-input{margin-top:23px;border:1px solid var(--ink);border-radius:4px;padding:14px;font-size:16px;color:var(--ink);background:#fff}.game-task .sample-button{border-radius:4px;justify-content:center;margin-top:13px}.sample-hint{font-size:15px;margin-top:22px}.sample-hint summary{padding:4px 0;cursor:pointer}.sample-hint p{margin:12px 0 0}.sample-invite{padding:30px 27px;text-align:center;min-height:610px}.sample-invite .wordmark{justify-content:center}.sample-invite .sample-kicker{margin:28px 0 18px}.sample-invite .brand-art{margin:8px 0 4px}.sample-invite h4{font-size:25px;margin:4px 0 16px}.sample-invite>p:not(.sample-kicker){font-size:18px}.invite-rule{height:1px;background:var(--ink);width:65px;margin:26px auto 17px}.sample-invite .sample-small{font-size:14px!important}.invite-action{display:block;margin-top:20px;font-size:17px}.theme-t2 .sample-invite{border:1px solid var(--ink);margin:15px;padding:23px 18px}.theme-t2 .sample-invite h3{font-style:italic}.theme-t3 .sample-invite{border:8px solid var(--ink);padding:25px 21px}.sample-paper{padding:26px 25px;background:var(--paper)}.sample-paper header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--ink);margin-bottom:32px}.folio{font-size:13px;letter-spacing:2px}.sample-paper>.sample-kicker{margin-bottom:14px}.sample-paper h3{font-size:38px!important}.sample-paper.corporate h3{font-size:39px!important}.sample-paper .corporate-intro{font-size:17px;line-height:1.4;margin:20px 0 6px}.corporate .brand-art{width:72%;margin:6px auto 10px}.corporate ol{padding:0;list-style:none;counter-reset:benefits;margin:10px 0 24px}.corporate li{counter-increment:benefits;border-top:1px solid var(--ink);padding:14px 0 14px 28px;font-size:16px;position:relative}.corporate li:before{content:counter(benefits,decimal-leading-zero);position:absolute;left:0;top:16px;font-size:11px;font-weight:700}.corporate-cta{font-family:var(--display);font-size:23px;font-weight:600;margin-top:20px}.corporate>.sample-small{margin-top:14px}.practical{background:#fff;color:var(--ink)}.practical dl{margin:30px 0 0}.practical dl>div{padding:17px 0;border-top:1px solid #dededb}.practical dt{font-weight:700;font-size:17px;margin-bottom:5px}.practical dd{font-size:17px;line-height:1.42;margin:0;color:#30342f}.practical .sample-footer{margin-top:16px}.theme-t2 .practical h3{font-style:italic}.theme-t2 .practical dl{border-left:1px solid var(--ink);padding-left:17px}.theme-t2 .practical dl>div:first-child{border-top:0}.theme-t3 .practical header{border-bottom-width:3px}.theme-t3 .practical h3{max-width:280px}.theme-t3 .practical dt:before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;background:var(--ink);margin-right:8px}.overview-art{padding:26px 26px 0;position:relative}.overview-art .wordmark{font-size:52px}.overview-art .brand-art{height:210px}.overview-art.theme-t2 .wordmark{font-size:57px}.overview-art.theme-t3{border:7px solid var(--ink);padding:19px 19px 0}.overview-art.theme-t3 .brand-art{height:196px}.overview-art.theme-t2:after{content:"01 / OBSERVATIONS";position:absolute;bottom:14px;right:16px;font:9px Arial;letter-spacing:1px}.overview-art.theme-t2{box-shadow:inset 0 0 0 12px var(--paper),inset 0 0 0 13px var(--ink)}
@media(min-width:760px){#dialogContent .specimen{max-width:680px;margin:0 auto}#dialogContent .sample-home,#dialogContent .sample-game,#dialogContent .sample-invite{max-width:430px;margin-left:auto;margin-right:auto}#dialogContent .sample-paper{padding:48px;font-size:19px}#dialogContent .sample-paper h3{font-size:62px!important}#dialogContent .sample-paper .brand-art{max-height:235px}#dialogContent .sample-paper li,#dialogContent .sample-paper p,#dialogContent .sample-paper dt,#dialogContent .sample-paper dd{font-size:19px}#dialogContent .specimen-game{max-width:430px}}
@media(prefers-reduced-motion:reduce){.specimen *{animation:none!important;transition:none!important}}

/* The same information follows each direction's own composition rules. */
.theme-t1 .corporate ol{border-left:2px solid var(--ink);margin-left:5px;padding-left:18px}.theme-t1 .corporate li{border-top:0;padding:10px 0 14px 19px}.theme-t1 .corporate li:before{left:-24px;top:15px;background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px;content:""}.theme-t2 .corporate{padding-left:38px;border-left:7px solid var(--secondary)}.theme-t2 .corporate header{border-bottom:3px double var(--ink)}.theme-t2 .corporate h3{font-style:italic}.theme-t3 .corporate ol{display:grid;gap:10px}.theme-t3 .corporate li{border:1px solid var(--ink);border-radius:8px;padding:15px 15px 15px 38px}.theme-t3 .corporate li:before{left:12px;top:17px}.theme-t3 .corporate .corporate-cta{background:var(--secondary);padding:16px;border-radius:7px}.corporate-cta{font-size:21px}.cta-arrow{display:inline-block;white-space:nowrap}

/* Option 2 uses a dark brand surface and a parchment operational surface. */
.theme-t2 .game-task,.theme-t2 .practical{--ink:#24332f;--paper:#f5ebdd;background:var(--paper);color:var(--ink)}
.theme-t2 .game-task .sample-input{background:#fffdf8}.theme-t2 .practical dd{color:#24332f}
.overview-art.theme-t2:after{content:"01 / KEEP MOVING"}