/* Atelier 09: illustrated invitation and playful paper. */
:root{--ink:#243435;--muted:#63706b;--green:#2c43b9;--orange:#bd4933;--line:#d8ded7;--paper:#fff;--blue:#2c43b9;--lilac:#e9e5f3;--red:#bd4933;background:#e9e7ed}body{background:#e9e7ed}.shell>header{height:72px;padding:17px 22px;border-bottom:1px solid #e7e8e5}.brand{width:190px;max-width:61%}.header-tag{border:0;background:none;color:#5b6861;padding:0;font-size:9px;letter-spacing:.3px}.header-tag i{font-style:normal;color:var(--red);font-size:16px;margin-left:3px}main{padding:0 22px}footer{text-align:center;color:#747a72;font-size:10px;letter-spacing:1px}.primary{background:var(--blue);border-color:var(--blue);border-radius:16px 7px 17px 8px;min-height:54px;box-shadow:0 4px 0 #1d3083;font-size:15px;letter-spacing:.3px}.primary:not(:disabled):hover{background:#24369a;border-color:#24369a}.primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #1d3083}.primary .arrow{background:#ffffff22;border-radius:50%;width:30px;height:30px}.secondary{border:1.5px solid #bcc8c0;border-radius:14px 7px 14px 7px;color:#304b43}.eyebrow:before{content:'✳';width:auto;height:auto;background:none;font-size:15px}.eyebrow{letter-spacing:1px;font-size:10px;color:#46684e}.home-screen{margin:0 -22px}.invitation{position:relative;isolation:isolate;background:var(--lilac);padding:21px 24px 19px;overflow:hidden}.invitation:before{content:'';position:absolute;width:270px;height:270px;border:1px solid #bfc3d485;border-radius:50%;right:-190px;top:85px;z-index:-1}.invitation:after{content:'';position:absolute;inset:auto -10px -5px;height:10px;background:#fff;clip-path:polygon(0 60%,5% 20%,12% 70%,20% 15%,28% 65%,37% 10%,46% 60%,55% 25%,63% 65%,72% 12%,81% 65%,90% 20%,100% 60%,100% 100%,0 100%)}.invitation-kicker{display:flex;gap:7px;align-items:center;color:#59606f;font-size:10px;letter-spacing:1px;margin-bottom:16px}.tiny-star{font-size:19px;color:var(--red);line-height:1}.issue{margin-left:auto;font-size:9px;letter-spacing:1.4px;color:#73798c}.invitation h1{position:relative;z-index:2;font-family:"Songti SC","STSong",serif;letter-spacing:0;line-height:1.17}.title-small{display:block;font-size:27px;font-weight:600;color:#34405b;margin:0 0 6px}.invitation h1 em{display:block;color:var(--blue);font-size:54px;letter-spacing:-2px;font-weight:900;white-space:nowrap}.invitation h1 em:after{height:7px;width:65%;background:var(--red);bottom:-6px;left:2px;transform:rotate(-2deg);border-radius:60% 20% 70% 10%;opacity:.75}.question-mark{display:inline-block;color:var(--red);transform:rotate(9deg);margin-left:1px}.invitation-copy{position:relative;z-index:3;font-size:12px;line-height:1.8;color:#5d6175;margin:18px 0 0}.art-stage{position:relative;height:242px;margin:-10px -8px -2px;isolation:isolate}.picture-main{position:absolute;width:258px;height:258px;right:-13px;top:-19px;mix-blend-mode:multiply;transform:rotate(5deg)}.picture-main img{width:100%;height:auto;display:block}.picture-small{position:absolute;left:5px;bottom:18px;width:119px;transform:rotate(-10deg);padding:5px 5px 10px;background:#fff;box-shadow:3px 8px 0 #7b82a51a;z-index:2;border:1px solid #d4d3d9}.picture-small:before{content:'';position:absolute;left:35px;top:-7px;width:49px;height:14px;background:#c4d4adbc;transform:rotate(5deg)}.picture-small img{display:block;width:100%;height:auto}.picture-small>span{display:block;text-align:center;color:#6f665e;font-size:8px;letter-spacing:1px;margin-top:5px}.art-stamp{position:absolute;right:5px;top:-47px;background:#dce7b4;color:#3d5545;width:69px;height:69px;border-radius:49% 51% 47% 53%;transform:rotate(12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px dashed #809363;outline-offset:-5px;z-index:3}.art-stamp b{font-family:Georgia,serif;font-style:italic;font-size:31px;font-weight:400;line-height:1.05}.art-stamp span{font-size:7px;letter-spacing:.2px}.stage-spark{position:absolute;left:5px;top:19px;color:var(--red);font-size:33px;transform:rotate(-9deg)}.stage-loop{position:absolute;left:50px;top:43px;width:130px;height:150px;border:1px solid #7182af88;border-radius:50%;transform:rotate(-35deg);z-index:-1}.pencil-note{position:absolute;bottom:3px;right:22px;font-family:"Kaiti SC","STKaiti",serif;font-size:12px;color:#6c7298;transform:rotate(-7deg)}.start-area{position:relative;z-index:3}.start-meta{display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;color:#606478;margin:7px 0 12px}.start-meta i{width:3px;height:3px;background:#8e94a2;border-radius:50%}.start-button{background:var(--red);border-color:var(--red);box-shadow:0 4px 0 #883925;min-height:58px;border-radius:16px 8px 18px 8px;font-size:16px;padding:12px 17px!important}.start-button:not(:disabled):hover{background:#a53d2b;border-color:#a53d2b}.start-button:not(:disabled):active{box-shadow:0 1px 0 #883925}.start-button .arrow{background:#e5efbc;color:#385343;width:32px;height:32px;font-size:21px}.start-note{text-align:center;font-size:10px;color:#626475;margin:13px 0 0;letter-spacing:1px}.start-area .resume{margin:12px auto 0;padding:0}.journey-note{display:flex;gap:15px;align-items:center;padding:23px 24px;background:#fff}.journey-note>span:first-child{writing-mode:vertical-rl;font-size:10px;color:var(--red);letter-spacing:2px}.journey-note p{font-size:11px;line-height:1.9;color:#74796c}.journey-note b{font-weight:500;color:#415849}.note-star{font-size:31px;margin-left:auto;color:#7f9a73}.artist-gallery{margin:0;padding:26px 24px 27px;background:#edf1e9;border-top:0;position:relative}.gallery-heading p{font-size:10px;color:#52705b;letter-spacing:2px;margin-bottom:10px}.gallery-heading h2{font-size:25px;line-height:1.5;color:#354e3e}.gallery-count{color:#66845f;font-size:43px}.gallery-count small{color:#58725e;letter-spacing:0}.gallery-intro{font-size:11px;color:#596c5a;margin:13px 0 23px}.artist-grid{gap:17px 14px}.artist-tile{position:relative;border:0;border-radius:2px;padding:11px 10px 15px;box-shadow:2px 4px 0 #54704a10;transition:transform .2s,box-shadow .2s}.artist-tile:nth-child(4n+1){transform:rotate(-2deg)}.artist-tile:nth-child(4n+2){transform:rotate(2deg);top:7px}.artist-tile:nth-child(4n+3){transform:rotate(1deg)}.artist-tile:nth-child(4n+4){transform:rotate(-2deg);top:7px}.artist-tile:hover{transform:rotate(0) translateY(-3px);box-shadow:3px 7px 0 #54704a20}.artist-no{color:#839485;font-size:8px}.artist-tile .artist-illustration{margin:3px 0 7px}.artist-tile strong{font-size:17px}.artist-traits{font-size:9px}.more-artists summary{margin-top:18px;border-bottom:1px dashed #b6c4b1;padding:12px 0;min-height:48px;color:#4a6650}.expand-icon{color:#506e50}.home-invitation{background:#fff;padding:34px 25px 25px;text-align:center}.home-invitation>span{font-size:35px;color:var(--red)}.home-invitation h2{font-family:"Songti SC",serif;font-size:25px;line-height:1.6;margin:9px 0 23px;color:#2c43b9}.home-share{border:0;color:#6d7f70;margin-top:20px;font-size:11px}.quiz-screen{padding-top:4px}.quiz-top{margin:9px 0 8px}.counter b{font-family:Georgia,serif;font-style:italic;font-size:33px;color:var(--blue)}.counter{color:#8c9685}.progress{height:2px;background:#eef0ea}.progress>span{background:#8fa282}.journey-dots{display:flex;gap:7px;justify-content:center;margin:11px 0 18px}.journey-dots i{height:6px;width:21px;border-radius:70% 35% 55% 40%;background:#e3e7df;transform:rotate(-6deg)}.journey-dots i.visited{background:#91aa87}.journey-dots i.current{background:var(--red);transform:rotate(5deg);width:29px}.question-tag{display:inline-block;background:#e6ebd8;color:#54714f;padding:5px 11px;margin:0 0 10px;border-radius:2px 9px 3px 8px;letter-spacing:1px}.question-title{font-family:"Songti SC",serif;color:#30453d;font-size:27px;line-height:1.4}.question-note{font-size:11px;line-height:1.7;color:#6b7c6c;margin:8px 0 13px}.scene{border:0;border-radius:3px;outline:1px solid #d9dfd3;outline-offset:4px;margin:5px 4px 20px;box-shadow:3px 7px 0 #6b805414}.scene.house-preview svg,.scene.interactive-scene svg{height:192px}.scene-feedback,.palette-preview-label{background:#eff3e8;color:#4f6a51;border-top:0;font-size:10px;line-height:1.6;padding:8px;min-height:32px}.answer{min-height:97px;border:1px solid #cdd7c9;border-radius:11px 4px 12px 5px;padding:12px 10px;gap:8px;background:#fbfcf9}.answer .letter{border:0;background:#eaf0e3;color:#6c8466;border-radius:50%;height:21px;min-width:21px;font-family:Georgia,serif;font-size:11px}.answer strong{font-size:13px;color:#3e5747}.answer small{color:#63705f;font-size:10px}.answer.selected{background:#e9edfc;border:1.5px solid #3d50b8;box-shadow:2px 3px 0 #3c4d9a20}.answer.selected .letter{background:#3348b8;position:relative;font-size:0}.answer.selected .letter:after{content:'✓';font-size:12px}.answer.selected strong{color:#2f43a6}.quiz-action{margin-top:19px}.quiz-hint{margin:13px 0 0;font-size:10px;color:#7a8978}.result-intro{padding:25px 0 20px}.result-intro .eyebrow{color:#7e835a;font-size:10px}.result-intro h2{font-family:"Songti SC",serif;font-size:28px;color:#3c5649}.result-card{border:0;border-radius:4px;padding:19px 18px 25px;outline:10px solid var(--result-wash);margin:10px 9px 20px;box-shadow:0 9px 17px #4d5c4b0d}.result-card:before{height:4px}.result-card:after{content:'✳';position:absolute;top:44px;left:17px;color:var(--result-accent);font-size:22px;transform:rotate(-14deg)}.result-card .edition{font-size:9px;color:#7a8678;letter-spacing:1px}.result-card .edition b{font-family:Georgia,serif;font-style:italic;font-size:25px}.result-art{margin:10px 0 11px}.result-art>.artist-illustration{max-height:287px}.result-card h3{font-size:35px;letter-spacing:1px}.result-card .english{color:#828c7f;font-size:7px;letter-spacing:1.5px}.tag-row{gap:6px;margin:13px 0}.tag-row span{border:0;border-radius:20px;background:var(--result-wash,#edf1e9);color:#65735c;font-size:10px;padding:5px 9px}.quote{color:#677362!important;font-family:"Kaiti SC","STKaiti",serif;font-size:15px!important}.result-actions{margin-top:25px}.result-actions .primary,.result-actions .secondary{font-size:12px;min-height:51px}.result-note{text-align:center;color:#7f8b77;margin:15px 0 25px}.result-story{border-top:1px dashed #cdd7c6;padding-top:22px}.section-kicker{color:#526e4e}.result-copy{color:#667561}.task{position:relative;border:0;border-radius:2px 12px 4px 10px;background:#edf2e6;padding:20px;margin-top:29px}.task:before{content:'';position:absolute;top:-7px;left:calc(50% - 25px);width:50px;height:16px;background:#bdcc9b99;transform:rotate(-5deg)}.task .label{color:#607b55}.task h3{font-family:"Songti SC",serif;font-size:20px;color:#405b3e}.task p{color:#67795f}.invite{background:#e8e5f4;border-radius:18px 4px 18px 5px;color:#324297;padding:25px 20px}.invite h3{font-family:"Songti SC",serif;font-size:25px}.invite .eyebrow{color:#6172a0!important}.invite p{color:#657092}.invite .primary{background:#2c43b9;border-color:#2c43b9;color:#fff}.invite .primary .arrow{color:#fff;background:#ffffff20}.invite .fine{color:#6c7491}.booking-head h2,.success h2{font-family:"Songti SC",serif;color:#37523e}.booking-head .eyebrow{letter-spacing:1px}.demo-banner{border-left:3px solid #728f5e;background:#eef3e8;color:#657759}.field input,.field select{border-color:#c7d2c0;border-radius:11px 4px 11px 4px}.field input[readonly]{background:#f4f6ed;color:#506d46}.pill{border-radius:20px;border-color:#c9d5c2}.pill[aria-pressed=true]{background:#e7eddc;border-color:#7a9768;color:#49663d}.receipt{border-color:#779c68;background:#f0f4e8}.success .check{border:0;border-radius:50%;background:#e7edd8;color:#65874f}.modal-backdrop{background:#27302d85;backdrop-filter:blur(3px)}.modal{border-radius:24px 24px 0 0;padding-top:31px}.modal:before{content:'';position:absolute;left:calc(50% - 20px);top:12px;width:40px;height:3px;border-radius:3px;background:#ced7c6}.modal .close{border:0;background:#eef2e8;border-radius:50%;color:#5a7051;top:22px}.modal h2{font-family:"Songti SC",serif;color:#3e5944;font-size:26px}.sheet-eyebrow{color:#668254;letter-spacing:1px}.share-card-preview{border:0;border-left:4px solid var(--share-accent);background:var(--share-wash);border-radius:4px 15px 6px 14px;padding:16px}.share-card-preview .share-thumb{width:112px;height:112px;background:#fff;border-radius:3px;transform:rotate(-3deg);box-shadow:2px 3px 0 #46564512}.share-card-preview h3{font-size:22px}.share-copy-field{border-color:#d6decd;background:#f7f9f2;color:#526548}.share-copy-label{color:#526b48}.poster-formats{background:#edf1e7;border-radius:20px}.poster-formats button{border-radius:17px}.poster-formats button[aria-pressed=true]{color:#526e46;border-color:#c5d2b9}.modal .poster-image{border:0;border-radius:3px;background:#f1f3eb}.artist-detail h2{color:var(--tile-accent);font-size:31px}.artist-detail .artist-quote{font-family:"Kaiti SC","STKaiti",serif;font-size:14px;color:#68755f}.desktop-note{top:13vh}.desktop-brand{width:270px}.desktop-kicker{display:block;margin-top:46px;font-size:12px;letter-spacing:3px;color:#6c7469}.desktop-note p{font-family:"Songti SC",serif;font-size:48px;line-height:1.4;color:#3246a4;margin-top:18px}.desktop-note p>span{color:var(--red);display:inline;font-size:inherit;letter-spacing:inherit}.desktop-art{width:275px;position:relative;transform:rotate(-5deg);margin-top:20px}.desktop-art img{width:100%;height:auto;mix-blend-mode:multiply;display:block}.desktop-art>span{display:block;font-size:9px;letter-spacing:2px;color:#7d7e93;margin-top:10px}
@media(min-width:600px){.modal{border-radius:18px 5px 18px 6px;padding-top:31px}}
@media(min-width:850px){.shell{border:0;border-radius:5px;box-shadow:0 15px 60px #2b334a13;margin-top:25px}.desktop-note{left:max(8vw,calc((100vw - 1080px)/2))}}
@media(min-width:400px){.invitation{padding-left:29px;padding-right:29px}.invitation h1 em{font-size:60px}.title-small{font-size:30px}.art-stage{height:259px}.picture-main{width:285px;height:285px;top:-25px}.picture-small{width:130px;bottom:15px}.art-stamp{right:4px;top:-44px}.pencil-note{right:30px}.start-meta{margin-top:4px}.artist-tile strong{font-size:18px}}
@media(max-width:359px){main{padding:0 18px}.home-screen{margin:0 -18px}.shell>header{padding:15px 18px;height:66px}.brand{width:167px}.header-tag{font-size:8px}.invitation{padding:17px 20px 18px}.invitation-kicker{font-size:9px;margin-bottom:14px}.invitation h1 em{font-size:46px}.title-small{font-size:24px}.invitation-copy{font-size:11px}.art-stage{height:211px}.picture-main{width:225px;height:225px;right:-14px;top:-9px}.picture-small{width:100px;left:3px;bottom:13px}.art-stamp{width:58px;height:58px;top:-43px;right:0}.art-stamp b{font-size:26px}.art-stamp span{font-size:6px}.stage-spark{font-size:27px}.pencil-note{font-size:11px;bottom:-1px;right:5px}.start-button{font-size:14px;min-height:54px}.start-meta{font-size:9px;gap:8px}.artist-gallery{padding:23px 20px}.gallery-heading h2{font-size:22px}.gallery-count{font-size:35px}.artist-tile strong{font-size:14px}.artist-grid{gap:15px 11px}.journey-note{padding:21px 20px;gap:9px}.journey-note p{font-size:10px}.question-title{font-size:24px}.scene.house-preview svg,.scene.interactive-scene svg{height:173px}.answer strong{font-size:12px}.answer{padding:10px 8px;gap:6px}.result-card h3{font-size:29px}.result-art>.artist-illustration{max-height:248px}.result-actions{grid-template-columns:1.2fr 1fr}.share-card-preview .share-thumb{width:84px;height:84px}.share-card-preview h3{font-size:18px}.modal h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.artist-tile:hover{transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:850px) and (max-width:1049px){.desktop-note{display:none}.shell{margin:25px auto}}

/* Use the artwork's native 3:2 ratio so all eight scenes fill the frame. */
.scene{margin:5px 0 20px;border:1px solid #d9dfd3;outline:0;outline-offset:0;border-radius:5px}
.scene.house-preview svg,.scene.interactive-scene svg,.scene.handdrawn img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3 / 2;padding:0;object-fit:contain}
.result-actions a,.invite a.primary{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}
.consult-screen,.share-screen{padding:16px 0 28px}.page-back{display:inline-block;margin:0 0 24px;text-decoration:none}.consult-heading .eyebrow,.share-screen>.eyebrow{margin-bottom:10px}.consult-heading h2,.share-screen>h2{font-family:"Songti SC",serif;font-size:30px;line-height:1.4;color:#344d41}.consult-heading>p:last-child{font-size:12px;color:#63706b;margin:10px 0 24px}.consult-poster{display:block;border:1px solid #e1e5dd;background:#fff}.consult-poster img{display:block;width:100%;height:auto}.consult-original{display:block;margin:13px 0 25px;text-align:center;font-size:12px;text-underline-offset:4px;color:#536b5b}.consult-phone{padding:20px 16px;background:#eff3e8;border-radius:12px}.consult-phone p{font-size:13px;margin-bottom:14px}.consult-phone .primary{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:17px}.consult-home{display:block;text-align:center;margin:25px 0 0;color:#63706b;font-size:12px;text-underline-offset:4px}.share-screen .poster-formats{margin:22px 0 16px}.share-screen .poster-image{display:block;width:100%;height:auto;max-height:none;margin:0 0 20px;border:1px solid #e0e6dc}.share-screen #share-poster-stage>.primary{display:flex;align-items:center;justify-content:center;text-decoration:none}.poster-loading{padding:40px 15px;text-align:center;color:#63706b;font-size:13px}.share-save-note{font-size:11px;color:#63706b;line-height:1.8;text-align:center;margin:18px 0}.share-caption{border-top:1px solid #e0e5dd;padding-top:16px}.share-caption summary{color:#63706b;font-size:12px;cursor:pointer}.share-caption .share-copy-field{margin:12px 0}.share-caption .secondary{font-size:12px}