.design-demo{background:#e8ecdf;padding:22px 23px 0;width:100%;max-width:530px!important}.design-demo>.specimen-top{gap:7px}.design-demo .specimen-top .eyebrow{font-size:9px;margin-bottom:13px}.demo-fiction{font-size:8px;letter-spacing:.09em;color:#586950;white-space:nowrap}.design-demo>h2{font-size:29px;letter-spacing:-.04em}.demo-brief{font-size:13px;line-height:1.5;margin:10px 0 15px;color:#50604b}.mini-browser{border:1px solid #b8c3ac;border-radius:7px;overflow:hidden;box-shadow:0 14px 30px -20px #24423488;background:#fdf9ef}.browser-bar{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#d5ddc8;color:#607052;font-size:7px;letter-spacing:.08em}.browser-bar>span:first-child{font-size:9px;letter-spacing:2px;color:#9aac89}.mini-page{padding:17px 19px 21px;background:#24433f;color:#eeeadd;transition:background .5s,color .5s;position:relative;overflow:hidden;min-height:245px}.mini-wordmark{font-family:Georgia,serif;font-size:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff25;padding-bottom:10px;margin-bottom:16px}.mini-wordmark span{font-family:var(--sans);font-size:6px;letter-spacing:.09em}.mini-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:10px;align-items:center}.mini-layout h3{font-size:28px;line-height:1.08;min-height:61px;letter-spacing:-.04em}.mini-layout p{font-size:10px;line-height:1.5;margin:11px 0;min-height:45px;max-width:240px}.mini-action{font-size:10px;border:1px solid #b7bfae;background:transparent;color:inherit;text-align:left;padding:9px 10px;border-radius:2px;min-height:36px;line-height:1.3}.paper-art{height:145px;position:relative;perspective:500px}.paper-orbit{position:absolute;width:130px;height:130px;border:1px solid #96a79055;border-radius:50%;left:-8px;top:5px}.paper-book{position:absolute;top:10px;left:10px;background:#d5a275;color:#24433f;width:85px;height:116px;box-shadow:-5px 2px 0 #ac734b,-10px 11px 16px #0003;transform:rotate(13deg) rotateY(-18deg);border-left:5px solid #b57b52;transition:transform .7s,background .7s}.paper-book>span{display:block;padding:17px 8px;font:20px/.92 Georgia,serif;letter-spacing:-.07em}.paper-book i{position:absolute;bottom:13px;left:10px;width:48px;height:1px;background:currentColor;opacity:.5}.paper-star{position:absolute;right:2px;top:-4px;color:#d9ba8b;font-size:38px;transition:transform .8s}.audience-clear{background:#fbf5e7;color:#26463c}.audience-clear .mini-wordmark{border-color:#bac6b055}.audience-clear .paper-book{transform:rotate(-8deg) rotateY(-12deg);background:#d59366}.audience-clear .paper-star{color:#b95032;transform:rotate(95deg)}.details-clear .mini-layout p{font-weight:500}.action-clear .mini-action{background:#b44e30;border-color:#b44e30;color:#fff}.brief-passed .paper-book{transform:rotate(-6deg) rotateY(0deg) translateY(-5px)}.brief-passed .paper-star{transform:rotate(180deg) scale(1.2)}.brief-passed{box-shadow:inset 0 0 0 3px #71916b}.page-change{animation:paper-settle .45s ease}.demo-controls{padding:16px 0 12px}.demo-progress{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#5a6e4d;margin-bottom:8px}.demo-controls h3{font-size:21px;margin-bottom:12px}.demo-choices{display:grid;gap:7px}.edit-choice{display:flex;text-align:left;border:1px solid #b7c5a9;border-radius:3px;padding:10px 13px;background:#f6f8ed;color:#294831;font-size:12px;line-height:1.35;min-height:42px;transition:transform .15s,background .15s}.edit-choice:before{content:'↗';margin-right:12px;color:#b45332;font-size:16px}.edit-choice:hover{background:white;transform:translateX(3px);border-color:#4e7250}#demo-feedback{font-size:12px;line-height:1.45;color:#51634a;margin:11px 0 5px;min-height:35px}.demo-controls>.button{width:100%;margin-bottom:9px}.demo-controls .game-tools{justify-content:space-between}.demo-controls .quiet-button{font-size:11px}.demo-controls .game-help{font-size:12px;line-height:1.6}.demo-controls ul{list-style:none;margin:10px 0;padding:0;font-size:12px;line-height:1.5}.demo-controls li{padding:5px 0}.demo-controls .pass{color:#2b633d}.demo-controls .miss{color:#963f24}.demo-result-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.demo-result-actions .button,.demo-result-actions .text-link{font-size:12px}.demo-result-actions .button{min-height:40px;padding:10px 14px}@keyframes paper-settle{0%{filter:brightness(1.18);transform:translateY(2px)}100%{filter:brightness(1);transform:translateY(0)}}@media(max-width:520px){.design-demo{padding:18px 16px 0}.design-demo>h2{font-size:28px}.mini-page{padding:14px 13px 17px}.mini-layout h3{font-size:24px}.mini-layout p{font-size:10px}.mini-layout{grid-template-columns:1.65fr 1fr}.paper-book{width:69px;height:101px;left:5px;top:14px}.paper-book>span{font-size:18px;padding:16px 7px}.paper-orbit{width:98px;height:115px}.paper-star{right:0;font-size:30px}.demo-fiction{font-size:7px}.design-demo .specimen-top .eyebrow{font-size:8px}.mini-wordmark span{font-size:5px}.mini-action{font-size:9px}.edit-choice{font-size:12px}.demo-brief{font-size:13px}}@media(prefers-reduced-motion:reduce){.design-demo *{transition:none!important;animation:none!important}}
.demo-destination{position:absolute;inset:0;background:#fbf5e7;color:#24433f;padding:40px 27px;display:flex;flex-direction:column;justify-content:center}.demo-destination strong{font:28px/1.1 Georgia,serif}.demo-destination p{font-size:13px;line-height:1.5;margin:14px 0}.demo-destination button{align-self:flex-start;background:#24433f;color:white;padding:8px 14px;border:0;border-radius:3px;font-size:12px}