/*
Theme Name: Mimista
Description: 歴史の空間ギャラリー、年代・地域検索、コラム、16:9プレビューとモザイク演出を備えたテーマ。
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Author: Mimista
License: GPL-2.0-or-later
Text Domain: mimista
*/
:root{color-scheme:dark;--paper:#f7f6f1;--ink:#16272b;--teal:#275d64;--muted:#b9c1bf;--line:#ffffff22;font-family:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:#111b1b;color:#f4f1e9}body:before{content:'';position:fixed;inset:-30px;z-index:-2;background:linear-gradient(180deg,#08151585,#071413d9),url('assets/archive-atmosphere.webp') center/cover;filter:blur(15px);transform:scale(1.05)}body:after{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,transparent,#050e1277)}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e3c89b;outline-offset:5px}input,select{min-width:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 6vw}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:400;letter-spacing:.16em;font-family:Georgia,'Yu Mincho',serif;font-size:18px}.brand svg{width:22px;height:26px}.nav-label{font-size:12px;letter-spacing:.12em;text-decoration:none;color:#d0d5d2}#content{max-width:1440px;margin:auto;padding:23px 6vw 36px;min-height:80vh}.eyebrow{font-size:10px;letter-spacing:.3em;color:#d3be97;margin:0 0 10px;font-weight:400}.heading-line{display:flex;align-items:center;justify-content:space-between;gap:24px}.heading-line h1{font-family:Georgia,'Yu Mincho',serif;font-size:30px;font-weight:400;letter-spacing:.14em;line-height:1.5;margin:0}.heading-line>p{font-size:12px;line-height:1.8;letter-spacing:.06em;color:#c4c8c2;margin:0}.archive-head{margin-bottom:22px}#filters{max-width:760px;margin:auto}.search-box{display:flex;align-items:center;border:1px solid #ffffff32;background:#d7e2da0b;height:46px;border-radius:28px;backdrop-filter:blur(20px);overflow:hidden}.search-box>span:first-child{font-size:26px;color:#d2c4aa;width:46px;text-align:center}.search-box input{border:0;background:transparent;flex:1;color:#fff;height:100%;padding:10px 0;font-size:13px;width:100%}.search-box input::placeholder{color:#ccd1ca99}.search-box button{height:100%;padding:0 22px;color:#ece8dc;background:#ffffff0d;font-size:12px}.search-box button:hover{background:#ffffff22}.search-box button span{margin-left:10px}.advanced-filters{margin-top:10px}.advanced-filters summary{cursor:pointer;list-style:none;font-size:11px;color:#bdc6c3;text-align:center;padding:8px}.advanced-filters summary::-webkit-details-marker{display:none}.advanced-filters summary span{margin-left:12px}.advanced-filters[open]{background:#09201e99;border:1px solid #ffffff22;border-radius:16px;padding:4px 18px 16px}.filter-grid{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:14px;padding:12px 0}.filter-grid label{font-size:11px;line-height:1.8;color:#b9c9c2}.filter-grid select,.custom-years select,.custom-years input{border:1px solid #ffffff33;background:#162b2a;color:#f4f1e9;border-radius:6px;height:38px;padding:0 9px}.filter-grid select{display:block;width:100%;margin-top:6px;font-size:12px}.custom-years{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;margin-top:12px}.custom-years>label{display:flex;align-items:center;gap:6px}.custom-years input{width:80px}.apply-years,.empty button{background:#dfd3b8;color:#16312c;padding:10px 16px;border-radius:20px}#filter-error{color:#ffb6a8;font-size:12px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 0}.result-heading p{font-size:11px;margin:0;color:#d2d5cb}.result-heading strong{font-size:13px;font-weight:400;margin-right:4px}.result-heading p>span{color:#a5b4ad;margin-left:8px;font-size:10px}.text-button{font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:6px 0;background:transparent;color:#c4cdc6}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.chips:empty{margin:0}.chips button{background:#ffffff11;border:1px solid #ffffff22;border-radius:20px;font-size:11px;color:#eee6d3;padding:6px 10px}.chips span{margin-left:8px}.cards{position:relative;height:470px;perspective:1200px;isolation:isolate;margin:15px calc(-6vw + 15px) 0;overflow:hidden;touch-action:pan-y}.article-card{position:absolute;left:50%;top:16px;width:310px;height:420px;margin-left:-155px;border:1px solid #e5ece45c;border-radius:23px;overflow:hidden;background:#91b1a31a;box-shadow:0 25px 55px #0008,inset 0 1px 0 #fff6;backdrop-filter:blur(24px);transform:translateX(calc(var(--offset) * 238px)) translateZ(calc(var(--distance) * -130px)) rotateY(calc(var(--offset) * -14deg)) translateY(calc(var(--distance) * 8px));opacity:calc(1 - var(--distance) * .15);transition:transform .7s cubic-bezier(.2,.75,.25,1),opacity .6s;will-change:transform}.article-card.offstage{opacity:0;pointer-events:none}.card-image{position:absolute;inset:0 0 18%;overflow:hidden}.card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#102121cc 94%)}.card-image img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.no-image{background:radial-gradient(ellipse at 70% 20%,#a7a18355,transparent 65%),linear-gradient(135deg,#365044,#122924)}.text-art{position:absolute;left:26px;top:34px;font:110px/1 Georgia,serif;color:#f8e8bd40}.text-art small{display:block;font:9px/2 Arial,sans-serif;letter-spacing:.28em;color:#e4d8ba88}.card-copy{position:absolute;left:0;right:0;bottom:0;padding:20px 23px 20px;background:linear-gradient(180deg,#53726708,#38534e90 25%,#1d3436d9);border-top:1px solid #ffffff24;backdrop-filter:blur(16px)}.card-top{display:flex;justify-content:space-between;color:#eee3c8;font-size:9px;letter-spacing:.08em;margin-bottom:8px}.article-card h2{font-family:Georgia,'Yu Mincho',serif;font-size:25px;font-weight:400;letter-spacing:.035em;margin:0 0 6px;line-height:1.4}.card-subtitle{font-size:11px;line-height:1.65;margin:0 0 9px;color:#eef1e5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.excerpt{font-size:10px;color:#c8d3c9;line-height:1.8;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff25;padding-top:12px;font-size:9px;color:#d0d9d0}.read-link{font-size:10px;text-decoration:none;white-space:nowrap}.read-link span{margin-left:6px;font-size:15px}.card-select{position:absolute;inset:0;background:transparent}.active .card-select{display:none}.article-card:not(.active) .card-copy{pointer-events:none}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:19px;width:max-content;max-width:100%;margin:-9px auto 22px;padding:8px 12px;border:1px solid #ffffff32;border-radius:40px;background:#bfc7b014;box-shadow:0 9px 30px #0003;backdrop-filter:blur(20px)}.carousel-controls>button{width:30px;height:30px;background:transparent;border-radius:50%;color:#e8ecdf;font-size:18px}.carousel-controls>button:hover{background:#ffffff1a}.carousel-dots{display:flex;align-items:center;gap:6px}.carousel-dots button{width:5px;height:5px;padding:0;border-radius:50%;background:#ffffff4a;position:relative}.carousel-dots button:before{content:'';position:absolute;inset:-8px -2px}.carousel-dots button.active{background:#f0e4c9;box-shadow:0 0 9px #f0e4c988}.carousel-position{font-size:9px}#carousel-position{font-size:9px;letter-spacing:.12em;color:#c4cfbf}.archive-note{font-size:10px;line-height:1.8;color:#b3c0b6;text-align:center;margin:0 auto;max-width:600px}.site-footer{border-top:1px solid #ffffff1b;margin:0 6vw;padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#aab7ae}.site-footer p{margin:0}.site-footer button{background:none;color:#c3cec5;padding:0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.empty{text-align:center;padding:65px 25px}.empty h2{font-size:20px;font-weight:400}.empty p{font-size:13px;line-height:1.8}.detail-wrap{max-width:900px;margin:10px auto;background:#f5f3ec;color:var(--ink);padding:48px 64px;border-radius:20px;box-shadow:0 25px 80px #0005;--muted:#657575;--line:#d9dfdb;color-scheme:light}.back-link{color:var(--teal);font-size:13px;text-decoration:none;display:inline-block;margin-bottom:30px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;line-height:1.8;font-size:11px;color:var(--muted);margin-bottom:28px}.breadcrumbs a{text-decoration:none}.article-header .eyebrow{color:var(--teal)}.article-header h1{font-family:Georgia,'Yu Mincho',serif;font-size:38px;line-height:1.5;font-weight:500;letter-spacing:.04em;margin:0 0 12px}.article-subtitle{font-size:18px;line-height:1.8;margin:0 0 28px}.article-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:36px}.article-meta>div{display:flex;gap:20px;font-size:12px;line-height:1.9;margin:4px 0}.article-meta dt{color:var(--muted);flex:0 0 70px}.article-meta dd{margin:0}.prose{font-size:16px;line-height:2.1;overflow-wrap:anywhere}.prose p{margin:0 0 25px}.prose h2{font-family:Georgia,'Yu Mincho',serif;font-size:24px;line-height:1.6;font-weight:500;margin:42px 0 20px;padding-left:17px;border-left:3px solid var(--teal)}.prose a{color:var(--teal);text-underline-offset:4px}.prose a[href^='https:']::after{content:' ↗';font-size:.8em}.prose li{margin:10px 0}.prose ul,.prose ol{padding-left:26px}.prose ol{font-size:13px}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0 30px}.article-tags a{padding:7px 12px;background:#e6ece7;color:var(--teal);font-size:12px;text-decoration:none;border-radius:20px}.bottom-back{border-top:1px solid var(--line);width:100%;padding-top:24px;margin-bottom:0}
/* The camera moves through the actual laptop display. */
.intro-open{overflow:hidden}#intro{position:fixed;inset:0;z-index:100;background:#071413;overflow:hidden;cursor:pointer}#scene{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;contain:layout style}#scene>img{display:block;width:100%;height:100%}#portal-screen{position:absolute;left:25.06%;top:13.28%;width:49.88%;height:50.27%;overflow:hidden;clip-path:polygon(1% 0,99% 0,100% 100%,0 100%);background:#13292c}#portal-art{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;filter:brightness(.75) saturate(.75)}#screen-copy{position:absolute;left:25.2%;top:13.3%;width:49.6%;height:50.2%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:left;color:#fff4db;background:linear-gradient(90deg,transparent,#0b181977);padding:3.3% 3.8%;text-shadow:0 2px 20px #04131c80}#screen-copy .screen-eyebrow{font-size:clamp(8px,.65vw,12px);letter-spacing:.25em;width:59%;margin:0 0 5%}#screen-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.03;letter-spacing:-.035em;font-size:clamp(27px,3.7vw,75px);margin:0 0 5%;width:59%}#enter{display:flex;align-items:center;justify-content:space-between;gap:18px;width:59%;background:none;color:#f0e9d8;padding:0;letter-spacing:.12em;font-size:clamp(8px,.57vw,11px);text-align:left}#enter .enter-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid #f0e9d866;border-radius:50%;font-size:20px;flex-shrink:0}#enter:hover .enter-arrow{background:#f0e9d8;color:#1a302d}#intro .intro-hint{position:absolute;bottom:5.5%;left:0;right:0;text-align:center;color:#dce5dd;font-size:10px;letter-spacing:.2em;pointer-events:none;text-shadow:0 2px 5px #000}.intro-hint span{display:block;font-size:11px;margin-top:10px;color:#afc3bd;letter-spacing:.03em}#skip{position:absolute;right:32px;top:28px;background:none;color:#d7e1dc;padding:10px;font-size:11px;letter-spacing:.05em}#intro.entering .intro-hint,#intro.entering #skip{opacity:0;transition:opacity .2s}#intro.entering #enter{opacity:0;transition:opacity .2s}.arrived{animation:arrive 2.2s ease both}@keyframes arrive{0%,60%{filter:blur(8px);transform:scale(1.04)}100%{filter:blur(0);transform:scale(1)}}html.intro-pending #site{visibility:hidden}html.intro-pending #intro[hidden]{display:block!important}
@media(min-width:1600px){.cards{height:545px}.article-card{width:355px;height:490px;margin-left:-177.5px;transform:translateX(calc(var(--offset) * 280px)) translateZ(calc(var(--distance) * -140px)) rotateY(calc(var(--offset) * -14deg))}.article-card h2{font-size:29px}.card-copy{padding:25px}.card-subtitle{font-size:13px}.excerpt{font-size:12px}.card-bottom{font-size:10px}}
@media(max-width:700px){.site-header{height:65px;padding:0 22px}.brand{font-size:16px}.nav-label{font-size:11px}#content{padding:18px 22px 30px}.heading-line{display:block}.heading-line h1{font-size:26px}.heading-line>p{margin-top:9px;font-size:11px}.archive-head{margin-bottom:19px}.cards{margin:14px -22px 0;height:445px}.article-card{width:280px;height:400px;margin-left:-140px;transform:translateX(calc(var(--offset) * 215px)) translateZ(calc(var(--distance) * -160px)) rotateY(calc(var(--offset) * -14deg))}.article-card h2{font-size:23px}.card-copy{padding:18px 20px}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid>label:last-child{grid-column:1/-1}.custom-years>label{width:100%}.custom-years input{flex:1}.custom-years>span{display:none}.carousel-controls{gap:13px;padding:7px 10px}.carousel-dots{gap:6px}.site-footer{margin:0 22px;flex-direction:column;align-items:flex-start;gap:14px}.detail-wrap{padding:28px 22px;margin:0 -6px;border-radius:14px}.article-header h1{font-size:29px}.article-subtitle{font-size:16px}.prose{font-size:15px}.prose h2{font-size:22px}.article-meta>div{gap:10px;font-size:11px}#screen-copy{padding:3.3%}#screen-copy h1{font-size:7.6vw;width:62%}#screen-copy .screen-eyebrow{font-size:7px;width:62%;letter-spacing:.16em}#enter{font-size:7px;width:62%;gap:8px}#enter .enter-arrow{width:27px;height:27px;font-size:15px}#skip{top:16px;right:16px;font-size:10px}#intro .intro-hint{bottom:10%;font-size:9px;padding:0 16px}.intro-hint span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

h1:focus{outline:none}#enter:focus-visible{outline-offset:8px;border-radius:6px}

.card-image{inset:0}.card-image img{object-fit:fill}.card-image:after{background:linear-gradient(180deg,transparent 58%,#10212125)}.card-copy{background:linear-gradient(180deg,#24322b05,#11242155);backdrop-filter:blur(2px);border-top:0}.article-card{background:#314a4222}.arrived{animation:arrive 2.8s cubic-bezier(.2,.6,.25,1) both}@keyframes arrive{0%,50%{opacity:.45;filter:blur(12px);transform:scale(1.055)}100%{opacity:1;filter:blur(0);transform:scale(1)}}

/* CLASSICAL_CARD_COPY_V1 */
.content-pack-card .card-copy{left:10.5%;right:10.5%;top:70.5%;bottom:6%;padding:0;background:none;backdrop-filter:none;border:0}
.content-pack-card .card-top,.content-pack-card .card-subtitle{display:none}
.content-pack-card h2{font-size:15.5px;line-height:1.25;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.content-pack-card .excerpt{font-size:10px;line-height:1.45;margin:0 0 4px}
.content-pack-card .card-bottom{padding-top:5px;font-size:8px;gap:4px}
.content-pack-card .read-link{font-size:9px}
.carousel-dots{flex-wrap:wrap;justify-content:center;max-width:140px;row-gap:10px}
.carousel-controls{gap:10px}.carousel-controls>button{flex-shrink:0}
@media(min-width:1600px){.content-pack-card h2{font-size:18px}.content-pack-card .excerpt{font-size:11px}.content-pack-card .card-bottom{font-size:9px}}