:root{color:#fffdf4;background:#faf6ec;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.7}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #f4d393}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.gallery{isolation:isolate;background:#251b13;height:100svh;min-height:620px;position:relative;overflow:hidden}.photo-stage,.photo-and-caption,.photo-stack{pointer-events:none;position:absolute;inset:0}.photo-stage{z-index:0}.slide{opacity:0;visibility:hidden;transform-origin:50%;margin:0;position:absolute;inset:0;overflow:hidden;transform:scale(1)}.slide img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.slide.is-active{opacity:1;visibility:visible;z-index:2}.slide.is-leaving{visibility:visible;z-index:3;animation:1s ease-in-out both photo-out}.slide.is-entering{visibility:visible;z-index:2;animation:1s ease-in-out both photo-in}@keyframes photo-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.035)}}@keyframes photo-in{0%{opacity:1;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#100c08a6 0%,#100c0833 45%,#0000 72%),linear-gradient(#100c0873,#0000 25% 70%,#100c08b3);position:absolute;inset:0}header{z-index:3;justify-content:space-between;align-items:center;gap:20px;margin:0 48px;padding:24px 0;display:flex;position:relative}.brand{letter-spacing:.12em;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:40px;line-height:1.4;text-decoration:none}.brand small{letter-spacing:.13em;margin-bottom:8px;font:13px Yu Gothic,sans-serif;display:block}header p{text-align:right;text-shadow:0 1px 4px #0009;margin:0;font-size:11px;line-height:1.6}.intro{z-index:2;text-shadow:0 2px 12px #0005;position:absolute;top:34%;left:7%}.intro p{letter-spacing:.15em;margin:0 0 18px;font-size:14px}.intro h1{letter-spacing:.08em;margin:0;font-family:Yu Mincho,serif;font-size:clamp(42px,5.2vw,72px);font-weight:500;line-height:1.55}.intro .welcome{margin:24px 0 0;font-size:17px}.caption{z-index:4;letter-spacing:.1em;text-shadow:0 1px 5px #000c;margin:0;font-size:14px;position:absolute;bottom:122px;right:48px}.controls{z-index:4;justify-content:space-between;align-items:end;gap:24px;display:flex;position:absolute;bottom:32px;left:48px;right:48px}.toggle{color:#fff;background:#241a1573;border:1px solid #fff9;border-radius:3px;min-height:44px;padding:8px 14px;font-size:13px}.toggle:hover{background:#241a15b0}.toggle span:first-child{min-width:16px;display:inline-block}.counter{letter-spacing:.12em;text-align:right;margin:0 0 6px;font-size:13px}.numbers{gap:10px;display:flex}.numbers button{color:#fff;background:0 0;border:0;min-width:44px;min-height:44px;padding:7px 9px;font-size:13px;position:relative}.numbers button:after{content:"";background:#ffffff60;height:2px;position:absolute;bottom:6px;left:4px;right:4px}.numbers button[aria-pressed=true]{color:#ffe0a8}.numbers button[aria-pressed=true]:after{background:#ffe0a8}.comparison{color:#63584b;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;padding:22px 24px;font-size:13px;display:flex}.comparison p{color:#29251f;margin:0}.comparison a{text-underline-offset:4px}.comparison span{font-size:12px}@media (width<=600px){.gallery{min-height:580px}header{margin:0 24px;padding:22px 0}.brand{font-size:30px}.brand small{font-size:11px}header p{font-size:10px}.intro{top:26%;left:26px}.intro h1{font-size:40px;line-height:1.6}.intro p{font-size:12px}.intro .welcome{margin-top:20px;font-size:15px}.slide:first-child img{object-position:60% center}.slide:nth-child(2) img{object-position:67% center}.shade{background:linear-gradient(90deg,#100c0866,#0000 90%),linear-gradient(#100c0890,#0000 55%,#100c08a6)}.controls{gap:10px;bottom:24px;left:24px;right:24px}.numbers{gap:2px}.caption{font-size:13px;bottom:118px;right:24px}.comparison{text-align:center;flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.slide.is-entering,.slide.is-leaving{animation:none}.slide.is-leaving{opacity:0;visibility:hidden}.slide.is-active{transform:none}}