@charset "UTF-8";
:root{--paper:#fff9f6;--ink:#4c3c44;--wine:#96536a;--muted:#7b6a72;--line:#e8d9d7;--blush:#f4e2e0;--sage:#e7ebe2}
body{background:radial-gradient(ellipse at 98% 8%,#f8e6e2 0,transparent 31%),var(--paper)}
body:before{opacity:.07}.ribbon{text-align:center;padding:8px 16px;background:#efdfdc;color:#74565f;font-size:10px;letter-spacing:2px;line-height:1.7}.ribbon span{margin:0 15px}.header{height:105px;border-color:#eadbd780}.brand{letter-spacing:5px}.brand-seal{border-radius:22px 22px 9px 9px;background:var(--wine);height:43px;font-size:24px}.header nav{gap:35px}.header nav button:hover{color:var(--wine)}.header-note{color:#8a747b;font-family:var(--serif)}
.hero{padding-top:68px;padding-bottom:85px;gap:4%;min-height:715px}.hero h1{font-size:clamp(40px,3.8vw,60px);line-height:1.65;letter-spacing:3px;margin-top:26px}.hero h1 em:after{height:10px;bottom:2px;background:#edd1d3;z-index:-1}.hero-desc{color:var(--muted);font-size:14px;line-height:2.3}.primary{border-radius:40px;padding:17px 29px;letter-spacing:1.5px;box-shadow:0 7px 19px #96536a12}.primary:hover{background:#7e3f56}.hero .primary{margin-top:31px}.micro{font-size:12px;letter-spacing:1px}.hero-meta{gap:20px;margin-top:30px}.hero-meta span+span{border-color:#decac9;padding-left:20px}.eyebrow{letter-spacing:2.4px;color:#8e727b}.hero-art{min-height:540px;isolation:isolate}.art-arch{inset:-8px 4% 34px 8%;border-radius:48% 48% 42% 42%;background:#eedcda;transform:rotate(8deg);z-index:-2}.art-arch:before{content:'';position:absolute;inset:15px -15px -15px 15px;border:1px solid #cba8a75c;border-radius:48% 48% 42% 42%}.hero-frame{width:73%;margin-right:15%;border:1px solid #d1c0ac;padding:11px;background:#fbf2dd;box-shadow:15px 23px 45px #785d6326;transform:rotate(-5deg);border-radius:180px 180px 3px 3px;overflow:hidden}.hero-frame:after{border-radius:inherit;border-color:#c5ae8e}.hero-frame img{height:405px;border-radius:165px 165px 0 0;object-position:center}.ink-frame{width:35%;height:275px;right:1%;bottom:29px;padding:9px;background:#fff6e9;border-color:#d6c5b0;transform:rotate(8deg);box-shadow:10px 16px 25px #785d6323}.ink-frame img{object-position:50% 30%}.vertical{right:0;top:78px;color:#896e77;letter-spacing:6px}.seal-round{right:10%;top:-16px;background:#fff9f5f2;border-color:#b985936b;font-family:Georgia,serif;font-style:italic;font-size:15px;line-height:1.1;width:74px;height:74px;transform:rotate(15deg)}.hero-flower{position:absolute;left:-1%;top:5px;font-family:Georgia,serif;font-size:96px;color:#b68f82;line-height:1;z-index:-1;font-weight:400}.art-note{position:absolute;left:0;bottom:85px;z-index:2;background:#fffcf3;padding:17px 23px;transform:rotate(-6deg);font-family:var(--serif);font-size:18px;letter-spacing:2px;box-shadow:3px 7px 20px #71505113;border:1px solid #eee3d8;line-height:1.7}.art-note span{display:block;font-family:Georgia,serif;font-style:italic;letter-spacing:0;font-size:11px;color:#997d7e;margin-top:5px}.art-label{left:9%;bottom:-4px;color:#907780;max-width:57%;font-size:9px}.art-label i{font-size:16px;color:var(--wine)}
.invitation{margin:0 6%;background:#f4e9e580;border:0;border-radius:16px;padding:26px 32px;gap:30px}.invitation .number{color:#aa8d83;font-size:38px}.invitation p{font-size:20px;letter-spacing:1px}.invitation small{font-size:11px;color:#88747a}.invitation .tail{font-size:10px;letter-spacing:1.5px;color:#9a7b83}
.editorial-intro{max-width:1280px;margin:0 auto;padding:95px 7% 85px;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.editorial-title>span{font:10px Georgia,serif;letter-spacing:3px;color:#9d7f88}.editorial-title h2{font-size:36px;letter-spacing:3px;line-height:1.9;margin:17px 0}.editorial-title em,.section-head em{color:var(--wine);font-style:normal}.editorial-title p{font-size:12px;color:var(--muted);line-height:2.1;max-width:300px}.ritual-steps{display:grid;gap:24px}.ritual-steps article{display:flex;align-items:center;gap:25px;padding-bottom:24px;border-bottom:1px solid var(--line)}.ritual-steps article:last-child{border:0;padding-bottom:0}.ritual-steps i{font:italic 34px Georgia,serif;color:#b6908c}.ritual-steps h3{font-size:20px;letter-spacing:1px;margin-bottom:6px}.ritual-steps p{font-size:11px;color:var(--muted);line-height:2}
.familiar-shelf{padding:55px 6% 65px;background:#e9ece47d;border-top:1px solid #e1e4db;border-bottom:1px solid #e1e4db}.shelf-title{text-align:center;margin-bottom:35px}.shelf-title .eyebrow{justify-content:center;font-size:10px;color:#7c8577}.shelf-title h2{font-size:30px;letter-spacing:2px;margin:14px 0 8px}.shelf-title>span{font-size:11px;color:#81877d}.familiar-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:25px}.familiar-card{padding:0;text-align:center;min-width:0}.familiar-card img{width:100%;height:205px;object-fit:cover;border:7px solid #fffaf1;outline:1px solid #e1d8cb;box-shadow:0 6px 12px #49544510;transition:transform .3s}.familiar-card:nth-child(2n) img{border-radius:95px 95px 0 0}.familiar-card:hover img{transform:translateY(-5px)}.familiar-card>span{display:block;margin-top:16px;font-family:var(--serif);font-size:20px;letter-spacing:2px}.familiar-card small{font-size:10px;color:#7e7b70;display:block;margin-top:4px}
.collection{padding-top:80px;padding-bottom:65px}.section-head h2{font-size:32px;letter-spacing:2px}.section-head h2 em{display:block;font-size:26px;margin-top:5px}.section-head p{line-height:2}.collection-controls input,.collection-controls select{border-radius:10px!important;background:#fffdf9!important;border-color:var(--line)!important;color:var(--ink)}.filters{gap:12px}.filter{border:1px solid transparent;border-radius:22px;padding:6px 16px}.filter[aria-pressed=true]{background:#f1dfdf;border-color:transparent}.filter:hover{background:#f1e7e3}.artist-grid{gap:34px 26px}.art-window{border-radius:110px 110px 8px 8px;background:#eee5dc;padding:12px;height:250px}.art-window img{border-radius:100px 100px 2px 2px}.artist-card:nth-child(4n+2) .art-window,.artist-card:nth-child(4n+3) .art-window{border-radius:8px}.artist-card:nth-child(4n+2) img,.artist-card:nth-child(4n+3) img{border-radius:3px}.artist-card:nth-child(4n+2) .art-window{background:#ebe4e5}.artist-card:nth-child(4n+3) .art-window{background:#e5e9e1}.artist-card h3{font-size:22px;letter-spacing:1.5px}.artist-card p{color:var(--muted);letter-spacing:.4px}.artist-card p.known-work{color:#8c5768;border-top:1px solid #ebdedb;padding-top:8px;font-size:11px;margin-top:8px}.card-arrow{background:#fffdf9;border-color:var(--line);color:var(--wine)}.pagination button{border-radius:25px}.closing{border:0;background:linear-gradient(120deg,#f1e2df,#f6eddf);border-radius:150px 150px 18px 18px;padding:55px 20px;margin:10px 6% 65px}.closing h2{font-size:30px;margin-top:10px}.closing .primary{margin-top:5px}.footer{border-color:var(--line);color:#89727a}
.quiz-shell{max-width:1140px;padding-top:36px}.progress{height:4px;border-radius:5px;background:#eddfe0;margin-bottom:33px}.progress span{border-radius:5px;background:linear-gradient(90deg,#d1a6ad,var(--wine))}.quiz-layout{gap:45px;grid-template-columns:1fr 220px}.question-panel{background:#fffcf9;border:1px solid #efdfdc;padding:30px;border-radius:22px}.question-title{font-size:30px;line-height:1.7}.question-no{color:#ac7d8a}.question-hint{font-size:12px;color:#8d7780;margin-bottom:25px}.answers{gap:12px}.option{border-color:#e4d4d4;border-radius:13px;background:#fffdfa;padding:17px 19px;min-height:62px;box-shadow:0 2px 5px #7c526303}.option:hover{background:#f9efed;border-color:#c399a5}.option[aria-checked=true]{background:#f6e7e9;border-color:#ac7585;box-shadow:0 0 0 1px #ac75851a}.option:disabled{opacity:1;cursor:default}.option:disabled:not([aria-checked=true]){opacity:.62}.option-letter{color:#ab8d92}.option-check{border-color:#ccb6bd}.option[aria-checked=true] .option-check{border-width:5px}.answer-status{font-size:11px;min-height:20px;color:#986879;margin-top:18px;line-height:1.8}.quiz-actions{margin-top:16px}.manual-next{box-shadow:none;padding:10px 20px!important;font-size:11px!important}.manual-next:disabled{visibility:hidden}.text-button{color:#80656e;border-color:#cfb8bf}.quiz-aside{padding-top:20px}.quiz-aside figure{border:1px solid #d7c7b6;padding:9px;background:#fff2dd;border-radius:110px 110px 0 0;overflow:hidden;transform:rotate(3deg)}.quiz-aside img{border-radius:100px 100px 0 0;filter:none;max-height:265px}.quiz-aside blockquote{color:#86646f;font-size:22px;margin-top:28px}.quiz-aside p{color:#8c7880}.quiz-bottom-note{font-size:10px}
.choice-card{border-radius:16px!important;overflow:hidden}.choose-intro{color:var(--muted)}.choice-image{background:#eee4db!important}.choice-card:hover{border-color:#b38392!important}.result-cover{gap:55px}.result-cover h1{color:#74515f}.artist-english{color:#a17f8a}.result-intro,.reason-grid p,.modal-copy p,.modal-copy li{color:#786570}.result-cover-image{border-radius:150px 150px 9px 9px;overflow:hidden;background:#f3e7dd;border-color:#ddcbbf;box-shadow:8px 15px 30px #79576512}.result-cover-image img{background:#f3e7dd;border-radius:135px 135px 0 0}.palette i{border-radius:5px}.result-section{border-color:var(--line)}.answer-quote{border-color:#c69ba8}.axis-track{background:#e9dadd}.axis-ends{color:#8d7a82}.work-visual{background:#f0e7df;border-radius:13px}.zoom-label{background:#fff9f4eb;color:#856473;border-radius:8px}.curator{background:#e8ece3;border:1px solid #dde2d6;border-radius:17px;gap:40px}.curator p{color:#71796a}.curator h3{color:#69725f}.secondary{border-color:#cfb6bc;border-radius:30px}.secondary:hover{background:#f5e8e7}.familiar-note{background:#f2e5e2;padding:15px 18px;border-radius:10px}.familiar-note small{display:block;font-size:10px;margin-top:5px;color:#977c86}dialog{border-radius:22px;border-color:#dfccce;box-shadow:0 25px 90px #55384030}dialog::backdrop{background:#49343d8c;backdrop-filter:blur(6px)}.lightbox img{background:#eee4dc}.close{color:#936a79}#toast{background:#755060f5;border-radius:12px}.fade-in{animation-duration:.3s}
.result-cover-image{border-radius:14px}.result-cover-image img{border-radius:0}.quiz-aside img{height:240px}
@media(min-width:1600px){.hero-art{min-height:570px}.hero-frame img{height:435px}}
@media(max-width:1100px){.hero{padding-top:55px;min-height:650px;gap:3%}.hero h1{font-size:43px}.hero-art{min-height:490px}.hero-frame img{height:350px}.ink-frame{height:235px}.art-note{font-size:16px;left:-3%;bottom:85px;padding:14px 19px}.hero-meta{gap:12px}.hero-meta span+span{padding-left:12px}.familiar-grid{gap:18px}.familiar-card img{height:170px}.art-window{height:220px}.editorial-intro{gap:7%;padding:75px 7%}.editorial-title h2{font-size:31px}}
@media(max-width:700px){.ribbon{font-size:8px;letter-spacing:1.3px;padding:7px 10px}.ribbon span{margin:0 7px}.header{height:85px}.header nav{gap:16px}.brand{font-size:20px;letter-spacing:3px}.brand-seal{height:37px}.hero{padding:35px 7% 50px;gap:24px;min-height:0}.hero h1{font-size:clamp(32px,8.8vw,40px);line-height:1.65;letter-spacing:2px;margin:20px 0 18px}.hero-desc{font-size:12px;line-height:2.2}.hero .primary{padding:15px 26px;margin-top:22px;font-size:13px;gap:30px}.micro{font-size:10px}.hero-meta{margin-top:23px;gap:14px}.hero-meta span+span{padding-left:14px}.hero-meta strong{font-size:19px}.hero-art{min-height:390px;margin-top:12px}.hero-frame{width:73%;padding:8px;margin-right:12%;max-width:295px}.hero-frame img{height:290px}.ink-frame{height:205px;bottom:24px;width:34%;right:0;padding:7px}.vertical{top:53px;font-size:10px;letter-spacing:5px}.seal-round{top:-10px;right:9%;width:59px;height:59px;font-size:13px}.hero-flower{font-size:75px;top:0;left:-1%}.art-note{font-size:14px;padding:12px 16px;bottom:64px;left:-2%;letter-spacing:1px}.art-note span{font-size:9px}.art-label{left:4%;font-size:7px;bottom:-9px}.art-label i{font-size:12px}.invitation{padding:23px 20px;border-radius:13px;gap:15px}.invitation .number{font-size:26px;white-space:nowrap}.invitation p{font-size:15px;letter-spacing:.5px}.invitation small{font-size:10px;line-height:1.9}.editorial-intro{padding:55px 8% 50px;grid-template-columns:1fr;gap:30px}.editorial-title h2{font-size:30px;line-height:1.75;margin:13px 0}.editorial-title p{max-width:100%;font-size:11px}.ritual-steps{gap:19px}.ritual-steps article{padding-bottom:19px;gap:20px}.ritual-steps h3{font-size:18px}.ritual-steps i{font-size:28px}.ritual-steps p{font-size:11px}.familiar-shelf{padding:40px 7% 45px}.shelf-title{margin-bottom:25px}.shelf-title h2{font-size:23px;letter-spacing:1px}.shelf-title .eyebrow{font-size:8px}.familiar-grid{grid-template-columns:repeat(3,1fr);gap:25px 15px}.familiar-card img{height:145px;border-width:5px}.familiar-card>span{font-size:17px;letter-spacing:1px;margin-top:11px}.familiar-card small{font-size:9px;line-height:1.6}.collection{padding:48px 6% 40px}.section-head h2{font-size:27px}.section-head h2 em{font-size:24px}.section-head p{font-size:11px}.filters{gap:6px;flex-wrap:wrap}.filter{padding:6px 12px}.artist-grid{gap:27px 17px}.art-window{height:205px;padding:9px}.artist-card h3{font-size:20px;letter-spacing:1px}.artist-card p.known-work{font-size:10px;line-height:1.8}.closing{border-radius:80px 80px 14px 14px;padding:38px 20px;margin:10px 6% 38px}.closing h2{font-size:23px;line-height:1.8;letter-spacing:1px}.closing p{font-size:11px}.quiz-shell{padding:26px 6% 40px}.quiz-layout{grid-template-columns:1fr;gap:0}.progress{margin:16px 0 25px}.question-title{font-size:26px;line-height:1.7}.question-hint{font-size:12px;line-height:1.8;margin:12px 0 22px}.question-no{margin-bottom:12px}.option{padding:16px 15px;min-height:65px;font-size:14px;gap:12px;border-radius:12px}.question-panel{padding:0;border:0;background:none}.answer-status{font-size:10px;margin-top:17px}.quiz-actions{margin-top:14px}.quiz-bottom-note{font-size:9px;line-height:1.9}.result-cover{gap:28px}.result-cover-image{border-radius:120px 120px 8px 8px;padding:11px}.result-cover-image img{border-radius:110px 110px 0 0}.result-cover h1{font-size:46px;letter-spacing:4px}.result-intro{font-size:13px}.result-section h2{font-size:25px;letter-spacing:2px}.curator{padding:24px;gap:22px}.result-other{line-height:1.9}.result .works:has(>figure:only-child) .work-visual{height:340px}.work-meta p{font-size:11px}dialog{border-radius:18px}}
@media(max-width:700px){.result-cover-image{border-radius:12px}.result-cover-image img{border-radius:0}}
@media(max-width:370px){.hero-art{min-height:360px}.hero-frame img{height:260px}.ink-frame{height:190px}.art-window{height:180px}.familiar-card img{height:130px}.hero-meta{gap:10px}.hero-meta span+span{padding-left:10px}.question-title{font-size:24px}.invitation .number{font-size:23px}.invitation p{font-size:14px}}
