@charset "UTF-8";
/* imperialporcelain_event LP-scoped CSS (Pattern 03 x 09 hybrid) */
:root{--c-cobalt:#1b3a6b;--c-cobalt-deep:#12274a;--c-gold:#a8853e;--c-ink:#23262b;--c-beige:#f4efe7;--c-white:#fff;--c-line:#d9cfbf}
.wrapper_top,.wrapper_first,.wrapper_second,.wrapper_third,.wrapper_fourth,.wrapper_fifth,.wrapper_sixth,.wrapper_seventh,.wrapper_eighth,.wrapper_ninth,.wrapper_tenth,.wrapper_footer{font-family:"Noto Serif JP","Cormorant Garamond",serif;font-size:16px;line-height:1.95;letter-spacing:.04em;color:var(--c-ink);flex:1 1 100%;width:100%;max-width:100%}
.wrapper_top *,.wrapper_first *,.wrapper_second *,.wrapper_third *,.wrapper_fourth *,.wrapper_fifth *,.wrapper_sixth *,.wrapper_seventh *,.wrapper_eighth *,.wrapper_ninth *,.wrapper_tenth *,.wrapper_footer *{box-sizing:border-box}
.ip-inner{max-width:1080px;margin:0 auto;padding:0 24px}
.ip-eyebrow{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--c-gold);display:block;margin-bottom:10px}
.ip-h2{font-family:"Noto Serif JP",serif;font-weight:500;font-size:30px;line-height:1.5;color:var(--c-cobalt-deep);margin:0 0 8px}
.ip-h3{font-family:"Noto Serif JP",serif;font-weight:500;font-size:22px;line-height:1.5;color:var(--c-cobalt-deep);margin:36px 0 10px}
.ip-lead{font-size:16px;color:var(--c-ink);margin:0 0 28px}
.ip-essay p{margin:0 0 18px}
.ip-dropcap::first-letter{float:left;font-family:"Cormorant Garamond",serif;font-size:64px;line-height:.85;padding:6px 12px 0 0;color:var(--c-gold)}
.ip-year{font-family:"Cormorant Garamond",serif;font-style:italic;color:var(--c-gold)}
.ip-quote{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:17px;border-left:3px solid var(--c-gold);padding:8px 18px;margin:24px 0;color:var(--c-cobalt-deep)}
.ip-caption{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:13px;color:#6b6256;text-align:center;margin:6px 0 18px}
.ip-note-image{font-size:12px;color:#9c9388;text-align:right;margin:0 0 24px}
.chapter-hero{aspect-ratio:14/5;object-fit:cover;width:100%;margin:18px 0;background:var(--c-beige)}
.ip-figure{margin:24px auto;max-width:680px}
.ip-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--c-beige)}
.ip-figure--portrait img{aspect-ratio:3/4}
.ip-figure--wide img{aspect-ratio:16/9}
.ip-btn{display:inline-block;font-family:sans-serif;font-size:14px;letter-spacing:.06em;padding:13px 28px;border:1px solid var(--c-cobalt);color:var(--c-cobalt);text-decoration:none;background:var(--c-white);transition:.2s}
.ip-btn:link,.ip-btn:visited{color:var(--c-cobalt)}
.ip-btn:hover{background:var(--c-cobalt);color:var(--c-white)}
.ip-btn--gold{border-color:var(--c-gold);color:var(--c-gold)}
.ip-btn--gold:link,.ip-btn--gold:visited{color:var(--c-gold)}
.ip-btn--gold:hover{background:var(--c-gold);color:var(--c-white)}
.wrapper_top{background:var(--c-cobalt-deep);color:var(--c-white)}
.wrapper_first{background:var(--c-white)}
.wrapper_second{background:var(--c-beige)}
.wrapper_third{background:var(--c-white)}
.wrapper_fourth{background:var(--c-beige)}
.wrapper_fifth{background:var(--c-white)}
.wrapper_sixth{background:var(--c-beige)}
.wrapper_seventh{background:var(--c-white)}
.wrapper_eighth{background:var(--c-cobalt-deep);color:var(--c-white)}
.wrapper_ninth{background:var(--c-white)}
.wrapper_tenth{background:var(--c-beige)}
.wrapper_footer{background:var(--c-cobalt);color:var(--c-white)}
.wrapper_top,.wrapper_first,.wrapper_second,.wrapper_third,.wrapper_fourth,.wrapper_fifth,.wrapper_sixth,.wrapper_seventh,.wrapper_eighth,.wrapper_ninth,.wrapper_tenth,.wrapper_footer{padding:64px 0}
.ip-hero-figure{aspect-ratio:4/3;width:100%;object-fit:cover;display:block;margin:0 0 28px;background:var(--c-beige)}
.ip-hero-h1{font-family:"Noto Serif JP",serif;font-weight:500;font-size:42px;line-height:1.4;color:var(--c-white);margin:0 0 16px}
.ip-hero-lead{font-size:16px;color:#e7ecf4;max-width:760px}
.ip-hero-nav{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.ip-hero-nav a{font-family:sans-serif;font-size:13px;color:var(--c-white);border:1px solid rgba(255,255,255,.4);padding:8px 16px;text-decoration:none}
.ip-hero-nav a:hover{background:rgba(255,255,255,.1)}
.ip-series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.ip-series-card{display:block;text-decoration:none;color:var(--c-ink);background:var(--c-white);border:1px solid var(--c-line);transition:.2s}
.ip-series-card:link,.ip-series-card:visited{color:var(--c-ink)}
.ip-series-card:hover{border-color:var(--c-gold);transform:translateY(-2px)}
.ip-series-card figure{margin:0;aspect-ratio:1/1;background:var(--c-beige);overflow:hidden}
.ip-series-card img{width:100%;height:100%;object-fit:cover}
.ip-series-card .ip-series-name{font-weight:500;font-size:17px;padding:12px 12px 2px}
.ip-series-card .ip-series-meta{font-size:13px;color:#6b6256;padding:0 12px 14px}
.ip-axis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.ip-axis-card{display:block;text-decoration:none;color:var(--c-ink);text-align:center;border:1px solid var(--c-line);background:var(--c-white);padding:22px 12px;transition:.2s}
.ip-axis-card:link,.ip-axis-card:visited{color:var(--c-ink)}
.ip-axis-card:hover{border-color:var(--c-cobalt)}
.ip-axis-card .ip-axis-label{font-weight:500;font-size:17px}
.ip-axis-card .ip-axis-sub{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:13px;color:var(--c-gold)}
.ip-stl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}
.ip-stl-card{text-decoration:none;color:var(--c-ink)}
.ip-stl-card:link,.ip-stl-card:visited{color:var(--c-ink)}
.ip-stl-card figure{margin:0;aspect-ratio:1/1;background:var(--c-white);border:1px solid var(--c-line);overflow:hidden}
.ip-stl-card img{width:100%;height:100%;object-fit:cover}
.ip-stl-card .ip-stl-name{font-size:14px;padding-top:8px}
.ip-painter-block{margin:36px 0;border-top:1px solid var(--c-line);padding-top:36px}
.ip-painter-block:first-of-type{border-top:none;padding-top:0}
.ip-painter-meta{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:14px;color:var(--c-gold);letter-spacing:.1em;margin:0 0 6px}
.ip-works-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.ip-works-card{margin:0}
.ip-works-card figure{margin:0;aspect-ratio:1/1;background:var(--c-beige);border:1px solid var(--c-line);overflow:hidden}
.ip-works-card img{width:100%;height:100%;object-fit:cover}
.ip-works-card figcaption{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:14px;color:#6b6256;text-align:center;margin-top:6px}
.ip-works-note{font-size:13px;color:#6b6256;margin:8px 0 24px}
.wrapper_eighth .ip-h2{color:var(--c-white)}
.wrapper_eighth .ip-essay p{color:#e7ecf4}
.ip-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px}
.ip-pro-box{border:1px solid rgba(255,255,255,.3);padding:22px}
.ip-pro-box h3{font-family:"Noto Serif JP",serif;font-weight:500;font-size:18px;color:var(--c-gold);margin:0 0 10px}
.ip-pro-box p{font-size:15px;color:#e7ecf4;margin:0}
.ip-faq-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}
.ip-faq-column{display:flex;flex-direction:column}
.ip-faq-item{border-bottom:1px solid var(--c-line);padding:6px 0}
.ip-faq-item summary{font-weight:500;font-size:16px;cursor:pointer;padding:10px 28px 10px 0;position:relative;list-style:none;transition:color .2s}
.ip-faq-item summary::-webkit-details-marker{display:none}
.ip-faq-item summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:"Cormorant Garamond",serif;font-weight:400;font-size:24px;line-height:1;color:var(--c-cobalt);transition:color .2s}
.ip-faq-item summary:hover{color:var(--c-cobalt)}
.ip-faq-item[open] summary::after{content:"−"}
.ip-faq-item p{font-size:15px;margin:0 0 12px;color:#4a463f}
.ip-plist-note{font-size:15px;color:#6b6256;margin-bottom:20px}
.ip-cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:24px}
.wrapper_footer .ip-h2{color:var(--c-white);text-align:center}
.wrapper_footer .ip-btn{color:var(--c-white);border-color:var(--c-white);background:transparent}
.wrapper_footer .ip-btn:link,.wrapper_footer .ip-btn:visited{color:var(--c-white)}
.wrapper_footer .ip-btn:hover{background:var(--c-white);color:var(--c-cobalt)}
@media screen and (max-width: 1100px){.ip-series-grid,.ip-axis-grid,.ip-stl{grid-template-columns:repeat(3,1fr)}.ip-works-gallery{grid-template-columns:repeat(3,1fr)}}
@media screen and (max-width: 850px){.ip-series-grid,.ip-axis-grid,.ip-stl{grid-template-columns:repeat(2,1fr)}.ip-pro-grid{grid-template-columns:1fr}}
@media screen and (max-width: 639px){.wrapper_top,.wrapper_first,.wrapper_second,.wrapper_third,.wrapper_fourth,.wrapper_fifth,.wrapper_sixth,.wrapper_seventh,.wrapper_eighth,.wrapper_ninth,.wrapper_tenth,.wrapper_footer{padding:44px 20px}.ip-hero-h1{font-size:30px}.ip-h2{font-size:24px}.ip-h3{font-size:19px}.ip-faq-grid{grid-template-columns:1fr}.ip-series-grid,.ip-axis-grid,.ip-stl{grid-template-columns:1fr 1fr}.ip-works-gallery{grid-template-columns:1fr}}