.card-playground{min-height:100vh;background:var(--washi);padding:var(--space-lg)}.playground-header{text-align:center;margin-bottom:var(--space-xl);padding-top:var(--space-sm)}.playground-header h1{font-family:var(--font-serif);font-size:clamp(2rem,3vw,2.875rem);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-xs);letter-spacing:.1em}.playground-header p{font-family:var(--font-sans);font-size:clamp(1rem,1.2vw,1.125rem);color:var(--text-secondary);margin:0}.concepts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:1800px;margin:0 auto}@media(max-width:1200px){.concepts-grid{grid-template-columns:1fr;gap:var(--space-lg);max-width:600px}}.concept-a,.concept-b,.concept-c{background:#fff9;border-radius:var(--radius-md);padding:var(--space-md);box-shadow:0 2px 20px #0000000f;display:flex;flex-direction:column;min-height:600px}.concept-header{text-align:center;margin-bottom:var(--space-md)}.concept-header h3{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;color:var(--text-primary);margin:0 0 4px}.concept-subtitle{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);margin:0}.technique-description{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin:var(--space-sm) 0 0;line-height:1.6}.slider-image-container{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-sm)}.slider-image-stack{position:relative;width:100%;max-width:320px;aspect-ratio:2/3}.slider-image-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:var(--radius-sm)}.current-technique-label{display:flex;align-items:baseline;gap:var(--space-xs);margin-top:var(--space-sm)}.current-technique-label .technique-name{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;letter-spacing:.1em}.current-technique-label .technique-year{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary)}.slider-control{margin-top:auto}.slider-labels{display:flex;justify-content:space-between;margin-bottom:.75rem}.slider-label{background:none;border:none;cursor:pointer;padding:var(--space-xs);text-align:center;opacity:.5;transition:opacity .2s}.slider-label.active{opacity:1}.slider-label .label-name{display:block;font-family:var(--font-serif);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.slider-label .label-year{display:block;font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary)}.slider-track-container{position:relative;height:32px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.slider-track-container:hover .slider-track{height:6px}.slider-track-container:hover .slider-thumb{height:24px}.slider-track-container.dragging .slider-track{height:8px}.slider-track-container.dragging .slider-thumb{height:28px}.slider-track-container.dragging .slider-progress{transition:none}.slider-track{position:absolute;top:50%;left:0;right:0;height:6px;background:#00000014;border-radius:3px;transform:translateY(-50%);transition:height var(--duration-fast) var(--ease-ukiyoe);overflow:visible}.slider-segments{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.slider-segment{position:absolute;top:0;height:100%;transition:opacity var(--duration-normal) var(--ease-ukiyoe)}.slider-thumb{position:absolute;top:50%;width:2px;height:20px;background:var(--text-primary);border-radius:1px;transform:translate(-50%,-50%);transition:transform var(--duration-fast) var(--ease-ukiyoe),height var(--duration-fast) var(--ease-ukiyoe);pointer-events:none}.slider-segment:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--echizen)}.slider-segment:last-child:after{display:none}.slider-years-positioned{position:relative;height:1.5rem;margin-top:var(--space-xs);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);opacity:.8}.play-pause-wrapper{display:flex;justify-content:flex-end;margin-top:var(--space-sm)}.play-pause-button{width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-ukiyoe)}.play-pause-button.paused{border:1px solid var(--sumi-iro);background:#fffcf580;color:var(--text-secondary)}.play-pause-button.paused:hover{border:1px solid var(--sumi-iro);background:#fffcf580;color:var(--text-primary);transform:scale(1.05)}.play-pause-button.playing{background:var(--ai-iro);border:2px solid var(--ai-iro);color:#fff}.play-pause-button.playing:hover{transform:scale(1.05)}.play-pause-button:active{transform:scale(.95)}.play-pause-button svg{width:16px;height:16px}.concept-b{-webkit-user-select:none;user-select:none}.timeline-image-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);overflow:hidden;border-radius:var(--radius-sm)}.timeline-image{width:100%;max-width:320px;height:auto;object-fit:contain}.year-indicator{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;flex-direction:column;gap:4px}.year-value{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);line-height:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.technique-badge{display:inline-block;padding:4px var(--space-xs);font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-white);border-radius:2px;width:fit-content}.timeline-bar{position:relative;height:60px;cursor:pointer;margin-bottom:var(--space-sm)}.timeline-periods{position:absolute;top:0;left:0;right:0;height:30px}.period-bar{position:absolute;height:100%;border-radius:2px;opacity:.6;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.period-bar.active{opacity:1}.period-label{font-family:var(--font-serif);font-size:var(--text-xs);color:var(--color-white);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}.timeline-cursor{position:absolute;top:0;height:40px;transform:translate(-50%);z-index:10;pointer-events:none}.cursor-line{position:absolute;top:0;left:50%;width:2px;height:100%;background:var(--text-primary);transform:translate(-50%)}.cursor-dot{position:absolute;bottom:-4px;left:50%;width:10px;height:10px;background:var(--text-primary);border-radius:50%;transform:translate(-50%)}.timeline-ticks{position:absolute;bottom:0;left:0;right:0;height:20px}.tick{position:absolute;transform:translate(-50%)}.tick-label{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);opacity:.8}.technique-info{background:#00000005;padding:var(--space-sm);border-radius:var(--radius-sm);margin-top:auto}.info-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:var(--space-xs)}.info-name{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500}.info-period{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary)}.info-period .duration{margin-left:4px;font-size:var(--text-xs);color:var(--text-secondary);opacity:.8}.info-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6;margin:0}.layer-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1000px;padding:2rem 0}.layer-stack{position:relative;width:220px;height:330px}.layer-card{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d}.layer-image-wrapper{position:relative;width:100%;height:100%;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 4px 20px #00000026;background:var(--color-white)}.layer-image{width:100%;height:100%;object-fit:contain;object-position:center}.layer-label{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(transparent,#fffffff2);display:flex;align-items:baseline;gap:var(--space-xs)}.layer-name{font-family:var(--font-serif);font-size:var(--text-base);font-weight:500}.layer-year{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary)}.layer-card.selected .layer-image-wrapper{box-shadow:0 8px 40px #00000040}.layer-details{position:absolute;bottom:-80px;left:-10px;right:-10px;padding:var(--space-sm);background:#fffffff2;border-radius:var(--radius-sm);box-shadow:0 2px 10px #0000001a}.layer-details p{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin:0}.interaction-hint{margin-top:var(--space-lg);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);opacity:.8}.layer-legend{display:flex;justify-content:center;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);background:none;border:none;cursor:pointer;padding:var(--space-xs);opacity:.6;transition:opacity .2s}.legend-item:hover,.legend-item.active{opacity:1}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-name{font-family:var(--font-serif);font-size:var(--text-xs);color:var(--text-primary)}@media(max-width:1200px){.concept-a,.concept-b,.concept-c{min-height:500px}.slider-image-stack,.timeline-image{max-width:280px}.layer-stack{width:200px;height:300px}}@media(max-width:768px){.card-playground{padding:var(--space-sm)}.playground-header{margin-bottom:var(--space-lg)}.concept-a,.concept-b,.concept-c{padding:var(--space-sm);min-height:450px}.slider-image-stack,.timeline-image{max-width:240px}.layer-stack{width:180px;height:270px}.layer-details{bottom:-70px;left:0;right:0}}@font-face{font-family:HOT-Tenshokk-M;src:url(/fonts/HOT-Tenshokk-M.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--sumi-iro: #2d2d2d;--beni-iro: #d64e4e;--ai-iro: #1e3a5f;--kin-iro: #c9a84c;--color-white: #ffffff;--color-black: #000000;--washi: #f5f0e6;--awayuki: #fefefe;--echizen: #ebdcbd;--washi-translucent: rgba(245, 240, 230, .95);--beni-05: rgba(214, 78, 78, .05);--beni-10: rgba(214, 78, 78, .1);--beni-15: rgba(214, 78, 78, .15);--ai-05: rgba(30, 58, 95, .05);--ai-10: rgba(30, 58, 95, .1);--ai-15: rgba(30, 58, 95, .15);--overlay-dark: rgba(0, 0, 0, .8);--overlay-light: rgba(255, 255, 255, .85);--period-sumizuri: #1a1a1a;--period-benizuri: #C33433;--period-nishiki: #1B3E5B;--period-decor-kusa: #95a078;--period-decor-akane: #f8604f;--text-primary: var(--sumi-iro);--text-secondary: var(--ai-iro);--text-accent: var(--beni-iro);--text-highlight: var(--kin-iro);--text-tertiary: #767676;--bg-primary: var(--washi);--bg-secondary: var(--awayuki);--font-serif: "Shippori Mincho", serif;--font-sans: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;--text-2xs: .75rem;--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.4375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 2.875rem;--text-5xl: 3.4375rem;--text-6xl: 4.5rem;--text-7xl: 5.75rem;--text-8xl: 6.875rem;--leading-tight: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.8;--leading-loose: 2;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .2em;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 128px;--space-5xl: 192px;--space-6xl: 256px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--border-thin: 1px;--border-normal: 2px;--border-thick: 3px;--border-primary: var(--sumi-iro);--border-secondary: var(--ai-iro);--border-accent: var(--beni-iro);--border-subtle: rgba(45, 45, 45, .1);--shadow-subtle: 0 2px 8px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .6s;--duration-slower: 1s;--duration-slowest: 1.5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-ukiyoe: cubic-bezier(.19, 1, .22, 1);--z-base: 0;--z-above: 10;--z-dropdown: 100;--z-sticky: 500;--z-modal: 900;--z-header: 1100;--z-overlay: 1200;--z-tooltip: 1300;--opacity-subtle: .05;--opacity-muted: .4;--opacity-semi: .6;--opacity-overlay: .8;--type-display-lg: clamp(2.25rem, .66rem + 6.79vw, 5.75rem);--type-display-md: clamp(2rem, .86rem + 4.85vw, 4.5rem);--type-display-sm: clamp(1.75rem, .98rem + 3.27vw, 3.4375rem);--type-headline-lg: clamp(1.5rem, .88rem + 2.67vw, 2.875rem);--type-headline-md: clamp(1.375rem, .98rem + 1.7vw, 2.25rem);--type-headline-sm: clamp(1.25rem, 1.02rem + .97vw, 1.75rem);--type-title-xl: clamp(1.375rem, .98rem + 1.7vw, 2.25rem);--type-title-lg: clamp(1.25rem, 1.02rem + .97vw, 1.75rem);--type-title-md: clamp(1.125rem, .98rem + .61vw, 1.4375rem);--type-title-sm: clamp(1rem, .89rem + .48vw, 1.25rem);--type-body-lg: clamp(1.125rem, 1.07rem + .24vw, 1.25rem);--type-body-md: clamp(1rem, .94rem + .24vw, 1.125rem);--type-body-sm: 1rem;--type-body-xs: .875rem;--type-label-md: 1rem;--type-label-sm: .875rem;--type-label-xs: .75rem;--ai: var(--ai-iro);--shu: var(--beni-iro);--kin: var(--kin-iro);--sumi: var(--sumi-iro);--accent: var(--beni-iro)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;height:100%;width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);padding:var(--space-md);padding-top:max(var(--space-md),env(safe-area-inset-top));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right));width:100%;margin:0 auto;display:flex}.header-content{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-kanji{display:flex;align-items:center;gap:0}.logo-uki-image{height:40px;width:40px;object-fit:contain}.logo-kanji-image{height:48px;width:auto;object-fit:contain}.logo-yo-e{font-family:"HOT-Tenshokk-M",var(--font-serif);font-size:var(--text-4xl);font-weight:400;color:var(--ai);letter-spacing:var(--tracking-wide);line-height:1}.logo-title{font-family:var(--font-serif);font-size:var(--text-base);font-weight:400;color:var(--text-secondary);letter-spacing:var(--tracking-wider);text-transform:uppercase}.hanko-filter-container{position:absolute;width:0;height:0;overflow:hidden}.hanko-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-white);border:1px solid var(--sumi-iro);cursor:pointer;font-family:var(--font-serif);font-size:var(--text-sm);font-weight:500;color:var(--sumi-iro);transition:all var(--duration-normal) var(--ease-ukiyoe);box-shadow:var(--shadow-subtle);filter:url(#hanko-texture);overflow:hidden}.hanko-button:hover{background:var(--ai-iro);color:var(--color-white);border-color:var(--ai-iro);transform:scale(1.05);box-shadow:0 4px 12px #1e3a5f4d}.hanko-button:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.hanko-button.large{width:56px;height:56px;font-size:var(--text-base)}.hanko-button.small{width:40px;height:40px;font-size:var(--text-xs);border-width:2px}.hanko-button.active{background:var(--ai-iro);color:var(--color-white);border-color:var(--ai-iro)}.hanko-button.modal-close{position:absolute;top:1.5rem;right:1.5rem;z-index:10}.language-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs)}.language-toggle .language-button{background:none;border:1.5px solid transparent;padding:4px;cursor:pointer;width:48px;height:48px;border-radius:50%;font-family:var(--font-serif);font-size:var(--text-lg);font-weight:300;font-style:normal;color:var(--ai-iro);text-align:center;line-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color var(--duration-normal) var(--ease-ukiyoe),opacity var(--duration-normal) var(--ease-ukiyoe)}.language-toggle .language-button.active{font-weight:500;border-color:var(--ai-iro)}.language-toggle .language-button:hover{opacity:.7}.main{flex:1;display:flex;flex-direction:column;padding-top:100px}.timeline-container{flex:1;display:flex;flex-direction:column;padding:2rem 0}.era-bar{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);margin-bottom:var(--space-lg)}.era-label{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;color:var(--ai);min-width:60px}.era-label.end{text-align:right}.era-progress{flex:1;height:4px;background:var(--bg-secondary);border-radius:var(--radius-xs);overflow:hidden}.era-progress-fill{height:100%;background:linear-gradient(90deg,var(--ai),var(--shu));border-radius:var(--radius-xs)}.timeline-scroll{flex:1;overflow-x:auto;overflow-y:hidden;padding:2rem 0;scrollbar-width:none;-ms-overflow-style:none}.timeline-scroll::-webkit-scrollbar{display:none}.timeline-track{display:flex;flex-direction:column;min-width:max-content;padding:0 4rem;position:relative}.timeline-line{position:absolute;top:50%;left:2rem;right:2rem;height:2px;background:linear-gradient(90deg,transparent,var(--ai) 5%,var(--ai) 95%,transparent);transform:translateY(-50%)}.timeline-cards{display:flex;gap:var(--space-lg);padding:var(--space-lg) 0}.period-card{width:320px;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;position:relative;transition:all var(--duration-normal) var(--ease-ukiyoe)}.year-marker{position:absolute;top:-2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.year-dot{width:16px;height:16px;background:var(--shu);border:3px solid var(--color-white);border-radius:50%;box-shadow:var(--shadow-sm)}.year-text{margin-top:.5rem;font-family:var(--font-serif);font-size:var(--text-sm);font-weight:500;color:var(--ai);background:var(--color-white);padding:.25rem .75rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);white-space:nowrap}.card-image-container{position:relative;height:400px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-ukiyoe)}.period-card:hover .card-image{transform:scale(1.05)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.3) 100%)}.vertical-text{position:absolute;writing-mode:vertical-rl;font-family:var(--font-serif);color:var(--color-white);text-shadow:0 2px 8px rgba(0,0,0,.5);z-index:5;padding:.5rem .75rem;background:#1e3a5fbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);letter-spacing:.05em}.vertical-text.artist-name{bottom:1rem;left:1rem;font-size:var(--text-base);font-weight:500}.vertical-text.work-title{top:1rem;right:1rem;font-size:var(--text-sm);font-weight:400;background:#c33433d9}.card-content{padding:1.5rem}.card-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-artists{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--bg-secondary)}.artists-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.artists-names{font-size:var(--text-sm);color:var(--ai);font-weight:500}.card-cta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--shu);font-weight:500;transition:gap var(--duration-fast) var(--ease-ukiyoe)}.period-card:hover .card-cta{gap:var(--space-sm)}.scroll-hint{text-align:center;padding:1rem;color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.1em}.loading{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xl);position:relative;background:var(--washi);overflow:hidden}.washi-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(30,58,95,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(214,78,78,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.printing-container{position:relative;z-index:1;width:min(75vw,400px);height:min(75vw,400px);max-width:450px;max-height:450px;display:flex;align-items:center;justify-content:center}.ukiyoe-print{width:100%;height:100%}.layer-sumi,.layer-ai,.layer-beni,.layer-kin{will-change:opacity}.ukiyoe-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;height:100%;cursor:default;pointer-events:none}.ukiyoe-loading-wrapper{position:relative;width:25vw;height:25vh;min-width:200px;min-height:200px;max-width:400px;max-height:400px;display:flex;align-items:center;justify-content:center;pointer-events:none}@media(min-width:769px){.ukiyoe-loading-wrapper{width:20vw;height:auto;max-height:30vh}.ukiyoe-loading-svg{width:100%;height:auto;max-width:100%;max-height:100%;pointer-events:none}}.ukiyoe-loading-svg{width:100%;height:100%;max-width:100%;max-height:100%;pointer-events:none;background:radial-gradient(circle at 30% 40%,rgba(255,250,240,.3) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(255,250,235,.2) 0%,transparent 60%);border-radius:4px}.ukiyoe-layer-1,.ukiyoe-layer-2,.ukiyoe-layer-3,.ukiyoe-layer-4,.ukiyoe-layer-5,.ukiyoe-layer-6{will-change:opacity,transform;filter:contrast(1.05) brightness(1.02)}.ukiyoe-loading-message{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);font-family:var(--font-serif);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.1em;opacity:.8;white-space:nowrap;text-align:center;pointer-events:none}.loading-placeholder{font-family:var(--font-serif);color:var(--text-secondary)}.loading-text{position:relative;z-index:1;font-family:var(--font-serif);font-size:var(--text-base);font-weight:400;color:var(--text-secondary);letter-spacing:var(--tracking-wider);opacity:.75;margin-top:var(--space-lg)}@media(max-width:768px){.printing-container{width:70vw;height:70vw;max-width:320px;max-height:320px}.ukiyoe-loading-message{bottom:-40px;font-size:var(--text-xs);letter-spacing:.08em}.loading-text{font-size:var(--text-sm);letter-spacing:var(--tracking-wide)}}@media(max-width:480px){.printing-container{width:65vw;height:65vw;max-width:280px;max-height:280px}}.decoration{position:fixed;left:0;right:0;height:80px;pointer-events:none;z-index:50}.wave-top{top:0;background:linear-gradient(to bottom,var(--bg-primary),transparent)}.wave-bottom{bottom:0;background:linear-gradient(to top,var(--bg-primary),transparent),url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30 Q 360 0, 720 30 T 1440 30 V 60 H 0 Z' fill='%231e3a5f' opacity='0.05'/%3E%3C/svg%3E");background-size:100% 100%}.intro-section-ukiyoe{position:relative;background:var(--bg-primary);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.intro-section-ukiyoe::-webkit-scrollbar{display:none}.intro-bg-layer-base{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(122.13deg,#d64e4e0d,#d64e4e00,#1e3a5f0d)}.intro-bg-layer-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle 131.3px at 20% 30%,#1e3a5f08,#1e3a5f00 50%),radial-gradient(circle 131.3px at 80% 70%,#c73e3a08,#c73e3a00 50%)}.intro-content-minimal{position:relative;z-index:10;max-width:900px;width:85%;margin:0 auto;padding:15vh var(--space-xl) 15vh;display:flex;flex-direction:column;gap:var(--space-2xl);min-height:min-content}.intro-title-large{font-family:var(--font-serif);font-size:var(--text-7xl);font-weight:400;line-height:1.3;letter-spacing:.05em;color:var(--text-accent);margin:0;text-align:left}.intro-subtitle-thin{font-family:var(--font-serif);font-size:clamp(27px,3vw,37px);font-weight:400;line-height:1.6;letter-spacing:.05em;color:var(--text-secondary);margin:0}.intro-text-block{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.intro-description-text,.intro-detail-text{font-family:var(--font-sans);font-size:var(--text-base);font-weight:300;line-height:1.5;letter-spacing:0;color:var(--text-primary);margin:0;width:100%}.intro-content-new{position:relative;z-index:10;width:100%;margin:0 auto;padding:var(--space-4xl) var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl);justify-content:flex-start;min-height:100vh;min-height:100dvh}.intro-text-content{width:100%;max-width:846px;display:flex;flex-direction:column;gap:var(--space-lg);align-items:flex-start}.intro-title-group{display:flex;flex-direction:column;gap:0;width:100%}.intro-evolution-cards{display:flex;gap:var(--space-xl);align-items:flex-end;justify-content:center;flex-wrap:nowrap}.evolution-card{display:flex;flex-direction:column;gap:var(--space-sm);width:250px}.evolution-card-header{display:flex;gap:8px;align-items:flex-end;justify-content:flex-start}.evolution-card-name{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:500;letter-spacing:var(--tracking-wide);line-height:1;margin:0}.evolution-card-period-container{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.evolution-card-period{display:flex;align-items:flex-start;overflow:hidden;padding:0;font-family:var(--font-serif);font-size:var(--text-base);font-weight:400;color:var(--ai-iro);line-height:1;width:fit-content;white-space:nowrap;margin-bottom:0}.evolution-card-period-divider{width:100%;height:2px;background-image:url(/images/divider.svg);background-size:contain;background-repeat:no-repeat;background-position:left center}.evolution-card-description{font-family:var(--font-sans);font-size:var(--text-base);font-weight:300;color:var(--ai-iro);line-height:1.6;margin:0}.evolution-card-image-container{width:250px;height:373px;overflow:hidden;position:relative;border-radius:var(--radius-sm)}.evolution-card-image{width:100%;height:100%;object-fit:cover;object-position:center}.evolution-card-image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:url(/fude-border.svg);background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:1}.intro-evolution{display:flex;align-items:center;gap:var(--space-2xl);margin-top:var(--space-2xl);flex-wrap:wrap}.evolution-item{display:flex;flex-direction:column;gap:var(--space-xs)}.evolution-label{font-family:var(--font-serif);font-size:clamp(1.4375rem,2vw,2rem);font-weight:500;letter-spacing:var(--tracking-wider);color:var(--text-primary)}.evolution-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:var(--tracking-normal)}.evolution-item-highlight .evolution-label{color:var(--text-highlight)}.evolution-arrow{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.arrow-symbol{font-family:var(--font-sans);font-size:clamp(1.75rem,3vw,2.875rem);color:var(--text-accent);font-weight:300}.arrow-year{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--text-accent);letter-spacing:var(--tracking-wide)}.intro-scroll-hint{margin-top:var(--space-3xl);font-family:var(--font-sans);font-size:clamp(2.25rem,4vw,3.4375rem);color:var(--text-primary);opacity:.6;cursor:pointer;transition:opacity var(--duration-normal) var(--ease-out);align-self:flex-end}.intro-scroll-hint:hover{opacity:1}@media(max-width:1100px){.intro-evolution-cards{flex-direction:column;align-items:center;gap:var(--space-lg)}.evolution-card{width:100%;max-width:250px}.evolution-card-image-container{width:100%;height:auto;aspect-ratio:250 / 373}}.intro-section-pattern-c{position:relative;background:var(--bg-primary);overflow:hidden}.intro-bg-images-pattern-c{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;gap:2%;padding:8% 4% 4%;z-index:1}.intro-column-pattern{flex:1 1 0;max-width:29%;height:100%;display:flex;flex-direction:column;gap:1.5rem;pointer-events:auto}.intro-bg-image-column{width:100%;flex:1;position:relative;overflow:hidden;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--duration-slow) var(--ease-ukiyoe),box-shadow var(--duration-slow) var(--ease-ukiyoe)}.intro-bg-image-column:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:1;pointer-events:none;transition:backdrop-filter var(--duration-normal) var(--ease-ukiyoe),opacity var(--duration-normal) var(--ease-ukiyoe)}.intro-bg-image-column:hover:before{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0}.intro-bg-image-column:hover{transform:scale(1.02) translateY(-.25rem);box-shadow:0 1.25rem 3.75rem #00000026;z-index:10}.intro-bg-image-column:hover .intro-bg-image{transform:scale(1.08);filter:brightness(1.05) contrast(1.02)}.intro-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--duration-slow) var(--ease-ukiyoe),filter var(--duration-normal) var(--ease-ukiyoe);position:relative;z-index:0}.intro-bg-overlay-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:2;pointer-events:none;transition:backdrop-filter var(--duration-normal) var(--ease-ukiyoe)}.intro-bg-images-pattern-c:has(.intro-bg-image-column:hover) .intro-bg-overlay-blur{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.intro-bg-overlay-gradient-top{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,#f5f5f5e6,#fff0 56.982%);z-index:3;pointer-events:none}.intro-bg-overlay-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:32%;background:linear-gradient(to bottom,#fff0,#f5f5f5e6 56.982%);z-index:3;pointer-events:none}.intro-content-pattern-c{position:relative;z-index:10;width:100%;min-height:100vh;padding:6rem 2.75% 2.75%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.intro-content-pattern-c *{pointer-events:auto}.intro-text-content-pattern-c{max-width:48%;display:flex;flex-direction:column;gap:1rem}.intro-title-group-pattern-c{display:flex;flex-direction:column;gap:0}.intro-title-large-pattern-c{font-family:var(--font-serif);font-size:clamp(3.4375rem,4vw,5.75rem);font-weight:500;line-height:1.2;letter-spacing:.04em;color:var(--text-accent);margin:0;text-align:left}.intro-subtitle-pattern-c{font-family:var(--font-serif);font-size:clamp(1.4375rem,2vw,1.75rem);font-weight:500;line-height:1.5;letter-spacing:.05em;color:var(--text-secondary);margin:0}.intro-text-block-pattern-c{display:flex;flex-direction:column;gap:.5rem;max-width:100%}.intro-description-text-pattern-c,.intro-detail-text-pattern-c{font-family:var(--font-sans);font-size:clamp(1rem,1.1vw,1.125rem);font-weight:300;line-height:1.5;letter-spacing:0;color:var(--text-primary);margin:0}.intro-technique-cards-pattern-c{display:flex;gap:1.1%;justify-content:center;padding-left:2.75%;margin-top:auto}.technique-card-pattern-c{width:100%;padding:0;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:10}.technique-card-header-pattern-c{display:flex;gap:.5rem;align-items:flex-end}.technique-card-name-pattern-c{font-family:var(--font-serif);font-size:clamp(1.4375rem,2.22vw,2.25rem);font-weight:500;letter-spacing:.175rem;line-height:1;margin:0}.technique-card-period-container-pattern-c{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.technique-card-period-pattern-c{font-family:var(--font-serif);font-size:clamp(.875rem,1.1vw,1.125rem);font-weight:400;color:var(--text-primary);line-height:1;white-space:nowrap}.technique-card-period-divider-pattern-c{width:100%;height:2px;background-image:url(/images/divider.svg);background-size:contain;background-repeat:no-repeat;background-position:left center}.technique-card-description-pattern-c{font-family:var(--font-sans);font-size:clamp(.875rem,1.1vw,1.125rem);font-weight:300;color:var(--text-primary);line-height:1.6;margin:0}@media(max-width:1024px){.intro-bg-images-pattern-c{padding:7.5% 2.5% 2.5%;gap:1%;align-items:flex-start}.intro-column-pattern{max-width:31%;height:85%}.intro-content-pattern-c{padding:6.25rem 1.5rem 1.5rem}.intro-text-content-pattern-c{max-width:100%}.technique-card-pattern-c{width:100%;padding:0}}@media(max-width:768px){.intro-bg-images-pattern-c{flex-direction:column;padding:5rem 1rem 1rem;gap:.5rem;align-items:stretch}.intro-column-pattern{flex:1;max-width:100%;width:100%;height:auto;min-height:0}.intro-bg-image-column{flex:2;height:auto}.intro-bg-image-column:hover{transform:scale(1.01)}.intro-content-pattern-c{padding:6.25rem 1rem 1.5rem;gap:3rem}.intro-text-content-pattern-c,.intro-text-block-pattern-c{max-width:100%}.technique-card-pattern-c{width:100%;padding:0;flex:0 0 auto}}@media(max-width:480px){.intro-content-pattern-c{padding:5.5rem .75rem 1rem}}.intro-section{position:relative;background:var(--echizen);overflow:hidden}.intro-section-ukiyoe{display:flex;flex-direction:column;padding:4rem 2rem 1.5rem;gap:1.5rem;position:relative}.intro-header{text-align:left;width:90%;margin:0 auto}.intro-title-group{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}.intro-title{font-family:var(--font-serif);font-size:clamp(2.875rem,4vw,4.5rem);font-weight:500;letter-spacing:.04em;color:var(--text-accent, #d64e4e);margin:0;line-height:1.4}.intro-subtitle{font-family:var(--font-serif);font-size:clamp(1.4375rem,2vw,2.25rem);font-weight:500;letter-spacing:.05em;color:var(--text-secondary, #1e3a5f);margin:0}.intro-description{font-family:var(--font-sans);font-size:clamp(.9rem,1vw,1.0625rem);font-weight:300;line-height:1.6;color:var(--text-primary, #2d2d2d);margin:.75rem 0 0}.intro-cards{flex:1;display:flex;justify-content:center;gap:2rem;width:90%;margin:0 auto;min-height:0}.technique-card{flex:1;max-width:420px;display:flex;flex-direction:column;position:relative}.technique-card-image{flex:1;overflow:hidden;border-radius:2px;cursor:pointer;min-height:0}.technique-card-image img{width:100%;height:100%;object-fit:contain;object-position:center top}.technique-card-info{position:relative;margin-top:-5rem;z-index:10;padding:0 .75rem;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.technique-card-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.technique-card h3{font-family:var(--font-serif);font-size:clamp(1.4375rem,2vw,2rem);font-weight:500;letter-spacing:.1em;margin:0}.technique-period{font-family:var(--font-serif);font-size:clamp(.8rem,.9vw,1rem);color:var(--text-primary)}.technique-card p{font-family:var(--font-sans);font-size:clamp(.8rem,.85vw,1rem);font-weight:300;line-height:1.5;color:var(--text-primary);margin:0}@media(max-width:1024px){.intro-section-ukiyoe{padding:4.5rem 1.5rem 1.5rem}.intro-cards{gap:1rem;padding:0 .5rem}.technique-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}@media(max-width:768px){.intro-section-ukiyoe{padding:4rem 1rem 2rem;gap:1rem;height:auto;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.intro-header{flex-shrink:0}.intro-cards{flex-direction:column;align-items:center;gap:1.5rem;padding:0 .5rem;flex:none}.technique-card{flex:none;width:100%;max-width:400px}.technique-card-image{flex:none;height:auto;max-height:55vh}.technique-card-image img{height:auto;max-height:55vh}.technique-card-info{margin-top:-4rem;padding:0 .5rem}.technique-card h3{font-size:var(--text-xl)}.technique-period{font-size:var(--text-xs)}.technique-card p{font-size:var(--text-xs);-webkit-line-clamp:3}.intro-description{font-size:var(--text-sm)}}@media(max-width:480px){.intro-section-ukiyoe{padding:3.5rem .75rem 2rem;gap:.75rem}.intro-header{padding:0 .25rem}.intro-title{font-size:var(--text-2xl)}.intro-subtitle{font-size:var(--text-base)}.intro-description{display:none}.intro-cards{gap:1.25rem;padding:0 .25rem}.technique-card{max-width:100%}.technique-card-image,.technique-card-image img{max-height:40vh}.technique-card-info{margin-top:-3.5rem;padding:0 .25rem}.technique-card h3{font-size:var(--text-base)}.technique-period{font-size:var(--text-xs)}.technique-card p{font-size:var(--text-xs);-webkit-line-clamp:2;line-height:1.4}}.horizontal-app{min-height:100vh;width:100vw}.horizontal-main{padding-top:0;min-height:100vh;width:100vw;position:relative}.horizontal-scroll-container{width:100vw;height:100vh;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:fixed;top:0;left:0}.horizontal-scroll-container[data-current-section="0"]{overflow-y:visible}.horizontal-scroll-container::-webkit-scrollbar{display:none}.sections-track{display:flex;height:100vh;width:max-content;gap:0}.fullscreen-section{width:100vw;height:100vh;flex-shrink:0;position:relative;overflow:hidden;contain:layout style paint}.fullscreen-section.split-layout{display:flex;flex-direction:row}.fullscreen-section.first-section{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.fullscreen-section.split-layout.first-section{overflow:hidden}.image-panel{flex:0 0 55%;height:100vh;position:relative;background-color:var(--sumi);overflow:hidden}.image-panel-inner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.panel-image{width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:100%}.image-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(45,45,45,.3) 80%,rgba(45,45,45,.6) 100%)}.text-panel{flex:0 0 45%;height:100vh;max-height:100vh;position:relative;background:#f5f0e6f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}.text-panel::-webkit-scrollbar{display:none}.text-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 20%,rgba(30,58,95,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(199,62,58,.03) 0%,transparent 50%);pointer-events:none}.text-panel-inner{width:100%;max-width:500px;padding:4rem 0rem 6rem;display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:1;flex-shrink:0;will-change:opacity,transform}.section-header-row{display:flex;align-items:flex-end;gap:var(--space-sm);padding-bottom:var(--space-xs);width:100%}.section-number-figma{display:flex;align-items:baseline;gap:var(--space-xs);font-family:var(--font-serif)}.section-number-figma .number-label{font-family:var(--font-serif);font-weight:600;font-size:var(--text-sm);color:var(--ai-iro);letter-spacing:.14em;line-height:1.7}.section-number-figma .number-value{font-family:var(--font-serif);font-weight:600;font-size:var(--text-4xl);color:var(--ai-iro);line-height:1}@media(max-width:768px){.section-number-figma{gap:2px}.section-number-figma .number-value{font-size:var(--text-3xl)}}.section-date-range-figma{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:fit-content}.section-date-range-inner{display:flex;align-items:center;gap:var(--space-xs);padding:4px 7.6px;border-radius:4px;font-family:var(--font-serif);width:fit-content}.section-date-range-inner .date-start,.section-date-range-inner .date-end{font-family:var(--font-serif);font-weight:600;font-size:var(--text-base);color:var(--ai-iro);line-height:1;white-space:nowrap}.section-date-range-inner .date-separator{font-family:-apple-system,"SF Pro Text","SF Pro Display",var(--font-sans);font-weight:400;font-size:var(--text-sm);color:var(--ai-iro);opacity:.6;line-height:1.7;white-space:nowrap}.section-date-range-divider{width:100%;height:2px;background-image:url(/images/divider.svg);background-size:contain;background-repeat:no-repeat;background-position:center center;margin-top:0}@media(max-width:768px){.section-date-range-inner{padding:0}}.section-meta-container{display:flex;gap:var(--space-sm);width:100%}.section-meta-item{flex:1 1 0;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;filter:blur(0px)}.section-meta-header{display:flex;flex-direction:column;gap:4px;width:fit-content}.section-meta-label{font-family:var(--font-serif);font-weight:600;font-size:var(--text-base);color:var(--ai-iro);line-height:1;white-space:nowrap}.section-meta-divider{width:fit-content;min-width:100%;height:2px;background-image:url(/images/divider.svg);background-size:contain;background-repeat:no-repeat;background-position:left center}.section-meta-text{font-family:var(--font-sans);font-weight:300;font-size:var(--text-base);color:var(--sumi-iro);line-height:1.6;margin:0}.section-meta-text-accent{color:var(--ai-iro)}.section-details-figma{position:relative;width:100%}.details-grid-cards{display:flex;flex-direction:column;width:100%;position:relative}.details-grid-row{display:flex;width:100%}.details-grid-card{flex:1;display:flex;flex-direction:column;gap:16px;padding:24px 0;max-width:50%}.details-grid-card.left{padding-right:32px}.details-grid-card.right{padding-left:32px}.details-card-title{font-family:var(--font-serif);font-weight:600;font-size:var(--text-xl);color:var(--ai-iro);line-height:1;margin:0;white-space:nowrap}.details-card-content{font-family:var(--font-sans);font-weight:300;font-size:var(--text-base);color:var(--sumi-iro);line-height:2;margin:0;white-space:normal;word-break:normal;overflow-wrap:anywhere;word-wrap:break-word}.details-grid-divider-horizontal{width:100%;height:2px;display:flex;align-items:center;justify-content:center;padding:0 8px;overflow:visible}.details-grid-divider-horizontal .divider-line{width:2px;height:420px;background-image:url(/images/divider_lg.svg);background-repeat:no-repeat;background-position:center;background-size:2px 420px;transform:rotate(90deg);opacity:.6}.details-grid-divider-vertical{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:2px;height:420px}.details-grid-divider-vertical .divider-line{width:2px;height:100%;background-image:url(/images/divider_lg.svg);background-repeat:no-repeat;background-position:center;background-size:2px 420px;opacity:.6}.detail-section-figma{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;filter:blur(0px)}.detail-section-header-figma{margin-bottom:0}.detail-section-double-lines-figma{border:.5px solid var(--color-black);padding:2px;width:fit-content}.detail-section-title-box-figma{border:.5px solid var(--color-black);padding:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.detail-section-title-figma{font-family:var(--font-serif);font-weight:600;font-size:var(--text-base);color:var(--ai-iro);line-height:1;white-space:nowrap}.detail-section-content-figma{font-family:var(--font-sans);font-weight:300;font-size:var(--text-base);color:var(--sumi-iro);line-height:1.6;margin:0;padding-left:0}.section-number{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-xs)}.number-label{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.1em}.number-value{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:600;color:var(--ai);line-height:1}.section-year{display:flex;align-items:center;gap:var(--space-xs);background:#fff;padding:4px var(--space-xs);border-radius:8px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ai-iro);width:fit-content;margin-bottom:0}.year-divider{font-size:var(--text-sm);opacity:.6;color:var(--ai-iro)}.section-year-figma{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.section-year-figma-inner{display:flex;align-items:center;gap:var(--space-xs);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:4px 7.6px;border-radius:4px;width:fit-content;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ai-iro)}.section-year-figma-inner .year-start,.section-year-figma-inner .year-end{font-size:var(--text-sm);color:var(--ai-iro);line-height:1}.section-year-figma-inner .year-divider{font-size:var(--text-sm);color:var(--ai-iro);opacity:.6;line-height:1}.section-year-figma-divider{width:109px;height:2px;background:var(--ai);opacity:.3}.section-title-wrapper{margin:.5rem 0}.section-title{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:600;line-height:1.3;letter-spacing:.08em;color:var(--text-primary);position:relative}.section-artists{display:flex;flex-direction:column;gap:var(--space-xs)}.artists-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary);font-weight:500}.artists-names{font-size:var(--text-base);font-weight:500;color:var(--ai);line-height:1.6}.section-key-event{display:flex;flex-direction:column;gap:var(--space-xs)}.key-event-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary);font-weight:500}.key-event-text{font-size:var(--text-base);font-weight:500;color:var(--text-primary);line-height:1.7;margin:0}.section-example-works{display:flex;flex-direction:column;gap:var(--space-xs)}.example-works-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary);font-weight:500}.example-works-text{font-size:var(--text-base);font-weight:500;color:var(--ai);line-height:1.7;margin:0}.section-meta-blur-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.section-meta-blur-item{display:flex;flex-direction:column;gap:var(--space-xs)}.section-meta-blur-header{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-xs)}.section-meta-blur-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary);font-weight:500;font-family:var(--font-sans);line-height:1.25}.section-meta-blur-divider{width:100%;height:2px;background:var(--ai);opacity:.2}.section-meta-blur-text{font-size:var(--text-base);font-weight:300;color:var(--text-primary);line-height:1.6;margin:0;font-family:var(--font-sans);padding-left:0}.section-details{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.detail-section{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-section-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;color:var(--shu);margin:0;padding-left:.75rem;border-left:3px solid var(--shu);line-height:1.4}.detail-section-content{font-size:var(--text-sm);color:var(--text-primary);line-height:1.9;margin:0;padding-left:.75rem}.detail-section-header{margin-bottom:.5rem}.detail-section-double-lines{position:relative;width:fit-content;border:.5px solid var(--sumi-iro);padding:2px;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.detail-section-title-box{padding:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.detail-section-double-lines .detail-section-title{font-family:var(--font-serif);font-size:var(--text-base);font-weight:600;color:var(--ai);letter-spacing:0;line-height:1;white-space:nowrap}.detail-section .detail-section-content{font-size:var(--text-base);color:var(--text-primary);line-height:1.6;margin:0;padding-left:.75rem;font-family:var(--font-sans);font-weight:300}.scroll-hint-indicator{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:80;pointer-events:none}.scroll-hint-content{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--ai);border:none;border-radius:999px;color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:.1em;text-transform:lowercase;box-shadow:0 4px 16px #1e3a5f4d}.scroll-arrows{display:flex;align-items:center;gap:4px;font-size:var(--text-xl)}.arrow-horizontal{display:inline-block;animation:pulse-horizontal 2s ease-in-out infinite}.arrow-vertical{display:inline-block;transform:rotate(90deg);opacity:.5}@keyframes pulse-horizontal{0%,to{transform:translate(0);opacity:1}50%{transform:translate(5px);opacity:.7}}.dot-navigation{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:var(--space-sm)}.dot-navigation:before{content:"";position:absolute;left:50%;top:-16px;bottom:-16px;width:2px;background:#fff9;transform:translate(-50%);z-index:0;border-radius:1px}.dot-nav-item{position:relative;width:12px;height:12px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:1}.dot-inner{width:8px;height:8px;background:var(--washi);border-radius:50%;transition:all var(--duration-normal) var(--ease-ukiyoe);box-shadow:0 2px 8px #0000004d;border:1px solid rgba(201,168,76,.6)}.dot-nav-item:hover .dot-inner,.dot-nav-item.active .dot-inner{background:var(--kin-iro);transform:scale(1.5);box-shadow:0 0 16px #c9a84c99;border-color:var(--kin-iro)}.dot-label{position:absolute;left:2rem;font-size:var(--text-xs);color:var(--washi);text-shadow:0 1px 4px rgba(0,0,0,.5);font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-ukiyoe)}.progress-bar-container{position:fixed;bottom:0;left:0;right:0;height:3px;background:#fff3;z-index:90}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--sumi-iro) 0%,#595857 20%,var(--beni-iro) 45%,var(--ai-iro) 70%,#745399 88%,var(--kin-iro) 100%);transform-origin:left}.section-counter{position:fixed;bottom:2rem;left:2rem;z-index:90;display:flex;align-items:baseline;gap:var(--space-xs);font-family:var(--font-serif);color:var(--washi);font-size:var(--text-2xl);font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.6)}.counter-divider{font-size:var(--text-base);opacity:.8;color:var(--washi);text-shadow:0 2px 6px rgba(0,0,0,.6)}.counter-total{font-size:var(--text-xl);opacity:.9;color:var(--washi);text-shadow:0 2px 6px rgba(0,0,0,.6)}.navigation-arrows{position:fixed;bottom:1rem;right:2rem;z-index:90;display:flex;gap:var(--space-sm)}.navigation-arrows .hanko-button.large{background:#fffcf580;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000001a,inset 0 1px 1px #fff9;overflow:visible;position:relative}.navigation-arrows .hanko-button.large:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 60%);pointer-events:none;z-index:0}.navigation-arrows .hanko-button.large span{position:relative;z-index:2;display:inline-block;color:var(--sumi-iro);font-weight:700}.navigation-arrows .hanko-button.large:hover{background:var(--ai-iro);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 12px #1e3a5f40,inset 0 1px 2px #ffffff4d}.navigation-arrows .hanko-button.large:hover span{color:var(--color-white)}@media(max-width:768px){.header{padding:1rem}.header-content{max-width:100%}.logo-kanji{font-size:var(--text-2xl)}.logo-uki-image{height:28px;width:28px}.logo-kanji-image{height:36px;width:auto}.logo-yo-e{font-size:var(--text-2xl);letter-spacing:var(--tracking-wide)}.logo-title{display:none}.period-card{width:280px}.card-image-container{height:160px}.fullscreen-section.split-layout{flex-direction:column}.image-panel{flex:0 0 45vh;height:45vh;width:100%}.text-panel{flex:0 0 55vh;height:55vh;max-height:55vh;width:100%}.text-panel-inner{padding:var(--space-md) var(--space-md) calc(var(--space-md) + var(--space-xl));gap:var(--space-md);max-width:100%}.section-number{margin-bottom:0}.number-value{font-size:var(--text-3xl)}.section-year{font-size:var(--text-xs);padding:3px 6px}.section-title{font-size:var(--text-2xl);letter-spacing:.05em}.artists-names{font-size:var(--text-sm)}.section-meta-container{flex-direction:column;gap:var(--space-md)}.section-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.section-date-range-divider{width:100%;background-size:contain}.section-key-event,.section-example-works{gap:6px}.key-event-text,.example-works-text{font-size:var(--text-sm);line-height:1.6}.detail-section{gap:var(--space-xs)}.detail-section-title{font-size:var(--text-base)}.detail-section-content{font-size:var(--text-sm);line-height:1.7}.detail-section-content-figma{font-size:var(--text-sm)}.section-details-figma{padding-bottom:3rem}.details-grid-row{flex-direction:column}.details-grid-card.left,.details-grid-card.right{padding:16px 0}.details-card-title{font-size:var(--text-lg)}.details-card-content{font-size:var(--text-sm);line-height:2}.details-grid-divider-vertical{display:none}.details-grid-divider-horizontal{display:flex}.intro-content-minimal{padding:15vh var(--space-lg) 25vh;gap:var(--space-xl)}.intro-content-new{padding:100px 16px 24px;gap:var(--space-xl)}.intro-title-large{font-size:clamp(2.25rem,10vw,3.4375rem)}.intro-subtitle-thin{font-size:var(--text-base)}.evolution-card-name{font-size:clamp(23px,6vw,27px)}.evolution-card-description,.evolution-card-period{font-size:var(--text-sm)}.intro-description-text,.intro-detail-text{font-size:var(--text-base)}.intro-text-block{max-width:100%}.intro-evolution{flex-direction:column;align-items:flex-start;gap:var(--space-xl)}.intro-text-content{max-width:100%;padding:0;gap:var(--space-md)}.intro-title-group{gap:0}.intro-evolution-cards{gap:var(--space-lg)}.intro-text-block{gap:var(--space-xs)}.evolution-card{width:100%;max-width:280px;gap:var(--space-xs)}.evolution-card-image-container{width:100%;height:auto;aspect-ratio:250 / 373}.evolution-arrow{flex-direction:row;gap:var(--space-sm)}.arrow-symbol{transform:rotate(90deg)}.scroll-hint-indicator{right:1rem;bottom:8rem;top:auto;transform:none}.dot-navigation{left:1rem;top:42vh;bottom:auto;flex-direction:row;transform:none;gap:.5rem}.dot-navigation:before{top:50%;bottom:auto;left:-12px;right:-12px;width:auto;height:2px;transform:translateY(-50%)}.section-counter{top:40vh;right:1rem;bottom:auto;left:auto;font-size:var(--text-xl)}.navigation-arrows{bottom:1rem;right:1rem}.navigation-arrows .hanko-button.large{width:40px;height:40px;font-size:var(--text-sm);overflow:visible}.navigation-arrows .hanko-button.large span{font-size:var(--text-base)!important}.language-toggle{gap:8px;padding:0}.language-toggle .language-button{width:44px;height:44px;padding:4px;font-size:var(--text-base)}}@media(max-width:480px){.image-panel{flex:0 0 45vh;height:45vh}.text-panel{flex:0 0 60vh;height:60vh;max-height:60vh}.text-panel-inner{padding:20px 20px calc(20px + var(--space-lg));gap:var(--space-md)}.number-value,.section-title{font-size:var(--text-2xl)}.section-year{font-size:var(--text-xs);padding:2px 6px}.key-event-text,.example-works-text{font-size:var(--text-xs);line-height:1.5}.detail-section-title{font-size:var(--text-base)}.detail-section-double-lines .detail-section-title{font-size:var(--text-sm)}.detail-section-content,.detail-section .detail-section-content{font-size:var(--text-sm);line-height:1.6}.intro-content-minimal{padding:10vh var(--space-md) 20vh}.intro-content-new{padding:100px 12px 24px;gap:var(--space-xl)}.intro-title-large{font-size:clamp(2.25rem,15vw,3.4375rem)}.intro-subtitle-thin{font-size:var(--text-base)}.intro-description-text,.intro-detail-text{font-size:var(--text-sm);width:100%}.evolution-card-name{font-size:var(--text-2xl)}.evolution-card-description{font-size:var(--text-sm)}.intro-scroll-hint{margin-top:var(--space-2xl)}.navigation-arrows .hanko-button.large{width:36px;height:36px;font-size:var(--text-xs);overflow:visible}.navigation-arrows .hanko-button.large span{font-size:var(--text-base)!important}.language-toggle .language-button{width:44px;height:44px;padding:4px;font-size:var(--text-sm)}.language-underline{width:40px;height:3px}.play-pause-button{width:36px;height:36px;min-width:36px;overflow:visible}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.horizontal-scroll-container,.section-image-wrapper,.section-image,.fullscreen-section{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.horizontal-scroll-container{-webkit-overflow-scrolling:touch}@media(max-width:768px){.dot-nav-item{width:12px;height:12px}.dot-inner{width:8px;height:8px;border-radius:50%}}.section-image{content-visibility:auto;contain:layout style paint}.horizontal-scroll-container,.dot-navigation,.navigation-arrows,.scroll-hint-indicator{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media(min-width:769px)and (max-width:1024px){.section-title{font-size:var(--text-5xl)}.section-content{max-width:800px}.section-description{font-size:var(--text-base)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.section-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--washi);border:var(--border-normal) dashed var(--border-subtle);color:var(--text-secondary);padding:var(--space-2xl);text-align:center}.placeholder-text{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-sm);opacity:.7}.placeholder-subtext{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--text-primary);opacity:.8}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--washi);border:var(--border-thin) solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);opacity:.6}.modal-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--washi);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-lg);opacity:.7}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.modal{position:relative;width:100%;max-width:1440px;max-height:90vh;background:var(--bg-primary);border-radius:8px;overflow:hidden;display:flex;box-shadow:0 20px 60px #00000080}.modal-hero{position:relative;width:55%;min-height:600px;background:var(--washi);overflow:hidden}.modal-hero img{width:100%;height:100%;object-fit:cover;object-position:center}.modal-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#f5f0e600,#f5f0e64d,#f5f0e6cc);pointer-events:none}.modal-hero-content{position:absolute;bottom:2rem;left:2rem;right:2rem;z-index:2}.modal-year{display:inline-block;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.5rem}.modal-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:500;color:var(--text-primary);margin:0;line-height:1.3}.modal-text-panel{width:45%;background:#f5f0e6f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto;position:relative}.modal-text-panel-inner{padding:4rem 2rem;max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.modal-section-number{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-xs)}.modal-section-number-label{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.1em}.modal-section-number-value{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:600;color:var(--ai);line-height:1}.modal-date-range{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.modal-date-range-inner{display:flex;align-items:center;gap:var(--space-xs);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:4px 7.6px;border-radius:4px;width:fit-content;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ai-iro)}.modal-date-start,.modal-date-end{font-size:var(--text-sm);color:var(--ai-iro);line-height:1}.modal-date-separator{font-size:var(--text-sm);color:var(--ai-iro);opacity:.6;line-height:1}.modal-date-divider{width:109px;height:2px;background:var(--ai);opacity:.3}.modal-meta-blur-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.modal-meta-blur-item{display:flex;flex-direction:column;gap:var(--space-xs)}.modal-meta-blur-header{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-xs)}.modal-meta-blur-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary);font-weight:500;font-family:var(--font-sans);line-height:1.25}.modal-meta-blur-divider{width:100%;height:2px;background:var(--ai);opacity:.2}.modal-meta-blur-text{font-size:var(--text-base);font-weight:300;color:var(--text-primary);line-height:1.6;margin:0;font-family:var(--font-sans);padding-left:0}.modal-detail-sections{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-sm)}.modal-detail-section{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-detail-section-header{margin-bottom:.5rem}.modal-detail-section-double-lines{position:relative;width:fit-content;border:.5px solid var(--sumi-iro);padding:2px;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-detail-section-title-box{padding:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.modal-detail-section-title{font-family:var(--font-serif);font-size:var(--text-base);font-weight:600;color:var(--ai);letter-spacing:0;line-height:1;white-space:nowrap}.modal-detail-section-content{font-size:var(--text-base);color:var(--text-primary);line-height:1.6;margin:0;padding-left:.75rem;font-family:var(--font-sans);font-weight:300}@media(max-width:1024px){.modal{flex-direction:column;max-height:95vh}.modal-hero{width:100%;min-height:300px;max-height:40vh}.modal-text-panel{width:100%;max-height:60vh}.modal-text-panel-inner{padding:2rem 1.5rem;max-width:100%}.modal-meta-blur-container{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.modal-overlay{padding:1rem}.modal-text-panel-inner{padding:1.5rem 1rem;gap:1.5rem}.modal-section-number-value{font-size:var(--text-3xl)}.modal-title{font-size:var(--text-2xl)}}.intro-content-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:3rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.intro-left-column{display:flex;flex-direction:column;gap:4rem}.intro-text-content{display:flex;flex-direction:column;gap:1rem}.intro-title-container{display:flex;flex-direction:column;gap:0}.intro-text-content .intro-title{font-family:var(--font-serif, "Noto Serif JP", serif);font-size:var(--text-5xl);font-weight:500;color:var(--beni-iro, #d64e4e);letter-spacing:.1em;line-height:1.4;margin:0}.intro-text-content .intro-subtitle{font-family:var(--font-serif, "Noto Serif JP", serif);font-size:var(--text-xl);font-weight:400;color:var(--text-primary, #2d2a26);letter-spacing:.05em;line-height:1.6;margin:0}.intro-text-content .intro-description{font-family:var(--font-sans, "Noto Sans JP", sans-serif);font-size:var(--text-base);line-height:1.8;color:var(--text-primary, #2d2a26);margin:.5rem 0 0}.intro-right-column{position:relative;display:flex;align-items:center;justify-content:center}.slider-image-stack{position:relative;width:100%;max-width:28vw;aspect-ratio:2/3}.slider-image-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:4px}.current-technique-info{margin-top:0}.current-technique-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.current-technique-header .technique-name{font-family:var(--font-serif, "Noto Serif JP", serif);font-size:var(--text-2xl);font-weight:500;letter-spacing:.1em}.current-technique-header .technique-year{font-family:var(--font-sans, "Noto Sans JP", sans-serif);font-size:var(--text-sm);color:var(--text-secondary, #6b6560)}.slider-technique-container{display:flex;flex-direction:column;gap:0}@media(max-width:768px){.slider-technique-container{gap:2rem}}.slider-control{width:100%;display:flex;flex-direction:column;gap:.75rem}.slider-bar-row{display:flex;align-items:flex-start;gap:1rem}.slider-bar-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.slider-bar-wrapper{gap:0}}.slider-track-container{position:relative;height:40px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.slider-track-container:hover .slider-track{height:8px}.slider-track-container.dragging .slider-track{height:10px}.slider-track{position:absolute;top:50%;left:0;right:0;height:4px;background:#00000014;border-radius:3px;transform:translateY(-50%);transition:height var(--duration-fast) var(--ease-ukiyoe);overflow:visible}.slider-segments{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;border-radius:3px;overflow:hidden}.slider-segment{position:absolute;top:0;height:100%;overflow:hidden}.slider-segment:first-child{border-radius:3px 0 0 3px}.slider-segment:last-child{border-radius:0 3px 3px 0}.slider-thumb{display:none}.segment-fill{position:absolute;top:0;left:0;height:100%;transition:none;border-radius:inherit;z-index:1}.slider-years-positioned{position:relative;height:1.5rem;margin-top:.5rem;font-family:var(--font-sans, "Noto Sans JP", sans-serif);font-size:var(--text-xs);color:var(--text-tertiary)}.slider-years-positioned span{position:absolute;transform:translate(-50%)}.slider-years-positioned span:first-child{transform:translate(0)}.slider-years-positioned span:last-child{transform:translate(-100%)}.play-pause-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:50%;cursor:pointer;font-family:var(--font-serif);font-weight:500;background:#fffcf580;border:1px solid var(--sumi-iro);color:var(--sumi-iro);transition:all var(--duration-normal) var(--ease-ukiyoe);overflow:visible}.play-pause-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none;z-index:0}.play-pause-button svg{position:relative;z-index:2}.play-pause-button:hover{background:var(--ai-iro);color:var(--color-white);border-color:var(--ai-iro);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:scale(1.05)}.play-pause-button:active{transform:scale(.95);box-shadow:0 1px 4px #00000026}.play-pause-button.paused{background:#fffcf580;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000014,inset 0 1px 1px #ffffff80;opacity:1;overflow:visible}.technique-description{font-family:var(--font-sans, "Noto Sans JP", sans-serif);font-size:var(--text-sm);line-height:1.8;color:var(--text-primary, #2d2a26);margin:0;text-align:left}@media(max-width:1200px){.intro-content-wrapper{padding:2rem;gap:3rem}.intro-text-content .intro-title{font-size:var(--text-4xl)}.slider-image-stack{max-width:400px}}@media(max-width:900px){.intro-content-wrapper{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem}.intro-right-column{order:-1}.slider-image-stack{max-width:350px}.intro-text-content .intro-title{font-size:var(--text-3xl)}.intro-text-content .intro-subtitle{font-size:var(--text-lg)}.intro-text-content .intro-description{font-size:var(--text-sm)}}@media(max-width:600px){.intro-content-wrapper{padding:1.5rem 1rem}.intro-left-column{gap:2rem}.slider-image-stack{max-width:300px}.intro-text-content .intro-title{font-size:var(--text-2xl)}.intro-text-content .intro-subtitle{font-size:var(--text-base)}.current-technique-header .technique-name{font-size:var(--text-xl)}.current-technique-header .technique-year{font-size:var(--text-xs)}.technique-description{font-size:var(--text-sm)}.play-pause-button{width:36px;height:36px;min-width:36px;overflow:visible}.slider-bar-row{gap:.75rem}}.typo-display-lg{font-family:var(--font-serif);font-size:var(--type-display-lg);font-weight:400;line-height:1.3;letter-spacing:.05em}.typo-display-lg-em{font-family:var(--font-serif);font-size:var(--type-display-lg);font-weight:600;line-height:1.3;letter-spacing:.05em}.typo-display-md{font-family:var(--font-serif);font-size:var(--type-display-md);font-weight:400;line-height:1.2;letter-spacing:.04em}.typo-display-md-em{font-family:var(--font-serif);font-size:var(--type-display-md);font-weight:600;line-height:1.2;letter-spacing:.04em}.typo-display-sm{font-family:var(--font-serif);font-size:var(--type-display-sm);font-weight:400;line-height:1.2;letter-spacing:.04em}.typo-display-sm-em{font-family:var(--font-serif);font-size:var(--type-display-sm);font-weight:600;line-height:1.2;letter-spacing:.04em}.typo-headline-lg{font-family:var(--font-serif);font-size:var(--type-headline-lg);font-weight:500;line-height:1.3;letter-spacing:.08em}.typo-headline-md{font-family:var(--font-serif);font-size:var(--type-headline-md);font-weight:500;line-height:1.3;letter-spacing:.05em}.typo-headline-sm{font-family:var(--font-serif);font-size:var(--type-headline-sm);font-weight:500;line-height:1.3;letter-spacing:.05em}.typo-title-xl{font-family:var(--font-serif);font-size:var(--type-title-xl);font-weight:600;line-height:1.3;letter-spacing:0}.typo-title-lg{font-family:var(--font-serif);font-size:var(--type-title-lg);font-weight:600;line-height:1.3;letter-spacing:0}.typo-title-md{font-family:var(--font-serif);font-size:var(--type-title-md);font-weight:600;line-height:1.4;letter-spacing:0}.typo-title-sm{font-family:var(--font-serif);font-size:var(--type-title-sm);font-weight:600;line-height:1.4;letter-spacing:0}.typo-body-lg{font-family:var(--font-sans);font-size:var(--type-body-lg);font-weight:300;line-height:1.6;letter-spacing:0}.typo-body-lg-em{font-family:var(--font-sans);font-size:var(--type-body-lg);font-weight:500;line-height:1.6;letter-spacing:0}.typo-body-md{font-family:var(--font-sans);font-size:var(--type-body-md);font-weight:300;line-height:1.6;letter-spacing:0}.typo-body-md-em{font-family:var(--font-sans);font-size:var(--type-body-md);font-weight:500;line-height:1.6;letter-spacing:0}.typo-body-sm{font-family:var(--font-sans);font-size:var(--type-body-sm);font-weight:300;line-height:1.6;letter-spacing:0}.typo-body-sm-em{font-family:var(--font-sans);font-size:var(--type-body-sm);font-weight:500;line-height:1.6;letter-spacing:0}.typo-body-xs{font-family:var(--font-sans);font-size:var(--type-body-xs);font-weight:300;line-height:1.6;letter-spacing:0}.typo-body-xs-em{font-family:var(--font-sans);font-size:var(--type-body-xs);font-weight:500;line-height:1.6;letter-spacing:0}.typo-label-md{font-family:var(--font-sans);font-size:var(--type-label-md);font-weight:500;line-height:1;letter-spacing:.05em}.typo-label-sm{font-family:var(--font-sans);font-size:var(--type-label-sm);font-weight:500;line-height:1;letter-spacing:.05em}.typo-label-xs{font-family:var(--font-sans);font-size:var(--type-label-xs);font-weight:500;line-height:1;letter-spacing:.05em}